*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#0a0a0c;overflow:hidden}canvas{touch-action:none}.top-bar{position:fixed;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 28px;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.top-bar__logo{color:#ffffffbf;font-size:15px;font-weight:600;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.top-bar__right{display:flex;align-items:center;gap:16px;text-align:right}.top-bar__hint{color:#fff6;font-size:12px;letter-spacing:.03em;max-width:46ch;-webkit-user-select:none;user-select:none}.top-bar__mute{pointer-events:auto;flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff9;font-size:10px;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;justify-content:center}.top-bar__mute:hover{border-color:#ffffff80;color:#ffffffe6}.cover-cta{position:fixed;left:50%;bottom:64px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#14120e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;letter-spacing:.02em;cursor:pointer}.cover-cta:hover{border-color:#fff9;background:#14120ebf}.page-nav{position:fixed;left:50%;bottom:32px;transform:translate(-50%);display:flex;align-items:center;gap:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page-nav__arrow{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#ffffffb3;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}.page-nav__arrow:hover:not(:disabled){border-color:#ffffff8c;color:#fffffff2}.page-nav__arrow:disabled{opacity:.25;cursor:default}.save-error{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:70;display:flex;align-items:flex-start;gap:12px;width:min(560px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(217,138,138,.6);border-radius:4px;background:#281010eb;color:#f3c6c6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.45}.save-error button{flex-shrink:0;border:none;background:none;color:inherit;font-size:13px;cursor:pointer;opacity:.8}.save-error button:hover{opacity:1}.page-nav__count{color:#ffffff80;font-size:13px;letter-spacing:.03em;min-width:5ch;text-align:center;-webkit-user-select:none;user-select:none}:root{--j-bg: #0c0c0d;--j-bg-elev: #141416;--j-card: #141416;--j-ink: #eeece6;--j-ink-soft: #85837c;--j-ink-faint: #55534f;--j-tape1: #e8c4c4;--j-tape2: #c9dbe0;--j-tape3: #e6d9a8;--j-accent: #eeece6;--j-accent-dark: #eeece6;--j-border: rgba(238, 236, 230, .14);--j-border-strong: rgba(238, 236, 230, .3);--j-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--j-serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--j-shadow: 0 24px 70px rgba(0, 0, 0, .6)}.composer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;font-family:var(--j-mono)}.composer-panel{position:relative;width:min(600px,94vw);max-height:90vh;background:var(--j-bg);border:1px solid var(--j-border);border-radius:3px;box-shadow:var(--j-shadow);overflow:hidden;transition:width .15s ease}.composer-panel.step-preview{width:min(760px,94vw)}.composer-scroll{max-height:90vh;overflow-y:auto;padding:44px 40px 36px}@media (max-width: 640px){.composer-scroll{padding:40px 22px 26px}}.composer-panel .modal-close{position:absolute;top:16px;right:16px;z-index:5;width:30px;height:30px;border-radius:50%;border:1px solid var(--j-border-strong);background:var(--j-bg-elev);color:var(--j-ink-soft);font-size:13px;cursor:pointer;transition:color .15s,border-color .15s}.composer-panel .modal-close:hover{color:var(--j-ink);border-color:var(--j-ink-soft)}.composer-step{color:var(--j-ink)}.step-header{position:relative;margin-bottom:28px}.step-eyebrow{display:block;font-family:var(--j-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--j-ink-soft);margin-bottom:10px}.step-header h2{font-family:var(--j-serif);font-style:italic;font-weight:400;font-size:1.9rem;margin:0 0 8px;color:var(--j-ink)}.step-sub{font-family:var(--j-mono);font-size:.8rem;color:var(--j-ink-soft);margin:0;line-height:1.5}.step-back{position:absolute;top:-2px;right:0;background:none;border:none;font-family:var(--j-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--j-ink-soft);cursor:pointer;padding:4px 0}.step-back:hover{color:var(--j-ink)}label.field-label{display:block;font-family:var(--j-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--j-ink-soft);margin:20px 0 8px}.upload-box{position:relative;border:1px dashed var(--j-border-strong);border-radius:2px;padding:36px 16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.upload-box:hover{border-color:var(--j-ink-soft);background:#ffffff05}.upload-box:before,.upload-box:after{content:"";position:absolute;width:12px;height:12px;opacity:.6}.upload-box:before{top:-1px;left:-1px;border-top:1px solid var(--j-ink-soft);border-left:1px solid var(--j-ink-soft)}.upload-box:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--j-ink-soft);border-right:1px solid var(--j-ink-soft)}.upload-box input{display:none}.upload-icon{width:40px;height:40px;margin:0 auto 14px;border-radius:50%;border:1px solid var(--j-border-strong);background:var(--j-bg-elev);display:flex;align-items:center;justify-content:center;color:var(--j-ink-soft)}.upload-hint{font-family:var(--j-mono);font-size:.78rem;color:var(--j-ink-soft);letter-spacing:.01em}.photo-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.photo-thumb{position:relative;width:64px;height:64px;border-radius:2px;overflow:hidden;border:1px solid var(--j-border-strong)}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb button{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;border:1px solid rgba(238,236,230,.3);background:#0c0c0dd9;color:var(--j-ink);font-size:11px;line-height:1;cursor:pointer}.btn{font-family:var(--j-mono);border:1px solid var(--j-border-strong);border-radius:2px;background:transparent;color:var(--j-ink);padding:10px 18px;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn:hover:not(:disabled){border-color:var(--j-ink-soft);background:#ffffff0a}.btn:active:not(:disabled){background:#ffffff14}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--j-ink);color:var(--j-bg);border-color:var(--j-ink);width:100%;padding:13px;font-size:.76rem}.btn-primary:hover:not(:disabled){background:#fff;border-color:#fff}.btn-secondary{background:transparent;color:var(--j-ink);border-color:var(--j-border-strong)}.btn-ghost{background:transparent;color:var(--j-ink-soft);border-color:var(--j-border)}.btn-ai{background:transparent;border:1px solid var(--j-ink);color:var(--j-ink);width:100%;padding:13px;font-size:.78rem;letter-spacing:.08em;margin-top:22px}.btn-ai:hover:not(:disabled){background:var(--j-ink);color:var(--j-bg)}.mic-status{font-family:var(--j-mono);font-size:.72rem;color:var(--j-ink-soft);margin:8px 0 0;line-height:1.4}.chat-box{border:1px solid var(--j-border);border-radius:2px;background:var(--j-bg-elev);max-height:220px;overflow-y:auto;padding:12px}.chat-messages{display:flex;flex-direction:column;gap:8px}.chat-bubble{max-width:82%;padding:8px 12px;border-radius:3px;font-family:var(--j-mono);font-size:.82rem;line-height:1.4}.chat-bubble.assistant{align-self:flex-start;background:#ffffff0f;color:var(--j-ink);border:1px solid var(--j-border)}.chat-bubble.user{align-self:flex-end;background:var(--j-ink);color:var(--j-bg);border-bottom-right-radius:3px}.chat-input-row{display:flex;gap:6px;margin-top:8px}.chat-input-row input[type=text]{flex:1;margin-top:0}.chat-actions{display:flex;justify-content:space-between;gap:8px;margin-top:12px}#journalTextArea{width:100%;min-height:90px;resize:vertical;font-family:var(--j-mono);font-size:.85rem;padding:10px 12px;border-radius:2px;border:1px solid var(--j-border);background:var(--j-bg-elev);color:var(--j-ink);margin-top:6px}.composer-panel input[type=text]{width:100%;font-family:var(--j-mono);font-size:.85rem;padding:10px 12px;border-radius:2px;border:1px solid var(--j-border);background:var(--j-bg-elev);color:var(--j-ink);margin-top:6px}.composer-panel input[type=text]:focus,#journalTextArea:focus{outline:none;border-color:var(--j-ink-soft)}.field-hint{font-family:var(--j-mono);font-size:.72rem;color:var(--j-ink-soft);margin:4px 0 0;line-height:1.4}.preview-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.preview-actions .btn{flex:1;min-width:140px}.page-stage{display:flex;align-items:center;justify-content:center;min-height:380px;background:repeating-linear-gradient(45deg,#131315,#131315 10px,#17171a 10px,#17171a 20px);border:1px solid var(--j-border);border-radius:2px;padding:16px;overflow:hidden}.empty-hint{font-family:var(--j-mono);color:var(--j-ink-soft);font-size:.78rem;text-align:center;padding:20px}.ai-loading{font-family:var(--j-mono);color:var(--j-ink-soft);font-size:.78rem;text-align:center;padding:20px;line-height:1.6}.ai-error{font-family:var(--j-mono);color:#d98a8a;font-size:.74rem;text-align:center;padding:20px;line-height:1.5}.ai-rendered-page{max-width:300px;max-height:400px;width:100%;height:auto;border-radius:6px;box-shadow:0 14px 34px #00000038;transform:rotate(-.6deg);display:block}.preview-page{display:flex;justify-content:center}.preview-page .ai-rendered-page{width:auto;height:auto;max-width:300px;max-height:404px}.preview-page div.ai-rendered-page{width:300px;background:#ffffff0a}.journal-text{font-family:Spectral,serif;font-weight:400;font-size:11px}.page{position:relative;width:300px;height:400px;border-radius:6px;box-shadow:0 14px 34px #00000038;padding:14px;transform:rotate(-.6deg);overflow:hidden;flex:0 0 auto}.page .date-stamp{position:absolute;top:10px;right:14px;z-index:30;font-family:var(--handwrite-font, "Caveat", cursive);font-size:1rem;color:var(--j-ink-soft);transform:rotate(2deg)}.photo-frame{position:absolute;background:#fff;padding:6px 6px 22px}.photo-frame.shape-square{box-shadow:0 6px 14px #0003}.photo-frame.shape-torn{box-shadow:none;filter:drop-shadow(3px 5px 5px rgba(0,0,0,.28))}.photo-frame.shape-circle{border-radius:50%;overflow:hidden;border:5px solid #fff;box-shadow:0 6px 14px #00000038;padding:0}.photo-frame img{display:block;width:100%;height:100%;object-fit:cover}.tape{position:absolute;z-index:25;opacity:.85;box-shadow:0 1px 2px #00000026}.doodle{position:absolute;z-index:6}.page-text{position:absolute;left:16px;right:16px;bottom:12px;z-index:20;font-family:var(--handwrite-font, "Caveat", cursive);line-height:1.25;color:var(--j-ink);max-height:130px;overflow:hidden;background:linear-gradient(to top,rgba(255,253,248,.95),rgba(255,253,248,.72) 75%,transparent);padding-top:14px}.page-quote{font-style:italic;color:var(--j-accent);margin-bottom:4px;line-height:1.3}.page-quote-author{font-style:normal;opacity:.72;font-size:.82em}.page-grid{position:absolute;top:14px;right:14px;bottom:100px;left:14px;display:grid;gap:8px;z-index:10}.grid-cell{position:relative;overflow:hidden;background:#fff;border-radius:4px;box-shadow:0 4px 10px #0000002e}.grid-cell.shape-torn{box-shadow:none;filter:drop-shadow(2px 4px 4px rgba(0,0,0,.22))}.grid-cell.shape-circle{border-radius:50%}.grid-cell img{width:100%;height:100%;object-fit:cover;display:block}.page-actions{position:fixed;right:28px;bottom:32px;display:flex;align-items:center;gap:10px;z-index:10}@media (max-width: 640px){.page-actions{right:50%;bottom:84px;transform:translate(50%)}}.page-action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#14120e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;letter-spacing:.02em;white-space:nowrap;cursor:pointer}.page-action-btn:hover{border-color:#fff9;background:#14120ebf}.page-action-btn--quiet{border-color:#fff3;color:#ffffffa6}.page-action-btn--quiet:hover{color:#f0b4b4;border-color:#d98a8a99}.btn-danger{background:transparent;border-color:#d98a8a8c;color:#f0b4b4}.btn-danger:hover:not(:disabled){border-color:#d98a8a;background:#d98a8a24}.pages-panel{display:flex;flex-direction:column;max-height:90vh;width:min(720px,94vw)}.pages-panel .composer-scroll{flex:1 1 auto;min-height:0;max-height:none;padding-bottom:20px}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.pages-card{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--j-border);border-radius:3px;background:var(--j-bg-elev);color:var(--j-ink);font-family:var(--j-mono);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.pages-card:hover:not(:disabled){border-color:var(--j-ink-soft)}.pages-card:disabled{cursor:default}.pages-card.is-selected{border-color:var(--j-ink);background:#ffffff0f;box-shadow:0 0 0 1px var(--j-ink)}.pages-card__frame{position:relative;display:block}.pages-card.is-busy .pages-card__thumb{opacity:.35}.pages-card__busy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--j-ink);animation:pages-busy-pulse 1.4s ease-in-out infinite}@keyframes pages-busy-pulse{50%{opacity:.45}}@media (prefers-reduced-motion: reduce){.pages-card__busy{animation:none}}.pages-card__thumb{display:block;width:100%;aspect-ratio:1.15 / 1.55;object-fit:cover;border-radius:2px}.pages-card__thumb--text{padding:10px;overflow:hidden;color:#3a3226;font-family:var(--j-serif);font-style:italic;font-size:.75rem;line-height:1.35}.pages-card__meta{display:flex;flex-direction:column;gap:3px;min-width:0}.pages-card__title{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.pages-card__badge{padding:1px 5px;border:1px solid var(--j-border-strong);border-radius:2px;font-size:.58rem;font-weight:500;color:var(--j-ink-soft)}.pages-card__date{font-size:.7rem;color:var(--j-ink-soft)}.pages-card__snippet{font-size:.68rem;line-height:1.4;color:var(--j-ink-faint);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pages-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 40px 20px;border-top:1px solid var(--j-border);background:var(--j-bg)}.pages-footer__msg{flex:1 1 220px;margin:0;font-size:.74rem;line-height:1.45;color:var(--j-ink-soft)}.pages-footer__msg.is-error{color:#d98a8a}.pages-footer__link{padding:0;border:none;background:none;color:var(--j-ink);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.pages-footer__actions{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 640px){.pages-footer{padding:14px 22px 18px}}