:root{--radius: 16px;--radius-sm: 10px;--gap: 14px;--tone-transit: #2f80ed;--tone-ready: #2aa876;--tone-done: #7b8794;--tone-attention: #e8892b;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 6px 16px rgba(16, 24, 40, .08);--surface: #ffffff;--border: rgba(16, 24, 40, .08);--skeleton: rgba(16, 24, 40, .07)}[data-scheme=dark]{--tone-transit: #5aa2f5;--tone-ready: #3fbf8c;--tone-done: #98a2b3;--tone-attention: #f0a355;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 20px rgba(0, 0, 0, .35);--surface: color-mix(in srgb, var(--card) 92%, white 8%);--border: rgba(255, 255, 255, .08);--skeleton: rgba(255, 255, 255, .07)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;padding-bottom:32px}.wrap{max-width:620px;margin:0 auto;padding:0 16px 24px}.muted{color:var(--hint)}.small{font-size:13px}.brand{display:flex;align-items:center;gap:10px;padding:18px 0 14px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--tone-transit),var(--tone-ready));color:#fff;display:grid;place-items:center;font-weight:700;font-size:17px;flex:none}.brand-name{font-size:20px;font-weight:700;letter-spacing:-.02em}.tabs{display:flex;gap:4px;background:var(--card);border-radius:12px;padding:4px;margin-bottom:16px}.tabs button{flex:1;border:0;border-radius:9px;padding:9px 8px;font-size:15px;font-family:inherit;background:transparent;color:var(--hint);cursor:pointer;transition:background .18s ease,color .18s ease}.tabs button[data-active=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow)}.item{display:block;width:100%;text-align:left;font:inherit;color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:var(--shadow);cursor:pointer;animation:rise .28s ease both;transition:transform .12s ease}.item:active{transform:scale(.99)}.item-top{display:flex;gap:12px;align-items:flex-start}.item-body{flex:1;min-width:0}.item h3{margin:0 0 8px;font-size:16px;font-weight:650;letter-spacing:-.01em;line-height:1.3}.preview{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none;background:var(--skeleton)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:600;line-height:1.2;color:var(--chip-color);background:color-mix(in srgb,var(--chip-color) 14%,transparent)}.chip[data-tone=transit]{--chip-color: var(--tone-transit)}.chip[data-tone=ready]{--chip-color: var(--tone-ready)}.chip[data-tone=done]{--chip-color: var(--tone-done)}.chip[data-tone=attention]{--chip-color: var(--tone-attention)}.chip[data-tone=neutral]{--chip-color: var(--hint)}.progress{margin-top:10px}.progress-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--hint) 22%,transparent);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--chip-color, var(--tone-transit));transition:width .5s cubic-bezier(.2,.7,.3,1)}.progress-label{margin-top:5px;font-size:12px;color:var(--hint)}.hero{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:18px;animation:rise .3s ease both}.hero h1{margin:10px 0 4px;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.02em}.hero .title{font-size:15px;color:var(--hint);margin-bottom:2px}.debt{display:flex;align-items:center;gap:12px;border-radius:var(--radius);padding:14px 16px;margin-bottom:18px;background:color-mix(in srgb,var(--tone-attention) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--tone-attention) 35%,transparent)}.debt-sum{font-size:20px;font-weight:700;color:var(--tone-attention);white-space:nowrap}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;color:var(--tone-attention);background:color-mix(in srgb,var(--tone-attention) 16%,transparent)}.section-title{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--hint);margin:24px 0 12px}.steps{list-style:none;margin:0;padding:0}.step{display:grid;grid-template-columns:34px 1fr;gap:12px;position:relative;padding-bottom:18px}.step:not(:last-child):before{content:"";position:absolute;left:17px;top:34px;bottom:0;width:2px;background:color-mix(in srgb,var(--hint) 28%,transparent)}.step[data-done=true]:not(:last-child):before{background:color-mix(in srgb,var(--tone-transit) 45%,transparent)}.step-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--card);color:var(--hint);border:2px solid transparent;flex:none}.step[data-done=true] .step-dot{background:color-mix(in srgb,var(--tone-transit) 14%,var(--surface));color:var(--tone-transit)}.step[data-current=true] .step-dot{background:var(--tone-transit);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--tone-transit) 20%,transparent)}.step-name{font-weight:550;padding-top:6px}.step[data-current=true] .step-name{font-weight:700}.step[data-done=false] .step-name{color:var(--hint);font-weight:450}.step-date{font-size:13px;color:var(--hint);margin-top:1px}.step-note{margin-top:6px;background:var(--card);border-radius:var(--radius-sm);padding:10px 12px;font-size:15px}.strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.strip::-webkit-scrollbar{display:none}.strip img,.strip .ph{width:132px;height:132px;flex:none;border-radius:14px;object-fit:cover;background:var(--skeleton);scroll-snap-align:start;cursor:pointer}.track{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.track code{flex:1;font-size:15px;letter-spacing:.02em;word-break:break-all}.btn{border:0;background:var(--accent);color:var(--accent-text);border-radius:var(--radius-sm);padding:9px 14px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s ease}.btn:active{opacity:.75}.btn-wide{width:100%;padding:13px;font-size:15px;background:var(--card);color:var(--text)}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f0;display:grid;place-items:center;z-index:20;animation:fade .2s ease both;padding:16px}.viewer img{max-width:100%;max-height:100%;border-radius:12px}.skeleton{background:var(--skeleton);border-radius:var(--radius-sm);animation:pulse 1.4s ease-in-out infinite}.sk-item{border-radius:var(--radius);height:116px;margin-bottom:12px}.center{text-align:center;padding:56px 20px;color:var(--hint)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}