@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&family=Inter:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@300;400&family=Tajawal:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--max-w: 980px;--auth-w: min(360px, 90vw);--header-pad-y: 22px;--fs-micro: 11px;--fs-label: 12px;--fs-small: 13px;--fs-body: 16px;--fs-input: 16px;--fs-subtitle: 18px;--fs-welcome: 14px;--fs-level: 22px;--fs-clock: 28px;--fs-title: 30px;--fs-hero: 34px;--lh-tight: 1.25;--lh-body: 1.55;--lh-loose: 1.75;--bg: #ede8e0;--bg2: #e3ddd4;--parchment: #f5f1ea;--cream: #faf7f2;--border: #ccc5b8;--rule: #d4ccc0;--text: #26211c;--text2: #4a4138;--text3: #6e5f4e;--coral: #a64d33;--coral-lt: rgba(196, 100, 74, .08);--plum: #5e4d7e;--plum-lt: rgba(122, 104, 152, .08);--sage: #3d5f4a;--gold: #7a5928;--gold-lt: rgba(166, 124, 69, .1);--red: #8a3434}*{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-bar{display:flex;gap:32px;border-bottom:1px solid var(--rule);background:transparent;padding:0}.tab{font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.18em;text-transform:uppercase;padding:16px 4px 14px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text3);cursor:pointer;transition:all .25s;min-height:44px}.tab:hover{color:var(--text)}.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:.14em;text-transform:uppercase;padding:12px 30px;min-height:44px;border:1px solid var(--rule);background:transparent;color:var(--text2);cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1)}.save-btn:hover:not(:disabled){background:var(--coral-lt);border-color:var(--coral);color:var(--coral)}.save-btn.evening:hover:not(:disabled){background:var(--plum-lt);border-color:var(--plum);color:var(--plum)}.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;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;overflow:hidden;animation:cerHold 3.2s linear forwards}@keyframes cerHold{0%{visibility:visible}to{visibility:hidden}}.save-ceremony:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#faf6f0f5,#faf6f0d1,#faf6f0b3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;animation:cerBg 3.2s ease-out forwards}.save-ceremony.evening:before{background:radial-gradient(ellipse at center,#f5f0faf5,#f5f0fad1,#f5f0fab3)}@keyframes cerBg{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0}}.ceremony-strip{position:absolute;left:0;right:0;top:50%;height:74px;margin-top:-37px;display:flex;align-items:center;justify-content:space-around;gap:14px;padding:0 14px;transform:translate(-110%);background:linear-gradient(180deg,#14110d,#1f1a14,#14110d);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);box-shadow:0 0 40px #a67c4559,inset 0 0 20px #a67c451f;animation:cerStrip 3.2s cubic-bezier(.4,0,.2,1) forwards}.save-ceremony.evening .ceremony-strip{border-top-color:var(--plum);border-bottom-color:var(--plum);box-shadow:0 0 40px #7a689859,inset 0 0 20px #7a68981f}.ceremony-strip span{flex:1;height:36px;background:linear-gradient(135deg,#a67c4538,#ffd28c73,#a67c4538 80%,#a67c4559);border:1px solid rgba(255,220,150,.35);border-radius:2px;position:relative;box-shadow:inset 0 0 8px #a67c4566}.save-ceremony.evening .ceremony-strip span{background:linear-gradient(135deg,#7a689838,#c8b4e873,#7a689838 80%,#7a689859);border-color:#dcc8f066;box-shadow:inset 0 0 8px #7a689866}.ceremony-strip span:before,.ceremony-strip span:after{content:"";position:absolute;left:50%;width:10px;height:8px;margin-left:-5px;background:radial-gradient(ellipse at center,#000 50%,#1a1814);border:1px solid rgba(255,220,150,.55);border-radius:2px}.save-ceremony.evening .ceremony-strip span:before,.save-ceremony.evening .ceremony-strip span:after{border-color:#dcc8f08c}.ceremony-strip span:before{top:-14px}.ceremony-strip span:after{bottom:-14px}@keyframes cerStrip{0%{transform:translate(-110%)}20%{transform:translate(0)}60%{transform:translate(0)}to{transform:translate(110%)}}.ceremony-aura{position:absolute;left:50%;top:50%;width:60px;height:60px;border-radius:50%;border:1px solid var(--gold);transform:translate(-50%,-50%) scale(0);opacity:0;animation:cerAura 3.2s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 0 30px #a67c4580,inset 0 0 20px #a67c4540}.save-ceremony.evening .ceremony-aura{border-color:var(--plum);box-shadow:0 0 30px #7a689880,inset 0 0 20px #7a689840}@keyframes cerAura{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}22%{opacity:.85;transform:translate(-50%,-50%) scale(1)}60%{opacity:.55;transform:translate(-50%,-50%) scale(4.2)}to{opacity:0;transform:translate(-50%,-50%) scale(7)}}.ceremony-rays{position:absolute;left:50%;top:50%;width:200px;height:200px;transform:translate(-50%,-50%) rotate(0);opacity:0;animation:cerRays 3.2s cubic-bezier(.16,1,.3,1) forwards}.ceremony-rays span{position:absolute;left:50%;top:50%;width:1.5px;height:80px;margin-left:-.75px;background:linear-gradient(to top,transparent,var(--gold) 40%,rgba(255,240,180,.95));transform-origin:50% 0}.save-ceremony.evening .ceremony-rays span{background:linear-gradient(to top,transparent,var(--plum) 40%,rgba(220,210,240,.95))}.ceremony-rays span:nth-child(1){transform:rotate(0) translateY(-30px)}.ceremony-rays span:nth-child(2){transform:rotate(45deg) translateY(-30px)}.ceremony-rays span:nth-child(3){transform:rotate(90deg) translateY(-30px)}.ceremony-rays span:nth-child(4){transform:rotate(135deg) translateY(-30px)}.ceremony-rays span:nth-child(5){transform:rotate(180deg) translateY(-30px)}.ceremony-rays span:nth-child(6){transform:rotate(225deg) translateY(-30px)}.ceremony-rays span:nth-child(7){transform:rotate(270deg) translateY(-30px)}.ceremony-rays span:nth-child(8){transform:rotate(315deg) translateY(-30px)}@keyframes cerRays{0%{opacity:0;transform:translate(-50%,-50%) rotate(-30deg) scale(.4)}28%{opacity:.95;transform:translate(-50%,-50%) rotate(0) scale(1)}62%{opacity:.85;transform:translate(-50%,-50%) rotate(15deg) scale(1.18)}to{opacity:0;transform:translate(-50%,-50%) rotate(40deg) scale(1.6)}}.ceremony-particles{position:absolute;left:50%;top:50%;width:0;height:0}.ceremony-particles span{position:absolute;left:0;top:0;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px var(--gold);opacity:0;animation:cerParticle 3.2s cubic-bezier(.16,1,.3,1) forwards}.save-ceremony.evening .ceremony-particles span{background:var(--plum);box-shadow:0 0 6px var(--plum)}.ceremony-particles span:nth-child(1){animation-delay:.3s;--dx: 90px;--dy: -60px }.ceremony-particles span:nth-child(2){animation-delay:.34s;--dx: -80px;--dy: -70px }.ceremony-particles span:nth-child(3){animation-delay:.38s;--dx: 100px;--dy: 50px }.ceremony-particles span:nth-child(4){animation-delay:.42s;--dx: -90px;--dy: 60px }.ceremony-particles span:nth-child(5){animation-delay:.46s;--dx: 40px;--dy: -110px }.ceremony-particles span:nth-child(6){animation-delay:.5s;--dx: -50px;--dy: -100px }.ceremony-particles span:nth-child(7){animation-delay:.54s;--dx: 60px;--dy: 100px }.ceremony-particles span:nth-child(8){animation-delay:.58s;--dx: -70px;--dy: 90px }.ceremony-particles span:nth-child(9){animation-delay:.34s;--dx: 0;--dy: -130px }@keyframes cerParticle{0%{opacity:0;transform:translate(0) scale(.4)}6%{opacity:1;transform:translate(calc(var(--dx) * .2),calc(var(--dy) * .2)) scale(1)}60%{opacity:.7;transform:translate(var(--dx),var(--dy)) scale(.7)}to{opacity:0;transform:translate(calc(var(--dx) * 1.3),calc(var(--dy) * 1.3)) scale(0)}}.ceremony-diamond{position:relative;z-index:3;font-size:56px;color:var(--gold);text-shadow:0 0 24px rgba(255,220,150,.8),0 0 60px rgba(166,124,69,.6);transform:scale(0) rotate(-90deg);opacity:0;animation:cerDiamond 3.2s cubic-bezier(.16,1,.3,1) forwards}.save-ceremony.evening .ceremony-diamond{color:var(--plum);text-shadow:0 0 24px rgba(220,200,240,.8),0 0 60px rgba(122,104,152,.6)}@keyframes cerDiamond{0%{opacity:0;transform:scale(0) rotate(-90deg)}18%{opacity:1;transform:scale(1.3) rotate(0)}30%{opacity:1;transform:scale(1) rotate(0)}60%{opacity:1;transform:scale(1.04) rotate(0)}85%{opacity:.8;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(1.15) rotate(0)}}.ceremony-text{position:relative;z-index:3;margin-top:18px;font-family:Cormorant Garamond,serif;font-size:var(--fs-level);font-style:italic;font-weight:500;color:#b88a3f;letter-spacing:.005em;text-align:center;opacity:0;transform:translateY(8px);animation:cerText 3.2s cubic-bezier(.16,1,.3,1) forwards;text-shadow:0 0 18px rgba(255,210,140,.55),0 1px 2px rgba(28,24,20,.15)}.save-ceremony.evening .ceremony-text{color:#8a78a8;text-shadow:0 0 18px rgba(200,180,232,.55),0 1px 2px rgba(28,24,20,.15)}@keyframes cerText{0%{opacity:0;transform:translateY(8px)}28%{opacity:0;transform:translateY(8px)}42%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.ceremony-sub{position:relative;z-index:3;margin-top:6px;font-family:DM Mono,monospace;font-size:var(--fs-micro);letter-spacing:.34em;text-transform:uppercase;color:#a67c45;font-weight:500;text-align:center;opacity:0;animation:cerSub 3.2s ease forwards}.save-ceremony.evening .ceremony-sub{color:#7a6898}@keyframes cerSub{0%{opacity:0}44%{opacity:0}56%{opacity:.7}80%{opacity:.7}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ceremony-strip,.ceremony-aura,.ceremony-rays,.ceremony-particles span{display:none}.ceremony-diamond,.ceremony-text,.ceremony-sub{animation-duration:.6s}}.phase-swoosh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;pointer-events:none;overflow:hidden;animation:swooshFade 1.3s cubic-bezier(.7,0,.3,1) forwards}@keyframes swooshFade{0%{opacity:1}85%{opacity:1}to{opacity:0;visibility:hidden}}.swoosh-veil{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-110%);animation:swooshSweep 1.3s cubic-bezier(.65,0,.35,1) forwards}.phase-swoosh.morning .swoosh-veil{background:radial-gradient(ellipse at 50% 60%,rgba(255,224,180,.45),transparent 55%),linear-gradient(120deg,#c4644aeb,#e49a50eb 50%,#c4644aeb)}.phase-swoosh.evening .swoosh-veil{background:radial-gradient(ellipse at 50% 50%,rgba(200,180,232,.4),transparent 55%),linear-gradient(120deg,#3a2a52f2,#7a6898eb 50%,#3a2a52f2)}@keyframes swooshSweep{0%{transform:translate(-110%)}38%{transform:translate(0)}62%{transform:translate(0)}to{transform:translate(110%)}}.swoosh-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.25);width:180px;height:180px;border-radius:50%;opacity:0;animation:swooshGlyph 1.3s cubic-bezier(.16,1,.3,1) 80ms forwards}.phase-swoosh.morning .swoosh-glyph{background:radial-gradient(circle at 40% 40%,#fff5d6 0%,#f3c66a 35%,#c97a3c 70%,transparent 76%);box-shadow:0 0 80px #ffdc96b3,0 0 180px #ffb46466}.phase-swoosh.evening .swoosh-glyph{background:radial-gradient(circle at 65% 38%,transparent 42%,#d4caee 42%,#b4a4d8 70%,transparent 76%);box-shadow:0 0 80px #d4caee80,0 0 180px #b4a4d84d}@keyframes swooshGlyph{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}28%{opacity:1;transform:translate(-50%,-50%) scale(1)}65%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}.swoosh-rays{position:absolute;left:50%;top:50%;width:280px;height:280px;transform:translate(-50%,-50%) rotate(0);opacity:0;animation:swooshRays 1.3s cubic-bezier(.16,1,.3,1) 60ms forwards}.swoosh-rays span{position:absolute;left:50%;top:50%;width:2px;height:60px;margin-left:-1px;background:linear-gradient(to bottom,rgba(255,240,200,.95),transparent);transform-origin:50% -80px}.swoosh-rays span:nth-child(1){transform:rotate(0)}.swoosh-rays span:nth-child(2){transform:rotate(45deg)}.swoosh-rays span:nth-child(3){transform:rotate(90deg)}.swoosh-rays span:nth-child(4){transform:rotate(135deg)}.swoosh-rays span:nth-child(5){transform:rotate(180deg)}.swoosh-rays span:nth-child(6){transform:rotate(225deg)}.swoosh-rays span:nth-child(7){transform:rotate(270deg)}.swoosh-rays span:nth-child(8){transform:rotate(315deg)}@keyframes swooshRays{0%{opacity:0;transform:translate(-50%,-50%) rotate(-30deg) scale(.6)}28%{opacity:.9;transform:translate(-50%,-50%) rotate(0) scale(1)}65%{opacity:.9;transform:translate(-50%,-50%) rotate(20deg) scale(1.08)}to{opacity:0;transform:translate(-50%,-50%) rotate(40deg) scale(1.45)}}.swoosh-stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:swooshStars 1.3s ease 80ms forwards}.swoosh-stars span{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;animation:starTwinkle 1.6s ease infinite}.swoosh-stars span:nth-child(1){left:18%;top:22%;animation-delay:0s}.swoosh-stars span:nth-child(2){left:78%;top:18%;animation-delay:.2s}.swoosh-stars span:nth-child(3){left:32%;top:78%;animation-delay:.4s}.swoosh-stars span:nth-child(4){left:68%;top:72%;animation-delay:.6s}.swoosh-stars span:nth-child(5){left:50%;top:14%;animation-delay:.3s}.swoosh-stars span:nth-child(6){left:14%;top:60%;animation-delay:.5s}.swoosh-stars span:nth-child(7){left:84%;top:50%;animation-delay:.1s}.swoosh-stars span:nth-child(8){left:46%;top:84%;animation-delay:.7s}@keyframes swooshStars{0%{opacity:0}30%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes starTwinkle{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.6);opacity:1}}.swoosh-label{position:absolute;left:50%;top:calc(50% + 130px);transform:translate(-50%);font-family:Cormorant Garamond,serif;font-size:38px;font-style:italic;color:#fffffff5;letter-spacing:.08em;text-shadow:0 2px 30px rgba(0,0,0,.4);opacity:0;animation:swooshLabel 1.3s cubic-bezier(.16,1,.3,1) .18s forwards;text-align:center;white-space:nowrap}.swoosh-sub{position:absolute;left:50%;top:calc(50% + 185px);transform:translate(-50%);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.4em;color:#ffffffbf;text-transform:uppercase;opacity:0;animation:swooshLabel 1.3s cubic-bezier(.16,1,.3,1) .26s forwards;text-align:center;white-space:nowrap}@keyframes swooshLabel{0%{opacity:0;transform:translate(-50%) translateY(10px)}28%{opacity:1;transform:translate(-50%) translateY(0)}72%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-4px)}}@media (prefers-reduced-motion: reduce){.swoosh-veil,.swoosh-glyph,.swoosh-rays,.swoosh-stars{display:none}.swoosh-label,.swoosh-sub{color:var(--text);animation-duration:.3s;text-shadow:none}}.app-viewport{min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding-top:env(safe-area-inset-top)}.runtime-main{flex:1;max-width:var(--max-w);width:100%;margin:0 auto;padding:24px 28px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:0}.notebook-section{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.notebook-card{border:1px solid rgba(166,124,69,.22);background:linear-gradient(135deg,#f1ebde,#ede4d1);transition:border-top-color .5s;position:relative;overflow:hidden;flex:1;min-height:0;box-shadow:inset 0 1px #ffffff73,0 1px 2px #1c181408,0 8px 24px -16px #a67c452e;display:flex;flex-direction:column;max-height:100%}.notebook-card textarea{flex:1;min-height:60px}.film-roll-sealed{position:relative;border:1px solid rgba(166,124,69,.32);background:radial-gradient(ellipse at 50% 30%,rgba(166,124,69,.1) 0%,transparent 55%),linear-gradient(135deg,#f1ebde,#ede4d1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 24px 30px;text-align:center;border-radius:4px;box-shadow:inset 0 1px #fff9,inset 0 -1px #a67c451a,0 1px 2px #1c18140a,0 12px 32px -16px #a67c4552;animation:sealReveal .8s cubic-bezier(.16,1,.3,1) both;flex:0 0 auto}.film-roll-sealed:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(166,124,69,.18);border-radius:2px;pointer-events:none}.film-roll-sealed-evening{border-color:#7a689852;background:radial-gradient(ellipse at 50% 30%,rgba(122,104,152,.1) 0%,transparent 55%),linear-gradient(135deg,#ece4dc,#e3d8d4);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #7a68981f,0 1px 2px #1c18140a,0 12px 32px -16px #7a689857}.film-roll-sealed-evening:before{border-color:#7a689833}.film-roll-glow{position:relative;font-size:var(--fs-clock);color:var(--gold);margin-bottom:14px;animation:sealGlow 2.5s ease-in-out infinite;text-shadow:0 0 18px rgba(166,124,69,.45),0 0 4px rgba(166,124,69,.35)}.film-roll-sealed-evening .film-roll-glow{color:var(--plum);text-shadow:0 0 18px rgba(122,104,152,.45),0 0 4px rgba(122,104,152,.35)}.film-roll-text{position:relative;font-size:var(--fs-level);font-weight:400;font-style:italic;color:#8a5a2e;letter-spacing:.02em}.film-roll-sealed-evening .film-roll-text{color:#5a4878}.film-roll-sub{position:relative;font-size:var(--fs-body);font-weight:300;font-style:italic;color:var(--text2);margin-top:6px;max-width:440px;line-height:1.55}.film-link{position:relative;font-family:DM Mono,monospace;font-size:var(--fs-micro);letter-spacing:.22em;color:var(--gold);text-transform:uppercase;margin-top:18px;cursor:pointer;transition:color .2s,background .2s,transform .15s,box-shadow .2s;border:1px solid rgba(166,124,69,.35);background:#fffaf28c;padding:8px 18px;border-radius:999px;font-weight:600}.film-link:hover{color:#6e4520;background:#fffaf2e6;transform:translateY(-1px);box-shadow:0 4px 12px -6px #a67c4573}.film-roll-sealed-evening .film-link{color:var(--plum);border-color:#7a689859}.film-roll-sealed-evening .film-link:hover{color:#4a3a68;box-shadow:0 4px 12px -6px #7a689873}@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:#f1ebde;border:1px solid rgba(166,124,69,.22);padding:10px 14px;outline:none;transition:border-color .3s,background .25s}.evidence-input::placeholder{color:#8a7760d9;font-style:italic}.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}.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: 700px) and (max-width: 1023px){:root{--max-w: 660px}.runtime-main{padding:32px 24px 24px}}@media (min-width: 768px){:root{--max-w: 740px;--auth-w: 420px;--fs-micro: 12px;--fs-label: 13px;--fs-small: 14px;--fs-body: 17px;--fs-subtitle: 18px;--fs-welcome: 15px;--fs-level: 22px;--fs-clock: 26px;--fs-title: 36px;--fs-hero: 40px}.runtime-main{padding:32px 36px 24px}}@media (max-width: 380px){.runtime-main{padding:20px 14px 14px}}@media (min-width: 1100px){:root{--max-w: 880px;--auth-w: 480px;--fs-micro: 12px;--fs-label: 13px;--fs-small: 14px;--fs-body: 18px;--fs-input: 18px;--fs-subtitle: 20px;--fs-welcome: 18px;--fs-level: 24px;--fs-clock: 30px;--fs-title: 42px;--fs-hero: 48px}.runtime-main{padding:40px 36px 24px}}[dir=rtl]{text-align:right}[dir=rtl] body,[dir=rtl] .serif{font-family:Amiri,Cormorant Garamond,Noto Naskh Arabic,Tajawal,Geeza Pro,Damascus,serif}[dir=rtl] .mono{font-family:DM Mono,Tajawal,Noto Naskh Arabic,Geeza Pro,monospace}[dir=rtl] .header-row{flex-direction:row-reverse}[dir=rtl] .header-row>div:last-child{text-align:left}[dir=rtl] textarea,[dir=rtl] input:not([type=email]):not([type=password]):not([type=number]):not([type=tel]){text-align:right;direction:rtl}[dir=rtl] .evidence-container{direction:rtl}[dir=rtl] .landing-page{text-align:center}.app-header{max-width:var(--max-w);margin:0 auto;padding:var(--header-pad-y) 36px 18px;flex-shrink:0;border-bottom:1px solid var(--rule)}.app-header-row{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(180px,1fr);align-items:center;gap:32px;padding-bottom:0}.brand{display:flex;align-items:flex-start;gap:14px;min-width:0}.brand .brandlink-mark{display:none}.brand .brandlink{gap:0;align-items:flex-start}.brand .brandlink-wordmark .beta{display:inline-block;margin-left:8px;padding:2px 8px;border:1px solid var(--gold);border-radius:3px;font-size:11px;font-weight:500;letter-spacing:.14em;vertical-align:middle;line-height:1.2}.brand .brandlink-wordmark{font-family:Inter,DM Sans,sans-serif;font-weight:500;font-size:19px;letter-spacing:-.005em}.brand-text{min-width:0;display:flex;flex-direction:column;gap:3px}.brand-meta{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.12em;color:var(--text3);text-transform:uppercase}.brand-mark{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f3e7d4,#c9a877 55%,#7a5e3c);box-shadow:inset 0 0 0 1px #a67c4566,0 1px 4px #26211c14;animation:moonOrb 8s ease-in-out infinite;position:relative;flex-shrink:0}.brand-mark:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.4),transparent 50%)}@keyframes moonOrb{0%,to{box-shadow:inset 0 0 0 1px #a67c4566,0 1px 4px #26211c14}50%{box-shadow:inset 0 0 0 1px #a67c458c,0 2px 14px #a67c452e}}.app-header .app-clock{text-align:center;flex-shrink:0}.app-header .clock{text-align:center;line-height:1;display:flex;flex-direction:column;align-items:center;gap:6px}.clock-time{font-family:var(--font-serif);font-size:var(--fs-clock);font-weight:300;color:var(--text);letter-spacing:.04em;display:flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums}.clock-time .sec{font-family:var(--font-mono);font-size:13px;color:var(--text3);letter-spacing:0;font-weight:400}.clock-date{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.18em;color:var(--text3);text-transform:uppercase}.util{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.util-links{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.14em;color:var(--text3);text-transform:uppercase}.util-links a{color:var(--text3);text-decoration:none;cursor:pointer;transition:color .2s;border-bottom:1px solid transparent;padding-bottom:1px}.util-links a:hover{color:var(--text);border-bottom-color:var(--rule)}.util-links .dot{width:3px;height:3px;background:var(--rule);border-radius:50%}.util-meta{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.18em;color:var(--text3);opacity:.95;text-transform:uppercase;white-space:nowrap}.brand-welcome{font-family:var(--font-serif);font-size:13px;font-style:italic;color:var(--text2)}.brand-tagline{font-family:var(--font-serif);font-size:var(--fs-body);font-style:italic;color:var(--text3);opacity:.7}@media (prefers-reduced-motion: reduce){.brand-mark{animation:none}}@media (max-width: 600px){.app-header{padding:12px 16px 0}.app-header-row{grid-template-columns:1fr auto;gap:12px}.app-util{grid-column:1 / -1;justify-content:flex-start;padding-bottom:4px}.brand-mark{width:28px;height:28px}}[dir=rtl] .app-header-row{direction:rtl}[dir=rtl] .app-util{justify-content:flex-start}.sub-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--rule);flex-shrink:0}.freq{display:flex;flex-direction:column;gap:6px;min-width:0}.freq-label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.22em;color:var(--text3);text-transform:uppercase}.freq-title{font-family:var(--font-serif);font-size:var(--fs-level);font-weight:400;letter-spacing:.04em;line-height:1;text-transform:uppercase;color:var(--coral);transition:color .4s}.freq-title.momentum{color:var(--text)}.freq-title.escape{color:var(--gold)}.freq-meta{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.14em;color:var(--text3);text-transform:uppercase;display:flex;align-items:center;gap:8px}.freq-meta .dot{width:3px;height:3px;background:var(--text3);border-radius:50%;opacity:.6}.phases{display:flex;gap:8px;align-items:center;flex-shrink:0}.pill{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--rule);border-radius:999px;font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.12em;text-transform:uppercase;color:var(--text3);background:transparent;transition:all .25s;min-height:40px;cursor:default}.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--rule);transition:all .25s;flex-shrink:0}.pill.active.morning{background:var(--coral);border-color:var(--coral);color:var(--cream);box-shadow:0 0 0 4px #c4644a14}.pill.active.evening{background:var(--plum);border-color:var(--plum);color:var(--cream);box-shadow:0 0 0 4px #7a689814}.pill.active .pill-dot{background:var(--cream);box-shadow:0 0 6px #ffffff80}.pill.done .pill-dot{background:var(--gold)}.notebook-card.morning{border-top:2px solid var(--coral)}.notebook-card.evening{border-top:2px solid var(--plum)}.notebook-card.dim{border-top:2px solid var(--rule)}.card-head{position:relative;padding:14px 22px;border-bottom:1px solid var(--bg2);display:flex;align-items:center;gap:14px;background:transparent;transition:background .5s}.card-head.morning{background:var(--coral-lt);border-bottom-color:#c4644a2e;box-shadow:inset 0 1px #fff6,inset 0 -1px #c4644a0f}.card-head.evening{background:var(--plum-lt);border-bottom-color:#7a68982e;box-shadow:inset 0 1px #fff6,inset 0 -1px #7a68980f}.card-head:after{content:"";position:absolute;left:22px;right:22px;bottom:-3px;height:1px;background:#a67c451a;pointer-events:none}.card-head.morning:after{background:#c4644a1a}.card-head.evening:after{background:#7a68981a}.card-head .icon{width:22px;height:22px;border-radius:50%;flex-shrink:0;transition:box-shadow .3s,transform .3s}.card-head.morning .icon{background:var(--coral);box-shadow:0 0 0 3px #c4644a2e,0 0 14px -2px #c4644a59}.card-head.evening .icon{background:radial-gradient(circle at 65% 38%,transparent 45%,var(--plum) 45%);box-shadow:0 0 0 3px #7a689826,0 0 14px -2px #7a689852}.notebook-card:hover .card-head .icon{transform:scale(1.06)}.card-head .titles{flex:1;min-width:0}.card-head .title{font-family:var(--font-serif);font-size:var(--fs-subtitle);font-weight:600;color:var(--text);letter-spacing:.005em}.card-head .sub{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.08em;color:var(--text3);margin-top:3px;text-transform:uppercase}.card-head .badge{font-size:var(--fs-micro);letter-spacing:.16em;text-transform:uppercase;padding:3px 8px;border:1px solid;border-radius:2px;flex-shrink:0}.card-head .badge.morning{color:var(--coral);border-color:var(--coral)}.card-head .badge.evening{color:var(--plum);border-color:var(--plum)}.principle{position:relative;padding:10px 22px;border-bottom:1px solid rgba(166,124,69,.14);display:flex;align-items:center;gap:10px;min-height:42px}.notebook-card.morning .principle{border-bottom-color:#c4644a24}.notebook-card.evening .principle{border-bottom-color:#7a689824}.principle:after{content:"";position:absolute;left:22px;right:22px;bottom:-3px;height:1px;background:#a67c4514;pointer-events:none}.notebook-card.morning .principle:after{background:#c4644a14}.notebook-card.evening .principle:after{background:#7a689814}.principle-text{flex:1;font-family:var(--font-serif);font-style:italic;font-size:var(--fs-body);color:var(--text2);font-weight:300;line-height:1.4}.principle-text:before{content:"◆";font-family:var(--font-mono);font-size:9px;font-style:normal;letter-spacing:.2em;color:var(--gold);opacity:.5;margin-right:10px;vertical-align:2px}.notebook-card.morning .principle-text:before{color:var(--coral);opacity:.55}.notebook-card.evening .principle-text:before{color:var(--plum);opacity:.55}.section-label{display:flex;align-items:center;gap:10px;padding:14px 0 10px}.section-label .label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--text3);display:inline-flex;align-items:center;gap:8px}.section-label .label:before{content:"◆";font-size:9px;color:var(--gold);opacity:.55}.section-label.morning .label:before{color:var(--coral)}.section-label.evening .label:before{color:var(--plum)}.section-label.morning .label{color:var(--coral)}.section-label.evening .label{color:var(--plum)}.section-label .rule{flex:1;height:1px;background:var(--rule)}.section-label .time{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.1em;color:var(--text3)}.card-footer{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--bg2);flex-shrink:0}.card-footer .footnote{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text3);letter-spacing:.1em;text-transform:uppercase}.collapse-row{padding:12px 18px;border:1px solid var(--bg2);display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--bg2)}.collapse-row .label{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}.collapse-row .label.morning{color:var(--coral);opacity:.85}.collapse-row .label.evening{color:var(--plum);opacity:.85}.collapse-row .time{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;color:var(--text3)}.evidence-input-row{display:flex;gap:8px;flex-shrink:0;margin-bottom:10px}.evening-gate{padding:22px 18px;border:1px solid var(--rule);background:var(--bg2);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.evening-gate .gate-title{font-size:var(--fs-body);font-style:italic;color:var(--text3);font-weight:300}.evening-gate .gate-sub{font-size:var(--fs-micro);color:var(--text3);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.notebook-divider{display:flex;align-items:center;gap:14px;margin:18px 0}.notebook-divider .rule{flex:1;height:1px;background:#a67c4538}.notebook-divider .badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);padding:4px 14px;border:1px solid rgba(166,124,69,.28);background:#a67c450d;border-radius:999px}.notebook-divider .badge:before,.notebook-divider .badge:after{content:"◆";font-size:9px;color:var(--gold);opacity:.55}@media (max-width: 600px){.sub-header{flex-wrap:wrap;gap:12px}.pill{padding:6px 10px;min-height:30px}}[dir=rtl] .sub-header,[dir=rtl] .freq-meta{flex-direction:row-reverse}.morning-echo{padding:14px 22px;border-bottom:1px solid var(--bg2);background:linear-gradient(90deg,var(--coral-lt) 0%,transparent 70%);border-left:2px solid var(--coral);margin-left:-1px;display:flex;flex-direction:column;gap:6px;animation:echoIn .65s cubic-bezier(.16,1,.3,1) both}.morning-echo .echo-label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.2em;color:var(--coral);text-transform:uppercase;opacity:.85}.morning-echo .echo-text{font-family:var(--font-serif);font-size:var(--fs-body);font-style:italic;color:var(--text2);line-height:1.55;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@keyframes echoIn{0%{opacity:.6;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.evidence-chip{display:grid;grid-template-columns:46px 1fr 24px;gap:14px;align-items:start;padding:11px 16px;background:var(--plum-lt);border:1px solid rgba(122,104,152,.15);border-left:2px solid rgba(122,104,152,.4);transition:border-color .3s,background .3s}.evidence-chip:hover{border-left-color:var(--plum);background:#7a68981a}.chip-time{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--plum);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.12em;padding-top:4px}.chip-text{font-family:var(--font-serif);font-size:var(--fs-body);font-style:italic;font-weight:300;color:var(--text);line-height:1.55;word-break:break-word}.evidence-chip-remove{background:transparent;border:0;font-size:16px;color:var(--text3);opacity:.4;cursor:pointer;transition:opacity .2s,color .2s;line-height:1;padding:2px 4px;align-self:start;margin-top:2px;-webkit-user-select:none;user-select:none}.evidence-chip-remove:hover{opacity:1;color:var(--red)}@media (max-width: 600px){.morning-echo{padding:10px 14px}.evidence-chip{grid-template-columns:38px 1fr 18px;gap:8px;padding:8px 12px}}[dir=rtl] .morning-echo{border-left:none;border-right:2px solid var(--coral);background:linear-gradient(270deg,var(--coral-lt) 0%,transparent 70%)}[dir=rtl] .evidence-chip{border-left:none;border-right:2px solid rgba(122,104,152,.4)}.tl-wrap{max-width:var(--max-w);margin:0 auto;padding:24px 28px 80px;overflow-y:auto;flex:1}.tl-summary{display:flex;flex-direction:column;gap:12px;padding:18px 0 24px;border-bottom:1px solid var(--bg2);margin-bottom:24px}.tl-rhythm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:14px}.rhythm-left{min-width:0}.rhythm-legend{display:flex;gap:12px;align-items:center;flex-shrink:0}.lg{display:flex;align-items:center;gap:5px}.lg .swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.lg.morning .swatch{background:var(--coral)}.lg.evening .swatch{background:var(--plum)}.lg.closed .swatch{background:var(--gold)}.streak-rail{display:flex;gap:8px;align-items:center}.streak-dot{width:10px;height:10px;border-radius:50%;transition:all .25s}.streak-dot.empty{background:var(--bg2)}.streak-dot.morning{background:var(--coral)}.streak-dot.evening{background:var(--plum)}.streak-dot.closed{background:var(--gold);box-shadow:0 0 6px #a67c4566}.streak-dot.today{box-shadow:0 0 0 2px var(--text),0 0 0 4px var(--cream)}.tl-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;position:relative;padding:14px;background:linear-gradient(135deg,#f1ebde,#ede4d1);border:1px solid rgba(166,124,69,.28);border-radius:4px;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #a67c4514,0 8px 24px -14px #a67c4538}.tl-grid:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(166,124,69,.15);border-radius:2px;pointer-events:none;z-index:0}.tl-grid>*{position:relative;z-index:1}.tl-dow{font-size:var(--fs-micro);letter-spacing:.08em;color:var(--text3);text-align:center;padding:2px 0 8px;text-transform:uppercase;border-bottom:1px solid rgba(166,124,69,.14)}.tl-cell{aspect-ratio:1;background:var(--bg2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:4px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--text3)}.tl-cell-day{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;line-height:1}.tl-cell-mark{font-size:8px;line-height:1;opacity:.85}.tl-cell.empty{background:var(--bg2);color:var(--text3);opacity:.55;cursor:default}.tl-cell.future{background:#a67c450d;border:0;opacity:.55;cursor:default;pointer-events:none}.tl-cell.morning{background:var(--coral);color:#ffffffd9}.tl-cell.evening{background:var(--plum);color:#ffffffd9}.tl-cell.closed{background:var(--gold);color:#ffffffeb;box-shadow:0 0 0 1px #a67c454d,0 2px 8px #a67c4540}.tl-cell.today{box-shadow:0 0 0 2px var(--text),0 0 0 4px var(--cream);z-index:1}.tl-cell.today.empty{background:var(--cream);color:var(--text)}.tl-cell:hover{transform:translateY(-2px) scale(1.04);z-index:2}.tl-cell.future:hover,.tl-cell.empty:hover{transform:none}@media (max-width: 600px){.tl-wrap{padding:16px 16px 60px}.tl-grid{gap:4px;padding:10px}.tl-grid:before{top:3px;right:3px;bottom:3px;left:3px}.tl-cell-day{font-size:9px}.tl-cell-mark{display:none}}[dir=rtl] .tl-rhythm-head{flex-direction:row-reverse}[dir=rtl] .tl-grid{direction:rtl}.notebook-card .note-area,.notebook-card textarea{background:#f1ebde;box-shadow:inset 0 1px #c4644a14,inset 0 2px 8px #a67c450d;transition:background .25s,box-shadow .25s}.notebook-card .note-area:focus,.notebook-card textarea:focus{background:#f7f1e3;box-shadow:inset 0 1px #c4644a2e,inset 0 2px 12px #c4644a1a,0 0 0 2px #c4644a2e;outline:none}.notebook-card .note-area::placeholder,.notebook-card textarea::placeholder{color:#8a7760d9;font-style:italic}.save-btn.primary{background:var(--coral);border:1px solid var(--coral);color:var(--cream);font-weight:600;letter-spacing:.14em;padding:13px 36px;min-height:46px;box-shadow:0 2px #c4644a2e,0 8px 24px -10px #c4644a73;transition:transform .15s,box-shadow .25s,background .25s}.save-btn.primary:hover:not(:disabled){background:#b25a40;color:var(--cream);transform:translateY(-1px);box-shadow:0 3px #c4644a38,0 12px 28px -10px #c4644a99}.save-btn.primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px #c4644a33,0 4px 12px -6px #c4644a80}.save-btn.evening.primary{background:var(--plum);border-color:var(--plum);box-shadow:0 2px #7a689833,0 8px 24px -10px #7a689873}.save-btn.evening.primary:hover:not(:disabled){background:#6a5887;box-shadow:0 3px #7a68983d,0 12px 28px -10px #7a689899}.save-btn.primary.saved{background:var(--sage);border-color:var(--sage);color:#fff;box-shadow:0 2px #4e7a5e33,0 8px 24px -10px #4e7a5e73}.save-btn.primary.scanning{background:#c4644ab3;color:var(--cream)}.save-btn.evening.primary.scanning{background:#7a6898b3}.save-btn.primary:disabled,.save-btn.evening.primary:disabled{background:#d6cabe;border-color:#d6cabe;color:#8a7760;font-weight:600;box-shadow:none;cursor:not-allowed;opacity:1}.save-btn.primary:disabled:hover,.save-btn.evening.primary:disabled:hover{transform:none}.tl-cell{border-radius:8px;overflow:visible}.tl-cell .day-num{font-size:13px;letter-spacing:.02em;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.tl-cell.closed .day-num{font-weight:600}.tl-cell.future .day-num{color:var(--text3);opacity:.5}.tl-cell.month-start{padding-top:14px}.tl-cell .month-tag{position:absolute;top:3px;left:0;right:0;font-size:8px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;text-align:center;font-weight:600;pointer-events:none}.tl-cell.closed .month-tag{color:#ffffffe6}.tl-cell.morning .month-tag,.tl-cell.evening .month-tag{color:#ffffffd9}.tl-cell .tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px);background:var(--text);color:var(--cream);padding:6px 10px;border-radius:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;white-space:nowrap;text-transform:uppercase;opacity:0;pointer-events:none;transition:all .2s;box-shadow:0 6px 16px #1c18144d;z-index:3}.tl-cell .tip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--text)}.tl-cell:hover .tip{opacity:1;transform:translate(-50%) translateY(0)}.tl-cell.closed{box-shadow:0 0 0 1px #a67c4559,0 4px 14px #a67c4547}.tl-cell.today{box-shadow:0 0 0 2px var(--text),0 0 0 5px var(--cream),0 4px 18px #1c18142e}@media (max-width: 600px){.app-header{padding:10px 14px 8px;gap:8px;grid-template-columns:1fr auto;row-gap:0;border-bottom:1px solid var(--rule)}.brand-mark{width:26px;height:26px}.pill{padding:6px 10px;font-size:10px;letter-spacing:.08em;min-height:32px;flex:0 0 auto}.pill .pill-dot{width:5px;height:5px}.notebook-card .card-head{padding:10px 14px;gap:10px}.notebook-card .card-head .title{font-size:16px}.notebook-card .card-head .sub{font-size:9px;letter-spacing:.06em;margin-top:2px;line-height:1.4}.notebook-card .card-head .icon{width:18px;height:18px}.notebook-card .card-head .badge{font-size:9px;letter-spacing:.12em;padding:2px 6px}.morning-echo{padding:8px 14px;gap:2px}.morning-echo .echo-label{font-size:9px;letter-spacing:.14em}.morning-echo .echo-text{font-size:13px;line-height:1.45;-webkit-line-clamp:1}.principle{padding:8px 14px;min-height:36px}.principle-text{font-size:13px;line-height:1.35}.save-btn{padding:10px 18px;font-size:12px;letter-spacing:.12em;min-height:40px;width:auto;flex-shrink:0}.tl-cell{border-radius:5px}.tl-cell .day-num{font-size:9px}.tl-cell.month-start{padding-top:8px}.tl-cell .month-tag{font-size:7px;top:2px;letter-spacing:.1em}}@media (max-width: 380px){.morning-echo,.principle{display:none}}[dir=rtl] .landing-page .beta-banner,[dir=rtl] .landing-page .brand-sub,[dir=rtl] .landing-page .nav-links,[dir=rtl] .landing-page .hero-trust,[dir=rtl] .landing-page .kicker,[dir=rtl] .landing-page .ch-label,[dir=rtl] .landing-page .how-num,[dir=rtl] .landing-page .how-rule,[dir=rtl] .landing-page .rules-tab,[dir=rtl] .landing-page .rules-tag,[dir=rtl] .landing-page .rules-why .lbl,[dir=rtl] .landing-page .demo-tab,[dir=rtl] .landing-page .demo-kicker,[dir=rtl] .landing-page .demo-prompt .ml,[dir=rtl] .landing-page .demo-hint,[dir=rtl] .landing-page .demo-save,[dir=rtl] .landing-page .demo-fb .tag,[dir=rtl] .landing-page .demo-chips .lbl,[dir=rtl] .landing-page .pw-line .n,[dir=rtl] .landing-page .pw-col-chip,[dir=rtl] .landing-page .compare-row .cat,[dir=rtl] .landing-page .freq-step .idx,[dir=rtl] .landing-page .ritual-intro,[dir=rtl] .landing-page .final-micro,[dir=rtl] .landing-page .footer,[dir=rtl] .landing-page .shift-pts li .num{font-family:Tajawal,JetBrains Mono,monospace}[dir=rtl] .landing-page .brand-sub{font-size:13px;letter-spacing:.16em}[dir=rtl] .landing-page .nav-links{font-size:14px;letter-spacing:.14em}[dir=rtl] .landing-page .beta-banner{font-size:13px;letter-spacing:.18em}[dir=rtl] .landing-page .hero-trust{font-size:12px;letter-spacing:.18em}.lang-pill{display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}.lang-pill .lang-opt{background:transparent;border:0;cursor:pointer;color:var(--text3);padding:4px 2px;font-family:DM Mono,monospace;font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;transition:color .2s}.lang-pill .lang-opt.lang-ar{font-family:Cormorant Garamond,Tajawal,Noto Naskh Arabic,serif;font-size:14px;letter-spacing:normal;text-transform:none;padding:2px 4px}.lang-pill .lang-opt:hover{color:var(--text)}.lang-pill .lang-opt.active{color:var(--text);font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.lang-pill .lang-opt:focus-visible{outline:1px solid var(--gold);outline-offset:3px}.lang-pill .lang-divider{margin:0 8px;opacity:.45;color:var(--text3)}[dir=rtl] .lang-pill,[dir=rtl] .landing-page .nav,[dir=rtl] .landing-page .nav-right,[dir=rtl] .landing-page .nav-links{flex-direction:row-reverse}[dir=rtl] .btn-arrow,[dir=rtl] .icon-flip{transform:scaleX(-1);display:inline-block}
