:root{--paper:#fbf9f5;--paper-deep:#f1ebe3;--canvas:#fff;--card:#fff;--ink:#2c241c;--muted:#7a7168;--line:#2c241c14;--accent:#c46a4a;--accent-soft:#e8dfd5;--ok:#3d5c45;--shadow:0 4px 24px #2c241c0d;--shadow-lift:0 8px 28px #2c241c14;--ease:cubic-bezier(.16, 1, .3, 1);--radius:12px;--radius-sm:8px;--idea-paper:#fff;--idea-sage:#e4ebe3;--idea-rose:#ead8d2;--idea-mist:#dde3ea;--idea-sand:#efe6d4;--idea-lilac:#e6dee6;--font-ui:"Inter", "Segoe UI", system-ui, sans-serif;--font-display:"Newsreader", "Iowan Old Style", Georgia, serif;--measure:65ch;font-family:var(--font-ui);color:var(--ink);background:var(--paper);font-feature-settings:"ss01", "cv11";font-size:15px;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}textarea{resize:vertical}button,a,.rail-card,.rail-add,.rail-trash,.rail-trash-glyph,.stage-nav,.pill,.status-badge,.primary,.ghost,.text-btn,.icon-btn{transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), opacity .25s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease)}.app{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-width:0;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);z-index:30;background:#fbf9f5b8;align-items:center;gap:16px;padding:10px 20px;display:flex;position:sticky;top:0}.brand-cluster{align-items:center;gap:8px;display:inline-flex}.brand{font-family:var(--font-ui);letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.dev-badge{background:var(--paper-deep);border:1px solid var(--line);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 8px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.brand-btn{cursor:pointer;background:0 0;border:0;padding:0}.topbar-title{text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;min-width:0;max-width:280px;padding:6px 8px;font-weight:500;display:inline-flex;overflow:hidden}.topbar-title:hover{background:#2c241c0a}.topbar-title .chevron{color:var(--muted);flex:none;font-size:11px}.novel-switch{min-width:0;position:relative}.novel-menu{min-width:220px}.more-menu .active-item{color:var(--accent);font-weight:600}.topbar-meta{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.status-badge{border:1px solid var(--line);color:var(--muted);background:#2c241c0a;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}.nav-cluster{align-items:center;gap:6px;min-width:0;margin-left:8px;display:flex}.nav{background:#2c241c0a;border-radius:999px;gap:2px;margin-left:0;padding:3px;display:flex}.nav>button,.nav .more>button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500}.nav>button.active,.nav .more>button.active{color:var(--ink);background:var(--canvas);font-weight:600;box-shadow:0 1px 2px #2c241c0f}.nav>button:disabled{opacity:.4;cursor:default}.sync-chip{color:var(--muted);background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.sync-chip:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.sync-chip.saved{color:var(--ok)}.sync-chip.saved:before{opacity:1}.sync-chip.saving:before,.sync-chip.checking:before{opacity:.55}.sync-chip.error{color:var(--accent);cursor:pointer;border-radius:999px}.sync-chip.error:hover{background:#2c241c0a}.ideas-toggle{flex:none;margin-left:auto}.ideas-toggle.on{color:var(--ink);background:var(--canvas)}.more{position:relative}.more-menu{z-index:40;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:200px;box-shadow:var(--shadow-lift);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.more-menu button{text-align:left;color:var(--ink);background:0 0;border:0;border-radius:6px;padding:8px 10px}.more-menu button:hover{background:var(--paper)}.pacing{background:var(--canvas);border-bottom:1px solid var(--line);grid-template-columns:repeat(15,1fr);gap:3px;padding:8px 18px 10px;display:grid}.pacing-cell{min-width:0}.pacing-cell .bar{background:var(--paper-deep);border-radius:99px;height:4px;overflow:hidden}.pacing-cell .bar>span{background:var(--accent);height:100%;display:block}.pacing-cell .bar.over>span{background:var(--ink)}.pacing-cell label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;display:block;overflow:hidden}.workspace{min-width:0;min-height:0;overflow:auto}:is(.workspace:has(.story-board),.workspace:has(.write-desk),.workspace:has(.book-stage)){overflow:hidden}.story-board{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.story-main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.story-fit{grid-template-rows:minmax(0,1fr) auto;width:100%;min-width:0;display:grid}.story-fit-fill{flex:1;min-height:0}.story-stage{justify-content:center;align-items:flex-start;min-width:0;min-height:0;padding:28px 20px 20px;display:flex;overflow-y:auto}.stage-frame{width:min(100%,42rem);position:relative}.stage-nav{z-index:2;background:var(--canvas);width:32px;height:32px;box-shadow:var(--shadow);color:var(--ink);opacity:0;border:1px solid #00000014;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.stage-nav.prev{left:-12px}.stage-nav.next{right:-12px}.stage-frame:hover .stage-nav:not(:disabled),.stage-frame:focus-within .stage-nav:not(:disabled),.stage-nav:focus-visible{opacity:1}.stage-nav:hover:not(:disabled){box-shadow:var(--shadow-lift)}.stage-nav .dir{font-size:15px;line-height:1}.stage-nav:disabled{opacity:0;pointer-events:none}.stage-card{background:var(--canvas);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);border:1px solid #0000000d;padding:32px 36px 28px}.stage-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.pill{background:var(--paper);border:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.pill.quiet{background:0 0;border-color:#0000;padding-left:4px}.pill.named,.pill.toggle.on,.beat-tag{background:var(--accent-soft);color:var(--accent);border-color:#0000}.pill.toggle{cursor:pointer}.beat-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;padding:2px 7px;font-size:9px;font-weight:600;line-height:1.2;display:inline-flex}.stage-markers{flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0 0;display:flex}.stage-markers-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.stage-card h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 14px;font-size:2.125rem;font-weight:500;line-height:1.2}.stage-notes{font-family:var(--font-display);max-width:var(--measure);margin:0 0 16px;font-size:1.125rem;line-height:1.6}.stage-empty{color:#0006;margin:0 0 16px;font-size:15px}.stage-excerpt{font-family:var(--font-display);color:var(--muted);max-width:var(--measure);white-space:pre-wrap;margin:0 0 8px;font-size:1.0625rem;font-style:italic;line-height:1.65}.stage-prompt{font-family:var(--font-display);color:#78716c;border-top:1px solid var(--line);max-width:55ch;margin:20px 0 0;padding-top:18px;font-size:1.0625rem;font-style:italic;line-height:1.55}.story-rail{border-top:1px solid var(--line);background:var(--paper-deep);min-width:0;max-width:100%;padding:10px 0 14px;position:relative;overflow:clip visible}.rail-caption{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.7;margin:0 20px 4px;font-size:11px;font-weight:500}.rail-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;min-width:0;padding:0 0 8px;overflow:auto hidden}.rail-track{align-items:stretch;gap:0;width:max-content;display:flex}.rail-track:before,.rail-track:after{content:"";flex:none;align-self:stretch;width:20px}.rail-track:after{width:32px}.rail-trash{z-index:8;pointer-events:none;visibility:hidden;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;margin:0;padding:0;display:flex;position:absolute;top:0;left:0}.rail-trash-glyph{width:36px;height:36px;color:var(--muted);opacity:0;pointer-events:none;box-shadow:none;background:#ffffffeb;border:1px dashed #2c241c29;border-radius:10px;justify-content:center;align-items:center;display:flex;transform:scale(.82)}.rail-trash svg{width:18px;height:18px;display:block}.story-rail.dragging .rail-trash,.rail-trash.armed{pointer-events:auto;visibility:visible}.story-rail.dragging .rail-trash-glyph,.rail-trash.armed .rail-trash-glyph{opacity:1;background:var(--canvas);color:var(--accent);box-shadow:var(--shadow);border-color:#c46a4a73;transform:scale(1)}.rail-trash.over .rail-trash-glyph{background:var(--accent-soft);border-style:solid;border-color:var(--accent);color:var(--ink);transform:scale(1.08)}.rail-lane{flex-direction:column;flex:none;padding:48px 10px 0 0;display:flex;position:relative}.rail-lane.stretch .rail-nodes{background:#e8dfd5b3;border-radius:10px;padding:8px}.rail-act{letter-spacing:.12em;text-transform:uppercase;height:14px;color:var(--muted);white-space:nowrap;margin:0 0 6px;font-size:10px;font-weight:500;line-height:14px}.rail-lane header{white-space:nowrap;height:16px;color:var(--muted);opacity:.65;margin:0 0 8px;font-size:11px;font-weight:500;line-height:16px}.rail-pct{letter-spacing:0;text-transform:none;opacity:.75;margin-left:6px;font-weight:400}.rail-lane.current header,.rail-lane:hover header,.rail-lane:focus-within header{opacity:1;color:var(--ink);font-weight:600}.rail-lane.vacant{align-items:center;min-width:36px}.rail-lane.stretch.vacant{align-items:stretch;min-width:7.5rem}.rail-lane.vacant .rail-act,.rail-lane.vacant header{text-align:center}.rail-lane.vacant header{text-overflow:ellipsis;max-width:7.5rem;overflow:hidden}.rail-lane.vacant .rail-nodes{justify-content:center}.rail-nodes{justify-content:flex-start;align-items:center;gap:8px;height:104px;min-height:104px;margin-top:auto;display:flex;position:relative}.rail-nodes:before{content:"";z-index:0;pointer-events:none;background:#2c241c1f;height:1px;position:absolute;top:50%;left:0;right:-10px}.rail-lane:last-child .rail-nodes:before{right:0}.rail-lane.drop{outline:1px solid var(--accent);outline-offset:4px;border-radius:var(--radius-sm)}.rail-card{z-index:1;background:var(--canvas);border-radius:var(--radius-sm);text-align:left;cursor:grab;touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid #0000000d;flex:none;width:128px;padding:10px 12px;position:relative;box-shadow:0 1px 2px #2c241c0a}.rail-card:hover{box-shadow:var(--shadow);transform:scale(1.05)}.rail-card:active{cursor:grabbing}.rail-card.dragging{touch-action:none;cursor:grabbing}.rail-card.current{box-shadow:var(--shadow);border-color:#c46a4a59}.rail-card.drafted:after{content:"";background:var(--accent);border:2px solid var(--paper-deep);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:-6px;left:50%}.rail-card .slug{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.rail-card.empty .slug{color:var(--muted);font-style:italic;font-weight:400}.rail-card .meta{color:var(--muted);margin-top:4px;font-size:11px}.rail-card .beat-tag{text-overflow:ellipsis;white-space:nowrap;width:fit-content;max-width:100%;margin:0 0 4px;display:block;overflow:hidden}.rail-add{z-index:1;width:22px;height:22px;color:var(--muted);opacity:0;background:#2c241c0f;border:0;border-radius:999px;flex:none;padding:0;font-size:14px;line-height:1;position:relative}.rail-lane:hover .rail-add,.rail-lane:focus-within .rail-add,.rail-lane.drop .rail-add,.rail-add:focus-visible{opacity:1;transform:scale(1.2)}.rail-add:hover{background:var(--accent-soft);color:var(--ink)}.rail-lane.vacant .rail-add{opacity:.35;background:#2c241c29;width:8px;height:8px;font-size:0}.rail-lane.vacant:hover .rail-add,.rail-lane.vacant:focus-within .rail-add,.rail-lane.vacant.drop .rail-add{opacity:1;width:22px;height:22px;color:var(--muted);background:#2c241c0f;font-size:14px}@media (hover:none){.rail-add{opacity:.4}.stage-nav:not(:disabled){opacity:.9}}.icon-btn,.text-btn,.primary,.ghost{border:1px solid var(--line);background:var(--canvas);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:500}.primary{background:var(--accent-soft);color:var(--ink);border-color:#0000}.primary:hover{background:#ddd2c6}.ghost{background:0 0}.ghost:hover{background:#2c241c0a}.ghost:disabled,.text-btn:disabled{opacity:.4;cursor:default}.ghost:disabled:hover,.text-btn:disabled:hover{background:0 0}.icon-btn{padding:2px 8px;font-size:16px;line-height:1}.tray{z-index:3;-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fbf9f5d9;flex-direction:column;min-width:0;max-width:100%;padding:10px 20px;display:flex;position:relative;overflow:hidden}.tray.tray-open{min-height:0}.tray-resize{z-index:2;cursor:row-resize;touch-action:none;background:0 0;border:0;border-radius:0;height:8px;margin:0;padding:0;position:absolute;top:0;left:0;right:0}.tray-resize:after{content:"";background:#2c241c24;border-radius:99px;width:36px;height:3px;margin-left:-18px;position:absolute;top:2px;left:50%}.tray-resize:hover,.tray-resize:focus-visible,body.resizing-tray .tray-resize,body.resizing-tray-width .tray-resize{background:var(--accent-soft)}body.resizing-tray{cursor:row-resize;-webkit-user-select:none;user-select:none}body.resizing-tray-width{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing-tray textarea,body.resizing-tray input,body.resizing-tray-width textarea,body.resizing-tray-width input{pointer-events:none}.tray-head{flex:none;align-items:center;gap:10px;min-width:0;display:flex}.tray-head h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:600}.tray-head-actions{flex:none;gap:6px;margin-left:auto;display:flex}.tray-search{align-items:center;gap:10px;min-width:0;margin-top:8px;display:flex}.tray-search label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex:none;font-size:11px;font-weight:500}.tray-search input{border:1px solid var(--line);background:var(--canvas);border-radius:var(--radius-sm);flex:1;min-width:0;padding:6px 10px}.tray-list{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;min-width:0;max-height:min(32vh,16rem);padding:10px 0 6px;display:grid;overflow:hidden auto}.tray.tray-open .tray-list{flex:1;height:auto;min-height:0;max-height:none}.tray-empty{grid-column:1/-1;margin:0}.idea-card{text-align:left;background:var(--idea-paper);border:1px solid var(--line);border-radius:var(--radius-sm);height:96px;font:inherit;color:inherit;cursor:grab;flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:10px 12px;display:flex;overflow:hidden;box-shadow:0 1px 2px #2c241c0a}.idea-card.dragging{cursor:grabbing;z-index:1}.idea-card[data-color=sage]{background:var(--idea-sage)}.idea-card[data-color=rose]{background:var(--idea-rose)}.idea-card[data-color=mist]{background:var(--idea-mist)}.idea-card[data-color=sand]{background:var(--idea-sand)}.idea-card[data-color=lilac]{background:var(--idea-lilac)}.idea-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.idea-card.open{box-shadow:var(--shadow);border-color:#c46a4a59}.idea-add{border-radius:var(--radius-sm);height:96px;color:var(--muted);background:0 0;border:1px dashed #2c241c2e;justify-content:center;align-items:center;margin:0;padding:0;font-size:28px;font-weight:400;line-height:1;display:flex}.idea-add:hover,.idea-add:focus-visible{color:var(--ink);background:var(--accent-soft);border-color:#c46a4a73}.idea-card-title{letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.idea-card-preview{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.idea-pop-backdrop{z-index:50;background:#2c241c33;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.idea-pop{background:var(--canvas);border-radius:var(--radius);flex-direction:column;width:min(520px,100%);max-height:min(72vh,560px);display:flex;overflow:hidden;box-shadow:0 18px 48px #2c241c2e}.idea-pop-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.idea-swatches{flex:none;gap:6px;margin-left:auto;display:flex}.idea-swatch{border:1px solid #2c241c1f;border-radius:99px;flex:none;width:18px;min-width:18px;height:18px;padding:0;box-shadow:inset 0 0 0 1px #ffffff59}.idea-swatch.on{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px #2c241c47}.idea-swatch[data-color=paper]{background:var(--idea-paper)}.idea-swatch[data-color=sage]{background:var(--idea-sage)}.idea-swatch[data-color=rose]{background:var(--idea-rose)}.idea-swatch[data-color=mist]{background:var(--idea-mist)}.idea-swatch[data-color=sand]{background:var(--idea-sand)}.idea-swatch[data-color=lilac]{background:var(--idea-lilac)}.idea-pop-min{padding:4px 10px;font-size:12px}.idea-pop-text{width:100%;min-height:180px;font-family:var(--font-display);resize:none;background:var(--paper);border:0;outline:none;flex:1;margin:0;padding:14px 16px;font-size:1.0625rem;line-height:1.55}.idea-pop[data-color=sage] .idea-pop-text,.idea-desk[data-color=sage] .idea-pop-text{background:var(--idea-sage)}.idea-pop[data-color=rose] .idea-pop-text,.idea-desk[data-color=rose] .idea-pop-text{background:var(--idea-rose)}.idea-pop[data-color=mist] .idea-pop-text,.idea-desk[data-color=mist] .idea-pop-text{background:var(--idea-mist)}.idea-pop[data-color=sand] .idea-pop-text,.idea-desk[data-color=sand] .idea-pop-text{background:var(--idea-sand)}.idea-pop[data-color=lilac] .idea-pop-text,.idea-desk[data-color=lilac] .idea-pop-text{background:var(--idea-lilac)}.tray.tray-max{z-index:20;background:var(--paper);-webkit-backdrop-filter:none;border-top:0;height:auto;min-height:0;padding:14px 20px 12px;position:absolute;inset:0}.tray-max-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-areas:"list desk";gap:14px;min-height:0;margin-top:8px;display:grid}.tray-max-body.solo{grid-template-columns:1fr;grid-template-areas:"list"}.tray-max-body .tray-list{grid-area:list}.tray-max-body .idea-desk{grid-area:desk}.tray.tray-max .tray-list{height:100%;min-height:0;max-height:none}.tray-max-body:not(.solo) .tray-list{grid-template-columns:1fr}.tray.tray-max .idea-card{height:104px}.tray.tray-max .idea-pop-text{padding:20px 22px;font-size:1.1875rem}.idea-desk{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:0;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.idea-desk .idea-pop-text{min-height:0}.idea-pop-actions,.idea-pop .tray-promote,.idea-desk .idea-pop-actions,.idea-desk .tray-promote{flex:none;margin:0;padding:10px 12px 12px}.tray-promote{flex-direction:column;align-items:stretch;gap:8px;min-width:0;margin-top:8px;display:flex}.tray-promote select,.tray-promote button{width:100%;min-width:0}.tray-compose{background:var(--canvas);border:1px solid var(--line);border-radius:20px;flex:none;align-items:center;gap:4px;width:100%;min-width:0;margin-top:10px;padding:4px 4px 4px 16px;display:flex;box-shadow:inset 0 1px 2px #2c241c08}.tray-compose:focus-within{border-color:#0000;box-shadow:0 0 0 3px #d7ccc080}.tray-compose :focus,.tray-compose :focus-visible{outline:none}.tray-compose input{min-width:0;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:8px 8px 8px 0}.tray-compose .primary{background:var(--accent-soft);color:var(--ink);opacity:.38;box-shadow:none;border:0;flex:none}.tray-compose .primary:disabled{cursor:default}.tray-compose .primary:not(:disabled){opacity:1}.tray-compose .primary:not(:disabled):hover{background:#ddd2c6}.idea-drawer-backdrop{z-index:35;cursor:pointer;background:#2c241c2e;border:0;margin:0;padding:0;position:fixed;inset:0}.idea-drawer{z-index:40;background:var(--paper);box-shadow:var(--shadow-lift);flex-direction:column;min-width:0;min-height:0;display:flex;position:fixed;overflow:hidden}.idea-drawer[hidden]{display:none}.idea-drawer:not(.sheet){border-left:1px solid var(--line);width:min(36rem,100vw);padding:14px 20px 12px;top:0;bottom:0;right:0}.idea-drawer:not(.sheet).max{border:1px solid var(--line);border-radius:12px;width:auto;padding:16px 22px 14px;inset:12px}.idea-drawer.sheet{max-height:min(82vh,40rem);padding:16px 12px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--line);border-radius:16px 16px 0 0;bottom:0;left:0;right:0}.idea-drawer.sheet.max{border-radius:12px 12px 0 0;height:calc(100dvh - 8px);max-height:none}.idea-drawer:not(.sheet) .tray-resize{cursor:col-resize;width:10px;height:auto;inset:0 auto 0 0}.idea-drawer:not(.sheet) .tray-resize:after{width:3px;height:36px;margin:-18px 0 0;top:50%;left:3px}.idea-drawer.sheet .tray-resize{height:16px}.idea-drawer.max .idea-pop-text{padding:20px 22px;font-size:1.1875rem}.idea-drawer .tray-head,.idea-drawer .tray-search{flex:none}.idea-drawer .tray-max-body{flex:1;min-height:0;margin-top:8px}.idea-drawer .tray-max-body .tray-list{grid-auto-rows:max-content;align-content:start;align-self:start;width:100%;height:auto;min-height:0;max-height:100%}.idea-drawer .tray-compose{margin-top:10px}.form-row{align-items:center;gap:8px;margin-top:18px;display:flex}.form-row input,.form-row select,.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--canvas);border-radius:var(--radius-sm);flex:1;padding:8px 10px}.page{max-width:980px;margin:0 auto;padding:24px 20px 80px}.page h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:2rem;font-weight:500}.lede{color:var(--muted);max-width:var(--measure);margin:0 0 24px}.muted{color:var(--muted)}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.field textarea{min-height:88px}.hint{color:var(--muted);max-width:var(--measure);font-size:13px;line-height:1.5}.pair{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:16px;display:grid}.welcome{max-width:560px;margin:12vh auto;padding:24px}.welcome .brand-cluster{margin-bottom:12px}.welcome .brand{gap:12px;font-size:22px}.welcome h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 8px;font-size:2.5rem;font-weight:500}.import-split{grid-template-columns:1fr 1fr;gap:16px;display:grid}.piece{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--canvas);margin-bottom:8px;padding:10px}.piece.tray-dest{background:var(--paper-deep)}.list{flex-direction:column;gap:8px;display:flex}.snap,.log,.trash-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--canvas);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;display:flex}.novel-row{text-align:left;border:1px solid var(--line);background:var(--canvas);border-radius:var(--radius-sm);justify-content:space-between;gap:12px;width:100%;padding:12px 14px;display:flex}.novel-row:hover{box-shadow:var(--shadow)}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.write-desk{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.write-wrap,.split-wrap,.read-wrap{min-width:0;height:100%;min-height:0}.write-desk .split-wrap,.write-desk .write-panel{flex:1;height:auto;min-height:8rem}.write-desk .prose{min-height:0}.write-bar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf9f5b8;flex:none;align-items:center;gap:12px;min-width:0;padding:10px 20px;display:flex}.write-bar-title{flex:1;min-width:0}.write-bar .slug{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.write-bar .beat{color:var(--muted);align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.write-bar .beat .beat-tag{flex:none}.write-bar .spacer{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.write-tabs{display:none}.write-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:auto}.write-panel .split-notes,.write-panel .prose{flex:1;min-height:0}.prose{background:var(--paper);width:100%;min-height:calc(100vh - 220px);font-family:var(--font-display);border:0;outline:none;max-width:none;padding:28px 18% 80px;font-size:1.1875rem;line-height:1.7}.split-wrap{grid-template-columns:340px 8px 1fr;min-width:0;min-height:0;display:grid}.split-wrap.focus{grid-template-columns:1fr}.split-notes{background:var(--canvas);border-right:1px solid var(--line);min-width:0;padding:18px;overflow:auto}.card-tabs{background:#2c241c0a;border-radius:999px;gap:2px;margin:0 0 16px;padding:3px;display:flex}.card-tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;flex:1;padding:7px 12px;font-size:13px;font-weight:500}.card-tabs button.active{color:var(--ink);background:var(--canvas);font-weight:600;box-shadow:0 1px 2px #2c241c0f}.split-gutter{background:var(--paper-deep);cursor:col-resize;border:0;width:8px;padding:0}.split-gutter:hover,.split-gutter:focus,body.resizing-split .split-gutter{background:var(--accent-soft)}body.resizing-split{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing-split textarea,body.resizing-split input{pointer-events:none}.split-notes .prose{min-height:calc(100vh - 180px);padding:18px;font-size:1.125rem}.card-details{margin:8px 0 0}.card-details summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:500}.card-details .form-row{margin-top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.book-stage{background:radial-gradient(1200px 600px at 50% 0%, #2c241c0d, transparent 55%), var(--paper-deep);grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid}.book-toolbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf9f5b8;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;padding:10px 20px;display:flex}.book-toolbar-status{color:var(--ink);text-align:center;min-width:9em;margin:0;font-size:13px;font-weight:500}.book-chapter-jump{min-width:0}.book-chapter-jump select{border:1px solid var(--line);background:var(--canvas);border-radius:999px;max-width:220px;padding:7px 12px}.book-toolbar-end{align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.book-zoom{flex:none;align-items:center;gap:4px;display:flex}.book-zoom-label{text-align:center;font-variant-numeric:tabular-nums;min-width:4.2em}.book-viewport{place-items:center;min-width:0;min-height:0;padding:12px;display:grid;overflow:hidden}.book-viewport.zoomed{align-content:start;place-items:start center;overflow:auto}.book-scale{position:relative}.book-scale-inner{transform-origin:0 0}.book{--book-page-w:calc(60ch + 4.2em);--book-page-h:calc(30 * 1.45em + 5em);width:calc(var(--book-page-w) * 2);height:var(--book-page-h);font-family:var(--font-display);color:var(--ink);-webkit-user-select:text;user-select:text;font-size:16.5px;line-height:1.45;position:relative}.book.single{width:var(--book-page-w)}.book-scene{perspective:2400px;transform-style:preserve-3d;position:absolute;inset:0}.book-sheet,.book-leaf{width:var(--book-page-w);height:var(--book-page-h);background:#fffdf8;position:absolute;top:0;box-shadow:0 10px 28px #2c241c1f}.book-sheet.left{left:0}.book-sheet.right{left:var(--book-page-w)}.book.single .book-sheet.right{left:0}.book-sheet.empty{box-shadow:none;background:0 0}.book-sheet.hard,.book-face.hard{background:linear-gradient(160deg,#efe6d8 0%,#e4d5c2 100%)}.book-leaf{transform-style:preserve-3d;z-index:8;box-shadow:none;background:0 0}.book-leaf.forward{left:var(--book-page-w);transform-origin:0}.book-leaf.back{transform-origin:100%;left:0}.book.single .book-leaf.forward,.book.single .book-leaf.back{width:100%;left:0}.book.single .book-leaf.forward{transform-origin:0}.book.single .book-leaf.back{transform-origin:100%}.book-face{backface-visibility:hidden;background:#fffdf8;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 28px #2c241c1f}.book-face.back{transform:rotateY(180deg)}.book-page,.book-cover,.book-blank{box-sizing:border-box;flex-direction:column;height:100%;padding:3.15em 1.85em 1em;display:flex}.book-page.left,.book-cover.left,.book-blank.left{padding-right:2.05em}.book-page.right,.book-cover.right,.book-blank.right{padding-left:2.05em}.book-running{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;min-height:1.2em;margin-bottom:1.15em;font-size:.72em}.book-page-text{white-space:pre-wrap;overflow-wrap:break-word;flex:0 auto;width:60ch;max-width:100%;min-height:0;max-height:calc(100% - 3.2em);margin:0 auto;overflow:auto}.book-folio{text-align:center;color:var(--muted);font-variant-numeric:lining-nums;margin-top:.7em;font-size:.82em}.book-cover{text-align:center;justify-content:center;align-items:center}.book-cover h1{font-family:var(--font-display);letter-spacing:-.03em;max-width:14ch;margin:0;font-size:2.1em;font-weight:500;line-height:1.2}.book-spine{pointer-events:none;z-index:4;background:linear-gradient(90deg,#2c241c1f,#2c241c05 45% 55%,#2c241c1f);width:22px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.book-shade,.book-flip-shade{pointer-events:none;z-index:3;position:absolute;inset:0}.book-shade.left{width:var(--book-page-w);background:linear-gradient(90deg,#0000,#2c241c47);left:0}.book-shade.right{left:var(--book-page-w);width:var(--book-page-w);background:linear-gradient(90deg,#2c241c47,#0000)}.book-flip-shade{background:linear-gradient(90deg,#2c241c33,#0000 42% 58%,#2c241c38)}.book-hit{z-index:12;touch-action:none;cursor:grab;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute;top:0}.book-hit:active{cursor:grabbing}.book-hit.back{height:100%;left:0}.book-hit.forward{height:100%;right:0}.book-hit.corner{height:72px;top:auto;bottom:0}.book-hit.back.corner{left:0}.book-hit.forward.corner{right:0}@media (prefers-reduced-motion:reduce){.book-leaf{transition:none!important}}@media (width<=1100px){.stage-card{padding:24px 20px 20px}.stage-nav.prev{left:8px}.stage-nav.next{right:8px}.grid-2,.pair,.import-split,.split-wrap{grid-template-columns:1fr}.split-gutter{display:none}.prose{padding-left:20px;padding-right:20px}.write-bar{flex-wrap:wrap}}@media (width<=900px){.topbar{padding:max(8px, env(safe-area-inset-top)) 12px 10px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand title ideas""nav nav nav";align-items:center;gap:8px 10px;display:grid}.brand-cluster{grid-area:brand}.brand{grid-area:auto}.brand-name{display:none}.novel-switch{grid-area:title;min-width:0;max-width:none}.topbar-title{width:100%;max-width:none;padding:6px 4px}.ideas-toggle{grid-area:ideas;margin-left:0}.nav-cluster{grid-area:nav;width:100%;margin:0}.nav{flex:1;justify-content:stretch;width:auto;margin:0}.nav>button,.nav .more{flex:1}.nav .more>button{width:100%}.sync-chip{flex:none;padding:6px 8px;font-size:12px}.topbar-meta{display:none}.more-menu{min-width:min(240px,100vw - 24px);left:auto;right:0}.novel-menu{left:0;right:auto}.story-stage{-webkit-overflow-scrolling:touch;justify-content:center;align-items:flex-start;padding:12px 12px 8px;overflow-y:auto}.stage-frame{grid-template-columns:1fr auto auto 1fr;grid-template-areas:"card card card card"".prev next.";gap:10px 12px;width:100%;display:grid}.stage-card{grid-area:card;padding:20px 18px 18px}.stage-card h1{font-size:1.65rem}.stage-nav,.stage-nav:not(:disabled){opacity:1;width:44px;height:44px;position:static;transform:none}.stage-nav.prev{grid-area:prev;left:auto}.stage-nav.next{grid-area:next;right:auto}.stage-nav:disabled{opacity:.28;pointer-events:none}.stage-prompt{margin-top:14px;padding-top:14px;font-size:1rem}.story-rail{padding:8px 0 6px}.rail-caption{display:none}.rail-scroll{padding:0 0 6px}.rail-track:before{width:12px}.rail-track:after{width:24px}.rail-trash-glyph{width:34px;height:34px}.rail-lane{padding:2px 10px 0 0}.rail-lane.vacant{min-width:72px}.rail-act{height:12px;margin-bottom:3px;line-height:12px}.rail-lane header{height:14px;margin-bottom:8px;line-height:14px}.rail-lane.vacant header{max-width:none}.rail-nodes{height:80px;min-height:80px}.rail-card{width:104px;padding:8px 10px}.rail-card .beat-tag{padding:1px 6px;font-size:8px}.rail-add,.rail-lane.vacant .rail-add,.rail-lane.vacant:hover .rail-add{opacity:.75;width:28px;height:28px;font-size:18px;transform:none}.tray{padding:6px 12px max(8px, env(safe-area-inset-bottom))}.tray.tray-max{padding:10px 12px max(8px, env(safe-area-inset-bottom))}.tray-max-body{grid-template:"desk"minmax(0,2fr)"list"minmax(0,1fr)/1fr}.tray-max-body.solo{grid-template-rows:1fr;grid-template-areas:"list"}.tray.tray-max .tray-list{max-height:none}.tray-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:min(28vh,12rem)}.idea-drawer .tray-list{max-height:none}.idea-card{height:88px;padding:8px 10px}.idea-add{height:88px;font-size:24px}.idea-pop-backdrop{align-items:flex-end;padding:12px}.idea-pop{width:100%;max-height:min(80vh,560px)}.tray-compose{margin-top:6px}.welcome{margin:8vh auto;padding:20px 16px}.welcome h1{font-size:2rem}.page{padding:16px 16px 48px}.write-bar{gap:8px;padding:8px 12px}.write-bar .ghost{min-width:44px;min-height:44px;padding:0}.write-bar .spacer{margin-left:0}.book-toolbar{gap:8px;padding:8px 12px}.book-toolbar .ghost{min-width:44px;min-height:44px}.book-toolbar-end{flex-wrap:wrap;width:100%;margin-left:0}.book-chapter-jump{flex:1;margin-left:0}.book-chapter-jump select{width:100%;max-width:none}.write-tabs{background:#2c241c0a;border-radius:999px;flex:none;gap:2px;margin:8px 12px 0;padding:3px;display:flex}.write-tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;flex:1;padding:8px 12px;font-size:13px;font-weight:500}.write-tabs button.active{color:var(--ink);background:var(--canvas);font-weight:600;box-shadow:0 1px 2px #2c241c0f}.write-panel .prose{padding:16px 16px max(24px, env(safe-area-inset-bottom));height:100%;min-height:0;font-size:1.125rem}.write-panel .split-notes{padding:16px 16px max(24px, env(safe-area-inset-bottom));border-right:0;overflow:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}
