@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex;overflow:hidden}:root{--bg:#f0ede8;--surface:#fff;--border:#ddd9d2;--ink:#1a1814;--ink2:#6b6560;--accent:#2d6a4f;--accent-light:#eaf4ef;--amber:#f4a261;--red:#e63946;--nav-bg:#1a1814;--radius:10px;--shadow:0 2px 12px #00000014;--track:#e8e5e0}body.dark{--bg:#141210;--surface:#1c1a17;--border:#2d2a26;--ink:#ede9e3;--ink2:#9b9590;--accent:#3d9e72;--accent-light:#152419;--red:#f05661;--nav-bg:#0a0908;--shadow:0 2px 12px #0006;--track:#2d2a26}body{background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif}button{cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}body.dark input,body.dark select,body.dark textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.page-scroll{padding:16px 12px!important}}:root{--bg:#faf8f3;--surface:#fff;--ink:#1a1a1a;--ink2:#6b6860;--ink3:#a8a49a;--border:#ece7dc;--line-2:#e4decf;--nav-bg:#1a1a1a;--accent:#4e6b52;--accent-ink:#2f4233;--accent-bg:#eff1ea;--warn:#b4552f;--warn-bg:#f4e8df;--amber:#b5832b;--amber-bg:#f7efda;--good:#4e6b52;--good-bg:#e9eee5;--chip:#f3efe4;--radius:12px;--radius-lg:18px;--stp-nav-h:104px;--shadow:0 1px 0 #1e180a0a, 0 1px 2px #1e180a0a;--shadow-md:0 2px 4px #1e180a0a, 0 12px 32px -12px #1e180a1f;--nav-gold:#b5933652;--sans:"Inter", system-ui, sans-serif;--serif:"Instrument Serif", "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, monospace}body.dark{--bg:#141310;--surface:#1e1c18;--ink:#f1eee4;--ink2:#a39e91;--ink3:#6b6860;--border:#2b2823;--line-2:#363129;--nav-bg:#0b0a08;--chip:#26231e;--accent-bg:#1e2820;--shadow:0 1px 0 #0003, 0 1px 2px #0000004d;--shadow-md:0 2px 4px #0000004d, 0 12px 32px -12px #0006}*{box-sizing:border-box}html,body{max-width:100vw;overflow-x:hidden}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,[role=button],a{-webkit-tap-highlight-color:transparent;outline:none}button:focus,[role=button]:focus,a:focus{box-shadow:none;outline:none}button:focus-visible,[role=button]:focus-visible,a:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--accent) 25%, transparent);outline:none}button:active,[role=button]:active{transform:translateY(1px)}button::-moz-focus-inner{border:0}.stp-top{background:var(--bg);border-bottom:1px solid var(--border);z-index:40;flex-direction:column;padding:0 32px;display:flex;position:sticky;top:0}.stp-top-row1{justify-content:space-between;align-items:center;height:60px;display:flex}.stp-top-row2{scrollbar-width:none;justify-content:center;align-items:center;padding-bottom:8px;display:flex;overflow-x:auto}.stp-top-row2::-webkit-scrollbar{display:none}.stp-brand{align-items:center;gap:12px;display:flex}.stp-logo{background:var(--ink);color:#f6f1e2;width:32px;height:32px;font-family:var(--serif);border-radius:8px;justify-content:center;align-items:center;font-size:20px;font-style:italic;display:flex}.stp-brand-name{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);font-size:22px;line-height:1}.stp-brand-name em{color:var(--ink2);font-style:italic;font-weight:400}.stp-tabs{background:color-mix(in oklab, var(--bg), var(--ink) 4%);border:1px solid var(--nav-gold);border-radius:999px;align-items:center;gap:2px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.stp-tabs button{color:var(--ink2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.stp-tabs button:hover{color:var(--ink)}.stp-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.stp-top-right{align-items:center;gap:10px;display:flex}.stp-streak{background:var(--amber-bg);color:#7a5818;border:1px solid #e8dcbb;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.stp-icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:36px;height:36px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.stp-icon-btn:hover{background:color-mix(in oklab, var(--surface), var(--ink) 3%)}.stp-icon-btn .dot{background:var(--warn);width:7px;height:7px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:7px;right:7px}.stp-avatar{color:#2b2410;cursor:pointer;border:1px solid var(--line-2);background:linear-gradient(135deg,#d9c49a,#b79f6e);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.stp-avatar img{object-fit:cover;width:100%;height:100%}.stp-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:240px;box-shadow:var(--shadow-md);z-index:100;padding:6px;position:absolute;top:44px;left:0}.stp-menu.right{left:auto;right:0}.stp-menu-head{border-bottom:1px solid var(--border);margin-bottom:4px;padding:12px 12px 10px}.stp-menu-head .name{color:var(--ink);font-size:13px;font-weight:600}.stp-menu-head .em{color:var(--ink2);font-size:11px}.stp-menu-item{cursor:pointer;color:var(--ink);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;display:flex}.stp-menu-item:hover{background:color-mix(in oklab, var(--surface), var(--ink) 5%)}.stp-menu-item svg{width:15px;height:15px;color:var(--ink2)}.stp-menu-item.danger,.stp-menu-item.danger svg{color:var(--warn)}.stp-menu-sep{background:var(--border);height:1px;margin:4px 0}.stp-menu-switch{cursor:pointer;color:var(--ink);border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;display:flex}.stp-menu-switch:hover{background:color-mix(in oklab, var(--surface), var(--ink) 5%)}.stp-switch{background:var(--line-2);border-radius:999px;flex-shrink:0;width:30px;height:18px;transition:background .15s;position:relative}.stp-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.stp-switch.on{background:var(--accent)}.stp-switch.on:after{transform:translate(12px)}.stp-notifs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(360px,92vw);box-shadow:var(--shadow-md);z-index:100;position:absolute;top:44px;right:0;overflow:hidden}.stp-nf-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.stp-nf-head .t{font-family:var(--serif);color:var(--ink);font-size:18px}.stp-nf-head .mark{color:var(--accent);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:500}.stp-nf-list{max-height:420px;overflow-y:auto}.stp-nf-item{border-bottom:1px solid var(--border);cursor:pointer;gap:12px;padding:14px 18px;display:flex;position:relative}.stp-nf-item:hover{background:color-mix(in oklab, var(--surface), var(--ink) 3%)}.stp-nf-item.unread{background:color-mix(in oklab, var(--surface), var(--accent) 4%)}.stp-nf-item.unread:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:22px;left:6px}.stp-nf-ic{background:var(--chip);width:36px;height:36px;color:var(--ink);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.stp-nf-body{flex:1;min-width:0}.stp-nf-title{color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:600}.stp-nf-msg{color:var(--ink2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}.stp-nf-time{color:var(--ink3);font-size:11px;font-family:var(--mono);margin-top:4px}.stp-content{max-width:1200px;margin:0 auto;padding:28px 32px 48px}@media (width<=720px){.stp-content{padding:20px 16px 40px}}.stp-hero{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:28px;padding-bottom:24px;display:grid}@media (width<=720px){.stp-hero{grid-template-columns:1fr}}.stp-hero h1{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:0 0 6px;font-size:clamp(32px,5vw,48px);font-weight:400;line-height:1}.stp-hero h1 em{color:var(--ink2);font-style:italic}.stp-hero-sub{color:var(--ink2);font-size:14px}.stp-hero-sub b{color:var(--ink);font-weight:500}.stp-stats{flex-wrap:wrap;gap:10px;display:flex}.stp-stat{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-width:110px;padding:12px 16px}.stp-stat .l{text-transform:uppercase;letter-spacing:.12em;color:var(--ink3);font-size:10px;font-weight:600}.stp-stat .v{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin-top:2px;font-size:26px;line-height:1.1}.stp-stat .v .unit{font-family:var(--sans);color:var(--ink2);margin-left:2px;font-size:13px}.stp-toolbar{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.stp-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width>=721px){.stp-toolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.stp-toolbar-actions{order:2}.stp-toolbar .stp-seg{order:1}}.stp-live-badge{color:var(--accent);font-size:11px;font-weight:700;font-family:var(--mono);letter-spacing:.05em;align-items:center;gap:5px;display:inline-flex}.stp-live-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite stp-dot-blink}@keyframes stp-dot-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.75)}}.stp-status-badge{min-height:14px;font-size:9px;font-weight:700;font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.stp-status-value{color:var(--ink2);font-size:11px;font-weight:700;font-family:var(--mono);letter-spacing:.02em;white-space:nowrap}.stp-status-value.completed{color:#2e7d32}.stp-status-value.partial{color:#b7791f}.stp-status-value.missed{color:#c62828}.stp-status-value.live{color:#166534}.stp-status-badge.completed{color:#fff;background:#43a047}.stp-status-badge.partial{color:#fff;background:#e4a62a}.stp-status-badge.missed{color:#fff;background:#e57373}.stp-status-badge.live{color:#fff;background:#496d4e}.stp-prog-wrap{background:#eee8dd;border:1px solid #e5ddcf;border-radius:999px;flex-shrink:0;align-items:stretch;width:64px;height:6px;display:inline-flex;overflow:hidden}.stp-prog-fill{border-radius:inherit;height:100%;transition:width .4s;display:block}.stp-prog-wrap.live .stp-prog-fill{background:var(--accent)}.stp-prog-wrap.full .stp-prog-fill{background:#4caf50}.stp-prog-wrap.partial .stp-prog-fill{background:#ff9800}.stp-prog-wrap.missed .stp-prog-fill{background:#ef5350;width:0!important}.stp-status-value{margin-left:-2px}.stp-card.completed{border-color:#4caf50}.stp-card.partial{border-color:#ff9800}.stp-card.missed{background:color-mix(in oklab, #e57373 6%, var(--surface));border-color:#e57373}.stp-card.window{border-color:color-mix(in oklab, var(--accent) 72%, white 14%);background:color-mix(in oklab, var(--accent) 8%, var(--surface));animation:1.5s ease-in-out infinite stp-window-card-glow}.stp-title.strikethrough{text-decoration:line-through;-webkit-text-decoration-color:var(--ink3);text-decoration-color:var(--ink3);color:var(--ink2)}@keyframes stp-window-card-glow{0%,to{box-shadow:0 0 #5da86c00}50%{box-shadow:0 0 0 4px #5da86c1f,0 0 22px #5da86c2e}}.stp-act.play.glow{background:color-mix(in oklab, var(--accent) 80%, white 20%);border-color:color-mix(in oklab, var(--accent) 78%, white 18%);animation:1.35s ease-in-out infinite stp-play-glow}@keyframes stp-play-glow{0%,to{transform:scale(1);box-shadow:0 0 #5da86c00}50%{background:color-mix(in oklab, var(--accent) 68%, white 32%);transform:scale(1.04);box-shadow:0 0 0 7px #5da86c2e,0 0 18px #5da86c47}}.stp-seg{background:var(--chip);border:1px solid var(--border);border-radius:8px;padding:2px;display:inline-flex}.stp-seg button{cursor:pointer;color:var(--ink2);white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;display:flex}.stp-seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1e180a14}.stp-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--ink);border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.stp-btn:hover{background:color-mix(in oklab, var(--surface), var(--ink) 3%);border-color:var(--ink3)}.stp-btn:disabled{opacity:.5;cursor:not-allowed}.stp-btn.primary{background:var(--ink);color:#f6f1e2;border-color:var(--ink)}.stp-btn.primary:hover{background:#2b2b2b}.stp-btn.ai{color:#f6f1e2;background:linear-gradient(135deg,#1a1a1a,#2f4233);border:none}.stp-btn svg{width:14px;height:14px}.stp-timeline{--stp-track-left:70px;--stp-track-top:8px;--stp-track-height:calc(100% - 16px);--stp-track-progress:0px;--stp-track-tip:0px;position:relative}.stp-timeline-track{left:var(--stp-track-left);top:var(--stp-track-top);height:var(--stp-track-height);pointer-events:none;z-index:0;width:8px;position:absolute;transform:translate(-50%)}.stp-timeline-track-base,.stp-timeline-track-progress{border-radius:999px;position:absolute;top:0;left:50%;transform:translate(-50%)}.stp-timeline-track-base{opacity:.7;background:#ddd7cc;width:1px;height:100%}.stp-timeline-track-progress{width:1.5px;height:var(--stp-track-progress);will-change:height;background:#166534;transition:height .4s ease-in-out}.stp-timeline-track-tip{left:50%;top:var(--stp-track-tip);will-change:top, opacity, box-shadow;background:#166534;border-radius:50%;width:5px;height:5px;transition:top .4s ease-in-out;animation:2.8s ease-in-out infinite stp-track-tip-breathe;position:absolute;transform:translate(-50%,-50%)}@keyframes stp-track-tip-breathe{0%,to{opacity:.4;box-shadow:0 0 #22c55e1a}50%{opacity:.88;box-shadow:0 0 0 3px #22c55e2e}}.stp-tl-row{grid-template-columns:60px 20px 1fr;gap:16px;padding:4px 0;display:grid;position:relative}.stp-tl-time{font-family:var(--mono);color:var(--ink2);text-align:right;padding-top:18px;font-size:11px;line-height:1.4}.stp-tl-time .end{color:var(--ink3)}.stp-tl-dot{justify-content:center;align-self:start;margin-top:18px;display:flex;position:relative}.stp-tl-dot:before{content:"";background:var(--surface);border:2px solid var(--ink3);z-index:1;border-radius:50%;width:14px;height:14px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.stp-tl-dot-icon{z-index:2;color:#fff;text-shadow:0 1px 2px #00000026;font-size:10px;font-weight:800;line-height:1;position:absolute;top:7px;left:50%;transform:translate(-50%,-50%)}.stp-tl-dot.idle .stp-tl-dot-icon,.stp-tl-dot.live .stp-tl-dot-icon,.stp-tl-dot.partial .stp-tl-dot-icon,.stp-tl-dot.window .stp-tl-dot-icon{display:none}.stp-tl-dot.completed:before{background:#4caf50;border-color:#4caf50}.stp-tl-dot.partial:before{background:conic-gradient(#ffb300 0 270deg, color-mix(in oklab, #ffb300 18%, var(--surface)) 270deg 360deg);border-color:#ffb300}.stp-tl-dot.missed:before{background:#e57373;border-color:#e57373}.stp-tl-dot.live:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 25%, transparent);animation:2s infinite stp-pulse}.stp-tl-dot.window:before{background:color-mix(in oklab, var(--accent) 12%, var(--surface));border-color:color-mix(in oklab, var(--accent) 72%, white 10%);animation:1.5s ease-in-out infinite stp-window-dot;box-shadow:0 0 0 4px #5da86c1f}@keyframes stp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@keyframes stp-window-dot{0%,to{transform:translateY(0);box-shadow:0 0 #5da86c14}50%{transform:translateY(-1px);box-shadow:0 0 0 6px #5da86c24,0 0 14px #5da86c29}}.stp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr auto;align-items:center;gap:16px;margin:4px 0;padding:16px 18px;transition:border-color .15s;display:grid}.stp-card:hover{border-color:var(--line-2)}.stp-top-line{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.stp-pri{color:#b8891f;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(#fbf6e8,#f4ead2);border:1px solid #eedfb8;border-radius:999px;align-items:center;gap:3px;min-height:14px;padding:0 6px;font-size:9px;font-weight:700;display:inline-flex}.stp-pri:before{display:none}.stp-pri.high:before,.stp-pri.med:before,.stp-pri.medium:before,.stp-pri.low:before{background:#d3a63b}.stp-pri.high,.stp-pri.med,.stp-pri.medium,.stp-pri.low{color:#b8891f}.stp-pri-crown{color:#c9971a;font-size:8px;line-height:1}.stp-sep-dot{background:var(--ink3);border-radius:50%;width:3px;height:3px}.stp-subject{color:var(--ink2);font-size:12px}.stp-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);font-size:22px;line-height:1.15}.stp-meta{color:var(--ink2);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12px;display:flex}.stp-meta span{align-items:center;gap:5px;display:inline-flex}.stp-meta svg{width:12px;height:12px}.stp-dur-chip{font-family:var(--mono);background:var(--chip);color:var(--ink);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:11px}.stp-actions{gap:6px;display:flex}.stp-act{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:36px;height:36px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;font-family:inherit;transition:all .15s;display:flex}.stp-act:hover{background:color-mix(in oklab, var(--surface), var(--ink) 3%);border-color:var(--ink3)}.stp-act.play{background:var(--accent);color:#fff;border-color:var(--accent)}.stp-act.play:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.stp-act.danger:hover{color:var(--warn);border-color:var(--warn)}.stp-act svg{width:14px;height:14px}.stp-break-note{color:var(--ink3);font-size:11px;font-family:var(--mono);align-items:center;gap:8px;margin:2px 0 2px 86px;padding:6px 12px;display:flex}.stp-break-note:before{content:"";background:var(--border);flex:1;max-width:24px;height:1px}.stp-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.stp-table{border-collapse:collapse;width:100%;font-size:13px}.stp-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--ink2);border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--surface), var(--ink) 2%);padding:14px 18px;font-size:11px;font-weight:600}.stp-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 18px}.stp-table tbody tr:last-child td{border-bottom:none}.stp-table tbody tr:hover{background:color-mix(in oklab, var(--surface), var(--ink) 2%)}.stp-t-title{font-family:var(--serif);letter-spacing:-.005em;color:var(--ink);font-size:17px}.stp-t-sub{color:var(--ink2);margin-top:2px;font-size:11px}.stp-t-time{font-family:var(--mono);color:var(--ink);font-size:12px}.stp-table .stp-pri{letter-spacing:.04em;background:0 0;border:none;border-radius:0;gap:5px;min-height:0;padding:0}.stp-table .stp-pri:before{flex-shrink:0;width:6px;height:6px;display:inline-block!important}.stp-table .stp-pri.high{color:var(--warn)}.stp-table .stp-pri.high:before{background:var(--warn)}.stp-table .stp-pri.med,.stp-table .stp-pri.medium{color:var(--amber)}.stp-table .stp-pri.med:before,.stp-table .stp-pri.medium:before{background:var(--amber)}.stp-table .stp-pri.low{color:var(--accent)}.stp-table .stp-pri.low:before{background:var(--accent)}.stp-table .stp-pri-crown{display:none}.stp-active-banner{color:#f6f1e2;z-index:5;background:linear-gradient(135deg,#1a1a1a 0%,#232323 50%,#1a1a1a 100%);border:1px solid #d9c49a38;border-radius:999px;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;width:min(640px,100vw - 24px);margin:10px auto 0;padding:10px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000059,0 2px 8px #00000040,inset 0 0 0 1px #ffffff0a}.stp-active-banner:before{content:"";mix-blend-mode:screen;pointer-events:none;background:radial-gradient(28px at 0%,#d9c49ad9 0%,#d9c49a59 35%,#0000 70%) no-repeat;border-radius:999px;animation:2.8s linear infinite stp-ab-glow;position:absolute;inset:0}@keyframes stp-ab-glow{0%{background-position:110% 0}to{background-position:-10% 0}}.stp-ab-left{z-index:1;flex:auto;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.stp-ab-left>div{flex:auto;min-width:0}.stp-ab-dot{background:#d9c49a;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:2s infinite stp-pulse2;box-shadow:0 0 12px #d9c49acc,0 0 #d9c49a99}@keyframes stp-pulse2{50%{box-shadow:0 0 12px #d9c49acc,0 0 0 6px #d9c49a00}}.stp-ab-title{font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;font-style:italic;overflow:hidden}.stp-ab-meta{display:none}.stp-ab-timer{font-family:var(--mono);letter-spacing:.06em;z-index:2;white-space:nowrap;border-left:1px solid #d9c49a2e;flex:none;padding-left:10px;font-size:16px;position:relative}@media (width<=560px){.stp-active-banner{gap:10px;width:auto;margin:8px 12px 0;padding:8px 14px}.stp-ab-title{font-size:12px}.stp-ab-timer{padding-left:8px;font-size:13px}}.stp-scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#1a160c73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.stp-modal{background:var(--surface);border-radius:var(--radius-lg);width:min(520px,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 40px 80px #0003}.stp-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:24px 28px 16px;display:flex}.stp-modal-head h3{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:28px;font-weight:400}.stp-modal-head .sub{color:var(--ink2);margin-top:2px;font-size:13px}.stp-modal-body{padding:20px 28px 24px}.stp-field{margin-bottom:16px}.stp-field label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink2);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.stp-input,.stp-select{border:1px solid var(--line-2);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,background .15s}.stp-input:focus,.stp-select:focus{border-color:var(--ink);background:color-mix(in oklab, var(--surface), var(--ink) 2%);outline:none}.stp-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stp-pri-group{gap:6px;display:flex}.stp-pri-btn{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;color:var(--ink2);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-family:inherit;font-size:13px;display:flex}.stp-pri-btn.on.high{background:var(--warn-bg);border-color:var(--warn);color:var(--warn)}.stp-pri-btn.on.med{background:var(--amber-bg);border-color:var(--amber);color:var(--amber)}.stp-pri-btn.on.low{background:var(--good-bg);border-color:var(--good);color:var(--good)}.stp-pri-btn .d{background:currentColor;border-radius:50%;width:7px;height:7px}.stp-modal-foot{border-top:1px solid var(--border);background:color-mix(in oklab, var(--surface), var(--ink) 2%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 28px;display:flex}.stp-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:48px 24px}.stp-empty h3{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:12px 0 4px;font-size:26px;font-weight:400}.stp-empty p{color:var(--ink2);margin:0 0 16px;font-size:14px}.stp-toast{z-index:9999;background:var(--ink);color:#f6f1e2;border-radius:10px;padding:12px 20px;font-size:13px;animation:.3s stp-fade;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #00000040}@keyframes stp-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes stpSpin{to{transform:rotate(360deg)}}body.stp-has-sidebar main{padding-left:268px}.stp-plan-row:hover .stp-plan-kebab{opacity:1!important}.stp-exam-card-wrap:hover .stp-exam-card:not(.active){border-color:var(--line-2)}.stp-add-btn:hover{border-color:var(--ink3);color:var(--ink2)}.stp-tab-short{display:none}.stp-tab-full{display:inline}.stp-live-stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:36px 28px;position:relative;overflow:hidden}.stp-live-stage:before{content:"";background:radial-gradient(60% 60% at 50% 0%, color-mix(in oklab, var(--accent) 8%, transparent), transparent 60%), radial-gradient(40% 40% at 100% 100%, color-mix(in oklab, var(--amber) 6%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0}.stp-live-head{z-index:1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex;position:relative}.stp-live-status{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;font-family:var(--mono);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.stp-live-status.running{background:var(--accent-bg);color:var(--accent-ink);border:1px solid color-mix(in oklab, var(--accent) 30%, var(--border))}.stp-live-status.paused{background:var(--warn-bg);color:var(--warn);border:1px solid color-mix(in oklab, var(--warn) 30%, var(--border))}.stp-live-status.idle{background:var(--chip);color:var(--ink2);border:1px solid var(--border)}.stp-live-status .pulse{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite stp-dot-blink}.stp-live-status.paused .pulse,.stp-live-status.idle .pulse{opacity:.55;animation:none}.stp-live-ring-wrap{z-index:1;justify-content:center;align-items:center;padding:8px 0 16px;display:flex;position:relative}.stp-live-ring{width:min(360px,78vw);height:min(360px,78vw);display:block}.stp-live-ring .track{stroke:color-mix(in oklab, var(--ink) 8%, var(--surface))}.stp-live-ring .fill{stroke:var(--accent);stroke-linecap:round;filter:drop-shadow(0 0 10px color-mix(in oklab, var(--accent) 30%, transparent));transition:stroke-dashoffset .6s}.stp-live-ring.paused .fill{stroke:var(--warn);filter:drop-shadow(0 0 10px color-mix(in oklab, var(--warn) 30%, transparent))}.stp-live-ring-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stp-live-time{font-family:var(--mono);letter-spacing:-.02em;color:var(--ink);font-size:clamp(38px,9vw,64px);font-weight:500;line-height:1}.stp-live-pct{font-family:var(--mono);letter-spacing:.18em;color:var(--ink2);text-transform:uppercase;margin-top:10px;font-size:12px}.stp-live-name{font-family:var(--serif);color:var(--ink);text-align:center;margin:4px 0 0;font-size:22px;font-style:italic}.stp-live-sub{text-align:center;color:var(--ink2);font-size:12px;font-family:var(--mono);margin-top:4px}.stp-live-stats{z-index:1;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 8px;display:grid;position:relative}.stp-live-stats .cell{background:color-mix(in oklab, var(--surface), var(--ink) 2%);border:1px solid var(--border);text-align:center;border-radius:12px;padding:12px 14px}.stp-live-stats .cell .l{text-transform:uppercase;letter-spacing:.12em;color:var(--ink3);font-size:10px;font-weight:600}.stp-live-stats .cell .v{font-family:var(--mono);color:var(--ink);margin-top:4px;font-size:18px;font-weight:500}.stp-live-controls{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex;position:relative}.stp-live-mainbtn{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-width:220px;padding:16px 36px;font-family:inherit;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex;position:relative;overflow:hidden}.stp-live-mainbtn.start{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 20px color-mix(in oklab, var(--accent) 35%, transparent), inset 0 0 0 1px #ffffff14}.stp-live-mainbtn.start:hover{background:var(--accent-ink);border-color:var(--accent-ink);box-shadow:0 8px 26px color-mix(in oklab, var(--accent) 45%, transparent)}.stp-live-mainbtn.pause{background:var(--warn);color:#fff;border-color:var(--warn);box-shadow:0 6px 20px color-mix(in oklab, var(--warn) 30%, transparent), inset 0 0 0 1px #ffffff14}.stp-live-mainbtn.pause:hover{filter:brightness(.95)}.stp-live-mainbtn.done{background:color-mix(in oklab, var(--accent) 18%, var(--surface));color:var(--accent);border-color:color-mix(in oklab, var(--accent) 45%, var(--border))}.stp-live-mainbtn:disabled{opacity:.55;cursor:not-allowed}.stp-live-mainbtn.done:disabled{opacity:1}.stp-live-mainbtn svg{width:18px;height:18px}@media (width<=560px){.stp-live-mainbtn{min-width:180px;padding:14px 28px;font-size:14px}}.stp-live-ring .tip{fill:var(--accent);stroke:#fff;stroke-width:2px;filter:drop-shadow(0 0 6px color-mix(in oklab, var(--accent) 60%, transparent));transition:transform .6s}.stp-live-ring.paused .tip{fill:var(--warn);filter:drop-shadow(0 0 6px color-mix(in oklab, var(--warn) 60%, transparent))}.stp-quick-row.active .stp-quick-progress{position:relative;overflow:hidden}.stp-quick-row.active .stp-quick-progress:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffffb3 50%,#0000 100%);width:35%;animation:1.8s linear infinite stp-quick-shine;position:absolute;top:0;bottom:0;left:0}@keyframes stp-quick-shine{0%{transform:translate(-100%)}to{transform:translate(380%)}}.stp-live-ctrl{cursor:pointer;letter-spacing:.02em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 22px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.stp-live-ctrl.start{background:var(--accent);color:#fff;border-color:var(--accent)}.stp-live-ctrl.start:hover:not(:disabled){background:var(--accent-ink);border-color:var(--accent-ink)}.stp-live-ctrl.pause{background:var(--warn-bg);color:var(--warn);border-color:color-mix(in oklab, var(--warn) 50%, var(--border))}.stp-live-ctrl.pause:hover:not(:disabled){background:var(--warn);color:#fff}.stp-live-ctrl.reset{background:var(--surface);color:var(--ink2);border-color:var(--border)}.stp-live-ctrl.reset:hover:not(:disabled){color:var(--ink);border-color:var(--ink3)}.stp-live-ctrl.done{background:color-mix(in oklab, var(--accent) 16%, var(--surface));color:var(--accent);border-color:color-mix(in oklab, var(--accent) 50%, var(--border))}.stp-live-ctrl.done:disabled{opacity:1;cursor:default}.stp-live-ctrl:disabled{opacity:.55;cursor:not-allowed}.stp-live-ctrl svg{width:14px;height:14px}.stp-live-quick{margin-top:24px}.stp-live-quick h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 12px;font-size:22px;font-weight:400}.stp-live-quick h3 em{color:var(--ink2);font-style:italic}.stp-quick-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;transition:border-color .15s,transform .15s;display:flex}.stp-quick-row:hover{border-color:var(--ink3)}.stp-quick-row.active{border-color:var(--accent);background:var(--accent-bg)}.stp-quick-row .info{min-width:0}.stp-quick-row .name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.stp-quick-row .meta{color:var(--ink2);font-size:11px;font-family:var(--mono);margin-top:2px}@media (width<=720px){.stp-live-stage{padding:20px 14px}.stp-live-stats{gap:6px}.stp-live-stats .cell{padding:10px 8px}.stp-live-stats .cell .v{font-size:14px}.stp-live-ctrl{min-width:90px;padding:10px 14px;font-size:12px}.stp-live-ring{width:min(280px,70vw);height:min(280px,70vw)}.stp-live-time{font-size:clamp(32px,11vw,52px)}.stp-live-stats{grid-template-columns:1fr 1fr}.stp-quick-row{gap:8px;padding:10px 12px}.stp-quick-row .info{flex:1;min-width:0}}.stp-quick-row{grid-template-columns:1fr auto;align-items:center;display:grid}.stp-quick-row.active{background:#fff4e0;border-color:#e4a62a}.stp-quick-row.active .name{color:#7a4d00}.stp-quick-row.done{background:color-mix(in oklab, var(--accent) 10%, var(--surface));border:1px solid color-mix(in oklab, var(--accent) 55%, var(--border))}.stp-quick-row.done .name{color:var(--accent-ink,var(--accent))}.stp-quick-row.done .stp-quick-progress .fill{background:linear-gradient(90deg, var(--accent) 0%, #7ba77f 100%)}.stp-quick-progress{background:var(--chip);border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.stp-quick-progress .fill{background:linear-gradient(90deg, var(--accent) 0%, #7ba77f 100%);border-radius:999px;height:100%;transition:width .4s}.stp-quick-row.active .stp-quick-progress .fill{background:linear-gradient(90deg,#e4a62a 0%,#f0b84a 100%)}.stp-quick-row .pct{font-family:var(--mono);color:var(--ink3);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:10px}@media (width<=720px){.stp-content{padding:18px 12px 40px}.stp-hero{padding:0 2px}.stp-stats{flex-wrap:wrap;gap:8px}}.stp-wastage-grid{grid-template-columns:1.1fr 1fr;gap:18px;margin-bottom:22px;display:grid}@media (width<=900px){.stp-wastage-grid{grid-template-columns:1fr}}.stp-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px 24px}@media (width<=720px){.stp-panel{padding:16px 14px}}.stp-bar-row.expandable{flex-wrap:wrap}.stp-bar-row .chev{text-align:center;width:18px;color:var(--ink3);flex-shrink:0;font-size:12px;transition:transform .2s}.stp-bar-row.open .chev{color:var(--ink2);transform:rotate(90deg)}.stp-bar-detail{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-basis:100%;margin-top:8px;padding:8px 10px 10px}.stp-bar-detail .item{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:10px;padding:6px 4px;font-size:12px;display:flex}.stp-bar-detail .item:last-child{border-bottom:none}.stp-bar-detail .item .nm{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.stp-bar-detail .item .du{font-family:var(--mono);flex-shrink:0;font-weight:600}.stp-bar-detail .item .du.miss{color:#c62828}.stp-bar-detail .item .du.part{color:#b7791f}.stp-panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.stp-panel-head h3{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:22px;font-weight:400}.stp-panel-head h3 em{color:var(--ink2);font-style:italic}.stp-panel-head .badge{text-transform:uppercase;letter-spacing:.12em;color:var(--ink3);font-size:10px;font-weight:700;font-family:var(--mono)}.stp-donut-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}@media (width<=560px){.stp-donut-wrap{gap:14px}}.stp-donut{flex-shrink:0;width:180px;max-width:100%;height:180px;position:relative}@media (width<=560px){.stp-donut{width:140px;height:140px}}.stp-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.stp-donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stp-donut-val{font-family:var(--serif);color:var(--ink);letter-spacing:-.02em;font-size:36px;line-height:1}.stp-donut-lbl{text-transform:uppercase;letter-spacing:.14em;color:var(--ink3);margin-top:6px;font-size:10px;font-weight:700}.stp-legend{flex-direction:column;gap:10px;min-width:140px;display:flex}.stp-legend-row{color:var(--ink2);justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex}.stp-legend-row .lbl{align-items:center;gap:8px;display:inline-flex}.stp-legend-row .sw{border-radius:3px;width:10px;height:10px}.stp-legend-row .v{font-family:var(--mono);color:var(--ink);font-weight:600}.stp-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 18px;display:grid}@media (width<=560px){.stp-summary-grid{grid-template-columns:repeat(3,1fr);gap:6px}.stp-sum{padding:10px 8px 10px 12px}.stp-sum .l{letter-spacing:.06em;font-size:8px}.stp-sum .v{font-size:18px}}.stp-sum{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:14px 16px;position:relative;overflow:hidden}.stp-sum:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.stp-sum.red:before{background:#e57373}.stp-sum.amber:before{background:#e4a62a}.stp-sum.green:before{background:#4caf50}.stp-sum .l{text-transform:uppercase;letter-spacing:.12em;color:var(--ink3);font-size:10px;font-weight:700}.stp-sum .v{font-family:var(--mono);color:var(--ink);letter-spacing:-.01em;margin-top:4px;font-size:24px;font-weight:600}.stp-sum .v.red{color:#c62828}.stp-sum .v.amber{color:#b7791f}.stp-sum .v.green{color:#2e7d32}.stp-bar-row{border-bottom:1px dashed var(--border);align-items:center;gap:10px;min-width:0;padding:8px 4px;display:flex}@media (width<=560px){.stp-bar-row{flex-wrap:wrap;gap:6px;padding-right:2px}.stp-bar-row .stp-bar-date{width:56px;font-size:10px}.stp-bar-row .stp-bar-val{width:50px;font-size:10px}}.stp-bar-row:last-child{border-bottom:none}.stp-bar-date{width:78px;color:var(--ink2);font-size:11px;font-family:var(--mono);flex-shrink:0}.stp-bar-track{background:var(--chip);border-radius:999px;flex:1;height:10px;position:relative;overflow:hidden}.stp-bar-fill{background:linear-gradient(90deg,#e4a62a,#e57373);border-radius:999px;transition:width .5s;position:absolute;top:0;bottom:0;left:0}.stp-bar-val{text-align:right;width:64px;font-family:var(--mono);color:var(--ink);flex-shrink:0;font-size:11px;font-weight:600}.stp-w-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;margin-bottom:8px;padding:14px 16px;transition:all .15s;display:grid}@media (width<=560px){.stp-w-card{gap:8px;padding:12px}.stp-w-card .meta{gap:8px;font-size:10px}}.stp-w-card:hover{border-color:var(--ink3)}.stp-w-card.selected{border-color:var(--accent);background:var(--accent-bg)}.stp-w-card.missed{border-left:3px solid #e57373}.stp-w-card.partial{border-left:3px solid #e4a62a}.stp-w-card .name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.stp-w-card .meta{color:var(--ink2);font-size:11px;font-family:var(--mono);flex-wrap:wrap;gap:14px;margin-top:3px;display:flex}.stp-w-card .meta b.studied{color:#2e7d32}.stp-w-card .meta b.wasted{color:#c62828}.stp-w-card .right{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.stp-flex-list{flex-direction:column;gap:10px;margin-top:6px;display:flex}.stp-flex-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:flex-start;gap:14px;min-width:0;padding:14px 16px;transition:border-color .15s,background .15s;display:grid}@media (width<=560px){.stp-flex-card{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:12px}.stp-flex-card .stp-flex-num{font-size:14px}}.stp-flex-card:hover{border-color:var(--ink3)}.stp-flex-card.completed{border-left:3px solid #4caf50}.stp-flex-card.partial{border-left:3px solid #e4a62a}.stp-flex-card.skipped{border-left:3px solid #e57373}.stp-flex-card.active{border-left:3px solid var(--accent)}.stp-flex-card.pending{border-left:3px solid var(--ink3)}.stp-flex-card.live{background:color-mix(in oklab, var(--accent) 6%, var(--surface));border-color:var(--accent)}.stp-flex-num{font-family:var(--mono);color:var(--ink2);background:var(--chip);border-radius:8px;justify-content:center;align-self:stretch;align-items:center;min-height:44px;font-size:16px;font-weight:700;display:flex}.stp-flex-card.live .stp-flex-num{color:var(--accent)}.stp-flex-body{flex-direction:column;gap:4px;min-width:0;display:flex}.stp-flex-top{color:var(--ink2);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.stp-flex-status{letter-spacing:.04em;background:var(--chip);color:var(--ink2);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.stp-flex-status.completed{color:#2e7d32;background:#e8f5ea}.stp-flex-status.partial{color:#b7791f;background:#fdf3e8}.stp-flex-status.skipped{color:#c62828;background:#fde8e8}.stp-flex-status.active{background:color-mix(in oklab, var(--accent) 14%, var(--surface));color:var(--accent)}.stp-flex-status.pending{background:var(--chip);color:var(--ink3)}.stp-mode-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.stp-mode-grid{grid-template-columns:1fr}}.stp-mode-card{background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;font:inherit;color:inherit;border-radius:12px;flex-direction:column;gap:6px;padding:16px 14px;transition:all .15s;display:flex}.stp-mode-card:hover{border-color:var(--accent);transform:translateY(-1px)}.stp-mode-card.on{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 8%, var(--surface))}.stp-mode-ic{font-size:24px;line-height:1}.stp-mode-name{font-family:var(--serif);color:var(--ink);font-size:18px}.stp-mode-desc{color:var(--ink2);font-size:12px;line-height:1.45}.stp-summary-grid:has(.stp-sum:nth-child(4)){grid-template-columns:repeat(4,1fr)}@media (width<=720px){.stp-summary-grid:has(.stp-sum:nth-child(4)){grid-template-columns:repeat(2,1fr)}}.stp-insight{background:var(--chip);border-left:3px solid var(--ink3);border-radius:10px;padding:14px 16px}.stp-insight-good{background:color-mix(in oklab, #4caf50 12%, var(--surface));border-left-color:#4caf50}.stp-insight-warn{background:color-mix(in oklab, #e4a62a 14%, var(--surface));border-left-color:#e4a62a}.stp-insight-info{background:color-mix(in oklab, var(--accent) 8%, var(--surface));border-left-color:var(--accent)}.stp-w-card.stp-flex-row{cursor:default}.stp-w-card.stp-flex-row.completed{border-left:3px solid #4caf50}.stp-w-card.stp-flex-row.partial{border-left:3px solid #e4a62a}.stp-w-card.stp-flex-row.skipped{border-left:3px solid #e57373}.stp-w-card.stp-flex-row.active{border-left:3px solid var(--accent)}.stp-w-card.stp-flex-row.pending{border-left:3px solid var(--ink3);opacity:.85}.stp-sheet-scrim{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14141473;justify-content:center;align-items:flex-end;animation:.18s ease-out stp-sheet-fade;display:flex;position:fixed;inset:0}@keyframes stp-sheet-fade{0%{opacity:0}to{opacity:1}}.stp-sheet{background:var(--surface);width:100%;max-width:720px;color:var(--ink);border:1px solid var(--border);border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;max-height:90vh;animation:.22s cubic-bezier(.2,.7,.2,1) stp-sheet-up;display:flex;box-shadow:0 -10px 40px #0000002e}@keyframes stp-sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width>=720px){.stp-sheet-scrim{align-items:center}.stp-sheet{border-bottom:1px solid var(--border);border-radius:16px;max-height:86vh}}.stp-sheet-handle{background:var(--border);border-radius:999px;width:40px;height:4px;margin:8px auto 0}.stp-sheet-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 20px 10px;display:flex}.stp-sheet-head h3{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:22px;font-weight:400}.stp-sheet-info{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.stp-sheet-chip{background:var(--chip);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.stp-sheet-chip .l{color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.stp-sheet-chip .v{color:var(--ink);font-weight:600}.stp-sheet-body{flex:auto;padding:14px 20px 20px;overflow-y:auto}.stp-sheet-section{margin-bottom:18px}.stp-sheet-section:last-child{margin-bottom:0}.stp-sheet-section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--ink3);margin-bottom:8px;font-size:11px;font-weight:700}.stp-sheet-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.stp-sheet-toggle{font:inherit;color:var(--ink);cursor:pointer;letter-spacing:.04em;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:700}.stp-quick-chip-row{flex-wrap:wrap;gap:8px;display:flex}.stp-quick-chip{background:var(--chip);border:1px solid var(--border);font:inherit;color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.stp-quick-chip:hover{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 8%, var(--surface))}.stp-quick-chip.sm{padding:5px 10px;font-size:11.5px}.stp-pill-row{flex-wrap:wrap;gap:6px;display:flex}.stp-pill{background:var(--surface);border:1px solid var(--border);font:inherit;color:var(--ink2);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:12.5px;transition:all .15s}.stp-pill:hover{border-color:var(--ink3);color:var(--ink)}.stp-pill.on{background:color-mix(in oklab, var(--accent) 12%, var(--surface));border-color:var(--accent);color:var(--accent);font-weight:700}.stp-file-drop{background:var(--chip);border:1px dashed var(--border);cursor:pointer;color:var(--ink);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:13px;transition:all .15s;display:flex}.stp-file-drop:hover{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 6%, var(--surface))}.stp-file-drop em{color:var(--ink2);font-size:11px;font-style:normal;font-family:var(--mono)}.stp-mat-output{background:var(--chip);border:1px solid var(--border);max-height:50vh;color:var(--ink);border-radius:10px;padding:14px 16px;overflow-y:auto}.stp-mat-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.stp-mat-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.stp-mat-type{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.stp-mat-snip{color:var(--ink2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.stp-podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:12px;margin:8px 0 24px;display:grid}@media (width<=640px){.stp-podium{grid-template-columns:1fr 1.15fr 1fr;gap:6px}.stp-podium-card{padding:14px 8px}.stp-podium-card .medal{font-size:24px}.stp-podium-card .name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.stp-podium-card .hours{font-size:16px}.stp-podium-card .lbl{font-size:8px}}.stp-podium-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow);padding:20px 16px;position:relative;overflow:hidden}.stp-podium-card.gold{background:linear-gradient(180deg, #fbf3da 0%, var(--surface) 70%);border-color:#e5c76b}.stp-podium-card.silver{background:linear-gradient(180deg, #f2efe6 0%, var(--surface) 70%);border-color:#cfc8b8}.stp-podium-card.bronze{background:linear-gradient(180deg, #f8e5d2 0%, var(--surface) 70%);border-color:#d9a37a}.stp-podium-card .medal{font-size:32px;line-height:1}.stp-podium-card .name{font-family:var(--serif);color:var(--ink);margin-top:6px;font-size:18px}.stp-podium-card .hours{font-family:var(--mono);color:var(--ink);margin-top:4px;font-size:22px;font-weight:600}.stp-podium-card .lbl{text-transform:uppercase;letter-spacing:.12em;color:var(--ink3);margin-top:4px;font-size:10px;font-weight:700}.stp-podium-card.gold .hours{color:#9c7a1a}.stp-podium-card.silver .hours{color:var(--ink2)}.stp-podium-card.bronze .hours{color:#a65d2c}.stp-rank-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;margin-bottom:8px;padding:12px 16px;transition:border-color .15s;display:grid}.stp-rank-row:hover{border-color:var(--ink3)}.stp-rank-row .rank{font-family:var(--mono);color:var(--ink3);text-align:center;font-size:13px}.stp-rank-row .who{align-items:center;gap:10px;min-width:0;display:flex}.stp-rank-row .av{background:var(--chip);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.stp-rank-row .name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.stp-rank-row .status{color:var(--ink2);font-size:11px;font-family:var(--mono);margin-top:2px}.stp-rank-row .status.online{color:#2e7d32}.stp-rank-row .hours{font-family:var(--mono);color:var(--accent);font-size:14px;font-weight:600}.stp-groups-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;max-width:480px;box-shadow:var(--shadow);margin:24px auto;padding:56px 28px}.stp-groups-empty .ic{background:var(--accent-bg);border:1px solid color-mix(in oklab, var(--accent) 30%, var(--border));border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex}.stp-groups-empty h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 6px;font-size:26px;font-weight:400}.stp-groups-empty h3 em{color:var(--ink2);font-style:italic}.stp-groups-empty p{color:var(--ink2);margin:0 0 18px;font-size:14px}.stp-groups-mobile-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.stp-groups-mobile-bar .menu{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:36px;height:36px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.stp-groups-mobile-bar .title{font-family:var(--serif);color:var(--ink);font-size:18px;font-style:italic}.stp-gs-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 16px 12px;display:flex}.stp-gs-head h2{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:22px;font-weight:400}.stp-gs-head h2 em{color:var(--ink2);font-style:italic}.stp-gs-close{cursor:pointer;color:var(--ink2);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px}.stp-gs-close:hover{background:var(--chip);color:var(--ink)}.stp-gs-actions{flex-shrink:0;gap:8px;padding:12px 14px;display:flex}.stp-gs-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.stp-gs-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.stp-gs-btn.primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.stp-gs-btn.ghost{background:var(--surface);color:var(--ink);border-color:var(--border)}.stp-gs-btn.ghost:hover{border-color:var(--ink3)}.stp-gs-search{border:1px solid var(--border);background:var(--bg);color:var(--ink);border-radius:999px;outline:none;margin:0 14px 10px;padding:10px 14px;font-family:inherit;font-size:13px}.stp-gs-search:focus{border-color:var(--accent)}.stp-gs-section{color:var(--ink3);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;font-family:var(--mono);padding:10px 16px 4px}.stp-gs-row{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;margin:0 10px 6px;padding:10px 12px;transition:all .15s;display:flex}.stp-gs-row:hover{background:var(--chip)}.stp-gs-row.active{background:var(--accent-bg);border-color:color-mix(in oklab, var(--accent) 40%, var(--border))}.stp-gs-row .nm{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.stp-gs-row .meta{color:var(--ink2);font-size:11px;font-family:var(--mono);margin-top:2px}.stp-gs-row .dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.stp-gs-empty{text-align:center;color:var(--ink2);padding:28px 16px;font-size:13px}.stp-gs-discover{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:4px 10px 6px;padding:12px}.stp-gs-discover .nm{color:var(--ink);font-size:13px;font-weight:600}.stp-gs-discover .desc{color:var(--ink2);margin-top:3px;font-size:11px}.stp-gs-discover .req{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:8px;padding:6px 12px;font-size:11px;font-weight:600}.stp-gs-discover .req:disabled{background:var(--good-bg);color:var(--ink2);cursor:default}.stp-gs-modal-scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;background:#1a160c73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.stp-gs-modal{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);width:min(440px,94vw);padding:24px;box-shadow:0 40px 80px #0003}.stp-gs-modal h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 18px;font-size:24px;font-weight:400}.stp-gs-modal h3 em{color:var(--ink2);font-style:italic}.stp-gv-head{border-bottom:1px solid var(--border);flex-shrink:0;padding:18px 22px 16px;position:relative;overflow:hidden}.stp-gv-head:before{content:"";background:var(--banner-bg,var(--accent));opacity:.85;pointer-events:none;position:absolute;inset:0}.stp-gv-head:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#0000002e 100%);position:absolute;inset:0}.stp-gv-head>*{z-index:1;position:relative}.stp-gv-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stp-gv-id{align-items:center;gap:14px;min-width:0;display:flex}.stp-gv-name{font-family:var(--serif);color:#fff;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:60vw;font-size:24px;font-weight:400;line-height:1.15;overflow:hidden}.stp-mat-page{z-index:1100;background:var(--bg);flex-direction:column;animation:.18s ease-out stp-mat-fade;display:flex;position:fixed;inset:0}.stp-mat-study-strip{color:#f6f1e2;background:linear-gradient(135deg,#1a1a1a 0%,#232323 50%,#1a1a1a 100%);border-bottom:1px solid #d9c49a29;flex-shrink:0;align-items:center;gap:10px;padding:8px 16px;font-size:12.5px;display:flex}.stp-mat-study-strip .dot{background:#e25e5e;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite stp-pulse;box-shadow:0 0 8px #e25e5eb3}.stp-mat-study-strip .lbl{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;flex:1;min-width:0;overflow:hidden}.stp-mat-study-strip .lbl em{color:#f6f1e2;font-style:normal;font-weight:700}.stp-mat-study-strip .stamp{font-family:var(--mono);letter-spacing:.04em;color:#f6f1e2;flex-shrink:0;font-size:13px;font-weight:700}@keyframes stp-mat-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stp-mat-topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:flex-start;gap:14px;padding:16px 20px 14px;display:flex}.stp-mat-back{border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.stp-mat-back:hover{border-color:var(--ink);background:color-mix(in oklab, var(--surface), var(--ink) 4%)}.stp-mat-back svg{width:16px;height:16px}.stp-mat-titleblock{flex:1;min-width:0}.stp-mat-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:2px;font-size:10.5px;font-weight:700}.stp-mat-title{font-family:var(--serif);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:24px;font-weight:400;line-height:1.2;overflow:hidden}.stp-mat-meta-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.stp-mat-chip{background:var(--chip);color:var(--ink2);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:11.5px}.stp-mat-tabs{border-bottom:1px solid var(--border);background:var(--surface);gap:4px;padding:0 20px;display:flex;overflow-x:auto}.stp-mat-tab{color:var(--ink2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 16px;font-size:13.5px;font-weight:600;transition:color .12s,border-color .12s}.stp-mat-tab:hover{color:var(--ink)}.stp-mat-tab.on{color:var(--ink);border-bottom-color:var(--accent)}.stp-mat-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:20px 20px 60px;overflow-y:auto}.stp-mat-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:18px}.stp-mat-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);align-items:center;gap:8px;margin-bottom:12px;font-size:11.5px;font-weight:700;display:flex}.stp-mat-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.stp-btn.small{border-radius:8px;padding:6px 11px;font-size:12px}.stp-btn.ghost{color:var(--ink2);background:0 0;border-color:#0000}.stp-btn.ghost:hover{color:var(--ink);background:var(--chip);border-color:var(--border)}.stp-mat-empty{text-align:center;color:var(--ink2);padding:24px;font-size:13.5px;line-height:1.6}.stp-mat-empty-card{text-align:center;padding:36px 18px}.stp-mat-empty-emoji{margin-bottom:12px;font-size:44px;line-height:1}.stp-mat-empty-title{font-family:var(--serif);color:var(--ink);margin-bottom:6px;font-size:20px}.stp-mat-empty-desc{color:var(--ink2);max-width:460px;margin:0 auto 18px;font-size:13.5px;line-height:1.6}.stp-mat-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.stp-mat-day-pick{align-items:center;gap:8px;display:flex}.stp-mat-day-pick label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);font-size:11px;font-weight:700}.stp-mat-day-pick select{border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;padding:7px 10px;font-family:inherit;font-size:13px}.stp-mat-filter{flex-wrap:wrap;gap:6px;display:flex}.stp-mat-summary{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stp-mat-summary>div{background:var(--chip);border:1px solid var(--border);border-radius:10px;flex-direction:column;padding:10px 12px;display:flex}.stp-mat-summary .v{font-family:var(--serif);color:var(--ink);font-size:22px;line-height:1}.stp-mat-summary .l{color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:11px;font-weight:700}.stp-mat-summary .ok{background:color-mix(in oklab, #2f8f3f 12%, var(--chip));border-color:color-mix(in oklab, #2f8f3f 25%, var(--border))}.stp-mat-summary .warn{background:color-mix(in oklab, #c68a1b 12%, var(--chip));border-color:color-mix(in oklab, #c68a1b 25%, var(--border))}.stp-mat-summary .bad{background:color-mix(in oklab, #b5453a 12%, var(--chip));border-color:color-mix(in oklab, #b5453a 25%, var(--border))}@media (width<=560px){.stp-mat-summary{grid-template-columns:repeat(2,1fr)}}.stp-topic-list{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=720px){.stp-topic-list{grid-template-columns:1fr 1fr}}.stp-topic-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;padding:14px;transition:border-color .12s,transform .12s;display:flex}.stp-topic-card:hover{border-color:var(--ink3)}.stp-topic-card.ok{border-left:3px solid #3a8c49}.stp-topic-card.muted{border-left:3px solid var(--border)}.stp-topic-card.bad{opacity:.82;border-left:3px solid #b5453a}.stp-topic-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stp-topic-pri{letter-spacing:.08em;text-transform:uppercase;background:var(--chip);color:var(--ink2);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.stp-topic-pri[data-pri=high]{color:#b5453a;border-color:color-mix(in oklab, #b5453a 30%, var(--border));background:color-mix(in oklab, #b5453a 8%, var(--chip))}.stp-topic-pri[data-pri=medium]{color:#c68a1b;border-color:color-mix(in oklab, #c68a1b 30%, var(--border));background:color-mix(in oklab, #c68a1b 8%, var(--chip))}.stp-topic-pri[data-pri=low]{color:var(--ink2)}.stp-topic-day{font-family:var(--mono);color:var(--ink3);font-size:11px;font-weight:600}.stp-topic-status{cursor:pointer;border:1px solid var(--border);background:var(--chip);color:var(--ink2);border-radius:999px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:600}.stp-topic-status.ok{background:color-mix(in oklab, #3a8c49 18%, var(--chip));color:#3a8c49;border-color:color-mix(in oklab, #3a8c49 35%, var(--border))}.stp-topic-status.bad{background:color-mix(in oklab, #b5453a 14%, var(--chip));color:#b5453a;border-color:color-mix(in oklab, #b5453a 30%, var(--border))}.stp-topic-name{font-family:var(--serif);color:var(--ink);font-size:16.5px;line-height:1.3}.stp-topic-parent{color:var(--ink3);font-size:11.5px;font-weight:500}.stp-topic-focus{color:var(--ink2);font-size:12.5px;line-height:1.55}.stp-topic-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.stp-toggle-btn{border:1px solid var(--border);background:var(--chip);color:var(--ink2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s,transform 80ms;display:inline-flex}.stp-toggle-btn:hover{border-color:var(--ink3)}.stp-toggle-btn:active{transform:scale(.97)}.stp-toggle-btn .track{background:var(--ink3);border-radius:999px;flex-shrink:0;width:30px;height:18px;transition:background .18s;display:inline-block;position:relative}.stp-toggle-btn .thumb{background:#f6f1e2;border-radius:50%;width:14px;height:14px;transition:left .18s,transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.stp-toggle-btn.on{background:color-mix(in oklab, #3a8c49 16%, var(--chip));color:#2e6f39;border-color:color-mix(in oklab, #3a8c49 38%, var(--border))}.stp-toggle-btn.on .track{background:#3a8c49}.stp-toggle-btn.on .thumb{left:14px}.stp-toggle-btn .lbl{letter-spacing:.02em}.stp-mat-detail-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.stp-mat-detail-meta{flex:1;min-width:0}.stp-mat-detail-name{font-family:var(--serif);color:var(--ink);font-size:20px;line-height:1.25}.stp-mat-detail-sub{color:var(--ink3);margin-top:2px;font-size:12px}.stp-capsule-tabs{flex-wrap:wrap;gap:6px;display:flex}.stp-capsule-tab{border:1px solid var(--border);background:var(--surface);color:var(--ink2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;display:inline-flex;position:relative}.stp-capsule-tab:hover{color:var(--ink);border-color:var(--ink3)}.stp-capsule-tab.on{background:var(--ink);color:#f6f1e2;border-color:var(--ink)}.stp-capsule-tab.has .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;font-size:0;position:absolute;top:4px;right:6px}.stp-capsule-tab .ic{font-size:14px}.stp-capsule-tab .spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:10px;height:10px;animation:.7s linear infinite stp-spin;display:inline-block}@keyframes stp-spin{to{transform:rotate(360deg)}}.stp-mat-render{color:var(--ink);font-size:14px;line-height:1.7}.stp-mat-render p,.stp-mat-render ul,.stp-mat-render ol{margin:0 0 12px}.stp-mat-render p:last-child,.stp-mat-render ul:last-child,.stp-mat-render ol:last-child{margin-bottom:0}.stp-mat-render strong{color:var(--ink);font-weight:700}.stp-mat-render a{color:var(--accent-ink);text-decoration:underline}.stp-mat-h{font-family:var(--serif);color:var(--ink);margin:18px 0 10px;font-weight:500;line-height:1.3}.stp-mat-h:first-child{margin-top:0}.stp-mat-h1{font-size:22px}.stp-mat-h2{font-size:18px}.stp-mat-h3{font-size:14px;font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink2);margin:16px 0 6px;font-weight:700}.stp-mat-ul,.stp-mat-ol{padding-left:22px}.stp-mat-ul li,.stp-mat-ol li{margin-bottom:4px}.stp-mat-ul li::marker{color:var(--accent)}.stp-mat-ol li::marker{color:var(--ink3);font-weight:700}.stp-mat-divider{background:var(--border);border:0;height:1px;margin:16px 0}.stp-mat-divider.more{background:0 0;justify-content:center;align-items:center;height:auto;margin:22px 0 14px;display:flex;position:relative}.stp-mat-divider.more:before,.stp-mat-divider.more:after{content:"";background:var(--border);flex:1;height:1px}.stp-mat-divider.more .lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);padding:0 12px;font-size:11px;font-weight:700}.stp-mcq-q{font-family:var(--serif);color:var(--ink);border-top:1px solid var(--border);align-items:flex-start;gap:10px;margin:18px 0 8px;padding-top:4px;font-size:16px;line-height:1.45;display:flex}.stp-mcq-q:first-child{border-top:0;margin-top:0;padding-top:0}.stp-mcq-q .num{font-family:var(--mono);color:var(--accent-ink);flex-shrink:0;min-width:32px;padding-top:2px;font-size:13px;font-weight:700}.stp-mcq-q .text strong{color:var(--ink);font-weight:700}.stp-mcq-opt{color:var(--ink);background:var(--surface);border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:10px;margin:4px 0 4px 14px;padding:6px 10px;font-size:14px;line-height:1.5;display:flex}.stp-mcq-opt:hover{background:var(--chip);border-color:var(--border)}.stp-mcq-opt .letter{font-family:var(--mono);color:var(--ink);flex-shrink:0;min-width:22px;font-weight:700}.stp-mcq-opt .text{flex:1}.stp-mat-kv{flex-wrap:wrap;align-items:baseline;gap:8px;margin:6px 0 6px 14px;font-size:14px;line-height:1.55;display:flex}.stp-mat-kv .lbl{color:var(--ink);letter-spacing:.02em;flex-shrink:0;font-size:12.5px;font-weight:700}.stp-mat-kv .val{color:var(--ink)}.stp-mat-kv .val strong{font-weight:700}.stp-loadmore-row{justify-content:center;margin-top:8px;padding:14px 0 4px;display:flex}.stp-token-chip{background:var(--chip);border:1px solid var(--border);color:var(--ink2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.stp-token-chip .ic{font-size:13px}.stp-token-chip .lbl{letter-spacing:.01em}.stp-token-chip .bar{background:var(--border);border-radius:999px;flex-shrink:0;width:48px;height:4px;overflow:hidden}.stp-token-chip .bar .fill{background:var(--accent);height:100%;transition:width .3s;display:block}.stp-token-chip.low{color:#c68a1b;border-color:color-mix(in oklab, #c68a1b 38%, var(--border))}.stp-token-chip.low .bar .fill{background:#c68a1b}.stp-token-chip.out{color:#b5453a;border-color:color-mix(in oklab, #b5453a 40%, var(--border))}.stp-token-chip.out .bar .fill{background:#b5453a}.stp-token-chip.compact{padding:3px 8px}.stp-token-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px}.stp-token-card-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.stp-token-k{color:var(--ink3);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.stp-token-v{font-family:var(--mono);color:var(--ink);margin-top:2px;font-size:18px;font-weight:700}.stp-token-v.ok{color:#3a8c49}.stp-token-bar{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.stp-token-bar .fill{background:linear-gradient(90deg, var(--accent), color-mix(in oklab, var(--accent) 70%, #c68a1b));height:100%;transition:width .3s;display:block}.stp-token-meta{color:var(--ink3);margin-top:8px;font-size:12px}.stp-token-pkg-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stp-token-pkg-grid--2col{grid-template-columns:repeat(2,1fr)}@media (width<=520px){.stp-token-pkg-grid{grid-template-columns:1fr}}.stp-token-pkg{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.stp-token-pkg .name{font-family:var(--serif);color:var(--ink);font-size:16px}.stp-token-pkg .amt{color:var(--ink2);font-size:12px}.stp-token-pkg .price{font-family:var(--mono);color:var(--ink);margin:4px 0 6px;font-size:14px;font-weight:700}.stp-due-banner{border:1px solid var(--border);background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 14px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.stp-due-banner:before{content:"";background:var(--accent);width:4px;position:absolute;top:0;bottom:0;left:0}.stp-due-banner.urgent{background:color-mix(in oklab, var(--surface) 92%, #e25c5c 8%)}.stp-due-banner.urgent:before{background:#e25c5c}.stp-due-banner.weak{background:color-mix(in oklab, var(--surface) 92%, #e4a62a 8%)}.stp-due-banner.weak:before{background:#e4a62a}.stp-due-banner.due:before{background:var(--accent)}.stp-due-banner.strong:before{background:#4caf50}.stp-due-left{flex:auto;min-width:0;padding-left:8px}.stp-due-title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-size:11px;font-weight:600}.stp-due-headline{font-family:var(--serif);color:var(--ink);margin:4px 0 8px;font-size:18px;line-height:1.25}.stp-due-counts{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.stp-due-count{color:var(--ink2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.stp-due-count .dot{background:var(--ink3);border-radius:50%;width:8px;height:8px}.stp-due-count.urgent .dot{background:#e25c5c}.stp-due-count.weak .dot{background:#e4a62a}.stp-due-count.strong .dot{background:#4caf50}.stp-due-preview{flex-wrap:wrap;gap:6px;display:flex}.stp-due-chip{background:var(--chip);color:var(--ink2);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:220px;padding:3px 8px;font-size:12px;overflow:hidden}.stp-due-chip.urgent{color:#b33;border-color:#e25c5c}.stp-due-chip.weak{color:#8a6a14;border-color:#e4a62a}.stp-due-chip.due{border-color:var(--accent);color:var(--accent)}.stp-due-chip.more{color:var(--ink3);font-style:italic}.stp-due-right{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.stp-due-stat{text-align:right}.stp-due-stat .v{font-family:var(--serif);color:var(--ink);font-size:28px;line-height:1}.stp-due-stat .l{color:var(--ink3);text-transform:uppercase;letter-spacing:.1em;font-size:11px}@media (width<=640px){.stp-due-banner{flex-direction:column;align-items:stretch}.stp-due-right{flex-direction:row;justify-content:space-between;align-items:center}}.stp-act.revise{color:var(--accent)}.stp-act.revise:hover{background:color-mix(in oklab, var(--accent) 12%, var(--surface))}.stp-rev-modal{max-width:640px}.stp-rev-empty{text-align:center;padding:32px 12px}.stp-rev-empty-emoji{margin-bottom:8px;font-size:36px}.stp-rev-empty-title{font-family:var(--serif);color:var(--ink);margin-bottom:4px;font-size:18px}.stp-rev-empty-desc{color:var(--ink2);max-width:320px;margin:0 auto;font-size:13px}.stp-rev-queue{flex-direction:column;gap:8px;display:flex}.stp-rev-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex;position:relative}.stp-rev-row.done{opacity:.65}.stp-rev-risk{background:var(--ink3);border-radius:2px;flex:none;width:4px;min-height:36px}.stp-rev-risk[data-cls=urgent]{background:#e25c5c}.stp-rev-risk[data-cls=weak]{background:#e4a62a}.stp-rev-risk[data-cls=due]{background:var(--accent)}.stp-rev-risk[data-cls=strong]{background:#4caf50}.stp-rev-row-body{flex:auto;min-width:0}.stp-rev-row-name{color:var(--ink);font-size:14px;font-weight:600}.stp-rev-row-meta{color:var(--ink3);gap:8px;margin-top:2px;font-size:11px;display:flex}.stp-rev-row-topic{text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.stp-rev-row-level{flex-shrink:0}.stp-rev-row-hint{color:var(--ink2);margin-top:4px;font-size:11px;font-style:italic}.stp-rev-row-tag{background:var(--chip);color:var(--ink2);border-radius:999px;padding:3px 8px;font-size:11px}.stp-rev-row-tag.ok{background:color-mix(in oklab, #4caf50 18%, var(--surface));color:#2e7531}.stp-rev-row-tag.bad{background:color-mix(in oklab, #e4a62a 18%, var(--surface));color:#8a6a14}.stp-rev-quiz{flex-direction:column;gap:12px;padding:4px 0;display:flex}.stp-rev-loading,.stp-rev-err{text-align:center;color:var(--ink2);padding:28px 12px;font-size:14px}.stp-rev-err{color:#b33}.stp-rev-quiz-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stp-rev-level-pill{background:color-mix(in oklab, var(--accent) 14%, var(--surface));color:var(--accent);border:1px solid color-mix(in oklab, var(--accent) 35%, transparent);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.stp-rev-level-pill[data-lvl="0"]{color:#4e6b52}.stp-rev-level-pill[data-lvl="1"]{color:#c68a1b;background:color-mix(in oklab, #c68a1b 14%, var(--surface));border-color:oklab(67.66% .0323043 .131056/.35)}.stp-rev-level-pill[data-lvl="2"]{color:#2a6fb3;background:color-mix(in oklab, #2a6fb3 14%, var(--surface));border-color:oklab(53.2612% -.0408223 -.120283/.35)}.stp-rev-level-pill[data-lvl="3"]{color:#b33;background:color-mix(in oklab, #b33 14%, var(--surface));border-color:oklab(52.9621% .156395 .0740813/.35)}.stp-rev-level-pill[data-lvl="4"]{color:#6b4fba;background:color-mix(in oklab, #6b4fba 14%, var(--surface));border-color:oklab(51.2386% .0598512 -.150123/.35)}.stp-rev-level-pill[data-lvl="5"]{color:#2e7531;background:color-mix(in oklab, #4caf50 14%, var(--surface));border-color:oklab(67.3098% -.131765 .0950027/.35)}.stp-rev-progress{color:var(--ink2);margin-left:auto;font-size:12px}.stp-rev-timer{font-family:var(--mono);background:var(--chip);color:var(--ink);border-radius:6px;padding:3px 8px;font-size:14px}.stp-rev-timer.over{color:#fff;background:#e25c5c;animation:1s infinite stpRevPulse}@keyframes stpRevPulse{50%{transform:scale(1.05)}}.stp-rev-key-hint{color:var(--ink3);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.stp-rev-q{font-family:var(--serif);color:var(--ink);font-size:20px;line-height:1.35}.stp-rev-hint{color:var(--ink2);background:color-mix(in oklab, #e4a62a 14%, var(--surface));border:1px solid oklab(76.4849% .0274723 .144776/.3);border-radius:8px;padding:8px 12px;font-size:13px}.stp-rev-opts{flex-direction:column;gap:8px;display:flex}.stp-rev-opt{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.stp-rev-opt:hover{background:var(--chip)}.stp-rev-opt.on{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 14%, var(--surface))}.stp-rev-opt:disabled{cursor:not-allowed;opacity:.85}.stp-rev-opt .ltr{font-family:var(--serif);text-align:center;width:22px;color:var(--accent);flex-shrink:0;font-size:14px;font-weight:700}.stp-rev-opt .txt{font-size:14px;line-height:1.4}.stp-rev-input{font-size:15px}.stp-rev-reveal{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:12px}.stp-rev-reveal.ok{background:color-mix(in oklab, #4caf50 12%, var(--surface));border-color:oklab(67.3098% -.131765 .0950027/.35)}.stp-rev-reveal.bad{background:color-mix(in oklab, #e25c5c 12%, var(--surface));border-color:oklab(64.6653% .154489 .0655437/.35)}.stp-rev-reveal-head{font-family:var(--serif);margin-bottom:6px;font-size:15px;font-weight:700}.stp-rev-reveal.ok .stp-rev-reveal-head{color:#2e7531}.stp-rev-reveal.bad .stp-rev-reveal-head{color:#b33}.stp-rev-reveal-line{color:var(--ink);margin-top:2px;font-size:13px;line-height:1.45}.stp-rev-foot{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.stp-rev-summary{text-align:center;padding:16px 8px}.stp-rev-summary-emoji{margin-bottom:6px;font-size:44px}.stp-rev-summary-title{font-family:var(--serif);color:var(--ink);margin-bottom:4px;font-size:22px}.stp-rev-summary-msg{color:var(--ink2);margin-bottom:16px;font-size:14px}.stp-rev-summary-stats{grid-template-columns:repeat(3,1fr);gap:10px;max-width:360px;margin:0 auto;display:grid}.stp-rev-summary-stats>div{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px}.stp-rev-summary-stats>div .v{font-family:var(--serif);color:var(--ink);font-size:22px}.stp-rev-summary-stats>div .l{color:var(--ink3);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.stp-rev-summary-stats>div.ok .v{color:#2e7531}.stp-rev-summary-stats>div.warn .v{color:#c68a1b}.stp-fc-section{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin:0 0 14px;padding:12px 14px}.stp-fc-head{margin-bottom:8px}.stp-fc-title{font-family:var(--serif);color:var(--ink);font-size:16px}.stp-fc-sub{color:var(--ink2);margin-top:2px;font-size:12px}.stp-fc-wrap{flex-direction:column;gap:8px;display:flex}.stp-fc-svg{background:color-mix(in oklab, var(--surface) 70%, var(--bg) 30%);border-radius:8px;width:100%;height:auto;display:block}.stp-fc-empty{text-align:center;color:var(--ink2);background:var(--chip);border-radius:10px;padding:24px 12px;font-size:13px}.stp-fc-legend{color:var(--ink2);flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.stp-fc-legend .dot{background:var(--accent);vertical-align:middle;border-radius:2px;width:10px;height:2px;margin-right:6px;display:inline-block}.stp-fc-legend .dot.trace{opacity:.35}.stp-fc-legend .dot.now{vertical-align:middle;border-radius:2px;width:2px;height:10px}.stp-token-prices{border-collapse:collapse;border:1px solid var(--border);border-radius:8px;width:100%;font-size:12.5px;overflow:hidden}.stp-token-prices th,.stp-token-prices td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}.stp-token-prices th{background:var(--chip);color:var(--ink2);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.stp-token-prices tbody tr:last-child td{border-bottom:0}.stp-token-prices code{font-family:var(--mono);color:var(--ink);font-size:12px}@media (width<=640px){.stp-mat-topbar{gap:10px;padding:12px 14px 10px}.stp-mat-title{font-size:19px}.stp-mat-back span{display:none}.stp-mat-back{border-radius:50%;padding:8px}.stp-mat-tabs{padding:0 12px}.stp-mat-main{padding:14px 14px 60px}.stp-mat-section{border-radius:12px;padding:14px}.stp-capsule-tab .lb{display:inline}}.stp-gv-desc{color:#ffffffd9;margin-top:3px;font-size:12px}.stp-gv-meta{color:#ffffffd9;font-size:11px;font-family:var(--mono);letter-spacing:.04em;margin-top:5px}.stp-gv-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stp-gv-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff52;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.stp-gv-btn:hover{background:#ffffff47}.stp-gv-btn.danger{background:#dc2626d9;border-color:#dc262699}.stp-gv-btn.icon{padding:6px 10px}.stp-gv-tabs{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;padding:0 12px;display:flex;overflow-x:auto}.stp-gv-tabs button{cursor:pointer;color:var(--ink2);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.stp-gv-tabs button:hover{color:var(--ink)}.stp-gv-tabs button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}@media (width<=560px){.stp-gv-head{padding:14px 16px}.stp-gv-name{max-width:50vw;font-size:20px}.stp-gv-btn{padding:5px 10px;font-size:11px}}@media (width<=720px){.stp-top{padding:0 12px}.stp-top-row1{height:52px}.stp-tab-full{display:none}.stp-tab-short{display:inline}.stp-tabs button{gap:4px;padding:6px 9px;font-size:11px}.stp-tabs button svg{width:12px;height:12px}body.stp-has-sidebar main{padding-left:0}.stp-content{padding:20px 16px 40px}.stp-timeline:before{left:54px}.stp-tl-row{grid-template-columns:48px 16px 1fr;gap:10px}.stp-break-note{margin-left:68px}.stp-card{grid-template-columns:1fr;padding:14px}.stp-actions{justify-content:flex-start}.stp-hero{gap:10px;margin-bottom:14px;padding-bottom:14px}.stp-stats{margin-top:6px}.stp-stat{flex:1;min-width:0;padding:9px 13px}.stp-stat .l{letter-spacing:.1em;font-size:9px}.stp-stat .v{font-size:20px}.stp-stat .v .unit{font-size:11px}}