@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=DM+Mono:wght@300;400&family=DM+Sans:wght@300;400;500&display=swap";:root{--max-w: 680px;--auth-w: min(360px, 90vw);--fs-micro: 8px;--fs-label: 9px;--fs-small: 10px;--fs-body: 13px;--fs-input: 16px;--fs-subtitle: 16px;--fs-welcome: 11px;--fs-level: 20px;--fs-clock: 24px;--fs-title: 32px;--fs-hero: 36px;--bg: #ede8e0;--bg2: #e3ddd4;--parchment: #f5f1ea;--cream: #faf7f2;--border: #ccc5b8;--rule: #d4ccc0;--text: #26211c;--text2: #6b6056;--text3: #a89880;--coral: #c4644a;--coral-lt: rgba(196, 100, 74, .08);--plum: #7a6898;--plum-lt: rgba(122, 104, 152, .08);--sage: #4e7a5e;--gold: #a67c45;--gold-lt: rgba(166, 124, 69, .1);--red: #a84040}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:1px}.mono{font-family:DM Mono,monospace}.serif{font-family:Cormorant Garamond,serif}.deco-rule{display:flex;align-items:center;gap:10px;color:var(--rule);margin:18px 0}.deco-rule:before,.deco-rule:after{content:"";flex:1;height:1px;background:var(--rule)}@keyframes breatheIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes principleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes principleOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes mirrorPulse{0%,to{box-shadow:0 0 #a67c4566}60%{box-shadow:0 0 0 8px #a67c4500}}@keyframes spineLine{0%{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}@keyframes moonBreath{0%,to{transform:translateY(0) scale(1);opacity:.55}50%{transform:translateY(-4px) scale(1.06);opacity:.9}}@keyframes sealIn{0%{opacity:0}to{opacity:1}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDot{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes guideUp{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.b0{animation:breatheIn .55s cubic-bezier(.16,1,.3,1) both}.b1{animation:breatheIn .55s .07s cubic-bezier(.16,1,.3,1) both}.b2{animation:breatheIn .55s .14s cubic-bezier(.16,1,.3,1) both}.b3{animation:breatheIn .55s .21s cubic-bezier(.16,1,.3,1) both}.b4{animation:breatheIn .55s .28s cubic-bezier(.16,1,.3,1) both}.principle-enter{animation:principleIn .6s cubic-bezier(.16,1,.3,1) both}.principle-exit{animation:principleOut .4s ease both}textarea,.live-textarea{font-family:DM Sans,sans-serif;font-size:var(--fs-body);line-height:1.9;font-weight:300;letter-spacing:.01em;background:var(--parchment);border:1px solid var(--rule);border-bottom:none;color:var(--text);padding:14px 18px;width:100%;resize:none;outline:none;min-height:50px;transition:border-color .3s;display:block}textarea:focus,.live-textarea:focus{border-color:var(--coral)}textarea::placeholder,.live-textarea::placeholder{color:var(--text3);font-style:italic;font-weight:300}.day-chip{padding:5px 12px;border:1px solid var(--rule);background:transparent;color:var(--text3);font-family:DM Mono,monospace;font-size:var(--fs-small);cursor:pointer;transition:all .2s;white-space:nowrap;position:relative;letter-spacing:.05em}.day-chip:hover{border-color:var(--coral);color:var(--coral)}.day-chip.on{background:var(--coral);border-color:var(--coral);color:#fff}.tab{font-family:DM Mono,monospace;font-size:var(--fs-small);letter-spacing:.12em;text-transform:uppercase;padding:12px 0;border:none;border-bottom:1.5px solid transparent;background:transparent;color:var(--text3);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}.tab:hover{color:var(--text);border-bottom-color:#c4644a4d}.tab.on{color:var(--coral);border-bottom-color:var(--coral)}.phase-pill-active{animation:phaseBreath 3.2s ease-in-out infinite}@keyframes phaseBreath{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 4px #0000000a}}.save-btn{font-family:Cormorant Garamond,serif;font-size:var(--fs-body);font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:10px 32px;border:1px solid var(--rule);background:transparent;color:var(--text3);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}.save-btn:hover{background:var(--coral-lt);border-color:var(--coral);color:var(--coral)}.save-btn.saved{background:var(--sage);border-color:var(--sage);color:#fff}.save-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.save-btn.sealed{opacity:.5;border-color:var(--gold);color:var(--gold);cursor:not-allowed;pointer-events:none;letter-spacing:.14em}.save-ceremony{position:absolute;top:0;left:0;width:100%;height:100%;background:#faf6f0d9;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:ceremonyBreath 2.6s ease-in-out forwards}@keyframes ceremonyBreath{0%{opacity:0;transform:scale(.98)}15%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.app-viewport{height:100vh;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.runtime-main{flex:1;max-width:var(--max-w);width:100%;margin:0 auto;padding:0 28px 16px;display:flex;flex-direction:column;overflow:hidden;gap:0}.notebook-section{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.notebook-card{border:1px solid var(--rule);background:var(--cream);transition:border-top-color .5s;position:relative;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column;max-height:100%}.notebook-card textarea{flex:1;min-height:60px}.notebook-divider{display:flex;align-items:center;padding:4px 0;flex-shrink:0}.film-roll-sealed{border:1px solid rgba(166,124,69,.2);background:linear-gradient(135deg,var(--cream) 0%,rgba(166,124,69,.06) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;text-align:center;animation:sealReveal .8s cubic-bezier(.16,1,.3,1) both;flex:0 0 auto}.film-roll-sealed-evening{border-color:#7a689833;background:linear-gradient(135deg,var(--cream) 0%,rgba(122,104,152,.06) 100%)}.film-roll-glow{font-size:var(--fs-clock);color:var(--gold);margin-bottom:12px;animation:sealGlow 2.5s ease-in-out infinite}.film-roll-sealed-evening .film-roll-glow{color:var(--plum)}.film-roll-text{font-size:var(--fs-level);font-weight:300;font-style:italic;color:var(--gold);letter-spacing:.02em}.film-roll-sealed-evening .film-roll-text{color:var(--plum)}.film-roll-sub{font-size:var(--fs-body);font-weight:300;font-style:italic;color:var(--text3);margin-top:4px}@keyframes sealReveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes sealGlow{0%,to{text-shadow:0 0 8px rgba(166,124,69,.3);transform:scale(1)}50%{text-shadow:0 0 20px rgba(166,124,69,.6),0 0 40px rgba(166,124,69,.2);transform:scale(1.05)}}.tufti-toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:500;display:flex;align-items:center;gap:14px;padding:14px 24px;background:#faf7f2d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--rule);box-shadow:0 8px 32px #1c18141f,0 2px 8px #1c18140f;max-width:520px;width:max-content;animation:toastIn .4s cubic-bezier(.16,1,.3,1) both}.tufti-toast.tufti-exit{animation:toastOut .35s ease both}.tufti-toast.tufti-clean{border-color:#a67c454d;box-shadow:0 0 0 1px #a67c451a,0 8px 32px #a67c451a}.tufti-icon{font-size:var(--fs-subtitle);flex-shrink:0}.tufti-icon-blocked{color:var(--coral);font-size:var(--fs-subtitle)}.tufti-icon-clean{color:var(--gold);font-size:var(--fs-subtitle)}.tufti-label{font-size:var(--fs-label);letter-spacing:.12em;color:var(--text3)}.tufti-blocked .tufti-label{color:var(--coral)}.tufti-clean .tufti-label{color:var(--gold)}.tufti-message{font-size:var(--fs-body);font-style:italic;font-weight:300;color:var(--text2);line-height:1.5;margin-top:3px}.tufti-close{background:none;border:none;color:var(--text3);cursor:pointer;font-size:var(--fs-body);padding:2px 6px;line-height:1;flex-shrink:0;transition:color .2s}.tufti-close:hover{color:var(--text)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(8px)}}@keyframes tuftiInlineFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.typing-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--text3);margin:0 2px}.typing-dot:nth-child(1){animation:typingDot 1.2s 0s infinite}.typing-dot:nth-child(2){animation:typingDot 1.2s .2s infinite}.typing-dot:nth-child(3){animation:typingDot 1.2s .4s infinite}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease both}.guide-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c181459;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.guide-panel{position:relative;z-index:1;width:100%;max-width:640px;max-height:88vh;background:var(--cream);overflow-y:auto;animation:guideUp .4s cubic-bezier(.16,1,.3,1) both;border-top:2px solid var(--rule)}.guide-close{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 24px 12px;background:var(--cream);border-bottom:1px solid var(--bg2)}.guide-section{padding:24px 24px 0}.guide-section:last-child{padding-bottom:40px}.guide-rule{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--bg2)}.guide-rule:last-child{border-bottom:none}.guide-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:7px}.guide-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid transparent;cursor:pointer;padding:3px 6px;transition:all .2s;color:var(--text3)}.guide-btn:hover{border-color:var(--rule);background:var(--bg2)}.sealed-wrap{position:relative;overflow:hidden}.dusk-seal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:all;cursor:default;background:repeating-linear-gradient(-48deg,rgba(180,170,158,.09) 0px,rgba(180,170,158,.09) 1px,transparent 1px,transparent 8px),repeating-linear-gradient(42deg,rgba(180,170,158,.05) 0px,rgba(180,170,158,.05) 1px,transparent 1px,transparent 12px),#f2ede5e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.seal-content{animation:sealIn .7s .15s ease both;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}@keyframes scanPulse{0%,to{opacity:1}50%{opacity:.45}}.save-btn.scanning{animation:scanPulse 1.1s ease-in-out infinite;border-color:var(--text3);color:var(--text3);cursor:wait}.evidence-container{flex:1;min-height:0;overflow-y:auto;padding:12px 18px;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.evidence-container::-webkit-scrollbar{width:3px}.evidence-container::-webkit-scrollbar-track{background:transparent}.evidence-container::-webkit-scrollbar-thumb{background:var(--rule);border-radius:2px}.evidence-input{flex:1;font-family:Cormorant Garamond,serif;font-size:var(--fs-body);font-style:italic;font-weight:300;color:var(--text);background:var(--cream);border:1px solid var(--rule);padding:10px 14px;outline:none;transition:border-color .3s}.evidence-input:focus{border-color:var(--plum)}.evidence-input::placeholder{color:var(--text3);opacity:.7;font-style:italic}.evidence-input:disabled{opacity:.4;cursor:not-allowed}.evidence-add{width:38px;height:38px;flex-shrink:0;font-family:DM Mono,monospace;font-size:var(--fs-subtitle);color:var(--plum);background:transparent;border:1px solid var(--plum);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;line-height:1}.evidence-add:hover:not(:disabled){background:var(--plum);color:var(--cream)}.evidence-add:disabled{opacity:.25;cursor:not-allowed}.evidence-grid{display:flex;flex-direction:column;gap:6px}.evidence-chip{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 14px;background:var(--plum-lt);border:1px solid rgba(122,104,152,.15);animation:chipIn .25s cubic-bezier(.16,1,.3,1) both;word-break:break-word}@keyframes chipIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.evidence-chip-remove{font-size:var(--fs-small);color:var(--text3);cursor:pointer;opacity:.5;transition:all .2s;flex-shrink:0;padding:2px 4px}.evidence-chip-remove:hover{opacity:1;color:var(--red)}.mirror-verdict-inline{animation:mirrorFadeIn .8s cubic-bezier(.16,1,.3,1) both}.mirror-verdict-exit{animation:mirrorFadeOut .5s ease both}@keyframes mirrorFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mirrorFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.contextual-hint{border-radius:2px;animation:slideInBottom .6s cubic-bezier(.16,1,.3,1) both}.contextual-hint.fade-out{opacity:0;transform:translateY(2px)}.contextual-hint.fade-in{opacity:1;transform:translateY(0)}@keyframes slideInBottom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.learn-why-btn,.dismiss-btn{background:none;border:1px solid var(--rule);padding:4px 10px;font-size:var(--fs-micro);letter-spacing:.12em;cursor:pointer;transition:all .3s;color:var(--text3)}.learn-why-btn{border-color:#a8404066;color:#a84040}.learn-why-btn:hover{background:#a8404014;border-color:#a84040}.dismiss-btn:hover{background:var(--bg2);color:var(--text)}.tufti-divider{width:1px;height:24px;background:var(--rule);margin:0 4px;opacity:.5}.timeline-row{flex:1;padding:18px 0;cursor:pointer;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(28,24,20,.04);transition:padding-left .3s}.timeline-row:hover{padding-left:4px}.timeline-day{font-size:var(--fs-subtitle);font-weight:500;color:var(--text);line-height:1.2}.timeline-date{font-size:var(--fs-label);color:var(--text3);letter-spacing:.08em;margin-top:2px}.timeline-snippet{flex:1;min-width:0;font-family:var(--font-serif);font-style:italic;font-size:var(--fs-body);color:var(--text3);opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-status{display:flex;gap:4px}.status-dot{width:6px;height:6px;border-radius:50%}.filmstrip-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#14110ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:12px;animation:filmOverlayIn .4s cubic-bezier(.16,1,.3,1) both}@keyframes filmOverlayIn{0%{opacity:0}to{opacity:1}}.filmstrip-panel{background:#f4efe6;width:100%;max-width:520px;height:100%;max-height:88vh;border-radius:4px;display:flex;flex-direction:column;box-shadow:0 0 0 1px #a67c451f,0 24px 80px #14110e80,0 4px 20px #14110e40;position:relative;overflow:hidden;animation:filmPanelIn .5s cubic-bezier(.16,1,.3,1) .1s both}@keyframes filmPanelIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.filmstrip-topbar{padding:14px 20px 10px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.filmstrip-date-pill{font-size:var(--fs-micro);letter-spacing:.2em;color:#a89880}.filmstrip-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(166,124,69,.2);border-radius:50%;color:#a89880;font-size:var(--fs-small);cursor:pointer;transition:all .3s;line-height:1}.filmstrip-close:hover{border-color:#a67c4580;color:#6b6056;background:#a67c450f}.filmstrip-scroll{flex:1;overflow-y:auto;padding:20px 36px 48px;scrollbar-width:none}.filmstrip-scroll::-webkit-scrollbar{display:none}.filmstrip-hero{text-align:center;padding:20px 0 32px;border-bottom:1px solid rgba(166,124,69,.12);margin-bottom:36px}.filmstrip-hero-day{font-size:var(--fs-level);font-weight:300;font-style:italic;color:#3a302a;line-height:1.4;letter-spacing:.02em}.filmstrip-hero-year{font-size:var(--fs-label);letter-spacing:.3em;color:#a89880;margin-top:6px}.filmstrip-chapter{margin-bottom:0}.filmstrip-chapter-label{display:flex;align-items:center;gap:8px;margin-bottom:16px}.filmstrip-chapter-label span{font-size:var(--fs-micro);letter-spacing:.2em;color:#a89880}.filmstrip-body{font-size:var(--fs-subtitle);line-height:1.85;color:#3a302a;font-weight:300;font-style:italic;white-space:pre-wrap;letter-spacing:.01em}.filmstrip-body-empty{color:#b8a890;font-size:var(--fs-subtitle)}.filmstrip-evidence-list{display:flex;flex-direction:column;gap:10px}.filmstrip-evidence-item{display:flex;gap:10px;align-items:baseline}.filmstrip-evidence-marker{color:var(--plum);font-size:var(--fs-subtitle);line-height:1;flex-shrink:0;opacity:.6}.filmstrip-evidence-item .serif{font-size:var(--fs-subtitle);line-height:1.75;color:#3a302a;font-weight:300;font-style:italic}.filmstrip-sep{padding:36px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.filmstrip-sep-dot{width:3px;height:3px;background:var(--gold);border-radius:50%;opacity:.35}.filmstrip-sep-line{width:1px;height:48px;background:linear-gradient(to bottom,transparent,var(--gold),transparent);opacity:.2}.filmstrip-mirror{margin-top:20px;padding:16px 20px;border-radius:2px}.filmstrip-mirror.morning-mirror{background:#c4644a0d;border-left:2px solid rgba(196,100,74,.25)}.filmstrip-mirror.evening-mirror{background:#7a68980d;border-left:2px solid rgba(122,104,152,.25)}.filmstrip-mirror-label{font-size:var(--fs-micro);letter-spacing:.2em;margin-bottom:8px}.morning-mirror .filmstrip-mirror-label{color:var(--coral)}.evening-mirror .filmstrip-mirror-label{color:var(--plum)}.filmstrip-mirror-body{font-size:var(--fs-body);line-height:1.75;font-style:italic;font-weight:300}.morning-mirror .filmstrip-mirror-body{color:#6b4a3a}.evening-mirror .filmstrip-mirror-body{color:#5a4a6a}.filmstrip-loop-seal{margin-top:48px;padding-top:24px;border-top:1px solid rgba(166,124,69,.12);text-align:center}.filmstrip-seal-diamond{font-size:var(--fs-subtitle);color:var(--gold);opacity:.5;margin-bottom:8px}.filmstrip-seal-text{font-size:var(--fs-micro);color:var(--gold);letter-spacing:.3em;opacity:.5}@media (max-width: 600px){.runtime-main{padding:0 16px 20px}.runtime-main>div:first-child{padding-top:16px!important}.runtime-main>div:first-child>div:last-child{flex-wrap:wrap}.notebook-card>div:last-child{flex-direction:column;align-items:flex-start;gap:8px}.runtime-main~div,.tab[class]~div{padding-left:16px;padding-right:16px}.save-btn{width:100%;text-align:center}.film-roll-text{font-size:17px}.filmstrip-scroll{padding:16px 24px 40px}.filmstrip-hero-day{font-size:18px}.filmstrip-body{font-size:16px}.filmstrip-evidence-item .serif{font-size:15px}}@media (max-width: 480px){.tufti-toast{max-width:calc(100vw - 24px);padding:10px 16px;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);gap:10px}}@media (min-width: 768px){:root{--max-w: 740px;--auth-w: 420px;--fs-micro: 9px;--fs-label: 10px;--fs-small: 11px;--fs-body: 14px;--fs-subtitle: 17px;--fs-welcome: 12px;--fs-level: 22px;--fs-clock: 26px;--fs-title: 36px;--fs-hero: 40px}.runtime-main{padding:0 36px 24px}}@media (min-width: 1100px){:root{--max-w: 820px;--auth-w: 480px;--fs-micro: 10px;--fs-label: 12px;--fs-small: 12px;--fs-body: 15px;--fs-input: 17px;--fs-subtitle: 18px;--fs-welcome: 16px;--fs-level: 24px;--fs-clock: 30px;--fs-title: 42px;--fs-hero: 48px}}