:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fafaf9;--surface:#fff;--surface-muted:#f4f5f4;--surface-tint:#eef5f7;--surface-panel:#f6f8f8;--surface-control:#fbfcfc;--surface-warm:#f6f2eb;--ink:#15395c;--text:#26384d;--muted:#7b7b7c;--line:#d9dee0;--line-strong:#b9c8ce;--accent:#87a8b2;--accent-weak:#e8f1f3;--meta:#6e727b;--shadow:#15395c14;--shadow-soft:#15395c0b;--radius:3px;--radius-pill:999px;color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--page);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #87a8b270}.app-shell,.detail-page{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 56px}.topbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:28px;padding:28px 0 22px;display:grid}.product-kicker,.eyebrow,.dashboard article span,.day-heading span,.library-count,.compare-toolbar span{color:var(--meta);font-size:.86rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:780px;color:var(--ink);margin-bottom:10px;font-size:clamp(2rem,5vw,4.4rem);line-height:1.03}.topbar p,.detail-hero p{max-width:760px;color:var(--muted);margin-bottom:0;font-size:1.05rem;line-height:1.75}.disclaimer{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-panel);color:var(--muted);gap:8px;padding:14px;font-size:.9rem;line-height:1.55;display:grid}.disclaimer strong{border-radius:var(--radius-pill);background:var(--accent-weak);width:fit-content;color:var(--ink);padding:4px 8px;font-size:.82rem}.meta-pills{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.owner-badge{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);width:fit-content;color:var(--meta);align-items:center;gap:6px;padding:3px 8px 3px 4px;font-size:.82rem;font-weight:700;display:inline-flex}.owner-badge img{border-radius:var(--radius-pill);object-fit:cover;width:22px;height:22px}.dashboard{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:14px;margin:22px 0;display:grid}.dashboard article,.detail-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-control);min-width:0;box-shadow:0 10px 24px var(--shadow-soft);padding:18px}.dashboard .today-panel{background:var(--surface-tint);border-color:var(--line-strong)}.dashboard strong{margin:8px 0;font-size:2rem;display:block}.dashboard p,.detail-grid p,.review-day{color:var(--muted);line-height:1.65}.progress-meta{color:var(--meta);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.88rem;display:flex}.progress-track{border-radius:var(--radius-pill);background:var(--accent-weak);height:9px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--ink);height:100%}.main-controls,.prompt-preview-header,.detail-status,.slice-card-meta,.status-actions,.confusion-strip,.compare-toolbar,.concept-row,.guide-flow-visual,.platform-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.main-controls{justify-content:space-between;margin:26px 0 16px}.mode-toggle{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-panel);gap:6px;max-width:100%;padding:5px;display:inline-flex}.mode-toggle button,.tabs button,.status-actions button,.continue-button,.copy-button,.back-button{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-control);min-height:38px;color:var(--text);justify-content:center;align-items:center;gap:8px;font-weight:700;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.mode-toggle button{min-width:116px;padding:0 14px}.mode-toggle .is-active,.tabs .is-active,.status-actions .is-active,.continue-button,.copy-button{border-color:var(--ink);background:var(--ink);color:#fff}.mode-toggle button:hover,.tabs button:hover,.status-actions button:hover,.continue-button:hover:not(:disabled),.copy-button:hover,.back-button:hover{background:var(--accent-weak);transform:translateY(-1px)}.mode-toggle .is-active:hover,.tabs .is-active:hover,.status-actions .is-active:hover,.continue-button:hover:not(:disabled),.copy-button:hover{background:var(--ink)}.continue-button,.back-button{padding:0 15px}.plan-list{gap:14px;display:grid}.day-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-panel);grid-template-columns:116px minmax(0,1fr);gap:16px;padding:16px;display:grid}.day-row.is-today{background:var(--surface-tint);border-color:var(--accent);box-shadow:inset 4px 0 0 var(--ink)}.day-heading{flex-direction:column;gap:8px;display:flex}.day-heading strong{border-radius:var(--radius-pill);background:var(--accent-weak);width:fit-content;color:var(--ink);padding:4px 8px;font-size:.78rem}.day-slices,.library-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.slice-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-control);min-height:150px;color:inherit;text-align:left;box-shadow:0 8px 18px var(--shadow-soft);grid-template-columns:auto minmax(0,1fr);gap:12px;padding:15px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.slice-card:hover,.map-leaves button:hover,.prompt-list button:hover{border-color:var(--ink)}.slice-card:hover{box-shadow:0 14px 28px var(--shadow);transform:translateY(-2px)}.slice-card.status-completed{background:var(--accent-weak);border-color:var(--accent)}.slice-card.status-review{background:var(--surface-warm);border-color:#cfc0a8}.slice-card.status-in_progress{border-color:var(--line-strong);background:#f3f6f8}.slice-card-title{overflow-wrap:anywhere;margin-bottom:8px;font-weight:800;line-height:1.35}.slice-card p{color:var(--muted);margin-bottom:0;line-height:1.55}.slice-card-meta{color:var(--meta);grid-column:1/-1;font-size:.82rem}.slice-card-meta span,.detail-status span{align-items:center;gap:5px;display:inline-flex}.priority{border-radius:var(--radius);color:#fff;white-space:nowrap;justify-content:center;align-self:start;align-items:center;gap:4px;width:fit-content;min-height:26px;padding:3px 7px;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}.priority-a{background:var(--ink)}.priority-b{background:var(--accent)}.priority-c{background:var(--meta)}.mind-map-graphic{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#87a8b22e 1px, transparent 1px), linear-gradient(90deg, #87a8b22e 1px, transparent 1px), var(--surface);background-size:28px 28px;max-height:min(76vh,820px);overflow:hidden}.mind-map-scroller{height:100%;max-height:inherit;overflow:auto}.mind-map-canvas{min-width:1280px;position:relative}.mind-map-lines{pointer-events:none;position:absolute;inset:0}.mind-map-lines path{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round}.map-node{border-radius:var(--radius);border:1px solid var(--line-strong);box-shadow:0 8px 22px var(--shadow);align-items:center;gap:8px;font-weight:800;line-height:1.28;display:flex;position:absolute}.map-node-center{border-color:var(--ink);background:var(--ink);color:#fff;justify-content:center;padding:0 18px;font-size:1.04rem}.map-node-root{border-color:var(--accent);background:var(--accent-weak);color:var(--ink);justify-content:center;padding:0 16px}.map-node-category{background:var(--surface-panel);color:var(--text);justify-content:center;padding:0 14px;font-size:.92rem}.map-node-slice{background:var(--surface-control);color:var(--text);text-align:left;padding:0 14px 0 10px}.map-node-slice span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.map-node-slice:hover{border-color:var(--ink);transform:translateY(-1px)}.map-node-slice .priority{flex:none;align-self:center;min-height:24px;padding:3px 6px;font-size:.72rem}.priority-border-a{border-left:5px solid var(--ink)}.priority-border-b{border-left:5px solid var(--accent)}.priority-border-c{border-left:5px solid var(--meta)}.filters{grid-template-columns:minmax(240px,1fr) repeat(4,minmax(132px,176px));gap:10px;margin-bottom:12px;display:grid}.search-box{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-control);align-items:center;gap:9px;padding:0 12px;display:flex}.search-box input,.filters select{width:100%;min-height:42px;color:var(--text);background:0 0;border:0}.search-box input:focus,.filters select:focus{outline:0}.filters select{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-control);padding:0 10px}.library-count{margin:10px 0}.compare-view{gap:14px;display:grid}.compare-toolbar{justify-content:space-between}.compare-toolbar .search-box{width:min(520px,100%)}.comparison-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.comparison-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-control);grid-template-rows:auto auto minmax(0,1fr) auto;align-content:start;gap:14px;min-height:520px;padding:18px;display:grid}.comparison-title-row{align-content:start;gap:8px;min-height:118px;display:grid}.comparison-title-row h2{overflow-wrap:anywhere;margin:0;font-size:1.15rem;line-height:1.35}.comparison-tags,.related-slices div{flex-wrap:wrap;gap:7px;display:flex}.comparison-tags span{border-radius:var(--radius-pill);background:var(--accent-weak);min-height:30px;color:var(--ink);align-items:center;padding:4px 8px;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}.concept-row{border-radius:var(--radius);background:var(--surface-panel);min-height:72px;color:var(--text);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:12px;display:grid}.concept-row strong{overflow-wrap:anywhere;word-break:keep-all;align-items:center;min-width:0;min-height:44px;line-height:1.35;display:flex}.concept-row svg{color:var(--meta);flex:none}.comparison-card dl{gap:10px;margin:0;display:grid}.comparison-card dt,.related-slices>span{color:var(--meta);margin-bottom:4px;font-size:.82rem;font-weight:800}.comparison-card dd{color:var(--muted);margin:0;line-height:1.65}.related-slices{align-self:end;gap:8px;display:grid}.related-slices button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-panel);max-width:100%;min-height:34px;color:var(--ink);text-align:left;overflow-wrap:anywhere;white-space:normal;padding:5px 9px;font-size:.88rem;font-weight:800}.related-slices button:hover{border-color:var(--ink)}.guide-view{gap:18px;display:grid}.guide-hero{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-tint);grid-template-columns:minmax(0,1fr) minmax(540px,.95fr);align-items:center;gap:20px;padding:22px;display:grid}.guide-hero h2,.section-heading h2{margin-bottom:8px;font-size:clamp(1.45rem,2.6vw,2.05rem);line-height:1.18}.guide-hero p,.section-heading p,.assistant-mode-grid p,.usage-rhythm p{color:var(--muted);margin-bottom:0;line-height:1.7}.guide-flow-visual{border-radius:var(--radius);background:linear-gradient(#87a8b229 1px, transparent 1px), linear-gradient(90deg, #87a8b229 1px, transparent 1px), var(--surface-panel);background-size:24px 24px;flex-wrap:nowrap;justify-content:center;padding:18px}.guide-flow-visual>div{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-control);width:94px;min-height:92px;color:var(--ink);text-align:center;place-items:center;gap:7px;padding:10px;font-size:.86rem;font-weight:800;display:grid}.guide-flow-visual>svg{color:var(--accent)}.assistant-mode-grid,.usage-rhythm{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.assistant-mode-grid article,.usage-rhythm article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-control);align-content:start;gap:9px;padding:18px;display:grid}.assistant-mode-grid svg{color:var(--ink)}.assistant-mode-grid h3,.platform-guide-card h3{margin:0;font-size:1.08rem}.guide-section{gap:14px;display:grid}.section-heading{gap:4px;display:grid}.platform-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.platform-guide-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-control);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.platform-mockup{background:var(--surface-panel);padding:12px}.platform-mockup.chatgpt{background:#eef5f7}.platform-mockup.gemini{background:#edf2f5}.platform-mockup.claude{background:#f5f3ef}.mockup-topbar{border-radius:var(--radius) var(--radius) 0 0;background:var(--ink);gap:5px;padding:9px;display:flex}.mockup-topbar span{border-radius:var(--radius-pill);background:var(--accent-weak);opacity:.75;width:8px;height:8px}.mockup-body{border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);background:var(--surface-control);border-top:0;grid-template-columns:72px minmax(0,1fr);min-height:190px;display:grid}.mockup-body aside{border-right:1px solid var(--line);align-content:start;gap:8px;padding:12px;display:grid}.mockup-body aside div,.mockup-prompt-lines span{border-radius:var(--radius-pill);background:var(--line);height:8px;display:block}.mockup-body aside div:nth-child(2){width:72%}.mockup-body aside div:nth-child(3){width:48%}.mockup-body main{align-content:start;gap:11px;padding:14px;display:grid}.mockup-field,.mockup-test{border-radius:var(--radius);background:var(--accent-weak);width:fit-content;color:var(--ink);align-items:center;gap:7px;padding:7px 9px;font-size:.82rem;font-weight:800;display:inline-flex}.mockup-prompt-lines{gap:7px;display:grid}.mockup-prompt-lines span:first-child{width:92%}.mockup-prompt-lines span:nth-child(2){width:78%}.mockup-prompt-lines span:nth-child(3){width:58%}.platform-guide-content{align-content:start;gap:13px;padding:16px;display:grid}.platform-title-row{justify-content:space-between}.platform-title-row a{color:var(--ink);font-size:.86rem;font-weight:800;text-decoration:none}.platform-guide-content ol{color:var(--text);gap:7px;margin:0;padding-left:20px;line-height:1.55;display:grid}.field-list{gap:7px;display:grid}.field-list span{border-radius:var(--radius);background:var(--surface-panel);color:var(--muted);padding:8px 10px;font-size:.9rem;line-height:1.45}.back-button{margin-bottom:18px}.detail-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;padding-bottom:22px;display:grid}.detail-hero h1{overflow-wrap:anywhere;font-size:clamp(2rem,4vw,3.4rem)}.detail-status{min-width:220px;color:var(--muted);justify-content:flex-end}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.detail-grid h2{margin-bottom:8px;font-size:1rem}.status-actions button{min-width:86px;padding:0 10px}.confusion-strip{border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-weak);margin-bottom:18px;padding:12px 14px}.confusion-strip span{border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);padding:4px 9px;font-size:.9rem;font-weight:700}.prompt-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-control);overflow:hidden}.tabs{border-bottom:1px solid var(--line);background:var(--surface-panel);gap:6px;padding:10px;display:flex}.tabs button{padding:0 14px}.prompt-body{grid-template-columns:280px minmax(0,1fr);min-height:520px;display:grid}.prompt-list{border-right:1px solid var(--line);background:var(--surface-panel);align-content:start;gap:8px;padding:12px;display:grid}.prompt-list button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-control);width:100%;color:var(--text);text-align:left;gap:10px;padding:11px;display:flex}.prompt-list button.is-active{border-color:var(--ink);background:var(--accent-weak)}.prompt-list small,.prompt-preview-header small{color:var(--muted);margin-top:4px;line-height:1.45;display:block}.prompt-preview{background:var(--surface-control);min-width:0;padding:14px}.prompt-preview-header{justify-content:space-between;margin-bottom:12px}.prompt-preview-header span{font-weight:800}.copy-button{padding:0 14px}pre{white-space:pre-wrap;word-break:break-word;border-radius:var(--radius);color:#24292f;tab-size:2;background:#f6f8fa;border:1px solid #d0d7de;min-height:420px;max-height:70vh;margin:0;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;line-height:1.7;overflow:auto}pre::-webkit-scrollbar{width:12px;height:12px}pre::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#8c959f;border:3px solid #f6f8fa}pre::-webkit-scrollbar-track{background:#f6f8fa}@media (width<=900px){.topbar,.detail-hero,.detail-grid,.prompt-body,.filters,.guide-hero,.platform-guide-grid{grid-template-columns:1fr}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.today-panel{grid-column:1/-1}.assistant-mode-grid,.usage-rhythm{grid-template-columns:1fr}.guide-flow-visual{justify-content:flex-start;overflow-x:auto}.detail-status{justify-content:flex-start}.prompt-list{border-right:0;border-bottom:1px solid var(--line)}.concept-row{grid-template-columns:1fr;justify-items:start;min-height:0}.concept-row svg{transform:rotate(90deg)}.comparison-card,.comparison-title-row{min-height:0}}@media (width<=640px){.app-shell,.detail-page{width:min(100% - 20px,1180px);padding-top:14px}.main-controls,.continue-button,.compare-toolbar .search-box,.guide-flow-visual,.tabs,.tabs button,.prompt-preview-header,.copy-button{width:100%}.mode-toggle{width:100%;overflow-x:auto}.mode-toggle button{flex:1 0 auto;min-width:max-content}.tabs{grid-template-columns:1fr;display:grid}.day-row{grid-template-columns:1fr}.topbar{padding-top:12px}h1{font-size:2.2rem}}