:root{--cave-950: #191029;--cave-900: #221A38;--cave-800: #2E2350;--cave-700: #3D2F68;--cave-600: #4F3F85;--parchment-100: #FBF6EC;--parchment-200: #F3E9D6;--paper: #FFFFFF;--ink-900: #241B38;--ink-700: #473C5C;--ink-500: #6F6382;--ink-300: #A79CBA;--amber-100: #FDECC8;--amber-400: #E8971F;--amber-600: #C97A0E;--grape-100: #EEE7FF;--grape-400: #7C5CFC;--grape-600: #5B3FDB;--leaf-400: #2FA968;--leaf-100: #DFF5E9;--coral-400: #E15241;--coral-100: #FCE4E0;--white: #FFFFFF;--bg-app: var(--parchment-100);--bg-shell: var(--cave-950);--bg-shell-raised: var(--cave-800);--border-shell: var(--cave-700);--surface-card: var(--paper);--surface-sunken: var(--parchment-200);--text-strong: var(--ink-900);--text-body: var(--ink-700);--text-muted: var(--ink-500);--text-faint: var(--ink-300);--text-on-shell: var(--parchment-100);--text-on-shell-muted: #B8AECE;--border: #E7DCC5;--border-strong: #D9C9A8;--accent: var(--amber-400);--accent-strong: var(--amber-600);--accent-soft: var(--amber-100);--on-accent: var(--ink-900);--magic: var(--grape-400);--magic-soft: var(--grape-100);--magic-strong: var(--grape-600);--success: var(--leaf-400);--success-soft: var(--leaf-100);--danger: var(--coral-400);--danger-soft: var(--coral-100);--focus-ring: 0 0 0 3px rgba(124, 92, 252, .35);--font-display: "Fraunces", "Iowan Old Style", "Georgia", serif;--font-body: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;--fs-2xl: 2rem;--fs-xl: 1.5rem;--fs-lg: 1.125rem;--fs-md: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--control-h: 38px;--container: 960px;--shadow-sm: 0 1px 2px rgba(36, 27, 56, .08);--shadow-md: 0 4px 16px rgba(36, 27, 56, .1);--shadow-lg: 0 16px 40px rgba(25, 16, 41, .2);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .12s;--dur-base: .2s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-app);color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-sm);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,figure{margin:0}ul{list-style:none;padding:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-5)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.field input[type=text],.field input[type=email],.field input[type=password],.field input,.field select{height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--text-strong);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.field input:focus-visible,.field select:focus-visible{border-color:var(--magic)}.field input::placeholder{color:var(--text-faint)}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding-top:var(--space-1)}.checkbox-group__item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-body);cursor:pointer}.checkbox-group__item input[type=checkbox],.field--checkbox input[type=checkbox]{height:auto;width:auto;padding:0;border:none;background:none}.checkbox-group__hint{font-size:var(--fs-sm);color:var(--text-muted)}.field-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end}.field-row .field{flex:1 1 160px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);background:var(--paper);color:var(--text-body);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.97)}.btn--outline{background:transparent;border-color:var(--border-strong);color:var(--text-body)}.btn--outline:hover:not(:disabled){border-color:var(--text-muted);background:var(--surface-sunken)}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-strong)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted);padding:0 var(--space-2)}.btn--ghost:hover:not(:disabled){color:var(--text-strong);background:var(--surface-sunken)}.btn--danger-ghost{background:transparent;border-color:transparent;color:var(--text-muted);padding:0 var(--space-2)}.btn--danger-ghost:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.btn--sm{height:30px;padding:0 var(--space-3);font-size:var(--fs-xs)}.btn--block{width:100%}.shell{min-height:100vh;display:flex;flex-direction:column}.shell__header{background:var(--bg-shell);border-bottom:1px solid var(--border-shell);padding:var(--space-3) 0}.shell__header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.shell__brand{display:flex;align-items:baseline;gap:var(--space-2);text-decoration:none;color:var(--text-on-shell)}.shell__brand-mark{color:var(--accent);font-size:1.1em}.shell__brand-name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;letter-spacing:.01em}.shell__brand-sub{font-size:var(--fs-xs);color:var(--text-on-shell-muted);letter-spacing:.06em;text-transform:uppercase}.shell__user{display:flex;align-items:center;gap:var(--space-4)}.shell__user-email{font-size:var(--fs-xs);color:var(--text-on-shell-muted)}.shell__logout{color:var(--text-on-shell-muted);border-color:var(--border-shell)}.shell__logout:hover:not(:disabled){color:var(--text-on-shell);background:var(--bg-shell-raised)}.shell__body{flex:1;display:flex;min-height:0}.shell__nav{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6) var(--space-4);background:var(--bg-shell);border-right:1px solid var(--border-shell)}.shell__nav-link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;color:var(--text-on-shell-muted);text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.shell__nav-link:hover{color:var(--text-on-shell);background:var(--bg-shell-raised)}.shell__nav-link--active{color:var(--ink-900);background:var(--accent)}.shell__main{flex:1;min-width:0;padding:var(--space-6) 0 var(--space-8)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:radial-gradient(560px 420px at 50% 12%,rgba(232,151,31,.22),transparent 65%),linear-gradient(180deg,var(--cave-950),var(--cave-900))}.auth-card{width:100%;max-width:380px;background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-7) var(--space-6) var(--space-6)}.auth-card__brand{text-align:center;margin-bottom:var(--space-6)}.auth-card__mark{color:var(--accent-strong);font-size:var(--fs-2xl);line-height:1}.auth-card__title{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--text-strong);margin-top:var(--space-2)}.auth-card__subtitle{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--space-2)}.auth-card form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-card .form-error{font-size:var(--fs-sm);color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);padding:var(--space-3);margin:0}.page-header{margin-bottom:var(--space-6)}.page-header__title{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--text-strong)}.page-header__subtitle{color:var(--text-muted);margin-top:var(--space-1)}.panel{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.panel+.panel{margin-top:var(--space-5)}.panel--accent{border-color:var(--accent);border-width:1px;box-shadow:0 0 0 1px #e8971f26,var(--shadow-sm)}.panel__eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong)}.panel__title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text-strong);margin-top:var(--space-1);margin-bottom:var(--space-4)}.panel__form-footer{margin-top:var(--space-4);display:flex;justify-content:flex-end}.story-list{display:flex;flex-direction:column}.story-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.story-row:last-child{border-bottom:none}.story-row__main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.story-row__title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-strong);text-decoration:none}.story-row__title:hover{color:var(--accent-strong)}.story-row__meta{font-size:var(--fs-xs);color:var(--text-faint)}.story-row__actions{display:flex;align-items:center;gap:var(--space-2)}.empty-state{text-align:center;padding:var(--space-7) var(--space-4);color:var(--text-muted)}.empty-state__title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-strong);margin-bottom:var(--space-1)}.status-badge{display:inline-flex;align-items:center;height:22px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.status-badge--draft{background:var(--surface-sunken);color:var(--text-muted)}.status-badge--published{background:var(--success-soft);color:#1e7a49}.status-badge--drifted{background:var(--accent-soft);color:var(--accent-strong)}.status-badge--sample{background:var(--magic-soft);color:var(--magic-strong)}.status-pill{display:inline-flex;align-items:center;height:22px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;text-transform:capitalize;background:var(--surface-sunken);color:var(--text-muted)}.status-pill[data-status=published]{background:var(--success-soft);color:#1e7a49}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4)}.stat-tile{padding:var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-md)}.stat-tile dt{font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.stat-tile dd{margin:var(--space-1) 0 0;font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--text-strong)}.editor-topbar{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--border);margin:calc(var(--space-6) * -1) 0 var(--space-6);padding:var(--space-4) 0}.editor-topbar__row{display:flex;align-items:center;gap:var(--space-4)}.editor-topbar__back{color:var(--text-muted);font-size:var(--fs-sm);text-decoration:none;flex-shrink:0}.editor-topbar__back:hover{color:var(--text-strong)}.editor-topbar__title-group{flex:1;min-width:0}.editor-topbar__title-group label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.editor-topbar__title{width:100%;border:none;background:transparent;font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--text-strong);padding:var(--space-1) 0;border-radius:var(--radius-sm)}.editor-topbar__title:focus-visible{box-shadow:none;outline:none;background:var(--surface-sunken);padding-left:var(--space-2)}.editor-topbar__status{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.autosave-status{font-size:var(--fs-xs);color:var(--text-faint)}.autosave-status--error{color:var(--danger)}.editor-topbar__actions{display:flex;gap:var(--space-2);flex-shrink:0}.meta-panel{margin-bottom:var(--space-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-header__title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text-strong)}.pages-list{display:flex;flex-direction:column;gap:var(--space-5)}.page-card{position:relative;background:var(--paper);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.page-card__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-sunken);border-bottom:1px solid var(--border)}.page-card__number{font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-strong);margin-right:var(--space-2)}.page-card__toolbar-spacer{flex:1}.page-card__length-warning{font-size:12px;color:var(--amber-600);background:var(--amber-100);border:1px solid var(--amber-400);border-radius:999px;padding:2px 10px;margin-left:8px;white-space:nowrap}.format-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-card);border-bottom:1px solid var(--border)}.format-toolbar__group{display:flex;align-items:center;gap:var(--space-1)}.format-toolbar__btn{display:inline-flex;align-items:center;height:var(--control-h);padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper);color:var(--text-body);font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.format-toolbar__btn:hover{background:var(--surface-sunken)}.format-toolbar__btn--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.format-toolbar__select-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-xs);color:var(--text-muted)}.format-toolbar__select{height:var(--control-h);padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper);color:var(--text-body);font-size:var(--fs-sm)}.format-toolbar__swatch{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0}.format-toolbar__swatch--default{background:var(--ink-700)}.format-toolbar__swatch--active{border-color:var(--accent-strong);box-shadow:0 0 0 2px var(--accent-soft)}.page-card__body{padding:var(--space-6)}.page-card__body .ProseMirror{display:flow-root;min-height:220px;font-family:var(--font-display);font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--text-strong);outline:none}.page-card__body .ProseMirror p.is-editor-empty:first-child:before{content:"Start writing this page…";float:left;height:0;color:var(--text-faint);pointer-events:none;font-style:italic}.page-card__body .ProseMirror h1,.page-card__body .ProseMirror h2{font-weight:600;margin-bottom:var(--space-2)}.page-card__body .ProseMirror p{margin-bottom:var(--space-3)}.image-upload-error{margin:0;padding:var(--space-2) var(--space-3);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-xs)}.add-page-btn{width:100%;height:64px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:transparent;color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.add-page-btn:hover{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.add-page-btn:before{content:"+ ";font-weight:700}.editor-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-5)}.publish-errors{margin-top:var(--space-4);padding:var(--space-4);background:var(--danger-soft);border-left:3px solid var(--danger);border-radius:var(--radius-sm)}.publish-errors li{font-size:var(--fs-sm);color:#8c2c20}.publish-errors li+li{margin-top:var(--space-1)}.form-error{color:var(--danger);font-size:var(--fs-sm);margin-top:var(--space-2)}.token-chip-picker{position:relative;display:inline-block}.token-menu{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:20;min-width:200px;max-height:260px;overflow-y:auto;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2)}.token-menu__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-body);cursor:pointer}.token-menu__item:hover{background:var(--magic-soft);color:var(--magic-strong)}.token-chip{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--magic-soft);border:1px solid var(--magic);border-radius:var(--radius-sm);padding:1px var(--space-1) 1px var(--space-2);margin:0 2px;vertical-align:baseline}.token-chip__ref{font-size:var(--fs-xs);font-weight:700;color:var(--magic-strong);white-space:nowrap}.token-chip__default{border:none;background:var(--paper);border-radius:4px;padding:0 var(--space-1);font-family:var(--font-body);font-size:.9em;color:var(--text-strong);min-width:2ch}.token-chip__error{font-size:var(--fs-xs);color:var(--danger);white-space:nowrap}.story-image{margin:var(--space-4) 0}.story-image img{border-radius:var(--radius-md);border:1px solid var(--border)}.story-image--small{width:200px}.story-image--medium{width:360px}.story-image--large{width:560px}.story-image--full{width:100%}.story-image--small img{max-width:200px}.story-image--medium img{max-width:360px}.story-image--large img{max-width:560px}.story-image--full img{max-width:100%;width:100%}.story-image--left{float:left;margin:0 var(--space-4) var(--space-3) 0}.story-image--center{margin-left:auto;margin-right:auto;text-align:center;clear:both}.story-image--right{float:right;margin:0 0 var(--space-3) var(--space-4)}.story-image--full{clear:both}.story-image--full.story-image--left,.story-image--full.story-image--right{float:none;margin-left:0;margin-right:0}.story-image figcaption{font-size:var(--fs-xs);color:var(--text-muted);font-style:italic;margin-top:var(--space-1)}.story-image__controls{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-2);background:var(--surface-sunken);border-radius:var(--radius-sm)}.story-image__controls label{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-xs);color:var(--text-muted)}.story-image__controls input,.story-image__controls select{height:28px;padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper);font-size:var(--fs-xs)}.preview-pane{max-width:640px;margin:0 auto;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.preview-pane__page{font-family:var(--font-display);font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--text-strong);padding:var(--space-5) 0;border-bottom:1px dashed var(--border)}.preview-pane__page:last-child{border-bottom:none}.preview-pane__page h1,.preview-pane__page h2{font-weight:600;margin-bottom:var(--space-3)}.preview-pane__page p{margin-bottom:var(--space-3)}.preview-pane__page figure{margin:var(--space-4) 0}.preview-pane__page img{border-radius:var(--radius-md)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#19102973;padding:var(--space-4)}.dialog-card{width:100%;max-width:420px;background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5)}.dialog-card__title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text-strong);margin:0 0 var(--space-2)}.dialog-card__description{font-size:var(--fs-sm);color:var(--text-body);margin:0 0 var(--space-4)}.dialog-card__actions{margin-top:var(--space-4);display:flex;justify-content:flex-end;gap:var(--space-2)}.user-actions-menu{position:relative;display:inline-flex}.user-actions-menu__trigger{width:30px;padding:0}.user-actions-menu__dropdown{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:20;display:flex;flex-direction:column;min-width:180px;padding:var(--space-2);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.user-actions-menu__item{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-body);font-size:var(--fs-sm);text-align:left;cursor:pointer}.user-actions-menu__item:hover{background:var(--surface-sunken)}.user-actions-menu__item--danger{color:var(--danger)}.user-actions-menu__item--danger:hover{background:var(--danger-soft)}