:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #f9fafb;--line: #e4e7ec;--line-strong: #d0d5dd;--text: #1b2232;--text-2: #475467;--text-3: #667085;--primary: #1f3b63;--primary-hover: #182f50;--primary-soft: #e9eff7;--warm: #a8653f;--warm-soft: #f8eee7;--warm-bg: #fbf7f2;--danger: #b42318;--ok: #1f7a5a;--video-bg: #0f141d;--accent: var(--primary);--accent-soft: var(--primary-soft);--radius: 16px;--radius-sm: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .05);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .1);--sidebar: 236px;--bottomnav: 64px;--memo-key: #2f62a8;--memo-key-soft: #e9f0fa;--memo-thought: #1f7a5a;--memo-thought-soft: #e6f4ee;--memo-question: #95610c;--memo-question-soft: #fbf1df;--memo-action: #6a4c93;--memo-action-soft: #f1ecf7}[data-theme=green]{--accent: #24614f;--accent-soft: #e5f1ec}[data-theme=purple]{--accent: #5e45a0;--accent-soft: #efebf8}[data-theme=blue]{--accent: #2f62a8;--accent-soft: #e9f0fa}[data-theme=burgundy]{--accent: #8a3b4f;--accent-soft: #f7ebee}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html[data-font=large]{font-size:112.5%}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard Variable,Pretendard,-apple-system,Segoe UI,Noto Sans KR,sans-serif;font-size:1rem;line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{margin:0;line-height:1.35;letter-spacing:-.02em}p{margin:0}:focus-visible{outline:3px solid #8fb8e8;outline-offset:2px}.shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:4px;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 20px;font-weight:800;font-size:1.05rem}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:.85rem;letter-spacing:.02em}.nav-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:650}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--primary-soft);color:var(--primary)}.nav-link svg{width:22px;height:22px;flex:none}.sidebar .spacer{flex:1}.main{margin-left:var(--sidebar);min-width:0}.content{max-width:1120px;margin:0 auto;padding:32px 32px 80px}.content.wide{max-width:1360px}.bottom-nav{display:none}@media(max-width:959px){.sidebar{display:none}.main{margin-left:0}.content,.content.wide{padding:18px 16px calc(var(--bottomnav) + 32px + env(safe-area-inset-bottom))}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0 0;z-index:30;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);height:calc(var(--bottomnav) + env(safe-area-inset-bottom))}.bottom-nav a{display:grid;place-items:center;align-content:center;gap:2px;color:var(--text-3);font-size:.8rem;font-weight:650}.bottom-nav a.active{color:var(--primary)}.bottom-nav svg{width:24px;height:24px}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-size:1.6rem}.page-head p{color:var(--text-2);margin-top:4px}.eyebrow{font-size:.85rem;font-weight:700;color:var(--accent);letter-spacing:.02em}.muted{color:var(--text-2)}.meta{color:var(--text-3);font-size:.875rem}.section{margin-top:32px}.section-title{font-size:1.1rem;font-weight:750;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:grid;gap:12px}.grow{flex:1;min-width:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card.flat{box-shadow:none}.card-link{display:block;transition:border-color .15s,transform .15s}.card-link:hover{border-color:var(--line-strong);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-weight:700;font-size:1rem;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn-accent:hover{filter:brightness(.94);background:var(--accent)}.btn-soft{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-2)}.btn-ghost:hover{background:#1f24300d}.btn-danger{color:var(--danger)}.btn-sm{min-height:38px;padding:0 12px;font-size:.9rem;border-radius:10px}.btn-block{width:100%}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-2);font-size:.85rem;font-weight:650}.chip-accent{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.chip-lock{background:#eef0f3;border-color:transparent;color:#5b6372}.chip-open{background:#e5f3ec;border-color:transparent;color:#24624d}.tag{color:var(--text-2);font-size:.9rem}.chip svg{width:14px;height:14px}.field{display:grid;gap:6px}.field>span{font-weight:700;font-size:.95rem;color:var(--text)}.field small{color:var(--text-3);font-size:.85rem}.input,.textarea{width:100%;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);padding:12px 14px;font-size:1rem;line-height:1.6;outline:none;transition:border-color .15s,box-shadow .15s}.input{min-height:48px}.textarea{min-height:96px;resize:vertical}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.lg{font-size:1.15rem;font-weight:700}.empty{text-align:center;padding:40px 16px;color:var(--text-2);border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface)}.empty strong{display:block;color:var(--text);font-size:1.05rem;margin-bottom:4px}.save-status{font-size:.875rem;color:var(--text-3);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.save-status .dot{width:8px;height:8px;border-radius:50%;background:#9aa3af}.save-status.saved .dot{background:var(--ok)}.save-status.saving .dot{background:#c9a227}.save-status.error{color:var(--danger)}.save-status.error .dot{background:var(--danger)}.toast{position:fixed;left:50%;bottom:calc(var(--bottomnav) + 24px + env(safe-area-inset-bottom));transform:translate(-50%);background:#1f2430;color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;z-index:100;box-shadow:0 10px 30px #0003;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:center;gap:14px}.toast-action{border:0;background:transparent;color:#9ec3f0;font-weight:800;min-height:36px;padding:0 4px;white-space:nowrap}@media(min-width:960px){.toast{bottom:32px;left:calc(50% + var(--sidebar) / 2)}}.progress{height:6px;background:#eceef1;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent);border-radius:999px}.seg{display:inline-flex;background:#eef0f2;border-radius:12px;padding:4px;gap:2px;flex-wrap:wrap}.seg button{border:0;background:transparent;min-height:40px;padding:0 14px;border-radius:9px;font-weight:700;color:var(--text-2)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.next-card{border-left:5px solid var(--accent);padding:24px}.next-card h2{font-size:1.35rem;margin:6px 0 4px}.next-card .actions{margin-top:18px}.univ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.list{display:grid;gap:8px}.list-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:64px}.list-row:hover{border-color:var(--line-strong)}.list-row .num{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800;flex:none;font-size:.95rem}.list-row .num.done{background:var(--accent);color:#fff}.list-row .title{font-weight:700}.list-row .sub{color:var(--text-3);font-size:.875rem}.lecture-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}.video-wrap{background:var(--video-bg);border-radius:var(--radius);overflow:hidden}.video-box{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.video-box iframe,.video-box>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.player-controls{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--video-bg);flex-wrap:wrap}.player-controls button,.player-controls select{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid #343b4a;background:#1d2330;color:#e8ecf3;font-weight:700;font-size:.95rem;font-variant-numeric:tabular-nums}.player-controls button:hover,.player-controls select:hover{background:#262e3d}.player-controls button.on{background:#e8ecf3;color:#12161f;border-color:#e8ecf3}.player-controls .pc-rate{display:inline-flex;align-items:center;gap:6px;color:#aab3c2;font-size:.9rem;font-weight:700}.player-controls select{padding:0 10px;cursor:pointer}.lecture-title{margin-top:18px}.lecture-title h1{font-size:1.45rem;margin-top:4px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.memo-panel{position:sticky;top:20px;display:flex;flex-direction:column;max-height:calc(100dvh - 40px)}.memo-panel .panel-head{padding:16px 18px 12px;border-bottom:1px solid var(--line)}.memo-panel .panel-head h2{font-size:1.05rem}.memo-list{overflow-y:auto;padding:10px 12px;display:grid;gap:8px;align-content:start;flex:1;min-height:120px}.memo-composer{border-top:1px solid var(--line);padding:12px;display:grid;gap:10px;background:var(--surface-2);border-radius:0 0 var(--radius) var(--radius)}.type-picker{display:flex;gap:6px;flex-wrap:wrap}.type-picker button{min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-weight:700;font-size:.9rem;color:var(--text-2)}.type-picker button.on[data-type=key]{background:var(--memo-key-soft);border-color:var(--memo-key);color:var(--memo-key)}.type-picker button.on[data-type=thought]{background:var(--memo-thought-soft);border-color:var(--memo-thought);color:var(--memo-thought)}.type-picker button.on[data-type=question]{background:var(--memo-question-soft);border-color:var(--memo-question);color:var(--memo-question)}.type-picker button.on[data-type=action]{background:var(--memo-action-soft);border-color:var(--memo-action);color:var(--memo-action)}.next-bar{padding:12px;border-top:1px solid var(--line)}.lecture-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px}@media(max-width:1099px){.lecture-layout{grid-template-columns:1fr}.memo-panel{position:static;max-height:none}.memo-list{max-height:50vh}}@media(max-width:959px){.lecture-page .video-wrap{margin:-18px -16px 0;border-radius:0}.lecture-page .video-sticky{position:sticky;top:0;z-index:20;margin:-18px -16px 0}.lecture-page .video-sticky .video-wrap{margin:0}}.memo{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}.memo .time{border:0;background:#edf0f4;color:var(--primary);font-weight:800;font-size:.875rem;border-radius:8px;padding:4px 8px;font-variant-numeric:tabular-nums;align-self:start;min-height:32px}.memo .time:hover{background:var(--primary-soft)}.memo .body{min-width:0}.memo .text{white-space:pre-wrap;word-break:break-word}.memo .foot{grid-column:1 / -1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.memo-type{font-size:.8rem;font-weight:750;padding:2px 8px;border-radius:999px}.memo-type[data-type=key]{background:var(--memo-key-soft);color:var(--memo-key)}.memo-type[data-type=thought]{background:var(--memo-thought-soft);color:var(--memo-thought)}.memo-type[data-type=question]{background:var(--memo-question-soft);color:var(--memo-question)}.memo-type[data-type=action]{background:var(--memo-action-soft);color:var(--memo-action)}.used{font-size:.8rem;color:var(--ok);font-weight:700}.icon-btn{border:0;background:transparent;color:var(--text-3);min-width:36px;min-height:36px;border-radius:8px;display:inline-grid;place-items:center}.icon-btn:hover{background:#1f24300f;color:var(--text)}.icon-btn.on{color:#c08a12}.icon-btn svg{width:20px;height:20px}.compose{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;align-items:start}.source-panel{position:sticky;top:20px;max-height:calc(100dvh - 40px);display:flex;flex-direction:column}.source-panel .panel-head{padding:16px 18px 12px;border-bottom:1px solid var(--line)}.source-panel .panel-head h2{font-size:1.05rem}.source-list{overflow-y:auto;padding:10px 12px;display:grid;gap:8px;align-content:start}.send-row{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.send-row button{min-height:36px;padding:0 10px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface);font-size:.875rem;font-weight:700;color:var(--text-2)}.send-row button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.editor{padding:24px}.editor .stack{gap:20px}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.linked-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.linked-chips .chip{font-size:.8rem}.linked-chips .chip button{border:0;background:none;padding:0 0 0 2px;color:inherit;font-size:1rem;line-height:1}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(transparent,var(--surface) 30%);padding-top:16px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.memo.draggable{cursor:grab}.memo.draggable:active{cursor:grabbing}.drop-zone{border-radius:14px;transition:background .12s,box-shadow .12s}.drop-zone.drop-over{background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft),0 0 0 4px var(--accent)}.only-phone{display:none}@media(max-width:1099px){.compose{grid-template-columns:300px minmax(0,1fr);gap:16px}.editor{padding:18px}.send-row button{padding:0 8px}}@media(max-width:759px){.compose{grid-template-columns:1fr;gap:12px}.compose>.source-panel{position:sticky;top:0;z-index:15;max-height:42dvh;margin:-18px -16px 0;border-radius:0;border-left:0;border-right:0;box-shadow:0 6px 16px #1f243014}.compose>.source-panel .panel-head{padding:10px 16px 8px}.only-phone{display:inline-flex}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.card-grid.as-list{grid-template-columns:1fr}.kcard{display:flex;flex-direction:column;gap:8px;min-height:170px}.kcard h3{font-size:1.08rem}.kcard .excerpt{color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kcard .foot{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.as-list .kcard{min-height:0}.as-list .kcard .excerpt{-webkit-line-clamp:1}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.toolbar .input{flex:1;min-width:200px}.select{min-height:48px;border:1px solid var(--line-strong);border-radius:12px;padding:0 12px;background:var(--surface)}.doc{max-width:760px;margin:0 auto}.doc-paper{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:36px 40px;box-shadow:var(--shadow)}.doc-paper h1{font-size:1.7rem;line-height:1.35;margin:8px 0 6px}.doc-section{margin-top:26px}.doc-section h2{font-size:.95rem;color:var(--accent);font-weight:800;margin-bottom:6px;letter-spacing:0}.doc-section p{white-space:pre-wrap;font-size:1.05rem;line-height:1.8}.doc-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.source-trail{margin-top:18px}.source-trail .memo{background:var(--surface-2)}@media(max-width:640px){.doc-paper{padding:24px 20px}.doc-paper h1{font-size:1.4rem}}.template-option{display:grid;gap:6px;padding:18px}.more-actions>summary{cursor:pointer;list-style:none;font-weight:700;color:var(--accent);padding:12px 4px;min-height:44px}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice-row button{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-weight:700;color:var(--text-2)}.choice-row button.on{background:var(--accent);border-color:var(--accent);color:#fff}.field.focused>span{color:var(--accent)}.source-card{padding:12px 14px}.source-card>summary{cursor:pointer;list-style:none;display:grid;gap:2px}.source-card>summary::-webkit-details-marker{display:none}.source-card[open]>summary{margin-bottom:8px}.prompt-box{background:#f4f6f9;border:1px solid var(--line);border-radius:12px;padding:16px;white-space:pre-wrap;font-size:.95rem;line-height:1.7}.map-progress{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.map-progress .big{font-size:2rem;font-weight:800;color:var(--accent);line-height:1}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.topic{display:flex;flex-direction:column;gap:8px;min-height:150px}.topic h3{font-size:1.05rem;display:flex;justify-content:space-between;align-items:center}.topic.empty-topic{background:var(--surface-2);box-shadow:none}.topic-entry{display:block;padding:8px 10px;border-radius:10px;background:var(--accent-soft)}.topic-entry b{display:block;font-size:.9rem;color:var(--accent)}.topic-entry span{font-size:.9rem;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.grid-2 .next-card{margin:0}.practice-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;position:sticky;top:8px;z-index:10}.practice-timer{text-align:center;min-width:120px}.practice-timer .clock{font-size:2.4rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent);line-height:1.1}.practice-timer .clock.over{color:var(--danger)}.practice-stage{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 32px;min-height:280px}.practice-stage.full .doc-section p{font-size:1.2rem;line-height:1.9}.keyword-cards{display:grid;gap:12px}.keyword-card{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:1.4rem;font-weight:800}.hidden-stage{display:grid;place-items:center;align-content:center;min-height:240px;text-align:center;gap:6px;font-size:1.2rem}@media(max-width:640px){.practice-stage{padding:20px 18px}.keyword-card{font-size:1.2rem}}.final-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.template-option h3{font-size:1.1rem}.template-option ul{margin:6px 0 0;padding-left:18px;color:var(--text-2);font-size:.95rem}.login{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.login .card{width:min(440px,100%);padding:32px 28px}.login h1{font-size:1.5rem;margin:18px 0 6px}.dev-note{background:#fff8e6;border:1px solid #f0dca8;color:#6b5110;border-radius:12px;padding:12px 14px;font-size:.9rem}@media print{.sidebar,.bottom-nav,.no-print,.toast{display:none!important}.main{margin:0}body{background:#fff}.content{padding:0}.doc-paper{border:0;box-shadow:none;padding:0}}.topbar{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:12px;padding:14px 32px;background:#f5f6f8e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar .search{flex:1;max-width:520px;position:relative}.topbar .search input{width:100%;min-height:44px;border-radius:999px;border:1px solid var(--line);background:var(--surface);padding:0 16px 0 42px;font-size:.95rem}.topbar .search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.topbar .search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-3)}.topbar .avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:800;margin-left:auto}.topbar+.content{padding-top:12px}@media(max-width:959px){.topbar{display:none}}.sidebar .brand{font-size:1.25rem;letter-spacing:.02em}.nav-link.active{box-shadow:inset 3px 0 0 var(--primary)}.hello{border-radius:20px;padding:28px 30px;background:linear-gradient(120deg,var(--warm-bg) 0%,#f7f4ef 45%,var(--primary-soft) 100%);border:1px solid #efe7dd;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.hello h1{font-size:1.65rem;font-weight:750;line-height:1.4}.hello p{color:var(--text-2);margin-top:6px}.hello .quote{color:var(--warm);font-size:.95rem;font-weight:600;max-width:260px;text-align:right;line-height:1.6}@media(max-width:760px){.hello{grid-template-columns:1fr;padding:22px 20px}.hello .quote{text-align:left}.hello h1{font-size:1.35rem}}.resume{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:center;padding:18px;border-left:4px solid var(--accent)}.resume .thumb{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;background:#000}.resume .thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}.resume .thumb .play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.resume .thumb .play span{width:48px;height:48px;border-radius:50%;background:#fffffff0;color:var(--primary);display:grid;place-items:center;font-size:1.1rem;box-shadow:var(--shadow-lg);padding-left:3px}.resume h2{font-size:1.25rem;margin:4px 0}.resume .actions{margin-top:14px}@media(max-width:640px){.resume{grid-template-columns:1fr}}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{padding:16px 18px;display:grid;gap:2px}.stat .label{font-size:.875rem;color:var(--text-3);font-weight:600}.stat .value{font-size:1.7rem;font-weight:800;color:var(--text);line-height:1.25}.stat .value small{font-size:.95rem;font-weight:600;color:var(--text-3);margin-left:2px}.stat .bar{height:4px;border-radius:999px;background:#eef1f5;overflow:hidden;margin-top:8px}.stat .bar span{display:block;height:100%;border-radius:999px;background:var(--primary)}@media(max-width:760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.univ-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.univ-tile{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:4 / 5;background:#1b2232;color:#fff;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.univ-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.univ-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.univ-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0e160d 35%,#0a0e16d9)}.univ-tile .label{position:absolute;left:14px;right:14px;bottom:14px;z-index:1}.univ-tile .label b{display:block;font-size:1.1rem}.univ-tile .label span{font-size:.85rem;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.univ-tile .accent-line{position:absolute;left:0;right:0;top:0;height:4px;z-index:1;background:var(--accent)}.univ-tile .state{position:absolute;top:12px;left:12px;z-index:1;font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#ffffffeb;color:var(--text)}.univ-tile.locked img{filter:grayscale(1) brightness(.7)}.univ-tile.locked .accent-line{background:#9aa3af}@media(max-width:1100px){.univ-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.univ-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.univ-tile{aspect-ratio:1 / 1}}.flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.flow .step{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--text-3);font-weight:650;font-size:.9rem}.flow .step .n{width:22px;height:22px;border-radius:50%;background:#eef1f5;display:grid;place-items:center;font-size:.78rem;font-weight:800}.flow .step.done{color:var(--text-2)}.flow .step.done .n{background:var(--accent-soft);color:var(--accent)}.flow .step.now{border-color:var(--warm);color:var(--warm);background:var(--warm-soft)}.flow .step.now .n{background:var(--warm);color:#fff}.flow .arrow{color:#c3c9d2}.use-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.use-tile{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;padding:16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);transition:border-color .15s,transform .15s,box-shadow .15s}.use-tile:hover{border-color:var(--warm);transform:translateY(-1px);box-shadow:var(--shadow)}.use-tile .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--warm-soft);color:var(--warm)}.use-tile .ic svg{width:22px;height:22px}.use-tile b{display:block;font-size:1.02rem}.use-tile span{font-size:.875rem;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.asset{display:grid;gap:6px;padding:16px;align-content:start}.asset .kind{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--text-3)}.asset .kind svg{width:16px;height:16px}.asset h3{font-size:1rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-wrap{box-shadow:var(--shadow-lg)}.lecture-title h1{font-size:1.5rem}.lecture-flow{margin-top:14px}.page-hero{position:relative;border-radius:20px;overflow:hidden;min-height:200px;margin-bottom:24px;color:#fff;display:flex;align-items:flex-end;box-shadow:var(--shadow)}.page-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 15%}.page-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0c121ee0,#0c121e9e 55%,#0c121e40)}.page-hero .inner{position:relative;z-index:1;padding:26px 30px;max-width:720px}.page-hero h1{font-size:1.8rem;margin:4px 0 6px}.page-hero p{color:#ffffffdb;line-height:1.7}.page-hero .hero-back{display:inline-block;color:#fffc;font-weight:650;font-size:.9rem;margin-bottom:12px;min-height:32px}.page-hero .hero-back:hover{color:#fff}.page-hero .hero-eyebrow{font-size:.85rem;font-weight:700;color:#ffffffc7;letter-spacing:.02em}.page-hero .hero-extra{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.page-hero .hero-meta{font-size:.9rem;color:#ffffffd9;background:#ffffff24;border-radius:999px;padding:4px 12px}.page-hero .accent-bar{display:none}.btn-light{background:#fff;color:var(--text);border-color:#fff}.btn-light:hover{background:#f1f3f6}@media(max-width:640px){.page-hero{min-height:180px;border-radius:0;margin:-18px -16px 18px}.page-hero .inner{padding:20px 18px}.page-hero h1{font-size:1.45rem}}.course-row{display:flex;align-items:center;gap:16px;padding:12px 16px 12px 12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}.course-row:hover{border-color:var(--line-strong);transform:translateY(-1px)}.course-row img{width:120px;aspect-ratio:4 / 3;object-fit:cover;object-position:center top;border-radius:10px;flex:none;border-bottom:3px solid var(--accent)}.course-row.locked img{filter:grayscale(1) brightness(.85);border-bottom-color:#c3c9d2}.course-row .grow{display:grid;gap:2px}.course-row .title{font-weight:750;font-size:1.08rem}.course-row .sub{color:var(--text-3);font-size:.875rem}@media(max-width:520px){.course-row img{width:88px}}.lecture-row{display:flex;align-items:center;gap:16px;padding:10px 14px 10px 10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:border-color .15s,box-shadow .15s}.lecture-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.lecture-row .lthumb{position:relative;width:168px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;flex:none;background:#0f141d}.lecture-row .lthumb img{width:100%;height:100%;object-fit:cover;display:block}.lecture-row .dur{position:absolute;right:6px;bottom:6px;background:#000000bf;color:#fff;font-size:.75rem;font-weight:700;padding:1px 6px;border-radius:6px;font-variant-numeric:tabular-nums}.lecture-row .lprog{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff4d}.lecture-row .lprog span{display:block;height:100%;background:var(--accent)}.lecture-row .grow{display:grid;gap:2px}.lecture-row .title{font-weight:700;line-height:1.45}.lecture-row .sub{color:var(--text-3);font-size:.875rem}@media(max-width:520px){.lecture-row .lthumb{width:120px}.lecture-row{gap:12px}}.kcard{border-top:3px solid var(--accent)}.kcard .eyebrow{color:var(--accent)}.kind-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}.kind-ic svg{width:18px;height:18px}.doc-paper{border-top:4px solid var(--accent)}.doc-actions .btn-accent{box-shadow:0 4px 12px #1018281f}.editor-head .eyebrow{display:inline-flex;align-items:center;gap:6px}.source-panel .panel-head,.memo-panel .panel-head{background:var(--surface-2);border-radius:var(--radius) var(--radius) 0 0}.login{background:radial-gradient(circle at 15% 10%,var(--warm-bg) 0,transparent 45%),radial-gradient(circle at 85% 90%,var(--primary-soft) 0,transparent 50%),var(--bg)}.login .card{box-shadow:var(--shadow-lg);border-radius:20px}.map-progress{border-left:4px solid var(--accent)}.select-bar{position:sticky;top:72px;z-index:20;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;margin-bottom:14px;border-radius:14px;background:var(--primary);color:#fff;box-shadow:var(--shadow-lg)}.select-bar .btn{border-color:#ffffff59;background:#ffffff1f;color:#fff}.select-bar .btn-accent{background:#fff;color:var(--primary);border-color:#fff}.select-bar .btn:disabled{opacity:.5}@media(max-width:959px){.select-bar{top:8px}}.kcard.selectable{position:relative;padding-right:52px}.kcard .pick-box{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:8px;border:2px solid var(--line-strong);background:#fff;display:grid;place-items:center;font-weight:800;color:#fff}.kcard.picked{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.kcard.picked .pick-box{background:var(--accent);border-color:var(--accent)}.print-wrap{min-height:100dvh;background:#e9ebef;padding:0 16px 40px}.print-toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:860px;margin:0 auto;padding:12px 0;background:#e9ebef}.print-hint{max-width:820px;margin:0 auto 12px;font-size:.875rem;color:var(--text-3)}.sheet{max-width:820px;margin:0 auto;background:#fff;border-radius:6px;padding:56px 64px;box-shadow:0 8px 30px #1018281f}.sheet h1{font-size:1.9rem;line-height:1.35;margin:6px 0}.sheet p,.sheet li{line-height:1.85;white-space:pre-wrap}.print-cover-mini{border-bottom:2px solid var(--primary);padding-bottom:16px;margin-bottom:28px}.print-card{padding:22px 0 26px;border-bottom:1px solid var(--line)}.print-card:last-child{border-bottom:0}.print-card h2{font-size:1.35rem;margin:4px 0 12px}.print-card .eyebrow{color:var(--accent)}.print-card section{margin-top:12px}.print-card h3,.book-chapter h3,.src h3{font-size:.9rem;font-weight:800;color:var(--accent);margin:0 0 4px;letter-spacing:0}.print-card .tags{color:var(--text-3);margin-top:10px}.print-card .src{margin-top:14px;padding:12px 14px;background:#f6f7f9;border-radius:8px}.print-card .src ul{margin:0;padding-left:18px;font-size:.92rem;color:var(--text-2)}.book-cover{min-height:860px;display:flex;flex-direction:column;justify-content:center;padding:0 12px;border-left:6px solid var(--primary)}.book-cover h1{font-size:2.6rem;line-height:1.3;margin:14px 0}.book-cover p{color:var(--text-2);font-size:1.1rem}.book-toc{padding-top:8px}.book-toc h2{font-size:1.5rem;margin-bottom:18px}.book-toc h3{font-size:1.05rem;margin:18px 0 6px;color:var(--primary)}.book-toc ol{margin:0;padding-left:24px}.book-chapter{padding-top:8px}.book-chapter .eyebrow{color:var(--accent)}.book-chapter h2{font-size:1.6rem;margin:6px 0 18px;padding-bottom:12px;border-bottom:2px solid var(--accent-soft)}.book-chapter section{margin-top:16px}.break{break-before:page}.avoid{break-inside:avoid}@media(max-width:640px){.sheet{padding:28px 20px}.book-cover{min-height:520px}.book-cover h1{font-size:2rem}}@media screen{.sheet .break{margin-top:48px;border-top:1px dashed #d0d5dd;padding-top:40px}.book-cover+.break{border-top:0}}@page{size:A4;margin:16mm 16mm 18mm}@media print{.print-wrap{background:#fff;padding:0}.sheet{box-shadow:none;padding:0;max-width:none;border-radius:0}.topbar{display:none!important}.book-cover{min-height:240mm}body{font-size:11pt}}.notice-warm{background:var(--warm-soft);color:var(--warm);border-radius:12px;padding:12px 14px;font-weight:600;margin-bottom:16px}.source-output{border-left:4px solid var(--warm);padding:14px}.source-output .eyebrow{color:var(--warm)}.template-save{margin-top:16px;border-left:4px solid var(--warm)}.keep-list{display:grid;gap:8px}.keep-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.keep-item input{width:18px;height:18px;margin-top:3px}.keep-item b{display:block;font-size:.95rem}.keep-item span span{color:var(--text-3);font-size:.875rem}.keep-item.on{border-color:var(--accent);background:var(--accent-soft)}.curation-card{border-top:4px solid var(--accent);background:linear-gradient(180deg,var(--accent-soft),var(--surface) 60%)}[data-theme=indigo]{--accent: #3f4d8f;--accent-soft: #eceef8}.studio-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.studio-title{flex:1;font-size:1.35rem!important}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.steps button{text-align:left;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);display:grid;gap:2px;min-height:60px}.steps button b{font-size:1rem}.steps button span{font-size:.85rem;color:var(--text-3)}.steps button.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 -3px 0 var(--accent)}.steps button.on b{color:var(--accent)}.pick-card{display:grid;gap:4px;padding:12px;border-top:3px solid var(--accent)}.pick-card .btn{justify-self:start;margin-top:4px}.board{display:grid;gap:8px}.board-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:grab}.board-item.dragging{opacity:.45}.board-item.excluded{opacity:.5;background:var(--surface-2)}.board-item.excluded b{text-decoration:line-through}.board-item.heading{background:var(--accent-soft);border-color:transparent}.board-item.note{border-style:dashed}.board-item .bi-move{display:grid;gap:2px}.board-item .bi-body{display:grid;gap:4px;min-width:0}.board-item .bi-actions{display:grid;gap:4px}.heading-input{font-weight:800;background:transparent;border-color:transparent;padding-left:4px}.role-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.role-row button{min-height:32px;padding:0 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-size:.85rem;font-weight:700;color:var(--text-3)}.role-row button.on{background:var(--accent);border-color:var(--accent);color:#fff}.triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.triple-col h3{font-size:1.05rem;margin-bottom:8px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.slot{display:grid;gap:6px;padding:10px;border:1px dashed var(--line-strong);border-radius:12px;margin-bottom:8px;background:var(--surface-2)}.slot .textarea{min-height:72px;background:var(--surface)}.slot-pick{max-width:60%;min-height:32px;font-size:.8rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text-2)}.slot-ref{font-size:.8rem;color:var(--text-3)}.outline{margin:6px 0 0;padding-left:18px}.outline li{margin-bottom:4px}.draft-area{min-height:420px!important;font-size:1.05rem;line-height:1.9}@media(max-width:900px){.triple{grid-template-columns:1fr}.steps button{padding:10px}}@media(max-width:640px){.board-item{grid-template-columns:30px minmax(0,1fr)}.board-item .bi-actions{grid-column:2;display:flex}.studio-head{flex-wrap:wrap}}.media-grid{display:grid;gap:12px;max-width:560px}.media-thumb{position:relative;border-radius:12px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}.media-thumb img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block;margin:0 auto}.media-thumb.loading{display:grid;place-items:center;aspect-ratio:4 / 3;font-size:.9rem;color:var(--text-3)}.media-tools{position:absolute;top:8px;right:8px;display:flex;gap:6px}.media-tools button{width:34px;height:34px;border-radius:50%;border:0;background:#0009;color:#fff;font-size:.95rem;cursor:pointer}.media-add{display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;border-radius:12px;border:1.5px dashed var(--line);background:transparent;color:var(--text-2);font:inherit;font-size:.95rem;cursor:pointer}.media-add b{font-size:1.4rem;color:var(--accent);line-height:1}.media-grid>.media-thumb+.media-add{min-height:64px}.media-add:hover{border-color:var(--accent)}.yt-list{display:grid;gap:10px;margin-top:4px}.yt-embed{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#000;max-width:560px}.yt-embed iframe,.yt-embed button,.yt-embed img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.yt-embed button{padding:0;cursor:pointer;background:#000}.yt-embed img{object-fit:cover;opacity:.85}.yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:42px;border-radius:12px;background:#000000b8;color:#fff;display:grid;place-items:center;font-size:1.1rem}.yt-embed button:hover .yt-play{background:#e33}.gallery{display:grid;gap:12px;max-width:560px}.gallery button{padding:0;border:0;border-radius:12px;overflow:hidden;cursor:zoom-in;background:var(--surface-2)}.gallery img{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block;margin:0 auto}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0c12eb;display:grid;place-items:center;padding:16px;gap:12px;grid-template-rows:1fr auto}.lightbox img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:8px}.print-images{display:flex;flex-wrap:wrap;gap:8px}.print-images img{max-width:48%;max-height:90mm;object-fit:contain;border-radius:4px;break-inside:avoid}.print-images img:only-child{max-width:100%}.print-links>div{display:flex;align-items:center;gap:10px;margin:4px 0;font-size:.85rem;word-break:break-all}.print-links img{width:96px;border-radius:4px;flex:none}.primary-action{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1.5px solid var(--accent)}.primary-action .ic{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft, #f4ece6);color:var(--accent)}.primary-action .ic svg{width:24px;height:24px}.primary-action .grow{display:grid;gap:4px;min-width:0}.primary-action b{font-size:1.12rem}.primary-action .btn{flex:none}.more-actions{margin-top:14px}.more-actions>summary{cursor:pointer;color:var(--text-2);font-weight:600;padding:6px 0;list-style:none}.more-actions>summary::-webkit-details-marker{display:none}.more-actions>summary:before{content:"＋ ";color:var(--accent)}.more-actions[open]>summary:before{content:"－ "}.more-actions .use-tiles{margin-top:10px}@media(max-width:520px){.primary-action{flex-wrap:wrap}.primary-action .btn{width:100%;justify-content:center}}.pattern-list{display:grid;gap:10px}.pattern{padding:14px 16px;display:grid;gap:6px}.pattern .text{font-weight:600;white-space:pre-wrap}.pattern .example{color:var(--text-2);white-space:pre-wrap;border-left:3px solid var(--accent-soft);padding-left:10px}.pattern .foot{gap:8px}.pattern-add{margin-top:18px}.pattern-tray .pattern{padding:10px 12px}.pattern-summary{display:flex;align-items:center;gap:16px}.pattern-summary .big{font-size:2rem;font-weight:800;color:var(--accent);min-width:44px;text-align:center}.pattern-summary .grow{display:grid;gap:2px}.pattern-in-lecture{padding:0 4px 8px}.pattern-in-lecture .pattern-add{margin-top:0}.flame{fill:#d6d9df;flex:none}.flame.on{fill:#ff7a1a;filter:drop-shadow(0 2px 6px rgba(255,122,26,.35))}.streak-card{display:grid;gap:14px;padding:18px 20px}.streak-main{display:flex;align-items:center;gap:14px}.streak-num{font-size:1.9rem;font-weight:800;line-height:1.1;color:var(--text)}.streak-num small{font-size:.95rem;font-weight:700;margin-left:4px;color:var(--text-2)}.streak-num.big{font-size:2.6rem}.week-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:360px}.wd{display:grid;justify-items:center;gap:4px}.wd i{width:30px;height:30px;border-radius:50%;background:var(--surface-2);border:1.5px solid var(--line);display:grid;place-items:center}.wd.on i{background:#fff1e6;border-color:#ffb27a}.wd.today i{border-color:#ff7a1a;border-width:2px}.wd.future i{opacity:.45}.wd small{font-size:.75rem;color:var(--text-3)}.wd.today small{color:#e0640f;font-weight:700}.streak-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid var(--line);padding-top:12px}.streak-stats>div{display:grid;gap:2px}.streak-stats .label{font-size:.8rem;color:var(--text-3)}.streak-stats b{font-size:1.15rem}.streak-stats small{font-size:.8rem;color:var(--text-3);font-weight:600;margin-left:2px}.goal-bar{display:block;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;margin-top:4px}.goal-bar span{display:block;height:100%;background:#ff7a1a;border-radius:3px;transition:width .4s}.streak-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 22px}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0f121c8c;display:grid;place-items:center;padding:16px;animation:fade-in .2s ease-out}.celebrate-card{background:var(--surface, #fff);border-radius:22px;padding:28px 24px 20px;width:min(360px,100%);display:grid;gap:14px;justify-items:center;text-align:center;animation:pop-in .35s cubic-bezier(.2,1.4,.4,1)}.celebrate-card .week-dots{width:100%}.celebrate-flame{animation:flame-bounce 1.2s ease-in-out infinite}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{transform:scale(.7);opacity:0}}@keyframes flame-bounce{50%{transform:translateY(-6px) scale(1.06)}}@media(prefers-reduced-motion:reduce){.celebrate,.celebrate-card,.celebrate-flame{animation:none}}.heatmap-wrap{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.heatmap-dow{display:grid;grid-template-rows:repeat(7,14px);gap:3px;font-size:.68rem;color:var(--text-3);line-height:14px}.heatmap{display:flex;gap:3px}.hm-col{display:grid;grid-template-rows:repeat(7,14px);gap:3px}.hm{width:14px;height:14px;border-radius:3px;background:#eceef2;display:inline-block}.hm.l1{background:#ffd8b8}.hm.l2{background:#ffb27a}.hm.l3{background:#ff8a3d}.hm.l4{background:#e0640f}.hm.future{background:transparent}.heat-legend{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:10px;font-size:.75rem;color:var(--text-3)}.reward-panel{display:grid;gap:12px;margin-bottom:20px}.reward-invite{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font:inherit;margin-bottom:20px;border:1.5px dashed var(--accent);background:var(--surface, #fff);cursor:pointer}.reward-invite .gift{font-size:2rem}.reward-invite .grow{display:grid;gap:4px}.reward-row{display:grid;gap:8px;padding:12px 14px;border-radius:12px;background:var(--surface-2)}.reward-row.reached:not(.claimed){background:#fff6e8;box-shadow:inset 0 0 0 1.5px #ffcf8a}.reward-row.claimed{opacity:.8}.reward-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reward-big{font-size:1.25rem;font-weight:800;color:var(--accent)}.home-rewards{display:grid;gap:8px;margin-top:10px}.home-reward{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--surface, #fff);border:1px solid var(--line);color:var(--text)}.home-reward:hover{border-color:var(--accent)}.btn-done{background:#e8f5ee;color:#1e7a4c;border-color:#bfe3cf}.lab-note{margin-top:18px}@media(min-width:1100px){.lecture-layout>.lab-scenes{grid-column:2;grid-row:1 / span 2}.lecture-layout>.lab-note{grid-column:1;grid-row:2;margin-top:0}}.print-marks{list-style:none;padding:0;margin:0;display:grid;gap:6px}.print-marks li{break-inside:avoid;line-height:1.6}.print-marks b{font-variant-numeric:tabular-nums;margin-right:4px}.print-marks .chip{margin-right:6px}.print-toolbar>.grow{min-width:160px;white-space:nowrap}.select-row{display:flex;align-items:center;gap:8px}.select-row>.list-row{flex:1;min-width:0}.select-row .pick,.select-row .pick-spacer{flex:none;width:34px;height:34px;display:grid;place-items:center}.select-row .pick{cursor:pointer;border-radius:8px}.select-row .pick:hover{background:var(--surface-2)}.select-row .pick input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.select-row.picked>.list-row{border-color:var(--accent);background:var(--accent-soft)}.select-all{display:flex;align-items:center;gap:8px;margin:4px 0 10px;padding-left:8px;font-weight:600;cursor:pointer;width:fit-content}.select-all input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}details.versions>summary{cursor:pointer;list-style:none;justify-content:flex-start;gap:6px}details.versions>summary .meta{margin-left:auto}details.versions>summary::-webkit-details-marker{display:none}details.versions>summary:before{content:"▸ ";color:var(--text-3)}details.versions[open]>summary:before{content:"▾ "}.source-panel.collapsed .source-list,.source-panel.collapsed .hide-collapsed{display:none}.source-panel.collapsed .panel-head{border-bottom:0;border-radius:var(--radius)}.compose.no-tray,.compose.tray-collapsed{grid-template-columns:minmax(0,1fr)}.compose.tray-collapsed>.source-panel{position:static;max-height:none}.rw-field{margin-top:18px}.rw-label{font-size:.95rem;color:var(--accent);font-weight:800;margin-bottom:8px}.rw-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}.rw-col{display:grid;gap:6px}.rw-head{font-size:.8rem;font-weight:700;color:var(--text-3)}.rw-orig{white-space:pre-wrap;line-height:1.8;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);max-height:70vh;overflow:auto;color:var(--text-2)}.rw-col .textarea{line-height:1.8;min-height:160px}.rw-diff .diff,.diff{white-space:pre-wrap;line-height:1.9}.diff ins,.rw-diff ins{background:#dcf5e4;color:#14532d;text-decoration:none;border-radius:3px;padding:0 1px}.diff del,.rw-diff del{background:#fde2e1;color:#8a1c1c;border-radius:3px;padding:0 1px}.rw-note{margin-top:22px}.rw-log{padding:12px 14px;display:grid;gap:4px}.rw-log p{white-space:pre-wrap}.rw-log .rule{font-weight:700;color:var(--accent)}@media(max-width:759px){.rw-grid{grid-template-columns:1fr}.rw-orig{max-height:30vh}}.steps.steps-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:759px){.steps.steps-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.pick-tile{position:relative;display:grid;gap:6px;align-content:start;text-align:left;padding:14px 14px 16px;min-height:130px;border-radius:14px;border:1.5px solid var(--line);border-top:4px solid var(--accent);background:var(--surface);font:inherit;color:var(--text);cursor:pointer}.pick-tile:hover{border-color:var(--line-strong, var(--accent))}.pick-tile.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent) inset}.pick-tile b{padding-right:26px;line-height:1.45}.pick-check{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);display:grid;place-items:center;font-size:.85rem;font-weight:800;color:#fff}.pick-tile.on .pick-check{background:var(--accent);border-color:var(--accent)}.step-bar{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px #141e321f}@media(max-width:759px){.step-bar{bottom:calc(76px + env(safe-area-inset-bottom))}}.part-count{display:flex;gap:6px;margin-bottom:12px}.order-item .bi-move{justify-items:center}.order-item .grip{color:var(--text-3);font-size:1.1rem;line-height:1;cursor:grab}.part-row{display:flex;gap:6px;margin-top:6px}.part-row button{padding:6px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font:inherit;font-size:.9rem;font-weight:700;color:var(--text-2);cursor:pointer}.part-row button.on{background:var(--accent);border-color:var(--accent);color:#fff}.slot-card{display:grid;gap:10px;margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--surface-2)}.slot-card p{white-space:pre-wrap;font-size:.92rem}.step-bar{flex-wrap:wrap}.step-bar>.grow{white-space:nowrap;min-width:max-content}@media(max-width:520px){.step-bar{flex-wrap:nowrap}.step-bar>.grow:empty{display:none}.step-bar>.btn-accent{flex:1 1 auto;justify-content:center}}.univ-prog{display:grid;gap:6px;align-content:start;min-width:0}.univ-tile .tile-progress{position:absolute;left:14px;right:14px;bottom:8px;z-index:1;height:4px;border-radius:2px;background:#ffffff47;overflow:hidden}.univ-tile .tile-progress span{display:block;height:100%;background:#fff;border-radius:2px}.univ-tile .tile-progress~.label,.univ-prog .univ-tile .label{bottom:20px}.tile-next{display:grid;gap:1px;padding:8px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--text);min-width:0}.tile-next b{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-next .meta{font-size:.75rem}a.tile-next:hover{border-color:var(--accent)}.tile-next.done{background:var(--accent-soft);border-color:transparent}.tile-reward{font-size:.78rem;color:var(--text-2);padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streak-summary{border-top:1px solid var(--line);padding-top:10px}.explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.explore-card{display:grid;grid-template-rows:auto 1fr;border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.explore-card .cover{position:relative;aspect-ratio:16 / 10;background:#1b2232}.explore-card .cover img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.explore-card .cover .accent-line{position:absolute;left:0;right:0;top:0;height:4px;background:var(--accent)}.explore-card .body{display:grid;gap:8px;align-content:start;padding:16px}.explore-card .body h3{font-size:1.1rem}.explore-card .body .btn{justify-self:start;margin-top:4px}.new-badge{font-size:.7rem;font-weight:800;letter-spacing:.04em;color:#fff;background:#e0640f;padding:2px 7px;border-radius:999px}