:root{color-scheme:light dark;font-family:Inter,Yu Gothic UI,游ゴシック Medium,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,system-ui,sans-serif;font-feature-settings:"palt" 1;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;--color-bg: #faf8f3;--color-bg-soft: #f3efe6;--color-bg-strong: #ebe5d6;--color-bg-hover: #e6dfcb;--color-text: #1f1d18;--color-text-2: #4a4538;--color-muted: #7a7363;--color-disabled: #b3ad9d;--color-border: #d9d2bf;--color-border-strong: #c2b89e;--color-accent: #8c6d3b;--color-accent-hover: #735628;--color-accent-soft: #efe5cd;--color-accent-fg: #ffffff;--color-user-msg: #e6ecf7;--color-error: #b04545;--color-error-soft: #fbe4e4;--color-success: #3a7c3a;--color-success-soft: #e3f0e3;--color-warning: #b88333;--color-warning-soft: #faf0d8;--color-info: #4f6f97;--color-info-soft: #e5edf6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--fs-4xl: 38px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(20, 18, 12, .06);--shadow-2: 0 2px 4px rgba(20, 18, 12, .05), 0 4px 14px rgba(20, 18, 12, .08);--shadow-3: 0 4px 8px rgba(20, 18, 12, .08), 0 12px 32px rgba(20, 18, 12, .15);--shadow-4: 0 16px 48px rgba(20, 18, 12, .22);--shadow-inset: inset 0 1px 2px rgba(20, 18, 12, .06);--ring: 0 0 0 3px rgba(140, 109, 59, .28);--easing: cubic-bezier(.4, 0, .2, 1);--easing-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .12s var(--easing);--t-base: .2s var(--easing);--t-slow: .32s var(--easing);--font-serif: "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "Noto Serif JP", serif}@media (prefers-color-scheme: dark){:root{--color-bg: #16140f;--color-bg-soft: #1e1b14;--color-bg-strong: #2a261c;--color-bg-hover: #322d22;--color-text: #ece8dd;--color-text-2: #c4bda9;--color-muted: #8f8975;--color-disabled: #5c5746;--color-border: #3a3528;--color-border-strong: #524a36;--color-accent: #d6b777;--color-accent-hover: #e6c98c;--color-accent-soft: #382e1c;--color-accent-fg: #1f1808;--color-user-msg: #2a3346;--color-error: #db8a8a;--color-error-soft: #3b1f1f;--color-success: #8ac88a;--color-success-soft: #1c321c;--color-warning: #e8c275;--color-warning-soft: #3a2f15;--color-info: #8aaad5;--color-info-soft: #1c2a3c;--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 2px 4px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .5);--shadow-3: 0 4px 8px rgba(0, 0, 0, .5), 0 12px 32px rgba(0, 0, 0, .6);--shadow-4: 0 16px 48px rgba(0, 0, 0, .7);--ring: 0 0 0 3px rgba(214, 183, 119, .35)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%;margin:0;background:var(--color-bg);color:var(--color-text);overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font-family:inherit;font-size:inherit;cursor:pointer}button,[role=button]{-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--color-text)}textarea,input[type=text],input[type=number],input[type=search],input[type=email],select,.form-input{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--t-fast),box-shadow var(--t-fast)}textarea:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:var(--ring)}textarea{resize:vertical}:disabled{cursor:not-allowed}::placeholder{color:var(--color-muted);opacity:.6}h1,h2,h3,h4,h5,h6{line-height:1.35;font-weight:var(--fw-semibold);letter-spacing:-.01em}.muted{color:var(--color-muted)}.text-2{color:var(--color-text-2)}.small{font-size:var(--fs-xs)}.smaller{font-size:var(--fs-sm)}.center{text-align:center}.serif{font-family:var(--font-serif)}code{font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;background:var(--color-bg-strong);padding:1px 6px;border-radius:var(--radius-xs);font-size:.92em}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}::selection{background:var(--color-accent-soft);color:var(--color-text)}.app-shell{display:grid;grid-template-rows:56px 1fr;height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);height:56px;background:var(--color-bg);border-bottom:1px solid var(--color-border);gap:var(--space-3);z-index:10}.app-header__left,.app-header__right{display:flex;align-items:center;gap:var(--space-2)}.app-header__left{min-width:0;flex:1}.app-title{font-weight:var(--fw-bold);font-size:var(--fs-md);letter-spacing:.01em;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.app-status{font-size:var(--fs-xs);color:var(--color-muted);white-space:nowrap}.app-body{display:grid;grid-template-columns:260px 1fr 340px;min-height:0;position:relative}.app-body--welcome{grid-template-columns:1fr}.ghost-button,.icon-button,.primary-button,.mini-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-base);font-weight:var(--fw-medium);line-height:1.2;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast),color var(--t-fast);white-space:nowrap}.ghost-button:hover:not(:disabled){background:var(--color-bg-soft);border-color:var(--color-border-strong)}.ghost-button:active:not(:disabled){transform:scale(.98)}.icon-button{padding:0;width:36px;height:36px;min-width:36px;border-radius:var(--radius-sm);font-size:15px}.icon-button:hover:not(:disabled){background:var(--color-bg-soft);border-color:var(--color-border-strong)}.primary-button{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent);padding:var(--space-2) var(--space-5);font-weight:var(--fw-semibold);box-shadow:var(--shadow-1)}.primary-button:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-2)}.primary-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-1)}.primary-button.big{padding:var(--space-4) var(--space-7);font-size:var(--fs-lg);border-radius:var(--radius-md)}.mini-button{padding:var(--space-1) var(--space-2);font-size:var(--fs-xs);background:var(--color-bg-strong);color:var(--color-text-2);border-color:transparent}.mini-button:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-text)}.primary-button:disabled,.ghost-button:disabled,.icon-button:disabled,.mini-button:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.login-screen{position:relative;display:grid;place-items:center;height:100%;padding:var(--space-6);overflow:hidden;background:radial-gradient(ellipse at top,rgba(214,183,119,.1),transparent 60%),var(--color-bg)}.login-screen__bg{position:absolute;inset:0;pointer-events:none}.login-screen__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.login-screen__orb--1{width:500px;height:500px;background:radial-gradient(circle,var(--color-accent-soft),transparent 70%);top:-150px;left:-100px}.login-screen__orb--2{width:400px;height:400px;background:radial-gradient(circle,#d8c8a8,transparent 70%);bottom:-100px;right:-50px}.login-card{position:relative;max-width:480px;width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-7);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-3);text-align:left}.login-card__brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.login-card__logo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:var(--color-accent-fg);border-radius:var(--radius-sm);font-size:16px;box-shadow:var(--shadow-2)}.login-card__brand-text{font-weight:var(--fw-bold);font-size:var(--fs-md);letter-spacing:.02em}.login-card__title{font-size:var(--fs-2xl);margin:0;letter-spacing:-.01em;line-height:1.4}.login-card__lead{color:var(--color-text-2);line-height:1.7;margin:0}.login-card__bullets{list-style:none;padding:0;margin:var(--space-3) 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.login-card__bullets li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--fs-sm);color:var(--color-text-2);line-height:1.6}.login-card__bullet-icon{font-size:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-soft);border-radius:var(--radius-sm);flex:0 0 28px}.login-card__cta{width:100%;margin-top:var(--space-2);justify-content:center}.login-card__google-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#fff;color:#4285f4;border-radius:50%;font-weight:var(--fw-bold);font-size:14px;margin-right:var(--space-1)}.login-card__footnote{margin:0;text-align:center}.sidebar{background:var(--color-bg-soft);border-right:1px solid var(--color-border);overflow-y:auto;padding:var(--space-3) 0;-webkit-overflow-scrolling:touch}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;color:var(--color-muted);cursor:pointer;user-select:none;transition:color var(--t-fast)}.sidebar-section__header:hover{color:var(--color-text-2)}.sidebar-empty{font-size:var(--fs-sm);color:var(--color-muted);padding:var(--space-1) var(--space-4);font-style:italic}.tree-row{padding:var(--space-2) var(--space-3);font-size:var(--fs-base);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;user-select:none;border-radius:var(--radius-sm);margin:0 var(--space-2) 1px;transition:background var(--t-fast)}.tree-row:hover{background:var(--color-bg-hover)}.tree-file.is-active{background:var(--color-accent-soft);font-weight:var(--fw-medium);color:var(--color-text);box-shadow:inset 3px 0 0 var(--color-accent)}.tree-file__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-dir{color:var(--color-muted);font-weight:var(--fw-medium);font-size:var(--fs-sm);padding-top:var(--space-3)}.badge{font-size:10px;padding:2px 6px;border-radius:var(--radius-pill);background:var(--color-bg-strong);color:var(--color-muted);font-weight:var(--fw-medium)}.badge-user{background:var(--color-warning-soft);color:var(--color-warning)}.badge-claude{background:var(--color-success-soft);color:var(--color-success)}.editor-pane{display:grid;grid-template-rows:44px 1fr;min-width:0;min-height:0;background:var(--color-bg)}.editor-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg);padding:0 var(--space-3);align-items:end}.editor-tab{background:transparent;border:none;padding:0 var(--space-5);height:44px;color:var(--color-muted);border-bottom:2px solid transparent;font-size:var(--fs-base);font-weight:var(--fw-medium);transition:color var(--t-fast),border-color var(--t-fast);cursor:pointer}.editor-tab:hover{color:var(--color-text-2)}.editor-tab.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.editor-body{overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.editor-empty{max-width:540px;margin:var(--space-9) auto;padding:0 var(--space-5);text-align:center}.editor-empty h2{font-size:var(--fs-xl);margin-bottom:var(--space-3)}.editor-empty p{color:var(--color-muted);line-height:1.8}.write-tab{display:grid;grid-template-rows:32px 1fr;height:100%;min-height:0;background:var(--color-bg)}.write-tab__statusbar{display:flex;align-items:center;gap:var(--space-3);padding:0 12px;font-size:11px;background:var(--color-bg-soft);border-bottom:1px solid var(--color-border)}.write-tab__path{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.write-tab__chars{font-variant-numeric:tabular-nums;flex:0 0 auto}.write-tab__saved{flex:0 0 auto}.write-tab__focus-btn{height:24px;padding:0 10px;font-size:11px;border-radius:var(--radius-pill);flex:0 0 auto}.write-tab__editor{height:100%;min-height:0;overflow:hidden}.write-tab__editor .cm-editor{height:100%}.write-tab__editor .cm-content{padding:14px 18px}.write-tab.is-focus-mode{background:var(--color-bg);display:flex;flex-direction:column}.write-tab.is-focus-mode .write-tab__statusbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#faf8f3d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom-color:#0000000a;opacity:.3;transition:opacity .2s ease}.write-tab.is-focus-mode .write-tab__statusbar:hover{opacity:1}.write-tab.is-focus-mode .write-tab__editor{flex:1;display:flex;justify-content:center}.write-tab.is-focus-mode .write-tab__editor .cm-editor{max-width:760px;width:100%}.write-tab.is-focus-mode .write-tab__editor .cm-content{padding:64px 32px;font-size:16px;line-height:2}.write-tab.is-focus-mode .write-tab__editor .cm-gutters{display:none}.write-tab.is-focus-mode .write-tab__editor .cm-activeLine,.write-tab.is-focus-mode .write-tab__editor .cm-activeLineGutter{background:transparent}.dialog-tab{padding:18px 24px;max-width:720px;margin:0 auto}.dialog-tab h2{font-size:14px;font-weight:600;margin:14px 0 8px}.dialog-tab__file{font-size:12px;color:var(--color-muted);margin-bottom:10px}.dialog-summary{white-space:pre-wrap}.dialog-topics{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.dialog-topics li{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;background:var(--color-bg-soft)}.dialog-topic__title{font-weight:500}.dialog-topic__why{font-size:12px;margin-top:4px}.dialog-tab__actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.chat-pane{display:grid;grid-template-rows:1fr auto auto auto;background:var(--color-bg-soft);border-left:1px solid var(--color-border);min-width:0;min-height:0}.chat-history{overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);-webkit-overflow-scrolling:touch}.chat-empty{color:var(--color-muted);font-size:var(--fs-sm);text-align:center;padding:var(--space-7) var(--space-4);line-height:1.8}.chat-msg{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-base);background:var(--color-bg);border:1px solid var(--color-border)}.chat-msg--user{background:var(--color-accent-soft);border-color:transparent;align-self:flex-end;max-width:92%}.chat-msg--assistant{background:var(--color-bg)}.chat-msg__role{font-size:var(--fs-xs);color:var(--color-muted);margin-bottom:var(--space-1);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase}.chat-msg__body{white-space:pre-wrap;word-break:break-word;line-height:1.7}.chat-msg__body--streaming:after{content:"▍";margin-left:2px;animation:blink .8s infinite;color:var(--color-accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.chat-msg__updates{margin-top:var(--space-2);border-top:1px dashed var(--color-border);padding-top:var(--space-2);font-size:var(--fs-xs);color:var(--color-muted);display:flex;flex-direction:column;gap:2px}.chat-input{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg);align-items:end}.chat-input textarea{padding:var(--space-3);font-size:var(--fs-base);line-height:1.6;min-height:44px}.chat-quick-actions,.idea-inbox{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg)}.idea-inbox textarea{width:100%;font-size:var(--fs-base)}.idea-inbox__actions{margin-top:var(--space-2);display:flex;justify-content:flex-end}.chat-section-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;color:var(--color-muted);margin-bottom:var(--space-2);text-transform:uppercase}.quick-actions__grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quick-actions__grid button{font-size:var(--fs-sm);padding:var(--space-2) var(--space-3)}.modal-backdrop{position:fixed;inset:0;background:#14120c8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modal-fade-in .18s var(--easing);display:grid;place-items:center;z-index:100;padding:16px;overflow-y:auto;padding-bottom:max(16px,env(safe-area-inset-bottom))}.modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-7);animation:modal-pop-in .22s var(--easing-spring);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-3)}.modal-md{max-width:560px}.modal-lg{max-width:820px}.modal h2{margin-top:0;font-size:var(--fs-xl);letter-spacing:-.01em}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap}.form-label{display:block;font-size:var(--fs-sm);color:var(--color-text-2);font-weight:var(--fw-medium);margin:var(--space-4) 0 var(--space-2)}.form-input{width:100%}.form-row{display:flex;gap:var(--space-3);align-items:stretch;flex-wrap:wrap}.form-row label{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-hint{font-size:var(--fs-sm);color:var(--color-muted);margin-top:var(--space-2)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.form-col{flex:1;min-width:140px}.form-hint{font-size:12px;color:var(--color-muted);margin:6px 0;line-height:1.6}.project-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.project-list__item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;cursor:pointer;transition:background .12s}.project-list__item:hover{background:var(--color-bg-soft)}.project-list__title{font-weight:600}.project-list__meta{font-size:12px;color:var(--color-muted);margin-top:2px}.issue-list,.deepening-list,.tempo-list,.scene-candidates{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.issue{border:1px solid var(--color-border);border-left:3px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px}.issue--high{border-left-color:#c44}.issue--medium{border-left-color:#d8a041}.issue__header{display:flex;gap:6px;align-items:center;font-weight:600;font-size:13px;flex-wrap:wrap}.issue__priority{background:var(--color-bg-strong);font-size:10px;padding:1px 6px;border-radius:8px}.issue__detail{font-size:12px;margin-top:4px;line-height:1.6}.issue__files{font-size:11px;margin-top:4px}.deepening-item,.tempo-item,.scene-candidate{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px}.scene-candidate__title,.deepening-item__topic,.tempo-item__area{font-weight:600}.tempo-item__suggestions,.scene-candidate__beats{font-size:13px;margin:6px 0 0 18px}.prose-stream{margin-top:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;background:var(--color-bg-soft);max-height:320px;overflow-y:auto}.prose-stream__body{white-space:pre-wrap;font-size:13px;line-height:1.75}.prose-plan__beats{margin:8px 0 0 18px;padding:0;font-size:12px;line-height:1.7}.prose-plan__beats li{margin-bottom:8px}.prose-critique{margin-top:12px;border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-sm);padding:10px 14px}.prose-critique--good{border-left-color:var(--color-success)}.prose-critique--mediocre{border-left-color:#d8a041}.prose-critique--bad{border-left-color:var(--color-error)}.prose-critique ul{margin:4px 0 8px 18px;font-size:12px}.critique-h{font-size:11px;font-weight:600;color:var(--color-muted);margin-top:8px;letter-spacing:.05em}.critique-diagnosis{font-size:13px;font-weight:500;margin:8px 0;padding:8px 12px;background:var(--color-bg-soft);border-radius:var(--radius-sm)}.toast{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:10px 18px;border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-2);z-index:300;font-size:13px;max-width:calc(100vw - 32px)}.toast--error{border-left:4px solid var(--color-error);color:var(--color-error)}.toast--success{border-left:4px solid var(--color-success);color:var(--color-success)}.toast--info{border-left:4px solid var(--color-accent)}.app-shell--mobile{grid-template-rows:48px 1fr 60px}.app-body--mobile{position:relative;display:block;grid-template-columns:none;overflow:hidden}.mobile-pane{position:absolute;inset:0;display:none;overflow:hidden}.mobile-pane.is-active{display:block}.mobile-pane>.sidebar,.mobile-pane>.editor-pane,.mobile-pane>.chat-pane,.mobile-pane>.dashboard{width:100%;height:100%;border:none!important;border-radius:0}.mobile-tabbar{display:flex;border-top:1px solid var(--color-border);background:var(--color-bg-soft);height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);position:relative;z-index:50;box-shadow:0 -2px 8px #0000000a}.mobile-tabbar__btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;color:var(--color-muted);font-size:11px;font-weight:500;padding:8px 4px;position:relative;transition:color .12s}.mobile-tabbar__btn:active{background:var(--color-bg-strong)}.mobile-tabbar__btn.is-active{color:var(--color-accent)}.mobile-tabbar__btn.is-active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;background:var(--color-accent);border-radius:0 0 3px 3px}.mobile-tabbar__icon{font-size:22px;line-height:1}.mobile-tabbar__label{font-size:10px}.mobile-tabbar__badge{position:absolute;top:6px;right:28%;width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@media (max-width: 820px){.app-header{padding:0 12px;height:52px}.app-shell--mobile{grid-template-rows:52px 1fr auto}.app-title{font-size:14px}.app-status{display:none}.chat-pane{grid-template-rows:1fr auto auto auto}.chat-history{padding:12px}.chat-msg{font-size:14px;padding:12px 14px}.chat-input textarea,.idea-inbox textarea{font-size:16px;min-height:48px}.form-input{font-size:16px;padding:10px 12px}.editor-tab{padding:0 16px;height:44px;font-size:14px}.write-tab__editor .cm-content{padding:12px 14px;font-size:15px}.dialog-tab{padding:16px 18px}.sidebar{padding:12px 0}.sidebar-section__header{padding:10px 16px;font-size:12px}.tree-row{padding:12px 14px;font-size:14px;margin:0 8px}.ghost-button,.primary-button{padding:10px 14px;font-size:14px;min-height:40px}.icon-button{min-width:40px;min-height:40px}.mini-button{padding:4px 10px;font-size:12px}.modal{padding:20px;max-height:95vh;border-radius:var(--radius-md)}.modal h2{font-size:16px}.modal-actions{gap:6px}.modal-actions button{flex:1;min-width:100px}.quick-actions__grid{gap:6px}.quick-actions__grid button{font-size:13px;padding:10px 14px;flex:1 1 calc(50% - 6px);min-height:44px}}@media (hover: none) and (pointer: coarse){.editor-tab{padding:8px 16px}}.dashboard{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 28px 80px;background:var(--color-bg);min-width:0;min-height:0}.dashboard--empty{display:flex;align-items:center;justify-content:center;color:var(--color-muted);padding:40px}.dashboard__hero{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.dashboard__title-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.dashboard__title{font-size:var(--fs-3xl);margin:0;font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1.2}.dashboard__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.chip{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:3px var(--space-3);font-size:var(--fs-xs);color:var(--color-text-2);font-weight:var(--fw-medium)}.dashboard__core{margin:0;font-size:var(--fs-sm);line-height:1.7}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.dashboard__card{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-1);transition:box-shadow var(--t-base),transform var(--t-base)}.dashboard__card:hover{box-shadow:var(--shadow-2)}.dashboard__card--highlight{background:radial-gradient(circle at top right,rgba(214,183,119,.18),transparent 60%),var(--color-bg-soft);border-color:var(--color-accent)}.dashboard__card-title{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;color:var(--color-muted);text-transform:uppercase}.dashboard__card-body{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard__big{font-size:44px;font-weight:var(--fw-bold);line-height:1;font-feature-settings:"tnum" 1;letter-spacing:-.02em;color:var(--color-accent)}.dashboard__progress-bar{height:10px;background:var(--color-bg-strong);border-radius:var(--radius-pill);overflow:hidden;box-shadow:var(--shadow-inset)}.dashboard__progress-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));border-radius:var(--radius-pill);transition:width .6s var(--easing)}.dashboard__metric-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-base)}.dashboard__metric-list li{display:flex;justify-content:space-between;color:var(--color-text-2)}.dashboard__metric-list b{color:var(--color-text);font-feature-settings:"tnum" 1}.dashboard__quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.dashboard__qa{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text);text-align:center;min-height:80px;transition:background var(--t-fast),transform var(--t-fast),border-color var(--t-fast)}.dashboard__qa:hover{background:var(--color-accent-soft);border-color:var(--color-accent);transform:translateY(-1px)}.dashboard__qa:active{transform:translateY(0)}.dashboard__qa-icon{font-size:22px}.dashboard__char-list,.dashboard__scene-list,.dashboard__inbox-list,.dashboard__activity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow:auto}.dashboard__char-row,.dashboard__scene-row{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer;text-align:left;color:var(--color-text);font-size:13px}.dashboard__char-row:hover,.dashboard__scene-row:hover{background:var(--color-bg-strong);border-color:var(--color-border)}.dashboard__char-name{flex:0 0 90px;font-weight:500}.dashboard__char-bar{flex:1;height:6px;background:var(--color-bg-strong);border-radius:999px;overflow:hidden}.dashboard__char-bar>span{display:block;height:100%;background:var(--color-accent)}.dashboard__char-pct{flex:0 0 40px;text-align:right;color:var(--color-muted)}.dashboard__scene-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__scene-words{color:var(--color-muted);font-size:12px}.dashboard__inbox-list li,.dashboard__activity-list li{display:flex;gap:8px;font-size:13px;align-items:baseline}.dashboard__inbox-text{flex:1;overflow:hidden;text-overflow:ellipsis}.dashboard__inbox-routed{color:var(--color-success);font-size:11px}.dashboard__inbox-open{margin-top:8px;align-self:flex-start}.link-button{background:none;border:none;color:var(--color-accent);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.sidebar-dashboard,.sidebar-inbox{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:var(--space-1) var(--space-2);font-weight:var(--fw-medium);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:13px;color:var(--color-text);width:calc(100% - 16px)}.sidebar-dashboard:hover,.sidebar-inbox:hover{background:var(--color-bg-strong)}.sidebar-dashboard.is-active{background:var(--color-accent-soft);border-color:var(--color-accent);font-weight:600}.sidebar-dashboard__icon,.sidebar-inbox span:first-child{font-size:16px}.app-title-button{background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);color:inherit;display:inline-flex;align-items:center;border-radius:var(--radius-sm);transition:background var(--t-fast)}.app-title-button:hover{background:var(--color-bg-soft)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);gap:var(--space-3)}.modal-header h2{margin:0;font-size:var(--fs-xl);letter-spacing:-.01em}.inbox-modal__compose{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.inbox-modal__textarea{width:100%;font-size:15px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical;font-family:inherit;background:var(--color-bg-soft);color:var(--color-text)}.inbox-modal__compose-actions{display:flex;gap:8px;justify-content:flex-end}.is-recording{background:var(--color-error)!important;color:#fff!important;animation:pulse-rec 1.2s ease-in-out infinite}@keyframes pulse-rec{0%,to{opacity:1}50%{opacity:.6}}.inbox-modal__section{margin-top:16px}.inbox-modal__section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-bottom:8px}.inbox-modal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:40vh;overflow:auto}.inbox-modal__item{background:var(--color-bg-strong);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.inbox-modal__item.is-routed{opacity:.6}.inbox-modal__item-text{font-size:14px;white-space:pre-wrap;word-break:break-word}.inbox-modal__item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}.inbox-modal__item-actions{display:flex;gap:6px;flex-wrap:wrap}.inbox-modal__preview{background:var(--color-bg-soft);border:1px dashed var(--color-border);border-radius:4px;padding:8px 10px;font-size:12px;white-space:pre-wrap;color:var(--color-muted);max-height:120px;overflow:auto}.ghost-button.danger,.primary-button.danger{color:var(--color-error)}.ghost-button.small,.primary-button.small{padding:4px 10px;font-size:12px;min-height:28px}.modal-lg{max-width:920px;width:95vw}.manuscript-modal__toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--color-border)}.manuscript-modal__info{display:flex;gap:14px;font-size:13px}.manuscript-modal__controls,.manuscript-modal__export{display:flex;gap:4px;margin-left:auto}.ghost-button.is-active{background:var(--color-accent-soft);border-color:var(--color-accent)}.manuscript-modal__body{max-height:70vh;overflow:auto;padding:8px 16px;background:var(--color-bg-soft);border-radius:var(--radius-sm)}.manuscript-modal__body.is-serif{font-family:游明朝,Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif}.manuscript-modal__body--sm{font-size:14px;line-height:1.8}.manuscript-modal__body--md{font-size:16px;line-height:1.9}.manuscript-modal__body--lg{font-size:18px;line-height:2}.manuscript-modal__scene{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.manuscript-modal__scene-title{font-size:1.2em;margin:16px 0 4px}.manuscript-modal__scene-meta{margin-bottom:12px}.manuscript-modal__scene-body p{margin:0 0 .7em;text-indent:1em}.deepening-modal__target{margin-bottom:8px}.deepening-modal__history{max-height:50vh;overflow:auto;padding:8px;background:var(--color-bg-strong);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:12px}.deepening-modal__turn{display:flex;flex-direction:column;gap:4px}.deepening-modal__turn--user .deepening-modal__body{background:var(--color-accent-soft);border:1px solid var(--color-accent)}.deepening-modal__turn--assistant .deepening-modal__body{background:var(--color-bg-soft);border:1px solid var(--color-border)}.deepening-modal__role{font-size:11px;color:var(--color-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.deepening-modal__body{padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;white-space:pre-wrap;word-break:break-word}.is-streaming:after{content:"▌";animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.deepening-modal__updates{font-size:12px;padding:6px 12px;background:var(--color-bg-strong);border-radius:4px;color:var(--color-muted)}.deepening-modal__compose{margin-top:12px;display:flex;flex-direction:column;gap:8px}.deepening-modal__compose textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical;font-family:inherit;font-size:14px;background:var(--color-bg-soft);color:var(--color-text)}.deepening-modal__compose-actions{display:flex;justify-content:flex-end;gap:8px}.deepening-modal__finished{margin-top:16px;display:flex;flex-direction:column;gap:12px;align-items:center;padding:20px;background:var(--color-accent-soft);border-radius:var(--radius-sm)}.deepening-modal__finished .success{font-weight:600}.new-file__options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.new-file__option{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-bg-soft)}.new-file__option.is-active{border-color:var(--color-accent);background:var(--color-accent-soft)}.new-file__option input{margin-top:2px}.new-file__option-label{font-weight:600;font-size:14px}.new-file__option-desc{margin-top:2px}.new-file__name-row{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.new-file__name-row input{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background:var(--color-bg-soft);color:var(--color-text)}.dashboard__next-step{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap;background:radial-gradient(circle at top right,rgba(214,183,119,.22),transparent 50%),linear-gradient(135deg,var(--color-accent-soft),var(--color-bg-soft));border:1px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-5);box-shadow:var(--shadow-2);position:relative;overflow:hidden}.dashboard__next-step:before{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-size:120px;color:var(--color-accent);opacity:.06;font-weight:700;pointer-events:none}.dashboard__next-step-text{flex:1;min-width:240px;display:flex;flex-direction:column;gap:var(--space-1)}.dashboard__next-step-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:-.01em}.dashboard__next-step-desc{font-size:var(--fs-sm);color:var(--color-text-2);line-height:1.7}.dashboard__next-step-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.search-modal__input{width:100%;padding:12px 14px;font-size:15px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);margin-bottom:12px}.search-modal__results{max-height:60vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.search-modal__hit{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px}.search-modal__path{background:transparent;border:none;color:var(--color-accent);text-decoration:underline;cursor:pointer;font-size:13px;padding:0 0 6px;font-family:monospace}.search-modal__matches{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.search-modal__matches li{display:flex;gap:8px;font-size:12px;align-items:baseline}.search-modal__matches mark{background:var(--color-accent-soft);color:var(--color-text);padding:0 2px;border-radius:2px}.project-list{list-style:none;padding:0;margin:8px 0 16px;display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto}.project-list__item--skeleton{flex-direction:column;align-items:stretch;gap:6px;padding:12px}.project-list__skeleton-bar{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--color-bg-strong) 0%,var(--color-bg-soft) 50%,var(--color-bg-strong) 100%);background-size:200% 100%;animation:skel-shimmer 1.4s ease-in-out infinite}.project-list__skeleton-bar--short{width:40%}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.project-list__item{display:flex;gap:6px;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-soft)}.project-list__item.is-current{border-color:var(--color-accent);background:var(--color-accent-soft)}.project-list__main{flex:1;text-align:left;background:transparent;border:none;padding:10px 12px;cursor:pointer;color:var(--color-text);display:flex;flex-direction:column;gap:2px;min-width:0}.project-list__main:hover{background:var(--color-bg-strong)}.project-list__title{font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.project-list__current-badge{font-size:10px;background:var(--color-accent);color:#fff;padding:2px 6px;border-radius:999px;font-weight:400}.project-list__meta{font-size:12px;color:var(--color-muted)}.project-list__archive{align-self:center;margin-right:8px;min-width:36px}.modal-actions--split{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.modal-actions__right{display:flex;gap:8px;flex-wrap:wrap}.archive-modal__list{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow:auto}.archive-modal__item{display:flex;gap:10px;align-items:center;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;flex-wrap:wrap}.archive-modal__main{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}.archive-modal__title{font-weight:600}.archive-modal__actions{display:flex;gap:6px;flex-wrap:wrap}.archive-modal__purge{display:flex;flex-direction:column;gap:12px}.archive-modal__purge-warn{background:#b0454514;border:1px solid var(--color-error);border-radius:var(--radius-sm);padding:12px 14px}.archive-modal__purge-warn p{margin:8px 0 0;font-size:13px}.archive-modal__purge-warn code{background:var(--color-bg);padding:2px 6px;border-radius:4px}.archive-modal__purge-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:14px}.primary-button.danger{background:var(--color-error);border-color:var(--color-error);color:#fff}.primary-button.danger:disabled{opacity:.4}.plotmap-modal__toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--color-border)}.plotmap-modal__info{display:flex;gap:14px;font-size:13px;flex-wrap:wrap}.plotmap-modal__layout-switch{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.plotmap-modal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow:auto}.plotmap-scene{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.plotmap-scene--ready{border-left:3px solid var(--color-success)}.plotmap-scene--partial{border-left:3px solid #f0a040}.plotmap-scene--planned{border-left:3px solid #bbb}.plotmap-scene__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plotmap-scene__seq{color:var(--color-muted);font-family:monospace;font-size:12px}.plotmap-scene__title{flex:1;font-weight:600;font-size:15px}.plotmap-scene__badge{font-size:11px;color:#fff;padding:2px 8px;border-radius:999px}.plotmap-scene__summary{font-size:13px}.plotmap-scene__hook{font-size:12px;font-style:italic;color:var(--color-muted)}.plotmap-scene__chars{display:flex;flex-wrap:wrap;gap:4px}.plotmap-scene__bar{position:relative;height:14px;background:var(--color-bg-strong);border-radius:4px;overflow:hidden;margin-top:4px}.plotmap-scene__bar>span:first-child{display:block;height:100%;transition:width .25s ease}.plotmap-scene__bar-text{position:absolute;inset:0;font-size:11px;display:flex;align-items:center;padding-left:8px;color:var(--color-text);mix-blend-mode:difference}.plotmap-scene__actions{display:flex;gap:6px;flex-wrap:wrap}.plotmap-modal__empty{padding:32px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.plotmap-modal__timeline{padding:12px 0}.plotmap-modal__timeline-axis{display:flex;gap:2px;border-radius:var(--radius-sm);overflow:hidden;min-height:56px;flex-wrap:wrap}.plotmap-tl-block{border:none;color:#fff;font-size:11px;padding:6px 4px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:80px;min-height:56px;transition:filter .1s}.plotmap-tl-block:hover{filter:brightness(1.1)}.plotmap-tl-block__title{text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.plotmap-modal__timeline-hint{text-align:center;margin-top:8px}.style-modal__layout{display:grid;grid-template-columns:200px 1fr;gap:16px;margin:12px 0;min-height:240px}.style-modal__list ul{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px}.style-modal__item{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;cursor:pointer;color:var(--color-text);font-size:13px}.style-modal__item:hover{background:var(--color-bg-strong)}.style-modal__item.is-active{background:var(--color-accent-soft);border-color:var(--color-accent)}.style-modal__detail{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:hidden}.style-modal__detail-head{display:flex;justify-content:space-between;align-items:center}.style-modal__detail-head h3{margin:0;font-size:15px}.style-modal__body{white-space:pre-wrap;font-family:游明朝,Yu Mincho,Hiragino Mincho ProN,serif;font-size:13px;line-height:1.8;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:10px 12px;margin:0;overflow:auto;flex:1}.style-modal__add{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.style-modal__add-row input{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:13px}.style-modal__add textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:游明朝,Yu Mincho,serif;font-size:13px;line-height:1.8;background:var(--color-bg);color:var(--color-text);resize:vertical}.style-modal__add-actions{display:flex;justify-content:flex-end}@media (max-width: 820px){.style-modal__layout{grid-template-columns:1fr}.style-modal__list{max-height:30vh;overflow:auto}}.install-hint{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--color-bg-soft);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:10px 14px;font-size:13px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;z-index:60;box-shadow:var(--shadow-2);max-width:92vw}.install-hint__actions{display:flex;gap:6px}@media (min-width: 821px){.install-hint{bottom:20px}}.mobile-fab{position:fixed;right:16px;bottom:calc(72px + env(safe-area-inset-bottom));width:52px;height:52px;border-radius:50%;background:var(--color-accent);color:#fff;border:none;font-size:22px;box-shadow:0 4px 14px #00000040;cursor:pointer;z-index:50;display:none}.app-shell--mobile .mobile-fab{display:flex;align-items:center;justify-content:center}@media (max-width: 820px){.dashboard{padding:var(--space-4) var(--space-3) 100px}.dashboard__title{font-size:var(--fs-xl)}.dashboard__big{font-size:var(--fs-3xl)}.dashboard__grid{grid-template-columns:1fr;gap:var(--space-3)}.dashboard__quick-grid{grid-template-columns:repeat(2,1fr)}.dashboard__char-name{flex:0 0 80px}.modal-lg{width:100vw;max-height:100vh;height:100vh;border-radius:0}.manuscript-modal__toolbar{gap:6px}.manuscript-modal__controls,.manuscript-modal__export{margin-left:0}.deepening-modal__history,.inbox-modal__list{max-height:45vh}}.settings-account{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5)}.settings-account__row{display:flex;align-items:center;gap:var(--space-3)}.settings-account__avatar{width:44px;height:44px;border-radius:50%}.settings-account__name{font-weight:var(--fw-semibold)}.settings-section{margin-bottom:var(--space-5)}.settings-section__title{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.settings-toggle{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-bg-soft)}.settings-toggle input{margin-top:2px}.settings-toggle__title{font-weight:var(--fw-semibold)}.settings-toggle__desc{font-size:var(--fs-sm);color:var(--color-muted);margin-top:2px}.settings-tokens{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.settings-tokens__big{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-accent);font-feature-settings:"tnum" 1}.settings-other-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.settings-danger{margin-top:var(--space-6);padding:var(--space-4);background:var(--color-error-soft);border:1px solid var(--color-error);border-radius:var(--radius-md)}.settings-danger__title{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-error);margin-bottom:var(--space-3)}.settings-danger__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.ghost-button.danger{color:var(--color-error);border-color:var(--color-error)}.ghost-button.danger:hover:not(:disabled){background:var(--color-error-soft)}.tension-modal{max-width:1080px;width:95vw;height:90vh;max-height:880px;padding:0;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg)}.tension-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-soft)}.tension-modal__head h2{margin:0;font-size:var(--fs-xl)}.tension-modal__head-actions{display:flex;gap:var(--space-2);align-items:center}.tension-modal__legend{display:flex;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);align-items:center}.tension-modal__legend-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--fs-xs);color:var(--color-text-2);cursor:pointer}.tension-modal__legend-chip.is-off{opacity:.4}.tension-modal__legend-swatch{display:inline-block;width:14px;height:3px;border-radius:2px}.tension-modal__canvas{flex:1 1 auto;min-height:0;position:relative;background:var(--color-bg)}.tension-modal__svg{display:block;width:100%;height:100%}.tension-modal__loading,.tension-modal__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center}.tension-modal__loading-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:cg-spin .8s linear infinite}.tension-modal__note{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-bg-soft);font-size:var(--fs-sm);line-height:1.7}.tension-modal__note-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:4px}.tension-modal__footer{padding:var(--space-2) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-bg-soft)}@media (max-width: 820px){.tension-modal{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.tension-modal__head,.tension-modal__legend,.tension-modal__note,.tension-modal__footer{padding-left:var(--space-3);padding-right:var(--space-3)}}.studio-modal{max-width:980px;width:95vw;height:92vh;max-height:900px;padding:0;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg)}.studio-modal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-soft)}.studio-modal__head h2{margin:0;font-size:var(--fs-xl)}.studio-modal__tabs{display:flex;gap:2px;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg-soft);overflow-x:auto}.studio-modal__tab{background:transparent;border:none;border-bottom:3px solid transparent;padding:var(--space-3) var(--space-4);font-size:var(--fs-md);color:var(--color-text-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.studio-modal__tab:hover{color:var(--color-text)}.studio-modal__tab.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:var(--fw-semibold)}.studio-modal__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-accent);color:#fff;border-radius:var(--radius-pill);font-size:11px;font-weight:var(--fw-bold)}.studio-modal__body{flex:1 1 auto;overflow-y:auto;padding:var(--space-5);min-height:0}.studio-roadmap{display:flex;flex-direction:column;gap:var(--space-5)}.studio-roadmap__big{background:linear-gradient(135deg,var(--color-accent-soft),var(--color-bg-soft));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.studio-roadmap__progress{display:flex;flex-direction:column;gap:8px}.studio-roadmap__progress-num{font-size:48px;font-weight:var(--fw-bold);color:var(--color-accent);font-variant-numeric:tabular-nums;line-height:1}.studio-roadmap__progress-bar{width:100%;height:12px;background:var(--color-bg);border-radius:var(--radius-pill);overflow:hidden;border:1px solid var(--color-border)}.studio-roadmap__progress-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));border-radius:var(--radius-pill);transition:width .32s ease}.studio-roadmap__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.studio-roadmap__card{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:6px}.studio-roadmap__card-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.studio-roadmap__card-big{font-size:24px;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--color-text)}.studio-roadmap__card-big .unit{font-size:var(--fs-sm);color:var(--color-muted);margin-left:4px;font-weight:var(--fw-medium)}.studio-roadmap__advice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-soft);border:1px solid var(--color-border);font-size:var(--fs-sm);line-height:1.7}.studio-roadmap__advice .success{color:var(--color-success);font-weight:var(--fw-medium)}.studio-roadmap__advice .warning{color:var(--color-warning);font-weight:var(--fw-medium)}@media (max-width: 600px){.studio-roadmap__grid{grid-template-columns:1fr}}.studio-todo{display:flex;flex-direction:column;gap:var(--space-5)}.studio-todo__section h3{margin:0 0 var(--space-3);font-size:var(--fs-md)}.studio-todo__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.studio-todo__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md)}.studio-todo__item.is-auto{border-left:3px solid var(--color-accent)}.studio-todo__item.is-done{opacity:.5}.studio-todo__item.is-done span{text-decoration:line-through}.studio-todo__item-body{flex:1}.studio-todo__item-title{font-weight:var(--fw-semibold);margin-bottom:2px}.studio-todo__item-detail{font-size:var(--fs-sm);color:var(--color-muted)}.studio-todo__check{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1}.studio-todo__add{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.studio-todo__add .form-input{flex:1}.studio-journal{display:flex;flex-direction:column;gap:var(--space-5)}.studio-journal h3{margin:0 0 var(--space-2);font-size:var(--fs-md)}.studio-journal__textarea{width:100%;resize:vertical;font-family:inherit}.studio-journal__actions{margin-top:var(--space-2);display:flex;justify-content:flex-end}.studio-journal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.studio-journal__list li{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.studio-journal__date{font-size:var(--fs-xs);color:var(--color-muted);font-weight:var(--fw-bold);margin-bottom:4px}.studio-journal__text{font-size:var(--fs-sm);line-height:1.7;white-space:pre-wrap}@media (max-width: 820px){.studio-modal{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.studio-modal__head,.studio-modal__body{padding-left:var(--space-3);padding-right:var(--space-3)}}.char-graph-modal{max-width:1100px;width:95vw;height:90vh;max-height:880px;padding:0;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg);border-radius:var(--radius-lg)}.char-graph-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-soft);flex:0 0 auto}.char-graph-modal__head h2{margin:0;font-size:var(--fs-xl)}.char-graph-modal__head-actions{display:flex;gap:var(--space-2);align-items:center}.char-graph-modal__legend{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg);flex:0 0 auto}.char-graph-modal__legend-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--fs-xs);color:var(--color-text-2);cursor:pointer;transition:border-color .12s ease,background .12s ease}.char-graph-modal__legend-chip:hover{background:var(--color-bg-hover)}.char-graph-modal__legend-chip.is-active{background:var(--color-bg);font-weight:var(--fw-semibold)}.char-graph-modal__legend-swatch{display:inline-block;width:14px;height:3px;border-radius:2px;border-width:1px;border-color:currentColor}.char-graph-modal__canvas{flex:1 1 auto;min-height:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,var(--color-bg-soft),var(--color-bg))}.char-graph-modal__svg{display:block;width:100%;height:100%;user-select:none}.char-graph-modal__node circle{transition:stroke-width .12s ease,fill .12s ease}.char-graph-modal__node.is-clickable{cursor:pointer}.char-graph-modal__node.is-clickable:hover circle:first-of-type{stroke-width:4}.char-graph-modal__edge{transition:opacity .12s ease}.char-graph-modal__loading,.char-graph-modal__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-7)}.char-graph-modal__loading-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:cg-spin .8s linear infinite}@keyframes cg-spin{to{transform:rotate(360deg)}}.char-graph-modal__empty-icon{font-size:48px}.char-graph-modal__footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-bg-soft);flex:0 0 auto}@media (max-width: 820px){.char-graph-modal{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.char-graph-modal__head{padding:var(--space-3) var(--space-3)}.char-graph-modal__legend,.char-graph-modal__footer{padding:var(--space-2) var(--space-3)}}.top-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9000;pointer-events:none;opacity:0;transition:opacity .24s ease}.top-progress.is-visible{opacity:1}.top-progress__bar{position:relative;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));box-shadow:0 0 8px #8c6d3b73,0 0 4px #8c6d3b40;transition:width .28s cubic-bezier(.2,.7,.2,1);border-radius:0 2px 2px 0}.top-progress__glow{position:absolute;right:0;top:0;bottom:0;width:80px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);filter:blur(2px);animation:top-progress-shimmer 1.6s linear infinite}@keyframes top-progress-shimmer{0%{transform:translate(-120px);opacity:.6}50%{opacity:1}to{transform:translate(40px);opacity:.6}}.top-progress__label{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:9001;background:var(--color-text);color:var(--color-bg);font-size:var(--fs-xs);line-height:1.4;padding:8px 12px 8px 10px;border-radius:var(--radius-pill);box-shadow:var(--shadow-3);display:inline-flex;align-items:center;gap:8px;letter-spacing:.02em;max-width:min(80vw,320px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:top-progress-label-in .22s ease both}@keyframes top-progress-label-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.top-progress__spinner{flex:0 0 12px;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:top-progress-spin .9s linear infinite;opacity:.85}@keyframes top-progress-spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.top-progress__label{right:auto;left:var(--space-3);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));font-size:11px;max-width:calc(100vw - 100px)}}.today-writing{display:flex;flex-direction:column;gap:var(--space-3)}.today-writing__primary{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.today-writing__count{display:flex;align-items:baseline;gap:4px}.today-writing__count-num{font-size:36px;font-weight:var(--fw-bold);letter-spacing:-.02em;color:var(--color-accent);font-variant-numeric:tabular-nums;line-height:1.05}.today-writing__count-unit{font-size:var(--fs-base);color:var(--color-muted);font-weight:var(--fw-medium)}.today-writing__count-label{font-size:var(--fs-xs);color:var(--color-muted);letter-spacing:.06em}.today-writing__chart{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;padding:var(--space-2) 0;border-top:1px dashed var(--color-border);border-bottom:1px dashed var(--color-border)}.today-writing__bar-col{display:flex;flex-direction:column;align-items:center;gap:4px}.today-writing__bar-wrap{height:60px;width:100%;display:flex;align-items:flex-end;justify-content:center}.today-writing__bar{width:70%;background:var(--color-border);border-radius:3px;transition:height .22s ease;min-height:4px}.today-writing__bar.has-words{background:var(--color-accent-soft)}.today-writing__bar.is-today{background:var(--color-accent)}.today-writing__bar-label{font-size:10px;color:var(--color-muted);font-weight:var(--fw-medium)}.today-writing__bar-label.is-today{color:var(--color-accent);font-weight:var(--fw-bold)}.today-writing__meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.today-writing__meta-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.today-writing__meta-num{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-text);font-variant-numeric:tabular-nums}.today-writing__meta-lbl{font-size:var(--fs-xs);color:var(--color-muted)}.welcome-screen{position:relative;height:100%;overflow-y:auto;background:radial-gradient(ellipse at top right,rgba(214,183,119,.12),transparent 50%),radial-gradient(ellipse at bottom left,rgba(140,109,59,.06),transparent 60%),var(--color-bg)}.welcome-screen__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.welcome-screen__bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.welcome-screen__bg-orb--1{width:480px;height:480px;background:radial-gradient(circle,var(--color-accent-soft),transparent 70%);top:-120px;right:-100px}.welcome-screen__bg-orb--2{width:380px;height:380px;background:radial-gradient(circle,#d8c8a8,transparent 70%);bottom:-100px;left:-80px}.welcome-screen__inner{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-10);display:flex;flex-direction:column;gap:var(--space-8)}.welcome-screen__hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.welcome-screen__greeting{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase}.welcome-screen__title{font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:1.3;letter-spacing:-.02em;max-width:720px;margin:0}.welcome-screen__title-em{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-screen__lead{font-size:var(--fs-lg);color:var(--color-text-2);line-height:1.7;margin:var(--space-2) 0 var(--space-4);max-width:580px}.welcome-screen__cta{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.welcome-screen__open-existing{background:none;border:none;color:var(--color-accent);font-size:var(--fs-base);font-weight:var(--fw-medium);cursor:pointer;margin-top:var(--space-3);padding:var(--space-2)}.welcome-screen__open-existing:hover{text-decoration:underline}.welcome-screen__steps{margin-top:var(--space-6);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-1)}.welcome-screen__steps-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.1em;color:var(--color-muted);text-transform:uppercase;margin-bottom:var(--space-4);text-align:center}.welcome-screen__steps-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);list-style:none;margin:0;padding:0}.welcome-screen__steps-list li{display:flex;flex-direction:column;gap:var(--space-2)}.welcome-screen__step-num{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-accent-fg);border-radius:50%;font-weight:var(--fw-bold);font-size:var(--fs-md)}.welcome-screen__step-title{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.welcome-screen__step-desc{font-size:var(--fs-sm);color:var(--color-muted);line-height:1.6}.welcome-screen__features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.welcome-screen__feature{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}.welcome-screen__feature:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--color-border-strong)}.welcome-screen__feature-icon{font-size:24px}.welcome-screen__feature-title{font-weight:var(--fw-semibold)}.welcome-screen__feature-body{font-size:var(--fs-sm);color:var(--color-muted);line-height:1.6}@media (max-width: 820px){.welcome-screen__inner{padding:var(--space-6) var(--space-4) var(--space-9);gap:var(--space-6)}.welcome-screen__title{font-size:var(--fs-3xl)}.welcome-screen__lead{font-size:var(--fs-base)}.welcome-screen__steps-list{grid-template-columns:1fr 1fr}.welcome-screen__features{grid-template-columns:1fr}.hide-on-mobile{display:none!important}.welcome-screen__bg-orb--1,.welcome-screen__bg-orb--2{width:280px;height:280px}}.guide-modal{--section-color: var(--color-accent);max-width:1080px;width:95vw;height:92vh;max-height:920px;padding:0;overflow:hidden;display:flex;flex-direction:column;background:var(--color-bg);border-radius:var(--radius-xl);touch-action:pan-y}.guide-modal *{touch-action:pan-y}.modal-backdrop:has(>.guide-modal){overflow:hidden;overscroll-behavior:contain;touch-action:pan-y}@media (max-width: 820px){.modal-backdrop:has(>.guide-modal){padding:0}}.guide-modal__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-soft);flex:0 0 auto}.guide-modal__menu{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:36px;height:36px;font-size:16px;cursor:pointer;color:var(--color-text-2);display:none;align-items:center;justify-content:center}.guide-modal__menu:hover{background:var(--color-bg-hover);color:var(--color-text)}.guide-modal__head-text{flex:1;min-width:0}.guide-modal__head-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:.02em;color:var(--color-text)}.guide-modal__head-sub{display:flex;align-items:center;gap:var(--space-2);margin-top:2px;font-size:var(--fs-sm);color:var(--color-muted)}.guide-modal__head-section{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-modal__chip{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:2px 8px;font-size:11px;font-weight:var(--fw-bold);color:#fff;border-radius:var(--radius-pill);letter-spacing:.04em}.guide-modal__body{display:grid;grid-template-columns:260px 1fr;flex:1 1 auto;min-height:0;position:relative;overflow:hidden}.guide-modal__sidebar{border-right:1px solid var(--color-border);background:var(--color-bg-soft);overflow-y:auto;padding:var(--space-4) var(--space-2)}.guide-modal__sidebar-head{display:none;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);font-weight:var(--fw-bold);color:var(--color-text-2)}.guide-modal__sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.guide-modal__sidebar-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-left:3px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-2);text-align:left;font-size:var(--fs-base);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.guide-modal__sidebar-item:hover{background:var(--color-bg-hover);color:var(--color-text)}.guide-modal__sidebar-item.is-active{background:var(--color-bg-hover);color:var(--color-text);font-weight:var(--fw-semibold)}.guide-modal__sidebar-icon{flex:0 0 28px;width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:16px}.guide-modal__sidebar-num{font-variant-numeric:tabular-nums;font-size:var(--fs-xs);color:var(--color-muted);font-weight:var(--fw-bold);letter-spacing:.06em}.guide-modal__sidebar-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-modal__sidebar-overlay{display:none;position:absolute;inset:0;background:#14120c73;z-index:5}.guide-modal__page{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scroll-behavior:auto;background:var(--color-bg);min-height:0;min-width:0;width:100%;-webkit-overflow-scrolling:touch}.guide-modal__page-hero{position:relative;padding:var(--space-8) var(--space-7) var(--space-6);text-align:center;border-bottom:1px solid var(--color-border);overflow:hidden}.guide-modal__page-hero-bg{position:absolute;inset:0;opacity:.07;pointer-events:none}.guide-modal__page-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,var(--color-bg) 100%)}.guide-modal__page-icon{position:relative;width:96px;height:96px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:#fff;box-shadow:0 12px 28px #0000002e,inset 0 1px #ffffff4d;font-size:0}.guide-modal__page-icon span{font-size:48px;line-height:1}.guide-modal__page-step-of{position:relative;font-size:var(--fs-xs);letter-spacing:.16em;color:var(--color-muted);text-transform:uppercase;margin-bottom:var(--space-2);font-weight:var(--fw-bold)}.guide-modal__page-title{position:relative;font-size:var(--fs-3xl);font-weight:var(--fw-bold);margin:0;letter-spacing:-.02em;color:var(--color-text)}.guide-modal__page-lead{position:relative;font-size:var(--fs-lg);color:var(--color-muted);margin:var(--space-3) auto 0;max-width:560px;line-height:1.6}.guide-modal__page-content{padding:var(--space-7) var(--space-7) var(--space-8);max-width:760px;margin:0 auto;word-break:break-word;overflow-wrap:anywhere;min-width:0}.guide-section__body p{font-size:var(--fs-md);line-height:1.95;margin:0 0 var(--space-3);color:var(--color-text)}.guide-section__body p:last-child{margin-bottom:0}.guide-steps{list-style:none;margin:var(--space-6) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.guide-step{display:flex;gap:var(--space-4);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);transition:transform .16s ease,box-shadow .16s ease}.guide-step:hover{transform:translateY(-1px);box-shadow:var(--shadow-1)}.guide-step__num{width:36px;height:36px;flex:0 0 36px;background:var(--section-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-md);box-shadow:0 4px 10px #0000001a}.guide-step__title{font-weight:var(--fw-semibold);margin-bottom:var(--space-1);font-size:var(--fs-md)}.guide-step__body{font-size:var(--fs-sm);color:var(--color-text-2);line-height:1.75}.guide-callout{margin:var(--space-6) 0 0;border-left:4px solid var(--section-color);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);background:#00000005}.guide-callout__label{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-2)}.guide-callout__text{font-size:var(--fs-sm);line-height:1.75;color:var(--color-text)}.guide-tips{margin-top:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.guide-tips__label{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.guide-tips ul{margin:0;padding-left:var(--space-5)}.guide-tips li{font-size:var(--fs-sm);line-height:1.85;color:var(--color-text);margin-bottom:var(--space-1)}.guide-tips li:last-child{margin-bottom:0}.guide-section__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6)}.guide-section__actions .primary-button{border:none;color:#fff!important}.guide-modal__finish{margin-top:var(--space-8);padding:var(--space-7) var(--space-5);text-align:center;background:var(--color-bg-soft);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.guide-modal__finish-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-bottom:var(--space-2);color:var(--color-text)}.guide-modal__finish-desc{font-size:var(--fs-sm);color:var(--color-muted);margin-bottom:var(--space-5);line-height:1.7}.guide-modal__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-bg-soft);flex:0 0 auto}.guide-modal__nav-btn{min-width:96px;font-weight:var(--fw-semibold)}.guide-modal__nav-btn:disabled{opacity:.4;cursor:not-allowed}.guide-modal__progress{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.guide-modal__progress-bar{width:100%;max-width:320px;height:6px;background:var(--color-bg-strong);border-radius:var(--radius-pill);overflow:hidden}.guide-modal__progress-fill{height:100%;border-radius:var(--radius-pill);transition:width .24s ease}.guide-modal__progress-text{font-size:var(--fs-xs);color:var(--color-muted);font-variant-numeric:tabular-nums;letter-spacing:.06em;display:inline-flex;align-items:baseline;gap:4px}.guide-modal__progress-hint{font-size:10px;opacity:.75}@media (max-width: 460px){.guide-modal__progress-hint{display:none}}@media (max-width: 820px){.guide-modal{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.guide-modal__head{padding-top:var(--space-3);padding-bottom:var(--space-3);padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right))}.guide-modal__menu{display:inline-flex}.guide-modal__head-title{font-size:var(--fs-sm)}.guide-modal__head-sub{font-size:var(--fs-xs)}.guide-modal__body{grid-template-columns:1fr}.guide-modal__sidebar{position:absolute;inset:0 auto 0 0;width:min(82vw,320px);z-index:6;transform:translate(-100%);transition:transform .22s ease;border-right:1px solid var(--color-border);box-shadow:var(--shadow-3);padding-top:var(--space-2)}.guide-modal__sidebar.is-open{transform:translate(0)}.guide-modal__sidebar-head{display:flex}.guide-modal__sidebar-overlay{display:block}.guide-modal__page{width:100%}.guide-modal__page-hero{padding-top:var(--space-6);padding-bottom:var(--space-4);padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.guide-modal__page-icon{width:72px;height:72px;border-radius:var(--radius-lg)}.guide-modal__page-icon span{font-size:36px}.guide-modal__page-title{font-size:var(--fs-2xl)}.guide-modal__page-lead{font-size:var(--fs-base)}.guide-modal__page-content{padding-top:var(--space-5);padding-bottom:var(--space-7);padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.guide-section__body p{font-size:var(--fs-base);line-height:1.9}.guide-modal__footer{padding-top:var(--space-3);padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right));gap:var(--space-2)}.guide-modal__nav-btn{min-width:0;padding:var(--space-3) var(--space-3);font-size:var(--fs-sm);flex:0 0 auto}.guide-modal__progress{gap:2px}.guide-modal__progress-bar{max-width:none}}@supports (padding: max(0px)){.guide-modal__footer{padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}}