@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Lora:ital,wght@0,400;0,500;1,400;1,500&family=Special+Elite&display=swap";:root,[data-theme=grunge]{--bg: #09090f;--bg-surface: #0e0e1a;--bg-raised: #151525;--text: #ddd8f2;--text-muted: #6058a0;--accent: #7c5010;--accent-hi: #c8901a;--border: #1c1c35;--danger: #8b2030;--font-head: "Cinzel", "Palatino Linotype", serif;--font-body: "Lora", Georgia, serif;--noise: .025;--radius: 5px}[data-theme=gothic]{--bg: #0f0810;--bg-surface: #160d1a;--bg-raised: #1e1225;--text: #d4b8d8;--text-muted: #7a5a80;--accent: #8b1a3a;--accent-hi: #c4244e;--border: #2d1a35;--danger: #8b1a1a;--font-head: "Cinzel", "Palatino Linotype", serif;--font-body: "Lora", Georgia, serif;--noise: .03;--radius: 5px}[data-theme=forest]{--bg: #080e0a;--bg-surface: #0d1610;--bg-raised: #121f15;--text: #a8c4a0;--text-muted: #5a7858;--accent: #2d6e3a;--accent-hi: #3d9e50;--border: #1a2e1d;--danger: #6e2d2d;--font-head: "Cinzel", "Palatino Linotype", serif;--font-body: "Lora", Georgia, serif;--noise: .04;--radius: 5px}[data-theme=manuscript]{--bg: #f4e8d0;--bg-surface: #ede0c4;--bg-raised: #e8d8b4;--text: #2a1f0e;--text-muted: #6b5030;--accent: #8b4513;--accent-hi: #a0521a;--border: #c8a87a;--danger: #8b2020;--font-head: "Cinzel", "Palatino Linotype", serif;--font-body: "Lora", Georgia, serif;--noise: .07;--radius: 3px}[data-theme=noir]{--bg: #080808;--bg-surface: #0f0f0f;--bg-raised: #161616;--text: #e0e0e0;--text-muted: #606060;--accent: #6600cc;--accent-hi: #9933ff;--border: #1a1a2e;--danger: #cc0033;--font-head: "Special Elite", "Courier New", monospace;--font-body: "Special Elite", "Courier New", monospace;--noise: .02;--radius: 2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.7;min-height:100%;transition:background .3s,color .3s;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:var(--noise);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}button{cursor:pointer;font-family:inherit}.input{width:100%;padding:.75rem 1rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:1rem;outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent-hi)}.input::placeholder{color:var(--text-muted)}.btn{padding:.6rem 1.25rem;border-radius:var(--radius);font-family:var(--font-head);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;transition:all .18s;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--text);border-color:var(--accent-hi)}.btn-primary:hover{background:var(--accent-hi);color:var(--bg)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}.error-msg{color:var(--danger);font-size:.875rem;font-style:italic}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted);font-family:var(--font-head);letter-spacing:.12em;font-size:.9rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg)}.login-box{width:100%;max-width:380px;background:var(--bg-surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);padding:3rem 2.25rem 2.5rem;text-align:center;box-shadow:0 8px 40px #00000080}.login-quill{font-size:2.5rem;margin-bottom:.5rem;line-height:1}.login-title{font-family:var(--font-head);font-size:1.9rem;letter-spacing:.18em;color:var(--accent-hi);margin-bottom:.25rem}.login-sub{color:var(--text-muted);font-size:.9rem;font-style:italic;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:.875rem}.stories-page{max-width:1100px;margin:0 auto;padding:1.75rem 1.25rem 5rem}.stories-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.page-title{font-family:var(--font-head);font-size:1.6rem;letter-spacing:.12em;color:var(--accent-hi)}.header-actions{display:flex;gap:.625rem}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.125rem}.empty-state{text-align:center;padding:5rem 1rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-quill{font-size:3rem;opacity:.5}.story-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .2s,transform .15s,box-shadow .2s;position:relative}.story-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 20px #0006}.story-card:focus-visible{outline:2px solid var(--accent-hi);outline-offset:2px}.story-card-cover{width:100%;height:130px;object-fit:cover;display:block}.story-card-placeholder{width:100%;height:70px;background:linear-gradient(135deg,var(--bg-raised) 0%,var(--bg-surface) 100%);border-bottom:1px solid var(--border)}.story-card-body{padding:.875rem .875rem .75rem;position:relative}.story-card-title{font-family:var(--font-head);font-size:.95rem;letter-spacing:.04em;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:1.5rem}.story-card-meta{font-size:.75rem;color:var(--text-muted);font-style:italic}.story-card-delete{position:absolute;top:.5rem;right:.5rem;width:22px;height:22px;background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,color .15s}.story-card:hover .story-card-delete{opacity:1}.story-card-delete:hover{color:var(--danger)}.editor-page{min-height:100vh;display:flex}.editor-main{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left .25s ease}.editor-topbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;gap:.5rem}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.5rem}.back-btn{font-size:.75rem;padding:.4rem .875rem}.btn.active{border-color:var(--accent);color:var(--accent-hi)}.save-status{font-size:.78rem;font-style:italic;flex-shrink:0}.save-status--saved{color:var(--text-muted)}.save-status--saving{color:var(--accent-hi)}.save-status--unsaved{color:var(--text-muted)}.save-status--error{color:var(--danger)}.editor-container{max-width:860px;width:100%;margin:0 auto;padding:1.75rem 2rem 6rem;flex:1}@media (min-width: 1400px){.editor-container{max-width:1000px}}.story-title-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font-head);font-size:1.6rem;letter-spacing:.06em;padding:0 0 .5rem;margin-bottom:1.5rem;outline:none;transition:border-color .2s}.story-title-input:focus{border-bottom-color:var(--accent-hi)}.story-title-input::placeholder{color:var(--text-muted)}.cover-area{margin-bottom:1.25rem}.cover-add{width:100%;padding:.6rem;background:transparent;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-body);font-size:.82rem;cursor:pointer;text-align:center;transition:border-color .2s,color .2s}.cover-add:hover{border-color:var(--accent);color:var(--text)}.cover-preview{position:relative}.cover-img{width:100%;max-height:260px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);display:block}.cover-actions{position:absolute;bottom:.5rem;right:.5rem;display:flex;gap:.5rem}.cover-btn{font-size:.72rem;padding:.25rem .6rem;background:#000000a6;border-color:#fff3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel-backdrop{display:none}.chapter-panel{width:240px;min-width:240px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .25s ease;position:fixed;top:0;left:0;bottom:0;z-index:300;overflow-y:auto}.chapter-panel.open{transform:translate(0)}.chapter-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-surface)}.chapter-panel-title{font-family:var(--font-head);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-hi)}.chapter-panel-close{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;line-height:1;padding:.1rem .3rem;border-radius:3px;transition:color .15s}.chapter-panel-close:hover{color:var(--text)}.chapter-panel-empty{padding:1rem;font-size:.82rem;color:var(--text-muted);font-style:italic;line-height:1.6}.chapter-list{list-style:none;padding:.5rem 0}.chapter-btn{width:100%;background:transparent;border:none;padding:.5rem 1rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.1rem;transition:background .14s}.chapter-btn:hover{background:var(--bg-raised)}.chapter-num{font-family:var(--font-head);font-size:.65rem;letter-spacing:.1em;color:var(--accent-hi);text-transform:uppercase}.chapter-name{font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.export-wrap{position:relative}.export-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 20px #00000080;min-width:180px;z-index:400;overflow:hidden}.export-menu button{display:block;width:100%;padding:.6rem 1rem;background:transparent;border:none;color:var(--text);font-family:var(--font-body);font-size:.85rem;text-align:left;cursor:pointer;transition:background .14s}.export-menu button:hover{background:var(--bg-raised);color:var(--accent-hi)}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:.4rem .6rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:none}.toolbar-btn{padding:.28rem .55rem;background:transparent;border:1px solid transparent;border-radius:calc(var(--radius) - 1px);color:var(--text-muted);font-family:var(--font-body);font-size:.82rem;line-height:1.4;min-width:30px;text-align:center;transition:all .14s}.toolbar-btn:hover,.toolbar-btn.active{background:var(--bg-surface);border-color:var(--border);color:var(--text)}.toolbar-btn.active{color:var(--accent-hi);border-color:var(--accent)}.toolbar-sep{width:1px;height:18px;background:var(--border);margin:0 3px;flex-shrink:0}.editor-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.editor-body{background:var(--bg-surface)}.editor-body .ProseMirror{padding:1.5rem 1.75rem;outline:none;min-height:60vh;font-family:var(--font-body);font-size:var(--editor-font-size, 17px);line-height:1.85;color:var(--text)}.editor-body .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);font-style:italic;pointer-events:none;float:left;height:0}.editor-body .ProseMirror h1{font-family:var(--font-head);font-size:1.7rem;letter-spacing:.1em;color:var(--accent-hi);margin:2rem 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border);line-height:1.3}.editor-body .ProseMirror h2{font-family:var(--font-head);font-size:1.25rem;letter-spacing:.06em;color:var(--text);margin:1.5rem 0 .5rem;line-height:1.3}.editor-body .ProseMirror h3{font-family:var(--font-head);font-size:1.05rem;color:var(--text-muted);margin:1.2rem 0 .4rem;line-height:1.3}.editor-body .ProseMirror p{margin-bottom:.6rem}.editor-body .ProseMirror blockquote{border-left:3px solid var(--accent);padding:.25rem 0 .25rem 1.1rem;margin:1rem 0;color:var(--text-muted);font-style:italic}.image-view-wrap{position:relative;margin:1.25rem 0;display:block}.image-view-wrap img{max-width:100%;border-radius:var(--radius);border:1px solid var(--border)}.image-controls{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:3px 5px;z-index:20;white-space:nowrap;box-shadow:0 3px 12px #0006}.image-ctrl-group{display:flex;gap:2px}.image-ctrl-sep{width:1px;height:16px;background:var(--border);margin:0 2px;flex-shrink:0}.img-ctrl-btn{padding:.2rem .45rem;background:transparent;border:1px solid transparent;border-radius:calc(var(--radius) - 1px);color:var(--text-muted);font-size:.75rem;font-family:var(--font-body);cursor:pointer;transition:all .14s}.img-ctrl-btn:hover{color:var(--text);background:var(--bg-surface);border-color:var(--border)}.img-ctrl-btn.active{color:var(--accent-hi);border-color:var(--accent)}.editor-body .ProseMirror ul,.editor-body .ProseMirror ol{padding-left:1.5rem;margin:.5rem 0}.editor-body .ProseMirror li+li{margin-top:.2rem}.editor-body .ProseMirror strong{color:var(--text);font-weight:700}.editor-body .ProseMirror em{font-style:italic}.editor-body .ProseMirror s{opacity:.6}.editor-body .ProseMirror mark{border-radius:2px;padding:.05em .15em;color:#111;-webkit-print-color-adjust:exact;print-color-adjust:exact}.editor-body .ProseMirror hr{border:none;margin:2rem 0;text-align:center;overflow:visible;height:1.5rem;line-height:1.5rem}.editor-body .ProseMirror hr:after{content:"✦  ✦  ✦";letter-spacing:.5em;font-size:.85rem;color:var(--text-muted)}.editor-body .ProseMirror hr.ProseMirror-selectednode:after{outline:2px solid var(--accent);border-radius:3px}.word-count{padding:.35rem 1rem;background:var(--bg-raised);border-top:1px solid var(--border);font-size:.72rem;color:var(--text-muted);text-align:right;font-style:italic}.theme-picker{position:fixed;bottom:1.5rem;right:1.5rem;z-index:500}.theme-toggle{width:48px;height:48px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border);font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 14px #0000008c;transition:border-color .2s,transform .15s}.theme-toggle:hover{border-color:var(--accent-hi);transform:scale(1.06)}.theme-menu{position:absolute;bottom:58px;right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);padding:.5rem;display:flex;flex-direction:column;gap:3px;box-shadow:0 6px 28px #000000a6;min-width:185px}.theme-option{display:flex;align-items:center;gap:.75rem;padding:.45rem .75rem;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text);font-size:.83rem;text-align:left;transition:all .14s}.theme-option:hover{background:var(--bg-raised);border-color:var(--border)}.theme-option.active{border-color:var(--accent)}.theme-swatch{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px;font-weight:700;font-family:serif}.toast-container{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:9000;pointer-events:none}.toast{padding:.6rem 1.25rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:99px;font-size:.85rem;color:var(--text);box-shadow:0 4px 16px #00000080;animation:toast-in .25s ease}.toast--success{border-color:var(--accent);color:var(--accent-hi)}.toast--error{border-color:var(--danger);color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:8000;padding:1rem}.confirm-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);padding:1.75rem 2rem;max-width:360px;width:100%;box-shadow:0 8px 40px #0009}.confirm-message{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;color:var(--text)}.confirm-actions{display:flex;justify-content:flex-end;gap:.75rem}.stats-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.stat-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .875rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:99px;font-size:.82rem;color:var(--text-muted);cursor:default}.stat-icon{font-size:1rem;line-height:1}.goal-chip{cursor:pointer;transition:border-color .2s}.goal-chip:hover{border-color:var(--accent);color:var(--text)}.goal-bar-wrap{width:60px;height:4px;background:var(--bg-raised);border-radius:2px;overflow:hidden}.goal-bar{height:100%;background:var(--accent-hi);border-radius:2px;transition:width .4s ease}.goal-pct{font-size:.75rem}.goal-set-cta{color:var(--accent-hi)}.goal-form{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;flex-wrap:wrap}.goal-label{font-size:.85rem;color:var(--text-muted)}.goal-input{width:100px}.search-bar{margin-bottom:1.25rem}.search-input{max-width:340px}.focus-mode .editor-topbar{opacity:0;pointer-events:none;transition:opacity .3s}.focus-mode:hover .editor-topbar{opacity:1;pointer-events:all}.focus-mode .toolbar{opacity:0;pointer-events:none;transition:opacity .3s}.focus-mode:hover .toolbar{opacity:1;pointer-events:all}.focus-mode .chapter-panel,.focus-mode .cover-area{display:none}.focus-exit{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--bg-surface);border:1px solid var(--border);border-radius:99px;color:var(--text-muted);font-size:.75rem;padding:.4rem 1rem;font-family:var(--font-head);letter-spacing:.06em;cursor:pointer;opacity:0;transition:opacity .2s;z-index:100}.editor-page:hover .focus-exit{opacity:1}.highlight-swatch{width:18px;height:18px;min-width:18px;border-radius:3px;background:var(--swatch);border:2px solid transparent;padding:0}.highlight-swatch:hover{border-color:var(--text-muted);background:var(--swatch)!important}.highlight-swatch.active{border-color:var(--text)}.font-btn{font-family:var(--font-head);font-size:.75rem}.toolbar-font-size{font-size:.72rem;color:var(--text-muted);min-width:30px;text-align:center;font-variant-numeric:tabular-nums}.prompt-wrap{position:relative}.prompt-popover{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:var(--bg-surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);padding:1rem;box-shadow:0 6px 24px #0000008c;z-index:400}.prompt-text{font-style:italic;font-size:.9rem;line-height:1.65;color:var(--text);margin-bottom:.875rem}.prompt-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.prompt-actions .btn{padding:.45rem .875rem;font-size:.75rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;align-items:start}.admin-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.admin-section-title{font-family:var(--font-head);font-size:1rem;letter-spacing:.08em;color:var(--accent-hi);margin-bottom:1rem}.user-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.user-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:var(--bg-raised);border-radius:calc(var(--radius) - 1px);gap:1rem}.user-email{display:block;font-size:.78rem;color:var(--text-muted);font-style:italic}.success-msg{color:var(--accent-hi);font-size:.875rem;font-style:italic}@media (min-width: 769px){.chapter-panel{position:relative;top:auto;left:auto;bottom:auto;transform:none;width:0;min-width:0;overflow:hidden;border-right:none;transition:width .25s ease,min-width .25s ease}.chapter-panel.open{width:240px;min-width:240px;border-right:1px solid var(--border);transform:none}.panel-backdrop{display:none!important}}@media (max-width: 768px){.panel-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:299}.chapter-panel{width:260px;min-width:260px}}@media (max-width: 600px){.stories-page{padding:1.25rem .875rem 5rem}.stories-header{flex-direction:column;align-items:flex-start}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.875rem}.editor-container{padding:1.25rem .875rem 5rem}.story-title-input{font-size:1.35rem}.editor-body .ProseMirror{padding:1rem 1.1rem;font-size:1rem}.editor-body .ProseMirror h1{font-size:1.4rem}.editor-topbar{padding:.4rem .5rem;gap:.25rem}.topbar-left,.topbar-right{gap:.25rem}.editor-topbar .btn-ghost{padding:.35rem .5rem;font-size:.72rem}.topbar-left span,.topbar-right span,.save-status{display:none}.cover-img{max-height:160px}.login-box{padding:2.25rem 1.5rem 2rem}.theme-picker{bottom:1rem;right:1rem}.theme-toggle{width:42px;height:42px;font-size:1.1rem}}@media (max-width: 400px){.toolbar{gap:1px;padding:.35rem .4rem}.toolbar-btn{padding:.25rem .4rem;font-size:.78rem;min-width:26px}}