:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf9f6;--bg-deep:#f1e7dd;--card:#fff;--card-soft:#ffffffd1;--ink:#2c2a29;--muted:#7f746b;--line:#eadfd4;--blue:#8298c0;--teal:#6c8b88;--rose:#c77e7e;--ochre:#d7b98e;--shadow:0 18px 50px #43342714;--soft-shadow:0 8px 30px #00000006;--radius:16px;--ease:cubic-bezier(.2, .8, .2, 1);--ui-font-size:14px;--field-font-size:var(--editor-font-size,15px);background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body[data-theme=dark]{--bg:#171514;--bg-deep:#26211d;--card:#211e1b;--card-soft:#2a2521d6;--ink:#f6eee6;--muted:#c6b9ad;--line:#eadfd429;--shadow:0 18px 54px #0000003d;background:radial-gradient(circle at 8px 8px,#f5e6d30b 1px,#0000 1px),radial-gradient(circle at 18% 8%,#f5e6d31a,#0000 30%),radial-gradient(circle at 86% 8%,#8ba09c1f,#0000 32%),linear-gradient(135deg,#171514 0%,#211d1a 52%,#28221d 100%)}body[data-theme=dark] input,body[data-theme=dark] textarea,body[data-theme=dark] select{color:var(--ink);background:#ffffff0f}body[data-theme=dark] .ambient-top{background:linear-gradient(#171514eb,#17151400)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;transition:background .9s var(--ease);background:radial-gradient(circle at 8px 8px,#7e9a9a0f 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 16% 8%,#c77e7e21,#0000 28%),radial-gradient(circle at 86% 4%,#7e9a9a29,#0000 30%),linear-gradient(135deg,#fbf9f6 0%,#f7f0e8 50%,#f2ece6 100%);margin:0}body[data-ambient=afternoon]{background:radial-gradient(circle at 8px 8px,#b7a07e0e 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 14% 10%,#dda96a1f,#0000 28%),radial-gradient(circle at 82% 8%,#8ba09c24,#0000 30%),linear-gradient(135deg,#fbf8f2 0%,#f7f2ea 52%,#eee5dc 100%)}body[data-ambient=night]{background:radial-gradient(circle at 8px 8px,#f5e6d314 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 18% 8%,#f5e6d326,#0000 28%),radial-gradient(circle at 86% 8%,#c6d4e129,#0000 32%),linear-gradient(135deg,#f7f2ea 0%,#efe5dc 54%,#e8ddd5 100%)}button,input,textarea,select{font:inherit;font-size:var(--ui-font-size)}button{cursor:pointer;border:0}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);min-width:0;transition:border-color .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);background:#ffffffe0;border-radius:12px;outline:none;padding:10px 12px}input:focus,textarea:focus,select:focus{background:#fff;border-color:#6c8b88a3;box-shadow:0 0 0 4px #6c8b881f}textarea{resize:vertical;min-height:118px;line-height:1.7;font-size:var(--field-font-size);width:100%;min-width:100%;max-width:100%}a{color:var(--teal)}.app-shell{min-height:100vh}.sidebar{z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffb8;border-right:1px solid #eadfd4e6;flex-direction:column;padding:24px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 55px #49372b0d}.resize-handle{z-index:1;cursor:col-resize;width:10px;height:100%;position:absolute;top:0;right:-5px}.resize-handle:after{content:"";background:linear-gradient(#0000,#6c8b8873,#0000);width:1px;height:calc(100% - 36px);position:absolute;top:18px;right:4px}.brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.brand-mark{color:#f8ead9;background:#2c2a29;border-radius:15px;place-items:center;width:48px;height:48px;font-family:Georgia,serif;font-size:24px;display:grid}.brand p,.brand span,.eyebrow,.nav-label,.book-progress-card span,.novel-meta span,.inspector-head span{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.brand p{color:var(--ink);font-size:18px;font-weight:800}.nav-stack{gap:10px;min-width:0;display:grid}.nav-label{text-transform:uppercase;margin:14px 0 3px}.nav-item,.ghost-button,.toolbar-actions button,.timeline-header button,.connect-box button,.primary-button,.ai-context-card button{min-height:40px;color:var(--ink);transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);background:#ffffffb3;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;display:flex}.nav-item{justify-content:flex-start;width:100%;min-width:0;max-width:100%;padding:0 12px;position:relative}.novel-nav-item{padding-right:54px}.novel-select-button{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;justify-content:flex-start;align-items:center;gap:8px;padding:0;display:flex}.novel-select-button svg{color:var(--item-color,var(--teal));flex:none}.novel-nav-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.novel-delete-button{z-index:6;width:24px;height:24px;color:var(--muted);opacity:0;pointer-events:auto;transition:opacity .18s var(--ease), background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);border-radius:999px;place-items:center;display:grid;position:absolute;right:28px}.novel-nav-item:hover .novel-delete-button,.novel-delete-button:focus-visible{opacity:.72}.novel-delete-button:hover{opacity:1;color:#fff8ef;background:#9d5e56c7;transform:scale(1.04)}.nav-item:hover,.nav-item.is-active,.ghost-button:hover,.toolbar-actions button:hover,.timeline-header button:hover,.connect-box button:hover,.ai-context-card button:hover{box-shadow:var(--soft-shadow);background:#fff;border-color:#6c8b8838;transform:translateY(-1px)}.nav-item.is-home.is-active,.nav-item.is-home:hover{color:#fff9f2;background:#2c2a29;border-color:#2c2a291f;box-shadow:0 14px 34px #2c2a291f}.nav-item.is-home.is-active svg,.nav-item.is-home:hover svg{color:#f8ead9}.nav-item svg{color:var(--item-color,var(--teal))}.is-home{color:#fff9f2;background:#2c2a29}.nav-item.is-active:not(.is-home){box-shadow:var(--soft-shadow);background:#fff}.add-novel-button{color:var(--muted);background:#fffaf4b8;border-color:#6c8b8829}.add-novel-button:hover{color:var(--ink)}.sidebar-footer{gap:12px;margin-top:auto;display:grid}.sidebar-footer p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.content-shell{transition:margin-left .18s var(--ease);padding:24px clamp(20px,3vw,44px) 56px;position:relative}.content-shell.font-serif{font-family:Georgia,Times New Roman,serif}.content-shell.font-sans{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.content-shell.font-mono{font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:riseIn .18s var(--ease) both;background:#2c2a2929;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-modal{background:radial-gradient(circle at 14% 4%,#f4d5bf38,#0000 34%),#ffffffeb;border:1px solid #ffffffd1;border-radius:22px;gap:12px;width:min(460px,100%);padding:24px;display:grid;box-shadow:0 30px 80px #2c2a2929}.confirm-modal h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:26px}.confirm-modal p{color:var(--muted);margin:0;line-height:1.75}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.danger-button{color:#fff8ef;background:#9d5e56;border-radius:12px;justify-content:center;align-items:center;min-height:42px;display:inline-flex;box-shadow:0 12px 28px #9d5e562e}.ambient-top{pointer-events:none;z-index:4;background:linear-gradient(#fbf9f6f2,#fbf9f600);height:120px;position:fixed;inset:0 0 auto}.section{z-index:1;max-width:1480px;animation:riseIn .52s var(--ease) both;margin:0 auto 26px;position:relative}.section-heading{gap:10px;max-width:880px;margin:20px 0 26px;display:grid}.section-heading h1,.section-heading h2,.novel-hero h2{letter-spacing:0;text-wrap:pretty;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:700}.section-heading h1{max-width:840px;font-size:clamp(40px,5vw,84px);line-height:.98}.section-heading h2,.novel-hero h2{font-size:clamp(30px,3.4vw,54px);line-height:1.06}.section-heading p,.novel-hero p{max-width:740px;color:var(--muted);text-wrap:pretty;margin:0;font-size:17px;line-height:1.75}.compact{margin-top:8px}.eyebrow{color:var(--teal);text-transform:uppercase;font-weight:800}.dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;display:grid}.panel,.graph-card,.inspector-card,.timeline-panel{border-radius:var(--radius);background:var(--card-soft);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffffb8}.profile-panel{grid-template-columns:190px minmax(0,1fr);gap:22px;padding:22px;display:grid}.profile-orbit{background:linear-gradient(135deg,#6c8b881f,#d7b98e33),#fffaf3;border-radius:16px;place-items:center;min-height:210px;display:grid;position:relative;overflow:hidden}.profile-orbit span{border:1px dashed #6c8b886b;border-radius:50%;width:142px;height:142px;animation:18s linear infinite slowSpin;position:absolute}.profile-orbit div{color:#fff3e4;background:#2c2a29;border-radius:50%;place-items:center;width:78px;height:78px;font-family:Georgia,serif;font-size:36px;display:grid;box-shadow:0 14px 34px #2c2a292e}.editable-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.editable-field{align-content:start;gap:7px;display:grid}.editable-field span,.inspector-card label,.event-editor label{color:var(--muted);font-size:12px;font-weight:700}.editable-field strong{min-height:42px;color:var(--ink);text-wrap:pretty;padding:10px 0;font-size:15px;line-height:1.6;display:block}.editable-control{grid-template-columns:minmax(0,1fr) 34px;align-items:start;gap:8px;display:grid}.editable-control button{width:34px;height:34px;color:var(--teal);background:#f4ece4;border-radius:10px;place-items:center;display:grid}.progress-panel{padding:22px}.appearance-panel{margin-top:18px;padding:22px}.user-center-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;margin-top:18px;display:grid}.account-panel,.donation-panel{gap:16px;padding:22px;display:grid}.account-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.account-form label,.qr-url-field{color:var(--muted);gap:7px;font-size:12px;font-weight:800;display:grid}.account-actions,.privacy-control-row{flex-wrap:wrap;gap:10px;display:flex}.inline-confirm{background:#9d5e560f;border:1px solid #9d5e5633;border-radius:16px;gap:8px;padding:14px;display:grid}.inline-confirm p,.donation-panel p,.compliance-note,.global-disclaimer,.field-disclaimer{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.inline-confirm div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.donation-tabs{background:#eadfd438;border-radius:999px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.donation-tabs button,.toggle-pill{min-height:38px;color:var(--muted);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.donation-tabs button.is-active,.toggle-pill.is-active{color:#fff8ef;background:#2c2a29;box-shadow:0 12px 30px #2c2a291a}body[data-theme=dark] .donation-tabs button.is-active,body[data-theme=dark] .toggle-pill.is-active{color:#2c2a29;background:#fff8ef}.donation-qr{background:radial-gradient(circle at 28% 18%,#c6d4e124,#0000 34%),#fffaf49e;border:1px dashed #6c8b8838;border-radius:20px;place-items:center;min-height:250px;display:grid;overflow:hidden}.donation-qr img{object-fit:contain;width:min(230px,82%);max-height:230px;box-shadow:var(--soft-shadow);border-radius:18px;display:block}.donation-qr div{color:var(--muted);justify-items:center;gap:10px;display:grid}.global-disclaimer{background:#fffaf4a3;border:1px solid #eadfd4b8;border-radius:16px;margin-top:16px;padding:12px 14px}.field-disclaimer{margin-top:8px;font-style:italic}.privacy-float{z-index:60;color:#fff8ef;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#2c2a29d6;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 44px #2c2a292e}.privacy-blur .novel-title-input,.privacy-blur .novel-subtitle-input,.privacy-blur .story-card textarea,.privacy-blur .relation-svg text,.privacy-blur .inspector-card input,.privacy-blur .inspector-card textarea,.privacy-blur .timeline-panel input,.privacy-blur .timeline-panel textarea,.privacy-blur .novel-nav-title{filter:blur(7px);transition:filter .16s var(--ease)}.privacy-blur .novel-title-input:hover,.privacy-blur .novel-subtitle-input:hover,.privacy-blur textarea:focus,.privacy-blur input:focus{filter:none}.empty-state{text-align:center;max-width:720px;box-shadow:var(--soft-shadow);background:#ffffff9e;border:1px dashed #6c8b8847;border-radius:24px;justify-items:center;gap:12px;margin-top:42px;padding:44px;display:grid}.empty-state h2{margin:0;font-family:Georgia,serif;font-size:clamp(28px,4vw,48px)}.empty-state p{max-width:520px;color:var(--muted);margin:0;line-height:1.8}.compact-action{width:auto;min-width:160px;padding:0 18px}.tour-backdrop{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#2c2a2924;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.tour-card{background:radial-gradient(circle at 16% 4%,#f4d5bf42,#0000 36%),#ffffffeb;border:1px solid #ffffffc2;border-radius:24px;gap:14px;width:min(520px,100%);padding:26px;display:grid;position:relative;box-shadow:0 30px 90px #2c2a292e}.tour-card h2{margin:0;font-family:Georgia,serif;font-size:32px}.tour-card>p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.8}.tour-close{width:32px;height:32px;color:var(--muted);background:#eadfd473;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.tour-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.appearance-controls{grid-template-columns:minmax(220px,.8fr) minmax(220px,.7fr) minmax(280px,1fr);align-items:end;gap:16px;margin-top:16px;display:grid}.appearance-controls label{color:var(--muted);gap:8px;font-size:12px;font-weight:800;display:grid}.appearance-controls strong{color:var(--ink)}.font-preview{color:var(--muted);background:#ffffffb3;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.font-preview p{font-size:var(--editor-font-size);margin:0;line-height:1.7}.panel-title,.timeline-title,.inspector-head{align-items:center;gap:10px;display:flex}.panel-title h2,.panel-title h3,.panel-title h4,.timeline-title h3,.inspector-head h3,.graph-toolbar h3,.timeline-header h3{letter-spacing:0;margin:0;font-family:Georgia,serif}.meter-ring{background:radial-gradient(circle, #fff 58%, transparent 60%), conic-gradient(var(--teal) var(--progress), #d7b98e3b 0);width:210px;height:210px;box-shadow:inset 0 0 0 1px #6c8b8812, var(--soft-shadow);border-radius:50%;place-items:center;margin:18px auto;display:grid}.meter-ring div{text-align:center;display:grid}.meter-ring strong{font-family:Georgia,serif;font-size:44px}.meter-ring span,.mini-stats span{color:var(--muted);font-size:12px}.mini-stats{gap:10px;display:grid}.mini-stats span{align-items:flex-start;gap:8px;line-height:1.6;display:flex}.book-progress-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.book-progress-card{border-radius:var(--radius);min-height:220px;box-shadow:var(--soft-shadow);background:linear-gradient(160deg,#ffffffeb,#fff8f1b8);border:1px solid #ffffffc2;align-content:space-between;gap:16px;padding:18px;display:grid}.book-progress-card h3{margin:4px 0 0;font-family:Georgia,serif}.book-inputs{gap:8px;display:grid}.book-inputs label{color:var(--muted);font-size:12px}.book-inputs input{margin-top:4px;padding:8px 9px}.progress-line{background:#d7b98e3b;border-radius:999px;height:8px;overflow:hidden}.progress-line span{border-radius:inherit;background:var(--book-color);height:100%;display:block}.shimo-strip{border-radius:var(--radius);max-width:1480px;color:var(--muted);background:#fff9;border:1px solid #7e9a9a2e;flex-wrap:wrap;align-items:center;gap:12px;margin:22px auto;padding:12px 16px;display:flex}.shimo-strip strong{color:var(--ink)}.universe-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.global-flow{min-height:260px;padding:20px}.global-timeline{gap:12px;margin-top:18px;display:grid}.global-step{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.global-step span{background:var(--step-color);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.global-step strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.global-step small{color:var(--muted)}.theme-constellation{min-height:190px;margin-top:18px;position:relative}.theme-constellation:before{content:"";border:1px dashed #6c8b8847;border-radius:50%;position:absolute;inset:48px 64px 38px}.theme-planet{left:calc(50% + cos(var(--i)) * 10px);border-radius:var(--radius);width:168px;box-shadow:var(--soft-shadow);background:#fff;gap:5px;padding:14px;display:grid;position:absolute}.theme-planet:first-child{top:8px;left:12px}.theme-planet:nth-child(2){top:4px;right:18px}.theme-planet:nth-child(3){bottom:8px;left:42px}.theme-planet:nth-child(4){bottom:2px;right:44px}.theme-planet:before{content:"";background:var(--planet-color);width:14px;height:14px;box-shadow:0 0 22px var(--planet-color);border-radius:50%}.theme-planet span{color:var(--muted);font-size:12px}.novel-section{padding-top:16px}.novel-hero{background:linear-gradient(120deg, #ffffffdb, #ffffff8c), linear-gradient(135deg, color-mix(in srgb, var(--novel-color) 20%, transparent), transparent 55%);box-shadow:var(--shadow);border:1px solid #ffffffc7;border-radius:24px;justify-content:space-between;align-items:end;gap:24px;padding:30px;display:flex}.novel-title-input,.novel-subtitle-input{width:min(760px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block}.novel-title-input{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,5vw,76px);font-weight:800;line-height:1}.novel-subtitle-input{color:var(--muted);margin-top:8px;font-size:clamp(17px,1.8vw,22px);line-height:1.5}.novel-title-input:focus,.novel-subtitle-input:focus{box-shadow:0 2px 0 color-mix(in srgb, var(--novel-color) 50%, transparent)}.novel-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:680px;display:flex}.novel-meta span,.novel-meta a,.tag-list span{background:#ffffffad;border:1px solid #ffffffb8;border-radius:999px;padding:8px 11px}.novel-meta label{min-width:132px;color:var(--muted);background:#ffffffad;border:1px solid #ffffffb8;border-radius:16px;gap:4px;padding:8px 11px;font-size:11px;font-weight:800;display:grid}.novel-meta label:first-child{min-width:230px}.novel-meta input{color:var(--ink);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-size:12px;font-weight:700}.novel-meta a{color:color-mix(in srgb, var(--novel-color) 70%, var(--ink));font-size:12px;font-weight:800;text-decoration:none}.publish-link{align-items:center;display:inline-flex;position:relative}.publish-pill{min-width:58px;min-height:58px;color:color-mix(in srgb, var(--novel-color) 72%, var(--ink));box-shadow:var(--soft-shadow);background:#ffffffc2;border:1px solid #ffffffd1;border-radius:999px;place-items:center;padding:0 14px;font-size:13px;font-weight:900;display:grid}.publish-pill:hover{background:#fff;transform:translateY(-1px)}.publish-pill.is-configured{background:radial-gradient(circle at 30% 20%, #ffffffe6, transparent 34%), color-mix(in srgb, var(--novel-color) 16%, #fff);border-color:color-mix(in srgb, var(--novel-color) 28%, #ffffffdb)}.publish-popover{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 16% 4%,#f4d5bf3d,#0000 34%),#fffffff0;border:1px solid #eadfd4eb;border-radius:18px;gap:10px;width:min(320px,82vw);padding:16px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 58px #2c2a291f}.publish-popover>span{color:var(--muted);font-size:12px;font-weight:900}.publish-popover input,.publish-popover select{font-size:13px}.publish-popover label{color:var(--muted);gap:6px;font-size:12px;font-weight:900;display:grid}.publish-popover div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.publish-popover div button{color:#fff8ef;background:#2c2a29;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:36px;display:inline-flex}.publish-popover div button:disabled{opacity:.36;cursor:default}.publish-close{width:28px;height:28px;color:var(--muted);background:#fffaf4db;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.story-grid{grid-template-columns:1fr 1fr minmax(220px,.55fr);gap:16px;margin:18px 0;display:grid}.story-card,.theme-card{background:linear-gradient(145deg, #ffffffc7, #fffaf499), color-mix(in srgb, var(--novel-color) 2%, #fff);padding:18px;box-shadow:0 4px 20px #8a80720a}.story-card textarea{min-height:150px;margin-top:13px}.story-card textarea,.inspector-card textarea,.event-editor textarea,.event-editor input,.inspector-card input{font-size:var(--editor-font-size);line-height:1.78}.tag-list{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.tag-list span{color:color-mix(in srgb, var(--novel-color) 65%, var(--ink));font-weight:700}.tag-editor{gap:12px;margin-top:14px;display:grid}.editable-tags button{color:color-mix(in srgb, var(--novel-color) 65%, var(--ink));background:#ffffffb8;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-weight:800;display:inline-flex}.tag-input-row,.media-url-row{grid-template-columns:minmax(0,1fr) 38px;gap:8px;display:grid}.tag-input-row button,.media-url-row button{color:#fff8ef;background:#2c2a29;border-radius:12px;place-items:center;display:grid}.relation-layout{grid-template-columns:minmax(0, calc(100% - var(--detail-pane,34%) - 16px)) 8px minmax(320px, var(--detail-pane,34%));--relation-panel-height:clamp(660px, calc(100vh - 48px), 820px);align-items:stretch;gap:16px;margin:18px 0;display:grid}.relation-split-handle{min-height:var(--relation-panel-height);cursor:col-resize;transition:background .18s var(--ease);background:linear-gradient(#0000,#8d7a6b2e,#0000);border-radius:999px;align-self:stretch}.relation-split-handle:hover{background:linear-gradient(#0000,#6c8b886b,#0000)}.graph-card{min-height:var(--relation-panel-height);height:var(--relation-panel-height);background:linear-gradient(135deg, #fdfbf7f0, #ffffffc2), color-mix(in srgb, var(--novel-color) 2%, #fdfbf7);position:relative;overflow:hidden}.graph-card:before{content:"";background:radial-gradient(circle at 30% 28%, color-mix(in srgb, var(--novel-color) 22%, transparent), transparent 25%), radial-gradient(circle at 78% 72%, color-mix(in srgb, var(--novel-accent) 26%, transparent), transparent 28%), linear-gradient(135deg, #fffaf4c2, #ffffff8c);pointer-events:none;border-radius:26px;position:absolute;inset:66px 18px 42px}.graph-toolbar,.timeline-header{z-index:2;justify-content:space-between;align-items:center;gap:14px;padding:18px 18px 0;display:flex;position:relative}.toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.toolbar-actions button,.timeline-header button{padding:0 12px}.relation-svg{z-index:1;width:100%;height:calc(var(--relation-panel-height) - 82px);display:block;position:relative}.graph-links path{cursor:pointer;transition:d .24s cubic-bezier(.25,1,.5,1)}.graph-node{transition:opacity .18s var(--ease)}.graph-node:hover{opacity:.86}.planet-halo{animation:pulseHalo 2.4s var(--ease) infinite}.planet-halo.is-celestial{animation:3.8s ease-in-out infinite celestialAura}.node-floating-tag rect{fill:#ffffffb8;stroke:#eadfd4eb;stroke-width:1px;filter:drop-shadow(0 5px 14px #2c2a290d)}.graph-hint{z-index:2;max-width:420px;color:var(--muted);font-size:12px;position:absolute;bottom:14px;right:18px}.inspector-card{height:var(--relation-panel-height);max-height:var(--relation-panel-height);background:linear-gradient(145deg, #ffffffe0, #f5f2ebad), color-mix(in srgb, var(--novel-color) 2%, #f5f2eb);flex-direction:column;gap:12px;padding:18px;display:flex;position:sticky;top:18px;overflow:hidden}.inspector-scroll{scrollbar-width:thin;scrollbar-color:#8d7a6b59 transparent;flex:1;gap:12px;min-height:0;padding:2px 18px 24px 0;display:grid;overflow:hidden auto}.inspector-scroll::-webkit-scrollbar{width:7px}.ai-output::-webkit-scrollbar{width:7px}.semantic-output::-webkit-scrollbar{width:7px}.inspector-scroll::-webkit-scrollbar-thumb{background:#8d7a6b52;border-radius:999px}.ai-output::-webkit-scrollbar-thumb{background:#8d7a6b52;border-radius:999px}.semantic-output::-webkit-scrollbar-thumb{background:#8d7a6b52;border-radius:999px}.inspector-scroll::-webkit-scrollbar-track{background:0 0}.ai-output::-webkit-scrollbar-track{background:0 0}.semantic-output::-webkit-scrollbar-track{background:0 0}.inspector-card label,.event-editor label{gap:6px;min-width:0;display:grid}.inspector-card textarea{min-height:132px}.character-editor-top{grid-template-columns:minmax(230px,.95fr) minmax(260px,1.05fr);align-items:start;gap:16px;display:grid}.character-quick-fields,.character-long-fields{gap:12px;min-width:0;display:grid}.inspector-card input,.inspector-card select,.inspector-card textarea,.event-editor input,.event-editor select,.event-editor textarea{width:100%;min-width:0;max-width:100%}.node-color-picker{gap:8px;display:grid}.node-color-picker span{color:var(--muted);font-size:12px;font-weight:800}.node-color-picker div{grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:7px;display:grid}.node-color-picker.is-wide{background:#fffaf46b;border:1px solid #eadfd49e;border-radius:16px;padding:12px}.node-color-picker.is-wide div{grid-template-columns:repeat(auto-fill,minmax(42px,48px));justify-content:start;gap:10px}.node-color-picker button{aspect-ratio:1;background:var(--swatch);border:3px solid #ffffffe0;border-radius:14px;width:100%;max-width:48px;box-shadow:0 8px 20px #2c2a2914}.node-color-picker button.is-selected{outline-offset:2px;outline:2px solid #2c2a29}.character-long-fields{grid-template-columns:1fr}.media-carousel-block{gap:10px;display:grid}.media-carousel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.media-carousel-head span{color:var(--muted);font-size:12px;font-weight:800}.media-upload-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;position:relative;width:auto!important;color:var(--ink)!important;font-size:12px!important;display:inline-flex!important}.media-upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.media-note{color:var(--muted);margin:-2px 0 0;font-size:12px;line-height:1.5}.compact-media-url input{min-height:34px;padding:8px 10px}.tag-composer{gap:8px;display:grid}.tag-composer>span{color:var(--muted);font-size:12px;font-weight:800}.tag-chip-board{flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;display:flex}.tag-chip-board button{color:#66584f;overflow-wrap:anywhere;white-space:normal;background:#fffaf4eb;border:1px solid #eadfd4eb;border-radius:999px;align-items:center;gap:6px;min-width:0;max-width:100%;min-height:30px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.tag-chip-board button.is-selected{color:#fff8ef;background:#2c2a29;border-color:#2c2a29;box-shadow:0 10px 24px #2c2a291a}.tag-chip-board i{background:#2c2a291a;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-style:normal;line-height:1;display:grid}.tag-chip-board button.is-selected i{background:#ffffff2e}.tag-compose-row{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.tag-compose-row button{color:#fff8ef;background:#2c2a29;border-radius:12px;place-items:center;display:grid}.tag-compose-row button:disabled{opacity:.38;cursor:default}.media-carousel{scroll-snap-type:x mandatory;background:linear-gradient(135deg,#ffffff94,#fffaf4b8);border-radius:18px;gap:10px;min-height:220px;padding:4px 4px 12px;display:flex;overflow-x:auto}.media-carousel.is-empty{border:1px dashed #6c8b883d;place-items:center;padding:18px;display:grid}.media-empty{max-width:260px;color:var(--muted);text-align:center;font-size:13px;line-height:1.7}.media-slide{scroll-snap-align:center;background:#fff;border-radius:18px;flex:0 0 min(290px,86%);margin:0;position:relative;overflow:hidden;box-shadow:0 12px 28px #3c2c2014}.media-slide img{object-fit:cover;width:100%;height:220px;display:block}.media-slide button{color:#fff8ef;background:#2c2a29d1;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:8px;right:8px}.primary-button{color:#fff8ef;background:#2c2a29;width:100%}.connect-box{border-top:1px solid var(--line);gap:10px;margin-top:10px;padding-top:16px;display:grid}.text-button{color:var(--muted)!important;box-shadow:none!important;background:0 0!important}.timeline-shell{margin-top:18px}.timeline-title{margin:0 0 12px 4px}.timeline-panel{padding:0 18px 18px}.timeline-slider{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;margin:22px 0;display:grid;position:relative}.timeline-track-viewport{padding:4px 0 10px;overflow:hidden}.timeline-track{transform:translateX(calc(var(--timeline-index,0) * -1 * ((100% - 56px) / 5 + 14px)));will-change:transform;gap:14px;margin:0;transition:transform .52s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.timeline-track:before{content:"";background:linear-gradient(90deg,#0000,#6c8b8861,#0000);height:1px;position:absolute;top:27px;left:3%;right:3%}.timeline-node{border-radius:var(--radius);min-height:92px;color:var(--ink);text-align:left;box-shadow:var(--soft-shadow);background:#ffffffc7;border:1px solid #fffc;flex:0 0 calc(20% - 11.2px);justify-items:start;gap:6px;padding:18px;animation:.52s cubic-bezier(.25,1,.5,1) both indexCardIn;display:grid;position:relative}.timeline-arrow{color:#66584f;width:38px;height:72px;box-shadow:var(--soft-shadow);transition:transform .18s var(--ease), opacity .18s var(--ease);background:#ffffffa3;border:1px solid #eadfd4ad;border-radius:999px;place-items:center;display:grid}.timeline-arrow:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.timeline-arrow:disabled{opacity:.28;cursor:default}.timeline-node:before{content:"";background:var(--node-color);width:17px;height:17px;box-shadow:0 0 0 5px color-mix(in srgb, var(--node-color) 18%, transparent);border:4px solid #fff;border-radius:50%}.timeline-node span{color:var(--muted);font-size:12px}.timeline-node.is-active{outline:2px solid color-mix(in srgb, var(--node-color) 45%, transparent);transform:translateY(-2px);box-shadow:0 20px 40px #2c2a2908,0 12px 34px #7e9a9a14}.timeline-node[data-inserted=true]{animation:.92s cubic-bezier(.25,1,.5,1) both insertedCard}.event-editor{grid-template-columns:minmax(0,1fr) 330px;gap:16px;display:grid}.event-editor.is-simple{grid-template-columns:1fr}.event-editor-main,.ai-context-card{border-radius:var(--radius);background:#ffffff9e;border:1px solid #ffffffb8;gap:12px;padding:16px;display:grid}.event-editor-main .media-carousel{min-height:260px}.event-editor-main .media-slide{flex-basis:min(360px,88%)}.event-editor-main .media-slide img{height:260px}.ai-context-card{align-content:start}.ai-context-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.ai-context-card small{color:var(--muted);line-height:1.6}.ai-jump-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ai-handoff-card{color:#fff8ef;box-shadow:var(--shadow);background:linear-gradient(120deg,#2c2a29e6,#52473ee0),#2c2a29;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);gap:20px;padding:24px;display:grid;position:relative;overflow:hidden}.ai-handoff-card h2{margin:0;font-family:Georgia,serif;font-size:clamp(26px,3vw,42px)}.ai-handoff-card p{color:#fff8efbf;max-width:720px;margin:10px 0 0;line-height:1.75}.ai-handoff-actions{z-index:1;align-content:center;gap:10px;display:grid;position:relative}.ai-handoff-actions button{color:#2c2a29;background:#fff8ef;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:flex}.ai-handoff-actions span{color:#fff8efb3;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.ai-handoff-mark{color:#fff8ef1f;position:absolute;bottom:-18px;right:28px}.ai-output{color:#5f5148;white-space:pre-wrap;background:#fffaf3;border-radius:14px;min-height:180px;max-height:260px;padding:14px;font-size:13px;line-height:1.7;overflow:auto}.idea-capture-box{border-top:1px solid var(--line);gap:12px;padding-top:14px;display:grid}.idea-capture-box textarea{background:linear-gradient(145deg,#ffffffeb,#fffaf4c7);border-radius:18px;min-height:120px}.semantic-output{color:#66584f;white-space:pre-wrap;background:#fffaf3;border-radius:18px;min-height:150px;padding:14px;font-size:13px;line-height:1.75;box-shadow:inset 0 0 0 1px #eadfd4a8}.ai-nudge{background:#fffaf4b8;border:1px solid #eadfd4c2;border-radius:16px;gap:10px;padding:12px 14px;display:grid}.ai-nudge p{color:var(--muted);margin:0;font-size:12px;font-style:italic;line-height:1.7}.ai-nudge em{color:#5f5148;font-weight:800}.ai-nudge div{flex-wrap:wrap;gap:8px;display:flex}.ai-nudge button{color:#5f5148;background:#ffffffc7;border:1px solid #eadfd4db;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.cafe-sound-widget{color:var(--muted);background:#fff9;border:1px solid #eadfd4d1;border-radius:16px;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px;display:grid}.vinyl-player{color:var(--muted);background:#fff9;border:1px solid #eadfd4d1;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.vinyl-player audio{display:none}.vinyl-button{color:#fff6ea;background:radial-gradient(circle,#f7eadb 0 9%,#0000 10% 18%,#2c2a29 19% 100%),#2c2a29;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:0 10px 24px #2c2a2924}.cafe-sound-widget.is-playing .vinyl-button,.vinyl-player.is-playing .vinyl-button{animation:3s linear infinite slowSpin}.track-window{min-width:0;overflow:hidden}.track-window span{width:max-content;max-width:100%;color:var(--ink);white-space:nowrap;font-size:12px;font-weight:800;display:block}.vinyl-player.is-playing .track-window span{animation:9s linear infinite alternate marqueeTrack}.track-window small{color:var(--ink);opacity:.62;font-size:11px}.player-controls{gap:5px;display:flex}.player-controls button{color:#fff8ef;background:#2c2a299e;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.player-controls button:hover,.vinyl-button:hover{background-color:#2c2a29c7;transform:translateY(-1px)}.cafe-sound-widget span{color:var(--ink);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.wave-bars{align-items:center;gap:3px;height:18px;display:flex}.wave-bars i{background:color-mix(in srgb, var(--teal) 62%, #d7b98e);opacity:.36;border-radius:999px;width:2px;height:6px}.cafe-sound-widget.is-playing .wave-bars i{animation:.82s ease-in-out infinite alternate wavePulse}.graph-link-labels{pointer-events:all;transition:opacity .18s var(--ease);cursor:text}.graph-link-labels rect{fill:#ffffffd1;stroke:#eadfd4eb;filter:drop-shadow(0 8px 20px #2c2a290f)}.graph-link-labels text{fill:#72584a;paint-order:stroke;stroke:#fffaf4e6;stroke-width:3px;font-size:12px;font-weight:800}.graph-node.is-dimmed{filter:saturate(.82)}.focus-textarea-wrap{gap:6px;display:grid}.focus-textarea-label{justify-content:space-between;align-items:center;gap:10px;display:flex}.focus-textarea-label button{width:30px;height:30px;color:var(--teal);border:1px solid var(--line);background:#fffaf3;border-radius:10px;place-items:center;display:grid}.zen-overlay{z-index:80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:riseIn .22s var(--ease) both;background:#2c2a291f;place-items:center;padding:clamp(18px,4vw,52px);display:grid;position:fixed;inset:0}.zen-editor{background:radial-gradient(circle at 12% 2%,#f4d5bf38,#0000 34%),#ffffffe6;border:1px solid #ffffffc7;border-radius:24px;gap:16px;width:min(980px,100%);min-height:min(720px,82vh);padding:clamp(18px,3vw,30px);display:grid;box-shadow:0 30px 80px #2c2a2924}.zen-editor-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.zen-editor-head h3{margin:0;font-family:Georgia,serif;font-size:clamp(26px,3vw,42px)}.zen-editor-head button{color:#fff8ef;background:#2c2a29;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.zen-editor textarea{min-height:560px;font-size:calc(var(--editor-font-size) + 2px);background:#ffffffd6;border-radius:20px;padding:20px;line-height:1.9}.event-core-grid,.event-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.imessage-stack{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 25% 18%,#c6d4e12e,#0000 36%),linear-gradient(145deg,#ffffffb8,#fffaf4cc);border-radius:20px;place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.imessage-stack.is-empty{border:1px dashed #6c8b883d}.imessage-card{width:min(330px,82%);height:calc(100% - 42px);max-height:320px;opacity:var(--card-opacity);transform:translateX(calc(var(--card-x) + var(--drag-x,0px))) translateY(var(--card-y)) rotate(calc(var(--tilt) + var(--drag-tilt,0deg))) scale(var(--card-scale));transition:transform .42s cubic-bezier(.25, 1, .5, 1), opacity .26s var(--ease), box-shadow .26s var(--ease);background:#fff;border:5px solid #ffffffeb;border-radius:24px;margin:0;position:absolute;overflow:hidden;box-shadow:0 22px 44px #2c2a2914,0 7px 16px #7e6d5b0f}.imessage-card[data-visible=false]{pointer-events:none;opacity:0}.imessage-card.is-active{z-index:5}.imessage-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.imessage-card button{color:#fff8ef;background:#2c2a29c7;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.stack-nav{z-index:8;width:34px;height:34px;color:var(--ink);box-shadow:var(--soft-shadow);background:#ffffffdb;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.stack-nav,.stack-dots,.imessage-card button{pointer-events:auto}.stack-nav.prev{left:12px}.stack-nav.next{right:12px}.stack-nav:disabled{opacity:.34;cursor:default}.stack-dots{z-index:8;gap:6px;display:flex;position:absolute;bottom:12px}.stack-dots button{background:#2c2a292e;border-radius:999px;width:7px;height:7px}.stack-dots button.is-active{background:var(--teal);width:18px}.inspector-card .imessage-stack{min-height:clamp(240px,34vh,330px)}.event-editor-main .imessage-stack{min-height:340px}.event-editor-main{box-shadow:0 20px 40px #2c2a2908}@keyframes wavePulse{0%{opacity:.32;height:5px}to{opacity:.72;height:17px}}@keyframes marqueeTrack{0%{transform:translate(0)}to{transform:translate(-16px)}}.loading-screen{min-height:100vh;color:var(--muted);align-content:center;place-items:center;gap:16px;display:grid}.error-screen{color:#2c2a29;background:#fbf9f6;align-content:center;gap:16px;min-height:100vh;padding:32px;display:grid}.error-screen h1{margin:0;font-family:Georgia,serif;font-size:42px}.error-screen p{color:#7f746b;max-width:720px;line-height:1.7}.error-screen pre{white-space:pre-wrap;background:#fff;border:1px solid #eadfd4;border-radius:14px;max-width:min(980px,100%);max-height:420px;padding:16px;overflow:auto}.loading-orbit{border:1px dashed var(--teal);border-radius:50%;width:72px;height:72px;animation:3s linear infinite slowSpin}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes pulseHalo{0%,to{opacity:.1;transform:scale(.92)}50%{opacity:.22;transform:scale(1.18)}}@keyframes celestialAura{0%,to{opacity:.34;transform:scale(.96)}50%{opacity:.58;transform:scale(1.2)}}@keyframes indexCardIn{0%{opacity:0;transform:translateY(14px)rotate(-.4deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes insertedCard{0%{opacity:0;transform:translate(22px)translateY(14px)rotate(1.2deg)scale(.96)}70%{opacity:1;transform:translate(-3px)translateY(-2px)rotate(-.2deg)scale(1.01)}to{opacity:1;transform:translate(0)translateY(0)rotate(0)scale(1)}}@media (width<=1180px){.dashboard-grid,.user-center-grid,.event-editor,.universe-grid,.ai-handoff-card,.relation-layout{grid-template-columns:1fr}.relation-split-handle{display:none}.book-progress-list,.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-card,.appearance-controls,.character-editor-top,.account-form{grid-template-columns:1fr}}@media (width<=780px){.sidebar{height:auto;max-height:none;position:sticky;top:0;width:100%!important}.resize-handle{display:none}.content-shell{padding:16px;margin-left:0!important}.nav-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-panel,.editable-grid,.book-progress-list,.story-grid,.inspector-card,.tour-actions,.inline-confirm div{grid-template-columns:1fr}.novel-hero{flex-direction:column;align-items:start}.section-heading h1{font-size:42px}.timeline-slider{grid-template-columns:32px minmax(0,1fr) 32px}.timeline-node{flex-basis:min(250px,82vw)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}