#progress-drawer{border:0;border-left:1px solid var(--ink);background:var(--cream);width:min(460px,100vw);max-width:100%;height:100dvh;max-height:100dvh;color:var(--ink);text-align:left;margin:0;padding:0;inset:0 0 0 auto;overflow:hidden;box-shadow:-16px 0 50px #10263233}#progress-drawer[open]{grid-template-rows:auto minmax(0,1fr) auto;animation:.18s ease-out progress-enter;display:grid}#progress-drawer:not([open]){display:none}#progress-drawer::backdrop{background:#10263299}html:has(#progress-drawer[open]){overflow:hidden}#progress-drawer .progress-drawer-header{padding:max(22px, env(safe-area-inset-top)) 24px 22px;background:var(--ink);color:var(--cream);border-bottom:3px solid var(--mint);justify-content:space-between;align-items:center;gap:20px;display:flex}#progress-drawer .progress-drawer-header>div{min-width:0}#progress-drawer .progress-eyebrow{color:var(--mint);font:700 10px/1.4 var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px;display:block}#progress-drawer h2{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-size:27px;font-weight:750;line-height:1.2}#progress-drawer .progress-close{width:44px;height:44px;color:var(--cream);cursor:pointer;background:#ffffff0d;border:1px solid #fff5;border-radius:12px;flex:0 0 44px;font:400 27px/1 sans-serif}#progress-drawer .progress-close:hover{border-color:var(--mint);background:#ffffff20}#progress-drawer :focus-visible{outline-offset:3px;outline:2px solid #a95a06}#progress-drawer .progress-close:focus-visible{outline-color:var(--yellow)}#progress-drawer .progress-drawer-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#698c89 transparent;min-height:0;padding:22px 24px 28px;scroll-padding-top:70px;overflow-y:auto}#progress-drawer .progress-drawer-body::-webkit-scrollbar{width:6px}#progress-drawer .progress-drawer-body::-webkit-scrollbar-thumb{background:#698c89;border-radius:8px}#progress-drawer .progress-summary{color:var(--ink);background:linear-gradient(125deg,#e4f3e8,#f3f6e9);border:1px solid #b8d5c9;border-radius:16px;padding:17px 18px 14px;text-decoration:none;display:block}#progress-drawer .progress-summary:hover{border-color:#398675}#progress-drawer .progress-summary-top{justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:750;display:flex}#progress-drawer .progress-summary-link{color:#2c6459;text-align:right;font-size:11px;font-weight:650}#progress-drawer .progress-total{flex-wrap:wrap;align-items:baseline;gap:12px;margin:9px 0 12px;display:flex}#progress-drawer .progress-total strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:800;line-height:1.1}#progress-drawer .progress-total small{color:#4e6d66;font-size:19px;font-weight:550}#progress-drawer .progress-total>span{color:#46665f;font-size:12px}#progress-drawer progress{-webkit-appearance:none;appearance:none;accent-color:#2c8776;background:#cdded4;border:0;border-radius:8px;width:100%;height:6px;display:block;overflow:hidden}#progress-drawer progress::-webkit-progress-bar{background:#cdded4;border-radius:8px}#progress-drawer progress::-webkit-progress-value{background:#2c8776;border-radius:8px}#progress-drawer progress::-moz-progress-bar{background:#2c8776;border-radius:8px}#progress-drawer .progress-route{color:#49665e;border-top:1px solid #aacbbb88;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin-top:13px;padding-top:11px;font-size:11px;line-height:1.4;display:flex}#progress-drawer .progress-route b{color:#294f45;font-weight:650}#progress-drawer .progress-current-device{flex-wrap:wrap;align-items:center;gap:12px;padding:17px 0 19px;display:flex}#progress-drawer .progress-current-device>div{flex:155px;min-width:0}#progress-drawer .progress-section-label{font:700 10px/1.5 var(--font-mono), monospace;letter-spacing:.07em;text-transform:uppercase;color:#64736e;margin:0 0 8px;display:block}#progress-drawer .progress-current-device p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:650;line-height:1.45;display:-webkit-box;overflow:hidden}#progress-drawer .save-device{max-width:100%;min-height:44px;color:var(--ink);cursor:pointer;background:#ffde77;border:1px solid #e1b741;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin:0;padding:9px 12px;font-size:12px;font-weight:750;line-height:1.4;display:inline-flex}#progress-drawer .save-device[aria-pressed=true]{background:#e3f1e8;border-color:#98c5b5}#progress-drawer .save-device:hover{box-shadow:0 2px #14283a22}#progress-drawer .progress-tabs{z-index:1;background:#eeeadd;border:1px solid #dfd9c9;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:18px 0;padding:5px;display:grid;position:sticky;top:-22px}#progress-drawer .progress-current-device+.progress-tabs{margin-top:0}#progress-drawer .progress-tabs button{color:#59665f;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:44px;padding:8px 4px;font-size:12px;font-weight:650;line-height:1.4;display:flex}#progress-drawer .progress-tabs button[aria-selected=true]{background:var(--cream);color:var(--ink);box-shadow:0 1px 4px #14283a18}#progress-drawer .progress-tabs button>span{font-variant-numeric:tabular-nums;background:#dfdfd3;border-radius:5px;min-width:17px;padding:1px 4px;font-size:10px}#progress-drawer .progress-tabs button[aria-selected=true]>span{color:#265c4d;background:#cce9dc}#progress-drawer .progress-panel{min-width:0;margin:0}#progress-drawer .progress-panel[hidden]{display:none}#progress-drawer .progress-guide-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}#progress-drawer .progress-guide-list li{margin:0;padding:0}#progress-drawer .progress-guide-list a{min-height:64px;color:var(--ink);background:#fffcf5;border:1px solid #e6dfd1;border-radius:12px;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:12px;text-decoration:none;display:grid}#progress-drawer .progress-guide-list a:hover{background:#fff2d1;border-color:#dac18c}#progress-drawer .progress-item-index{color:#807152;width:30px;height:30px;font:650 11px/1 var(--font-mono), monospace;background:#f0eadc;border-radius:8px;justify-content:center;align-items:center;display:flex}#progress-drawer .progress-item-copy{min-width:0}#progress-drawer .progress-item-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.55;display:-webkit-box;overflow:hidden}#progress-drawer .progress-item-arrow{color:#a77c3c;font-size:16px}#progress-drawer .progress-repair-detail{color:#596d65;gap:7px;margin-top:6px;font-size:11px;display:grid}#progress-drawer .progress-repair-detail progress{height:4px}#progress-drawer .progress-empty{text-align:center;background:#f8f3e7;border:1px dashed #d8cfba;border-radius:14px;padding:24px 18px}#progress-drawer .progress-empty-icon{color:#3a6d5e;background:#e4eee1;border:1px solid #d0dcd0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;font-size:24px;display:inline-flex}#progress-drawer .progress-empty h4{margin:0 0 7px;font-size:15px;font-weight:750;line-height:1.5}#progress-drawer .progress-empty p{color:#68756d;max-width:31ch;margin:0 auto 13px;font-size:12px;line-height:1.7}#progress-drawer .progress-empty a{color:#325c4f;text-underline-offset:4px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:700;text-decoration:underline;display:inline-flex}#progress-drawer .progress-drawer-footer{padding:13px 24px max(13px, env(safe-area-inset-bottom));background:#f3efe3;border-top:1px solid #e6dfcf;align-items:center;gap:9px;margin:0;display:flex}#progress-drawer .progress-drawer-footer>span{background:#3c8772;border-radius:50%;flex:0 0 6px;width:6px;height:6px}#progress-drawer .progress-drawer-footer p{color:#586960;margin:0;font-size:11px;line-height:1.6}@keyframes progress-enter{0%{opacity:.7;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (max-width:480px){#progress-drawer{border-left:0;width:100%}#progress-drawer .progress-drawer-header{padding-inline:20px;padding-block:max(18px, env(safe-area-inset-top)) 18px}#progress-drawer h2{font-size:25px}#progress-drawer .progress-drawer-body{padding:18px 18px 24px}#progress-drawer .progress-tabs{top:-18px}#progress-drawer .progress-drawer-footer{padding-inline:18px}}@media (prefers-reduced-motion:reduce){#progress-drawer[open]{animation:none}}