.shell{width:100%;max-width:1180px;margin:0 auto;padding:32px 48px 80px;gap:24px}.shell,.shell-head{display:flex;flex-direction:column}.shell-head{gap:8px}.shell-head.row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px}.shell-head h1{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,3.4vw,34px);letter-spacing:-.02em;line-height:1.1;color:var(--fg-0);margin:0}.shell-head h1 em{font-style:italic;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.12em;margin-right:-.12em}.shell-head p{margin:0;color:var(--fg-1);font-size:14px;line-height:1.45;max-width:580px}.shell-head-text{gap:8px}.shell-head-text,.shell-sec{display:flex;flex-direction:column}.shell-sec{gap:14px}.sec-head{display:flex;align-items:center;gap:8px;padding:12px 4px 8px;border-bottom:1px solid var(--line)}.sec-head h2{font-family:var(--font-display);font-weight:500;font-size:18px;color:var(--fg-0);margin:0}.sec-head .dot{color:var(--fg-2)}.sec-head .count{font-family:var(--font-mono);font-size:12px;color:var(--fg-1)}.sec-head .spacer{flex:1}.sec-head .action{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--fg-1);transition:color var(--t-fast) var(--ease)}.sec-head .action:hover{color:var(--fg-0)}.grid-2,.grid-3,.grid-4{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.s-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-ui);font-size:13px;font-weight:500;border-radius:10px;padding:10px 16px;white-space:nowrap;transition:filter var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.s-btn svg{width:14px;height:14px}.s-btn-primary{background:var(--grad);color:#fff;font-weight:600}.s-btn-primary:hover{filter:brightness(1.08)}.s-btn-ghost{background:var(--composer-bg);border:1px solid var(--line-strong);color:var(--fg-0)}.s-btn-ghost:hover{background:var(--bg-1)}.sd-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:18px}.sd-back{border:1px solid var(--line-strong);color:var(--fg-1);padding:7px 12px}.sd-back:hover{background:var(--bg-1);color:var(--fg-0)}.sd-crumb{display:inline-flex;align-items:center;gap:4px;min-width:0;font-size:13px;color:var(--fg-2)}.sd-crumb a{color:var(--fg-1);text-decoration:none}.sd-crumb a:hover{color:var(--fg-0);text-decoration:underline}.sd-crumb-sep{width:13px;height:13px;flex:none;opacity:.5}.sd-crumb-current{color:var(--fg-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ico-circle{flex:none;display:grid;place-items:center;background:var(--bg-3);border-radius:9px;width:36px;height:36px;color:var(--fg-0)}.ico-circle svg{width:17px;height:17px}.ico-circle.lg{width:44px;height:44px;border-radius:11px;color:var(--fg-2)}.ico-circle.lg svg{width:19px;height:19px}.s-chip{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.06em;padding:2px 7px;border-radius:5px;background:var(--bg-3);color:var(--fg-1)}.s-chip.ok{background:rgba(0,186,124,.16);color:var(--ok)}.s-chip.cyan{background:var(--bg-2);color:var(--cyan)}.shell-search{display:flex;align-items:center;gap:10px;background:var(--composer-bg);border:1px solid var(--line-strong);border-radius:12px;padding:13px 16px}.shell-search svg{width:16px;height:16px;color:var(--fg-2);flex:none}.shell-search input{flex:1;border:0;background:none;outline:none;font-family:var(--font-ui);font-size:14px;color:var(--fg-0)}.shell-search input::placeholder{color:var(--fg-2)}.shell-search .kbd{font-family:var(--font-mono);font-size:11px;color:var(--fg-1);background:var(--bg-2);border-radius:5px;padding:3px 7px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill-row,.s-pill{align-items:center}.s-pill{display:inline-flex;gap:6px;font-family:var(--font-ui);font-size:13px;color:var(--fg-1);border-radius:999px;padding:6px 12px;border:1px solid transparent;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.s-pill.active,.s-pill:hover{color:var(--fg-0)}.s-pill.active{background:var(--bg-1);border-color:var(--line-strong)}.s-pill .n{font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.empty-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:var(--bg-1);border:1px solid var(--line);border-radius:12px;padding:40px 20px}.empty-card .t{font-size:14px;font-weight:500;color:var(--fg-1)}.empty-card .d{font-size:13px;color:var(--fg-2)}.meter{display:flex;flex-direction:column;gap:10px;flex:1}.meter-row{display:flex;align-items:center;justify-content:space-between}.meter-row .lbl{font-size:13px;font-weight:500;color:var(--fg-1)}.meter-row .val{font-family:var(--font-mono);font-size:12px;color:var(--fg-0)}.meter-track{height:8px;background:var(--bg-3);border-radius:6px;overflow:hidden}.meter-fill{height:100%;background:var(--grad);border-radius:6px}.meter-note{font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.course-card{display:flex;flex-direction:column;gap:12px;background:var(--bg-1);border:1px solid var(--line);border-radius:12px;padding:18px;transition:border-color var(--t-fast) var(--ease)}.course-card:hover{border-color:var(--line-strong)}.course-card .eyebrow{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--fg-1)}.course-card .eyebrow .tag-dot{width:8px;height:8px;border-radius:50%}.course-card h3{font-family:var(--font-ui);font-size:15px;font-weight:500;color:var(--fg-0);-webkit-line-clamp:2}.course-card h3,.course-card p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.course-card p{font-size:13px;line-height:1.5;color:var(--fg-1);-webkit-line-clamp:1;text-overflow:ellipsis}.course-card .progress{height:6px;background:var(--bg-3);border-radius:6px;overflow:hidden}.course-card .progress span{display:block;height:100%;background:var(--grad);border-radius:6px}.course-card .footline{font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.course-card .foot{display:flex;align-items:center;gap:8px}.course-card .foot .spacer{flex:1}.rec-add{font-family:var(--font-mono);font-size:11px;color:var(--fg-1);border:1px solid var(--line-strong);border-radius:8px;padding:4px 10px}.rec-add:hover{color:var(--fg-0);background:var(--bg-2)}.home-empty{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--bg-1);border:1px dashed var(--line);border-radius:12px;padding:22px 18px;color:var(--fg-1);font-size:13px}.home-empty p{margin:0;color:var(--fg-0);font-size:14px}.home-empty .cfoot{font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.home-empty .more{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--fg-1)}.feat-banner{display:flex;align-items:center;gap:24px;background:var(--grad-soft);border:1px solid var(--line-strong);border-radius:20px;padding:24px 28px}.feat-left{display:flex;flex-direction:column;gap:8px;flex:1}.feat-left .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--cyan)}.feat-left h2{font-family:var(--font-display);font-size:24px;font-weight:500;letter-spacing:-.02em;color:var(--fg-0);margin:0}.feat-left p{font-size:14px;line-height:1.5;color:var(--fg-1);margin:0;max-width:460px}.feat-right{display:flex;align-items:center;gap:22px}.feat-stat{display:flex;flex-direction:column;gap:2px}.feat-stat .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--fg-2)}.feat-stat .v{font-family:var(--font-display);font-size:24px;font-weight:500;color:var(--fg-0)}.track-card{display:flex;flex-direction:column;gap:12px;background:var(--bg-1);border:1px solid var(--line);border-radius:16px;padding:20px 24px;transition:border-color var(--t-fast) var(--ease)}.track-card:hover{border-color:var(--line-strong)}a.track-card{text-decoration:none;color:inherit;cursor:pointer}.track-card.soon{opacity:.6}.track-card .top{display:flex;align-items:center;gap:8px}.track-card .top .tag-dot{width:10px;height:10px;border-radius:50%}.track-card .top .kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--fg-1)}.track-card .top .spacer{flex:1}.track-card h3{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.02em;color:var(--fg-0);margin:0}.track-card p{font-size:14px;line-height:1.5;color:var(--fg-1);margin:0}.track-card .foot{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.track-card .foot .spacer{flex:1}.track-card .foot svg{width:14px;height:14px;color:var(--fg-1)}.live-pill,.soon-pill{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;border-radius:999px;padding:3px 8px}.live-pill{background:var(--cyan);color:#000}.soon-pill{border:1px solid var(--line-strong);color:var(--fg-1)}.request-row{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:12px;font-family:var(--font-mono);font-size:13px;color:var(--fg-1)}.request-row svg{width:13px;height:13px}.sess-group{display:flex;flex-direction:column;gap:10px}.sess-group-head{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--fg-1)}.sess-group-head .rule{width:24px;height:1px;background:var(--line)}.sess-group-head .n{color:var(--fg-2)}.sess-load-more{display:flex;justify-content:center;padding:12px 0 4px}.sess-list{display:flex;flex-direction:column;background:var(--composer-bg);border:1px solid var(--line);border-radius:12px;overflow:hidden}.sess-row-wrap{position:relative}.sess-row-wrap+.sess-row-wrap{border-top:1px solid var(--line)}.sess-row{display:flex;align-items:center;gap:14px;padding:14px 18px;transition:background-color var(--t-fast) var(--ease)}.sess-row:hover{background:var(--bg-1)}.sess-del{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--fg-2);background:var(--composer-bg);border:1px solid transparent;opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.sess-del svg{width:14px;height:14px}.sess-del:focus-visible,.sess-row-wrap:hover .sess-del{opacity:1;pointer-events:auto}.sess-del:hover{color:var(--err);border-color:color-mix(in srgb,var(--err) 30%,var(--line));background:color-mix(in srgb,var(--err) 10%,var(--composer-bg))}.sess-row-wrap:hover .sess-row .play{opacity:0}.sess-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--fg-0);color:var(--bg-0);font-size:12.5px;padding:9px 16px;border-radius:8px;z-index:90;white-space:nowrap;box-shadow:0 8px 24px -12px rgba(0,0,0,.5)}.sess-row .tag-dot{width:8px;height:8px;border-radius:50%;flex:none}.sess-row .body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sess-row .body .t{font-size:14px;font-weight:500;color:var(--fg-0)}.sess-row .body .s,.sess-row .dur,.sess-row .when{font-size:12px;color:var(--fg-1)}.sess-row .dur,.sess-row .when{font-family:var(--font-mono);flex:none}.sess-row .when{color:var(--fg-2);width:56px;text-align:right}.sess-row .play{width:14px;height:14px;color:var(--fg-1);flex:none}a.sess-row{text-decoration:none;color:inherit;cursor:pointer}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}.chip{font-family:var(--font-mono);font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:var(--fg-1)}.chip-good{border-color:color-mix(in srgb,green 35%,var(--line));color:color-mix(in srgb,green 55%,var(--fg-0))}.chip-warn{border-color:color-mix(in srgb,orange 40%,var(--line));color:color-mix(in srgb,orange 55%,var(--fg-0))}.notes-md{margin-top:18px;line-height:1.6;color:var(--fg-0)}.notes-md h1,.notes-md h2,.notes-md h3{margin:20px 0 8px;font-weight:600}.notes-md ol,.notes-md ul{margin:8px 0 8px 20px}.notes-md li{margin:4px 0}.notes-md p{margin:8px 0}.notes-md code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-1);padding:1px 5px;border-radius:5px}.canvas-figure{margin:18px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#ffffff}.canvas-figure img{display:block;width:100%;height:auto}.canvas-figure figcaption{padding:8px 12px;font-size:12px;color:var(--fg-2);border-top:1px solid var(--line);background:var(--composer-bg)}.canvas-figure--loading{padding:24px;text-align:center;font-size:13px;color:var(--fg-2);background:var(--composer-bg)}.diagram-figure{display:block;margin:20px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#ffffff}.diagram-figure--loading{padding:24px;text-align:center;font-size:13px;color:var(--fg-2);background:var(--composer-bg)}.diagram-figure img{display:block;width:100%;height:auto}.diagram-figure-cap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;font-size:12px;color:var(--fg-2);border-top:1px solid var(--line);background:var(--composer-bg)}.diagram-figure-text{flex:1 1 auto;min-width:0}.diagram-figure-meta{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.diagram-figure-time{font-variant-numeric:tabular-nums;opacity:.8}.diagram-figure-link{color:var(--fg-2);text-decoration:underline;text-underline-offset:2px}.diagram-figure-link:hover{color:var(--fg)}.plan-card{flex-direction:column;background:var(--composer-bg);border:1px solid var(--line);border-radius:14px;padding:22px}.plan-card,.plan-top{display:flex;gap:20px}.plan-top{align-items:flex-start;justify-content:space-between}.plan-info{display:flex;flex-direction:column;gap:10px}.plan-info .eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--fg-2)}.plan-info .name-row{display:flex;align-items:center;gap:10px}.plan-info .name-row .name{font-family:var(--font-display);font-size:26px;font-weight:500;letter-spacing:-.02em;color:var(--fg-0)}.plan-info p{font-size:13px;line-height:1.5;color:var(--fg-1);margin:0;max-width:440px}.divider{height:1px;background:var(--line)}.usage-row{display:flex;gap:32px}.pay-card{display:flex;align-items:center;gap:14px;background:var(--bg-1);border:1px solid var(--line);border-radius:12px;padding:20px}.pay-card .body{display:flex;flex-direction:column;gap:3px;flex:1}.pay-card .body .t{font-size:14px;font-weight:500;color:var(--fg-0)}.pay-card .body .d{font-size:13px;color:var(--fg-1)}.inline-link{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--fg-1);text-decoration:none;transition:color var(--t-fast) var(--ease)}.inline-link:hover{color:var(--fg-0)}.inline-link svg{width:11px;height:11px}.usage-link-row{display:flex;justify-content:flex-end}.usage-link-row svg{width:12px;height:12px}.period-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:13px;color:var(--fg-1);background:var(--bg-1);border:1px solid var(--line);border-radius:8px;padding:6px 10px;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.period-pill:hover{color:var(--fg-0);border-color:var(--line-strong)}.period-pill svg{width:12px;height:12px;color:var(--fg-2)}.stat-card{display:flex;flex-direction:column;gap:10px;background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.stat-card .k{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.11em;color:var(--fg-2)}.val-row{display:flex;align-items:center;gap:6px}.val-row .num{font-family:var(--font-display);font-size:26px;font-weight:600;color:var(--fg-0);line-height:1}.val-row .qual{font-size:13px;color:var(--fg-2)}.stat-track{height:6px;background:var(--bg-3);border-radius:999px;overflow:hidden}.stat-fill{height:100%;border-radius:999px}.stat-fill.grad{background:var(--grad)}.stat-fill.dark{background:var(--fg-0)}.stat-fill.gold{background:#ffd400}.stat-card .foot{font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.usage-chart{display:flex;flex-direction:column;gap:16px;background:var(--bg-1);border:1px solid var(--line);border-radius:12px;padding:20px}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.chart-title{display:flex;flex-direction:column;gap:4px}.chart-title .eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.09em;color:var(--fg-2)}.chart-title .num{font-size:22px}.chart-title .qual{color:var(--fg-1)}.chart-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lg-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-1)}.lg-item .sw{width:8px;height:8px;border-radius:2px}.cbar .gold,.sw.gold,.ut-dot.gold{background:#ffd400}.cbar .cyan,.sw.cyan,.ut-dot.cyan{background:var(--cyan)}.cbar .violet,.sw.violet,.ut-dot.violet{background:var(--violet)}.cbar .blue,.sw.blue,.ut-dot.blue{background:var(--blue,#4f7cff)}.cbar .green,.sw.green,.ut-dot.green{background:#22c55e}.cbar .pink,.sw.pink,.ut-dot.pink{background:#ec4899}.cbar .other,.sw.other,.ut-dot.other{background:var(--fg-2)}.chart-bars{display:flex;align-items:flex-end;gap:4px;height:120px}.cbar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:1px;border-radius:3px;overflow:hidden}.cbar>span{display:block;width:100%}.cbar.empty{height:2px;background:var(--bg-3);border-radius:3px}.cbar .grad{background:linear-gradient(180deg,var(--violet),var(--blue))}.empty-inline{padding:28px 16px;text-align:center;color:var(--fg-1);font-size:14px}.s-chip.warn{color:var(--warn)}.meter-fill.warn{background:var(--warn)}.meter-note.warn{color:var(--warn)}.chart-axis{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--fg-2)}.usage-breakdown{display:flex;flex-direction:column;gap:12px}.usage-label{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.09em;color:var(--fg-2);padding:4px 4px 0}.usage-table-wrap{overflow-x:auto}.usage-table{min-width:640px;display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--line);border-radius:12px;overflow:hidden}.ut-row{display:flex;align-items:center;gap:16px;padding:14px 20px}.ut-row+.ut-row{border-top:1px solid var(--line)}.ut-row.ut-head{background:var(--bg-2);padding:12px 20px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--fg-2)}.ut-course{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.ut-dot{width:8px;height:8px;border-radius:2px;flex:none}.ut-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ut-name{font-size:14px;font-weight:600;color:var(--fg-0)}.ut-sub{font-size:11px;color:var(--fg-2)}.ut-c110,.ut-c130,.ut-c90{flex:none;font-family:var(--font-mono);font-size:13px;color:var(--fg-0)}.ut-c90{width:90px}.ut-c110{width:110px}.ut-c130{width:130px}.ut-head .ut-c110,.ut-head .ut-c130,.ut-head .ut-c90,.ut-head .ut-course{font-size:11px;color:var(--fg-2)}.ut-row .when{font-family:var(--font-ui);color:var(--fg-1)}.usage-foot{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--fg-2);padding:0 4px}.usage-foot svg{width:12px;height:12px;flex:none}.topic-card{display:flex;flex-direction:column;gap:10px;background:var(--bg-1);border:1px solid var(--line);border-radius:12px;padding:16px;transition:border-color var(--t-fast) var(--ease)}.topic-card:hover{border-color:var(--line-strong)}.topic-card h3{font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--fg-0);margin:0}.topic-card p{font-size:12px;line-height:1.5;color:var(--fg-1);margin:0}.topic-card .n{font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.article-list{display:flex;flex-direction:column;gap:8px}.article-row{display:flex;align-items:center;gap:12px;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:13px 14px;transition:border-color var(--t-fast) var(--ease)}.article-row:hover{border-color:var(--line-strong)}.article-row>svg{width:16px;height:16px;color:var(--fg-1);flex:none}.article-row .body{display:flex;flex-direction:column;gap:2px;flex:1}.article-row .body .t{font-size:13px;font-weight:500;color:var(--fg-0)}.article-row .body .c{font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.article-row .go{width:15px;height:15px;color:var(--fg-2);flex:none}.feedback-card{display:flex;flex-direction:column;gap:16px;background:var(--composer-bg);border:1px solid var(--line);border-radius:14px;padding:22px}.feedback-card .fb-head{display:flex;flex-direction:column;gap:4px}.feedback-card .fb-head h2{font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--fg-0);margin:0}.feedback-card .fb-head p{font-size:13px;color:var(--fg-1);margin:0}.feedback-card textarea{width:100%;min-height:108px;resize:vertical;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:14px;font-family:var(--font-ui);font-size:13px;color:var(--fg-0);outline:none}.feedback-card textarea::placeholder{color:var(--fg-2)}.feedback-card textarea:focus{border-color:var(--line-strong)}.fb-foot{gap:10px}.fb-foot,.fb-foot .attach{display:flex;align-items:center}.fb-foot .attach{gap:6px;font-size:12px;font-weight:500;color:var(--fg-1)}.fb-foot .attach svg{width:14px;height:14px}.fb-foot .spacer{flex:1}.support-row{display:flex;align-items:center;gap:12px;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.support-row>svg{width:16px;height:16px;color:var(--fg-1);flex:none}.support-row .body{display:flex;flex-direction:column;gap:2px;flex:1}.support-row .body .t{font-size:13px;font-weight:500;color:var(--fg-0)}.support-row .body .d{font-size:12px;color:var(--fg-1)}.reward-hero{display:flex;flex-direction:column;gap:22px;background:var(--composer-bg);border:1px solid var(--line);border-radius:16px;padding:28px;position:relative;overflow:hidden}.reward-hero:before{content:"";position:absolute;inset:0;background:var(--grad-soft);opacity:.9;pointer-events:none}.reward-hero>*{position:relative}.reward-hero .eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--fg-2)}.reward-hero h2{font-family:var(--font-display);font-size:25px;font-weight:500;letter-spacing:-.02em;color:var(--fg-0);margin:6px 0 0}.reward-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reward-tile{display:flex;flex-direction:column;gap:10px;background:var(--bg-1);border:1px solid var(--line);border-radius:12px;padding:18px}.reward-tile .amt{display:flex;align-items:baseline;gap:6px}.reward-tile .amt .big{font-family:var(--font-display);font-size:24px;font-weight:500;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.reward-tile .amt .who{font-size:13px;color:var(--fg-1)}.reward-tile p{font-size:12px;line-height:1.5;color:var(--fg-1);margin:0}.link-row{display:flex;align-items:center;gap:10px;background:var(--composer-bg);border:1px solid var(--line-strong);border-radius:12px;padding:6px 6px 6px 16px}.link-row>svg{width:16px;height:16px;color:var(--fg-2);flex:none}.link-row .url{font-family:var(--font-mono);font-size:13px;color:var(--fg-1);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-row{display:flex;gap:10px}.share-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--fg-0);background:var(--bg-1);border:1px solid var(--line);border-radius:9px;padding:10px 14px}.share-btn:hover{border-color:var(--line-strong)}.share-btn svg{width:15px;height:15px;color:var(--fg-1)}.email-input,.email-row{display:flex;align-items:center;gap:10px}.email-input{flex:1;background:var(--composer-bg);border:1px solid var(--line-strong);border-radius:10px;padding:12px 14px}.email-input svg{width:15px;height:15px;color:var(--fg-2);flex:none}.email-input input{flex:1;border:0;background:none;outline:none;font-family:var(--font-ui);font-size:13px;color:var(--fg-0)}.email-input input::placeholder{color:var(--fg-2)}.earn-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--fg-1);background:var(--bg-1);border:1px solid var(--line);border-radius:6px;padding:4px 10px}.earn-pill svg{width:12px;height:12px;color:var(--ok)}.invite-list{display:flex;flex-direction:column;gap:8px}.invite-row{display:flex;align-items:center;gap:12px;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.invite-row .avatar{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-ui);font-size:15px;font-weight:600;color:#fff}.invite-row .avatar.grad{background:var(--grad)}.invite-row .avatar.pending{background:var(--bg-3);color:var(--fg-1)}.invite-row .avatar svg{width:16px;height:16px}.invite-row .body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.invite-row .body .nm{font-size:13px;font-weight:500;color:var(--fg-0)}.invite-row .body .em{font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.invite-row .status{display:flex;align-items:center;gap:10px;flex:none}.invite-row .status .mins{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ok)}.invite-row .status .mins.muted{color:var(--fg-2);font-weight:400}.invite-row .avatar.violet{background:var(--violet);color:#fff}.invite-empty{padding:20px;text-align:center;font-size:13px;color:var(--fg-2);background:var(--bg-1);border:1px dashed var(--line);border-radius:12px}.invite-notice{margin-top:10px;padding:10px 12px;font-size:12.5px;color:var(--fg-1);background:var(--bg-1);border:1px solid var(--line);border-radius:8px}.invite-notice.is-error{color:var(--err);border-color:color-mix(in srgb,var(--err) 30%,var(--line))}.invite-foot{margin-top:12px;padding:8px 12px;font-family:var(--font-mono);font-size:11px;color:var(--fg-2);letter-spacing:.04em}.s-btn.s-btn-primary[disabled],.share-btn.is-disabled{opacity:.5;pointer-events:none}.np-list{display:flex;flex-direction:column}.np-group{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);padding:22px 4px 8px}.np-row{display:flex;align-items:flex-start;gap:14px;padding:16px 4px;border-bottom:1px solid var(--line);text-decoration:none}a.np-row:hover{background:var(--bg-1)}.np-row .notif-ico{width:32px;height:32px}.np-row .notif-ico svg{width:15px;height:15px}.np-row-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.np-row-head{display:flex;align-items:center;gap:8px}.np-row-title{font-size:14px;font-weight:600;color:var(--fg-0)}.np-row-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--fg-1);border:1px solid var(--line-strong);border-radius:999px;padding:1px 7px;flex:none}.np-row-body{font-size:13px;line-height:1.45;color:var(--fg-1)}.np-row-meta{display:inline-flex;align-items:center;gap:8px;padding-top:2px;flex:none}.np-row-time{font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.np-empty{padding:48px 0;text-align:center;font-size:14px;color:var(--fg-1)}.np-more{display:flex;justify-content:center;padding:24px 0}@media (max-width:960px){.shell{padding:24px 20px 64px}.grid-2,.grid-3,.grid-4,.reward-tiles{grid-template-columns:1fr}.feat-banner{flex-direction:column;align-items:flex-start}.usage-row{flex-direction:column;gap:18px}.shell-head.row{flex-direction:column;align-items:flex-start}}