@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/vazirmatn-arabic-300-normal-BYd1kBEw.woff2) format("woff2"),url(/assets/vazirmatn-arabic-300-normal-DLHw88_k.woff) format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-arabic-400-normal-DMZFCm7K.woff2) format("woff2"),url(/assets/vazirmatn-arabic-400-normal-C4W5XURk.woff) format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vazirmatn-arabic-600-normal-CPKvAnd1.woff2) format("woff2"),url(/assets/vazirmatn-arabic-600-normal-CWYTfCgi.woff) format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-latin-400-normal-BT_DHTc7.woff2) format("woff2"),url(/assets/vazirmatn-latin-400-normal-GKyMcI03.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-400-normal-Czk41Rjn.woff2) format("woff2"),url(/assets/amiri-latin-400-normal-Bv6IM0kz.woff) format("woff")}:root{--bg: #061b16;--green: #0d392e;--gold: #c6a15b;--light: #efdba5;--paper: #f1e8d6;--ink: #26342e;--muted: #8fa69d;--line: #ead6a22b;--deep: #03110e;--focus: #f6e7bd;--danger: #e8968a;--success: #9bd1b1;--font-ui: Vazirmatn, Tahoma, "Segoe UI", system-ui, sans-serif;--font-poem: Amiri, "Noto Naskh Arabic", "Geeza Pro", "Times New Roman", serif;--scale: 1;--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--nav-h: 66px}*{box-sizing:border-box}h1,h2,h3,p,figure,dl{margin:0}body{margin:0;background:var(--deep);color:#fffaf0;font-family:var(--font-ui);font-size:calc(16px * var(--scale));line-height:1.8;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}h1{font-weight:400}h1:focus{outline:none}.ico{flex-shrink:0}mark{background:#c6a15b4d;color:inherit;border-radius:4px;padding:0 2px}main{max-width:560px;min-height:100dvh;margin:auto;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 10%,#17483a,var(--bg) 50%,#03130f);box-shadow:0 20px 80px #0008;isolation:isolate}main:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.16;background-image:radial-gradient(var(--light) .7px,transparent .8px);background-size:29px 29px;mask-image:linear-gradient(#000,transparent 70%);-webkit-mask-image:linear-gradient(#000,transparent 70%)}header{height:calc(84px + var(--safe-t));padding:calc(18px + var(--safe-t)) 22px 10px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}.brand{display:flex;gap:10px;align-items:center}.brand>b,.logo{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:700 25px var(--font-poem);color:var(--light);background:#04140f66}.brand strong,.brand small{display:block;line-height:1.35}.brand strong{font:21px var(--font-poem)}.brand small{font-size:11px;color:var(--muted)}.icon{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#ffffff08;display:grid;place-items:center;transition:transform .12s var(--ease),background-color .2s}.icon:active{transform:scale(.9)}.icon:hover{background:#ffffff14}.icon.gold{color:var(--gold);background:#c6a15b22}.viewport{padding:0 20px calc(var(--nav-h) + var(--safe-b) + 28px);position:relative;z-index:2}.enter{animation:enter .5s var(--ease) both}.center{text-align:center}.btn{position:relative;overflow:hidden;isolation:isolate;width:100%;min-height:56px;border:0;border-radius:18px;background:linear-gradient(135deg,#efdaa0,#b88e48);color:#19352b;font-weight:600;font-size:calc(16px * var(--scale));display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 12px 30px #c6a15b33;transition:transform .12s var(--ease),box-shadow .2s,filter .2s,opacity .2s}.btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 14px 38px #c6a15b55}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{opacity:.45}.btn.outline{background:#c6a15b10;border:1px solid #c6a15b66;color:var(--light);box-shadow:none}.ripple{position:absolute;z-index:-1;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:currentColor;opacity:.25;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid #c6a15b66;border-radius:999px;background:#c6a15b10;color:var(--light);font-size:calc(14px * var(--scale));transition:background-color .2s,opacity .2s}.chip:disabled{opacity:.4}.chip[aria-pressed=true]{background:linear-gradient(135deg,#efdaa0,#b88e48);color:#19352b;border-color:transparent}.note{display:block;color:#8aa197;font-size:calc(12px * var(--scale));margin:10px 0}.nsky{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity 1s var(--ease);--px: 0;--py: 0;overflow:hidden}.nsky.on{opacity:1}.nsky:not(.on) *{animation-play-state:paused!important}.nsky-grad{position:absolute;inset:0;background:radial-gradient(70% 38% at 50% 74%,rgba(226,170,92,.22),transparent 70%),radial-gradient(90% 50% at 50% 46%,rgba(240,214,150,.1),transparent 70%),linear-gradient(180deg,#02060d,#041019 22%,#06202a 46%,#0a3330 66%,#123b31 80%,#1c3a2a,#0b1d17)}.nsky-aurora{position:absolute;inset:-10% -30% 40%;transform:translate3d(calc(var(--px) * -10px),calc(var(--py) * -6px),0)}.nsky-aurora i{position:absolute;border-radius:50%;mix-blend-mode:screen;will-change:transform,opacity}.nsky-aurora i:nth-child(1){left:5%;top:8%;width:70%;height:46%;background:radial-gradient(closest-side,#26aa8c57,#26aa8c00);animation:aurA 24s ease-in-out infinite alternate}.nsky-aurora i:nth-child(2){right:0;top:2%;width:64%;height:40%;background:radial-gradient(closest-side,#605cc442,#605cc400);animation:aurB 31s ease-in-out infinite alternate}.nsky-aurora i:nth-child(3){left:25%;top:30%;width:55%;height:34%;background:radial-gradient(closest-side,#e9c47829,#e9c47800);animation:aurC 19s ease-in-out infinite alternate}.nsky canvas{position:absolute;inset:0;width:100%;height:100%}.nsky-mist{position:absolute;left:-20%;right:-20%;bottom:calc(var(--nav-h) + var(--safe-b) + 8%);height:22%;background:radial-gradient(50% 50% at 30% 60%,rgba(160,205,190,.1),transparent 70%),radial-gradient(45% 45% at 72% 55%,rgba(160,205,190,.08),transparent 70%);animation:mist 40s linear infinite alternate}.nsky-land{position:absolute;left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-b) - 2px);height:30%;transform:translate3d(calc(var(--px) * -4px),0,0) scale(1.02);transform-origin:50% 100%}.nsky-land:after{content:"";position:absolute;left:0;right:0;top:100%;height:200px;background:#03120e}.nsky-land svg{display:block;width:100%;height:100%}.ns-lantern{animation:lantern 5.5s ease-in-out infinite alternate}.ns-lights circle{animation:cityLight 4.6s ease-in-out infinite alternate}.ns-moonref{transform-origin:600px 378px;animation:shimmer 3.4s ease-in-out infinite alternate}.ns-ripples{animation:ripple 7s ease-in-out infinite alternate}@keyframes aurA{0%{transform:translate3d(-8%,0,0) scale(1);opacity:.7}to{transform:translate3d(10%,6%,0) scale(1.15);opacity:1}}@keyframes aurB{0%{transform:translate3d(6%,4%,0) scale(1.1);opacity:.9}to{transform:translate3d(-10%,-2%,0) scale(.95);opacity:.55}}@keyframes aurC{0%{transform:translate3d(-6%,4%,0);opacity:.5}to{transform:translate3d(8%,-4%,0);opacity:1}}@keyframes mist{0%{transform:translate3d(-6%,0,0)}to{transform:translate3d(6%,-6%,0)}}@keyframes cityLight{0%{opacity:.35}to{opacity:1}}@keyframes shimmer{0%{transform:scaleX(.82);opacity:.55}to{transform:scaleX(1.14);opacity:1}}@keyframes ripple{0%{transform:translate(-6px)}to{transform:translate(6px)}}.home{text-align:center;min-height:calc(100dvh - 84px - var(--safe-t) - var(--nav-h) - var(--safe-b) - 28px);display:flex;flex-direction:column;align-items:stretch}.home .eyebrow{margin-top:6px;color:var(--light);font-size:calc(14px * var(--scale));text-shadow:0 1px 12px #000a}.hero{font:calc(42px * var(--scale)) / 1.45 var(--font-poem);text-shadow:0 2px 22px #000c}.hero em{color:var(--light);font-style:normal}.muted{color:#b5c6bf;font-size:calc(14px * var(--scale));text-shadow:0 1px 10px #000a}.moon-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.4vh,22px);padding:12px 0;min-height:240px}.moon-stage{position:relative}.moon-stage:before{content:"";position:absolute;left:50%;top:42%;width:100%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,228,160,.1),rgba(255,228,160,.03) 55%,transparent);pointer-events:none}.moon-stage>*{position:relative}.moon-stage>.moon-beam{position:absolute;left:50%;top:50%;width:130px;height:60vh;transform:translate(-50%);background:linear-gradient(180deg,#f6dea029,#f6dea00d 55%,#f6dea000);filter:blur(6px);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);pointer-events:none;animation:beam 6s ease-in-out infinite alternate;z-index:0}@keyframes beam{0%{opacity:.55}to{opacity:1}}.moon-hint{color:#d2dcd7;font-size:calc(14px * var(--scale));text-shadow:0 1px 12px #000;animation:rise 1.1s var(--ease) .5s both}.cta-note{text-align:center;margin:4px 0 8px;text-shadow:0 1px 8px #000;color:#a9bdb4}.moon{--size: min(42vw, 164px, 22vh);position:relative;width:var(--size);height:var(--size);padding:0;border:0;border-radius:50%;background:none;touch-action:manipulation;animation:moonIn 1.4s var(--ease) .15s both,float 7s ease-in-out 1.6s infinite}.moon:focus-visible{outline-offset:14px}.moon:disabled{cursor:default}.moon-halo{position:absolute;inset:-42%;border-radius:50%;background:radial-gradient(closest-side,#f0dca266,#c6a15b21 52%,#c6a15b00 74%);animation:breathe 6s ease-in-out infinite;pointer-events:none}.moon-spin,.moon-ring{position:absolute;inset:-13%;display:block;pointer-events:none}.moon-ring{inset:0;animation:spin 90s linear infinite}.moon-ring svg,.moon-engrave svg{display:block;width:100%;height:100%}.moon-pulse{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 1.5px #f0dca299;animation:pulse 3.4s var(--ease) 2s infinite;pointer-events:none}.moon-core{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 34% 26%,#fdf4d8,#ecd597 26%,#cfae68 56%,#9c793a 88%,#85652c);box-shadow:inset 0 -12px 28px #5a3e1480,inset 0 8px 18px #fff8e1a6,0 0 70px #d9bd7a73,0 24px 60px #00000073;transition:transform .26s var(--spring),box-shadow .2s}.moon-core:before{content:"";position:absolute;inset:6.5%;border-radius:50%;box-shadow:inset 0 0 0 1px #5a3e1452,0 0 0 1px #fff8e159}.moon-core:after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 40%,rgba(255,252,238,.55) 50%,transparent 60%);transform:translate(-70%);animation:sheen 7s ease-in-out 3s infinite}.moon-engrave{position:absolute;inset:10%;display:block}.moon-label{position:relative;z-index:1;color:#2a1f0c;font-weight:800;font-size:calc(clamp(.95rem,3.8vw,1.08rem) * var(--scale));line-height:1.55;text-align:center;text-shadow:0 1px 0 rgba(255,245,215,.65)}.moon:hover:not(:disabled) .moon-core{box-shadow:inset 0 -12px 28px #5a3e1480,inset 0 8px 18px #fff8e1a6,0 0 96px #d9bd7a99,0 24px 60px #00000073}.moon:active:not(:disabled) .moon-core{transform:scale(.95)}.moon:disabled .moon-core{transform:scale(1.06)}.moon:disabled .moon-pulse{animation:none;opacity:0}@keyframes moonIn{0%{opacity:0;transform:scale(.82) translateY(24px);filter:blur(6px)}}@keyframes float{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes pulse{0%{transform:scale(1);opacity:.9}70%,to{transform:scale(1.38);opacity:0}}@keyframes sheen{0%,70%{transform:translate(-70%)}to{transform:translate(70%)}}.eyebrow{color:var(--gold);font-size:calc(13px * var(--scale))}.fx-bloom{position:fixed;z-index:60;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;pointer-events:none;opacity:0;will-change:transform,opacity;background:radial-gradient(closest-side,#fff9e6,#f4e2b0f2 30%,#d9bd7a99 58%,#d9bd7a00)}.fx-burst{position:fixed;inset:0;z-index:59;pointer-events:none}.fx-burst i{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fff1c8;box-shadow:0 0 12px 3px #f6e2a6b3;opacity:0;will-change:transform,opacity}.casting{position:fixed;inset:0;z-index:65;display:grid;place-content:center;justify-items:center;gap:22px;color:#19352b;font:calc(24px * var(--scale)) var(--font-poem);pointer-events:none;animation:fadeIn .5s .35s ease both}.casting i{width:115px;height:115px;border:1.5px solid #7a5a1f;border-top-color:transparent;border-radius:50%;animation:spin 1.6s linear infinite}.casting i:after{content:"✦";position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:#7a5a1f;animation:spin 1.6s linear infinite reverse}.result{padding-top:5px}.pagehead{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;margin:5px 0 18px}.pagehead h1{font:calc(24px * var(--scale)) var(--font-poem);line-height:1.5}.pagehead small{display:block;color:var(--gold);font:calc(12px * var(--scale)) var(--font-ui)}.paper{background:var(--paper);color:var(--ink);padding:30px 14px 22px;border-radius:34px;text-align:center;box-shadow:0 25px 60px #0007;position:relative}.paper:before{content:"";position:absolute;inset:9px;border:1px solid #96723955;border-radius:27px;pointer-events:none}.seal{width:56px;height:56px;margin:auto;border:1px solid #9b783e;border-radius:50%;display:grid;place-items:center;font:700 20px var(--font-poem)}.verse{font:calc(clamp(18px,5.2vw,21px) * var(--scale)) / 2 var(--font-poem);margin:10px 0;padding:4px 8px;border-radius:16px;position:relative;animation:verseIn .9s var(--ease) both;animation-delay:calc(var(--i) * .13s + .18s);transition:background-color .5s,box-shadow .5s}.verse p{margin:0}.orn{display:block;color:#9d793d;font-style:normal}.panel{margin:18px 0;padding:22px;border:1px solid var(--line);border-radius:22px;background:#ffffff08}.label{text-align:center;color:var(--light);font:calc(20px * var(--scale)) var(--font-poem)}.meaning{font:calc(17px * var(--scale)) / 2.1 var(--font-poem);text-align:justify}.meaning span{border-radius:8px;padding:2px 0;transition:background-color .5s,color .5s,box-shadow .5s;box-decoration-break:clone;-webkit-box-decoration-break:clone}.meaning span.is-active{background:#c6a15b38;color:#fff3cf;box-shadow:0 0 0 4px #c6a15b38}.tabir{animation:rise .9s var(--ease) 1s both}.audio{display:grid;grid-template-columns:50px 1fr 46px;gap:10px 12px;align-items:center;text-align:right;animation:rise .9s var(--ease) 1.15s both;scroll-margin-top:90px}.avatar{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#d7bc78,#513d20);display:grid;place-items:center;font:24px var(--font-poem)}.avatar span{position:relative;top:-2px}.avatar i{position:absolute;inset:-5px;border-radius:50%;box-shadow:0 0 0 1.5px var(--gold);opacity:0}.audio.is-playing .avatar i{opacity:.8;animation:halo 2.4s ease-in-out infinite}.audio strong,.audio small{display:block}.audio strong{font-size:calc(15px * var(--scale))}.audio small{font-size:calc(12px * var(--scale));color:var(--muted);line-height:1.6}.playbtn{position:relative;width:46px;height:46px;border:0;border-radius:50%;background:var(--gold);color:var(--bg);display:grid;place-items:center;box-shadow:0 6px 20px #c6a15b44;transition:transform .12s var(--ease),opacity .2s}.playbtn:active:not(:disabled){transform:scale(.92)}.playbtn:disabled{opacity:.4;box-shadow:none}.playbtn.busy:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top-color:var(--light);animation:spin .9s linear infinite}.progress{grid-column:1 / -1;margin-top:4px;direction:ltr}.progress input{--p: 0%;display:block;width:100%;height:40px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.progress input:disabled{cursor:default;opacity:.5}.progress input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold) var(--p),#3e5c51 var(--p))}.progress input::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold) var(--p),#3e5c51 var(--p))}.progress input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;border:0;background:var(--light);box-shadow:0 0 0 4px #c6a15b33}.progress input::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--light)}.times{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:calc(12px * var(--scale));font-variant-numeric:tabular-nums}.skip{width:44px;height:44px;border:0;background:none;color:var(--light);border-radius:12px;display:grid;place-items:center}.skip:disabled{opacity:.35}.progress .hint{display:block;text-align:center;direction:rtl}.inline-error{direction:rtl;margin-top:8px;color:var(--danger);font-size:calc(13px * var(--scale));text-align:center}.inline-error button{margin-inline-start:10px;border:1px solid currentColor;background:none;border-radius:999px;padding:2px 14px;color:var(--light)}.result{padding-bottom:76px}.no-voice{margin:18px 0;padding:16px 20px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);font-size:calc(14px * var(--scale));text-align:center}.result>.btn:first-of-type,.result>.btn{margin-top:6px;animation:rise .9s var(--ease) 1.3s both}.mini{position:fixed;z-index:30;left:50%;bottom:calc(var(--safe-b) + 16px);width:min(calc(100% - 24px),520px);display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:999px;background:#08241cf0;box-shadow:inset 0 0 0 1px #c6a15b66,0 12px 40px #000a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transform:translate3d(-50%,calc(100% + 120px),0);opacity:0;visibility:hidden;transition:transform .42s var(--ease),opacity .3s,visibility 0s .42s;direction:rtl}.mini.on{transform:translate3d(-50%,0,0);opacity:1;visibility:visible;transition:transform .42s var(--ease),opacity .3s}.playbtn.sm{width:44px;height:44px}.mini-t{flex:1;display:flex;flex-direction:column;line-height:1.5}.mini-t b{font-size:calc(14px * var(--scale));font-weight:600}.mini-t small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62vw}.mini-bar{position:absolute;inset:auto 0 0;height:2px;background:#c6a15b30;direction:ltr}.mini-bar u{display:block;height:100%;background:var(--gold);text-decoration:none}.storyview{padding-top:5px}.story{width:min(76vw,330px);aspect-ratio:9 / 16;margin:auto;border-radius:27px;overflow:hidden;position:relative;background:#061712;box-shadow:0 25px 65px #0008,0 0 0 1px #c6a15b44}.story canvas{display:block;width:100%;height:100%}.story-prog{position:absolute;inset:10px 12px auto;height:3px;border-radius:3px;background:#ffffff38;overflow:hidden;direction:ltr}.story-prog u{display:block;height:100%;width:0;background:#ffffffe6}.story-rec{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;background:#020b08c7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-align:center}.story-rec .btn{width:auto;min-height:44px;padding:0 24px}.story-rec svg{width:72px;height:72px;transform:rotate(-90deg)}.story-rec circle{fill:none;stroke:#c6a15b40;stroke-width:4}.story-rec .arc{stroke:var(--light);stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .25s linear}.themes{display:flex;gap:8px;margin:18px 0 12px}.themes button{flex:1;border:1px solid var(--line);background:transparent;border-radius:14px;padding:8px;color:var(--muted);font-size:calc(12px * var(--scale));transition:border-color .2s,color .2s,transform .12s}.themes button:active{transform:scale(.96)}.themes .active{border-color:var(--gold);color:var(--light);background:#c6a15b12}.swatch{display:block;height:28px;border-radius:8px;margin-bottom:6px}.s0{background:linear-gradient(135deg,#174a3c,#c6a15b)}.s1{background:linear-gradient(135deg,#e8dfce,#44544e)}.s2{background:linear-gradient(135deg,#111d31,#8b4e53)}.story-sound{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px}.story-sound small{color:var(--muted);font-size:calc(12px * var(--scale));text-align:center}.story-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.story-actions .btn{padding:0 10px}.simple{padding-top:25px}.title{font:calc(42px * var(--scale)) / 1.45 var(--font-poem)}.search{height:56px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:10px;padding:0 16px;color:var(--gold);transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px #c6a15b1f}.search input{border:0;outline:0;background:none;color:#fff;width:100%;font-size:calc(15px * var(--scale));-webkit-appearance:none;appearance:none}.search input::placeholder{color:var(--muted)}.simple>.note{margin:12px 4px}.simple>.btn{margin:6px 0 14px}.rowwrap{display:flex;gap:8px;align-items:stretch;margin-bottom:10px}.row{flex:1;min-width:0;padding:16px;border:1px solid var(--line);border-radius:18px;background:#ffffff08;display:grid;grid-template-columns:45px 1fr 18px;align-items:center;gap:4px;text-align:right;color:inherit;transition:background-color .2s,transform .12s}.row:hover{background:#ffffff12}.row:active{transform:scale(.985)}.row>b{width:40px;height:40px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:500;font-size:calc(13px * var(--scale))}.row span{font:calc(16px * var(--scale)) / 1.9 var(--font-poem)}.row em{display:block;font-style:normal;font-size:calc(19px * var(--scale));line-height:1.8;color:#fff6dc;text-wrap:balance}.row small{display:block;font:calc(12px * var(--scale)) var(--font-ui);color:var(--muted)}.row .ico{color:var(--muted)}.rm{width:52px;height:auto;border-radius:18px;color:var(--muted)}.empty{text-align:center;border:1px solid var(--line);border-radius:30px;padding:40px 25px;margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:6px;animation:rise .7s var(--ease) both}.empty>i{display:grid;place-items:center;width:80px;height:80px;margin-bottom:14px;border:1px solid #c6a15b55;border-radius:50%;color:var(--gold)}.empty strong{font:calc(22px * var(--scale)) var(--font-poem)}.empty p{color:var(--muted);font-size:calc(14px * var(--scale));line-height:2;max-width:30ch}.empty .btn{margin-top:14px;width:auto;padding:0 28px}.logo{width:90px;height:90px;font-size:55px;margin:20px auto}.lead{text-align:center;font:calc(18px * var(--scale)) / 2 var(--font-poem);color:#d7dfdc}.cards{display:grid;gap:10px;margin-top:16px}.cards article{padding:18px;border:1px solid var(--line);border-radius:17px;background:#ffffff08}.cards b{color:var(--light);font-size:calc(15px * var(--scale))}.cards p{color:var(--muted);font-size:calc(13px * var(--scale));margin:4px 0 10px;line-height:1.9}.cards .link{display:inline-flex;align-items:center;min-height:44px;color:var(--light);font-size:calc(14px * var(--scale));text-decoration:underline;text-underline-offset:5px;text-decoration-color:#c6a15b88}.cards .bio p{color:#cdd9d4;line-height:2.1;font-size:calc(14px * var(--scale));margin:6px 0}.cards .btn{min-height:48px;font-size:calc(14px * var(--scale))}.set-label{margin:10px 0 8px;color:#cdd9d4;font-size:calc(14px * var(--scale))}.seg{display:flex;padding:4px;border-radius:999px;background:#0004;border:1px solid var(--line)}.seg button{flex:1;min-height:44px;padding:0 6px;border:0;border-radius:999px;background:none;color:#b5c6bf;font-size:calc(13px * var(--scale));transition:background-color .2s,color .2s}.seg button[aria-checked=true]{background:linear-gradient(135deg,#efdaa0,#b88e48);color:#19352b;font-weight:700}.sample{margin:12px 0 4px!important;text-align:center;font:calc(19px * var(--scale)) / 1.9 var(--font-poem)!important;color:var(--light)!important}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--line);margin-top:10px;font-size:calc(14px * var(--scale))}.switch:before{content:"";position:absolute;inset:-7px -4px}.switch{position:relative;width:56px;height:32px;flex-shrink:0;border:0;border-radius:32px;background:#3e5c51;transition:background-color .2s}.switch i{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#fff8e8;box-shadow:0 2px 6px #0006;transition:transform .22s var(--spring)}.switch[aria-checked=true]{background:var(--gold)}.switch[aria-checked=false] i{transform:translate(-24px)}nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translate(-50%);width:min(100%,560px);min-height:calc(var(--nav-h) + var(--safe-b));padding:8px 35px max(10px,var(--safe-b));display:flex;justify-content:space-around;background:#041511ea;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line)}nav button{position:relative;min-width:72px;border:0;background:none;color:#8aa197;display:grid;justify-items:center;font-size:calc(12px * var(--scale));line-height:1.5;transition:color .2s}nav.nav-sub{display:none}nav b{display:grid;place-items:center;height:28px}nav .active{color:var(--light)}nav .active:before{content:"";position:absolute;top:-9px;width:28px;height:2px;border-radius:2px;background:var(--gold);box-shadow:0 0 10px var(--gold)}.offline{position:fixed;z-index:70;top:calc(var(--safe-t) + 10px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:10px 18px;border-radius:999px;background:#2a2413;color:#f6e7bd;box-shadow:inset 0 0 0 1px #d9bd7a66,0 10px 30px #000a;font-size:calc(13px * var(--scale));animation:dropIn .42s var(--ease)}.toast{position:fixed;z-index:80;left:50%;bottom:calc(var(--nav-h) + var(--safe-b) + 24px);display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:12px 20px;border-radius:999px;background:#f4ecdc;color:#1c1810;box-shadow:0 12px 40px #0008;font-size:calc(14px * var(--scale));font-weight:500;pointer-events:none;opacity:0;transform:translate3d(-50%,16px,0) scale(.96);transition:opacity .2s,transform .42s var(--spring)}.toast.on{opacity:1;transform:translate3d(-50%,0,0)}.toast .ico{color:#2f7a55}.splash{position:fixed;inset:0;z-index:90;display:grid;place-content:center;justify-items:center;gap:20px;background:radial-gradient(circle at 50% 40%,#14503f,#03110e 70%);color:var(--light);font:calc(20px * var(--scale)) var(--font-poem);opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility 0s .6s}.splash.on{opacity:1;visibility:visible;transition:none}.loader{color:var(--gold);animation:spin 3.4s var(--ease) infinite,breathe 1.6s ease-in-out infinite;filter:drop-shadow(0 0 16px #d9bd7a99)}.errcard{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:18vh 12px 0}.errcard h2{font:calc(26px * var(--scale)) var(--font-poem)}.errcard p{color:var(--muted);max-width:28ch}.errcard .btn{width:auto;padding:0 28px;margin-top:8px}.err-ico{width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:#e8968a1f;color:var(--danger);box-shadow:inset 0 0 0 1px #e8968a59}.sheet{width:min(100%,560px);max-width:100%;max-height:92dvh;margin:auto auto 0;padding:8px 20px calc(var(--safe-b) + 24px);border:0;border-radius:32px 32px 0 0;background:#0b2b22;color:#fffaf0;box-shadow:0 -10px 60px #000a,inset 0 1px #c6a15b66;overflow:auto;font-family:var(--font-ui)}.sheet[open]{animation:sheetIn .42s var(--ease)}.sheet.closing{animation:sheetOut .2s ease-in forwards}.sheet::backdrop{background:#020b089e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadeIn .42s both}.sheet-handle{width:44px;height:5px;margin:4px auto 8px;border-radius:5px;background:#c6a15b66}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sheet-head h2{font:calc(22px * var(--scale)) var(--font-poem);padding-inline-start:8px}.install,.done{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;color:#cdd9d4;font-size:calc(14px * var(--scale));line-height:2}.install .btn{width:100%}.app-icon img{width:84px;height:84px;border-radius:22px;box-shadow:0 14px 40px #0006,0 0 0 1px #c6a15b55}.steps{list-style:none;padding:0;margin:0;width:100%;display:grid;gap:8px;text-align:right}.steps li{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:#ffffff0d}.steps b{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#efdaa0,#b88e48);color:#19352b}.steps em{font-style:normal;color:var(--light)}.steps .ico{vertical-align:-4px;color:var(--gold)}.note-box{padding:12px 16px;border-radius:14px;background:#ffffff0d;width:100%}.note-box.ok{color:var(--success);display:flex;gap:8px;align-items:center;justify-content:center}.done-media{width:132px;aspect-ratio:9 / 16;border-radius:14px;overflow:hidden;background:#04140f;box-shadow:0 0 0 1px #c6a15b66,0 16px 40px #0008;animation:popIn .6s var(--spring) both}.done-media video,.done-media img{display:block;width:100%;height:100%;object-fit:cover}.done-check{width:56px;height:56px;margin-top:-42px;position:relative;z-index:1;border-radius:50%;background:#0b2b22}.done-check svg{width:100%;height:100%}.done-check circle{fill:#d9bd7a;stroke:#0b2b22;stroke-width:3;transform-origin:center;animation:popIn .5s var(--spring) .15s both}.done-check path{fill:none;stroke:#241b0c;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .5s var(--ease) .45s forwards}.done-actions{width:100%;display:grid;gap:10px;margin-top:6px}@keyframes enter{0%{opacity:0;transform:translateY(12px)}}@keyframes rise{0%{opacity:0;transform:translate3d(0,16px,0)}}@keyframes verseIn{0%{opacity:0;transform:translate3d(0,14px,0);filter:blur(5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}}@keyframes halo{50%{transform:scale(1.1);opacity:.35}}@keyframes breathe{50%{transform:scale(1.08);opacity:.7}}@keyframes lantern{0%{opacity:.55}to{opacity:1}}@keyframes dropIn{0%{transform:translate(-50%,-140%)}}@keyframes sheetIn{0%{transform:translate3d(0,100%,0)}}@keyframes sheetOut{to{transform:translate3d(0,100%,0)}}@keyframes popIn{0%{transform:scale(.6);opacity:0}}@keyframes draw{to{stroke-dashoffset:0}}@media(min-width:800px){body{padding:25px}main{border-radius:32px;min-height:calc(100dvh - 50px)}nav{bottom:25px;border-radius:0 0 32px 32px}.mini{bottom:41px}}@media(max-height:640px){.hero{font-size:calc(34px * var(--scale))}.moon-stage{min-height:200px}}@media(max-height:600px){.cta-note{display:none}.hero{font-size:calc(30px * var(--scale))}.moon-hint{font-size:calc(13px * var(--scale))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}}@media(min-width:900px){html.web{--nav-h: 0px}html.web body{padding:0}html.web main{max-width:none;width:100%;border-radius:0;min-height:100dvh;box-shadow:none}html.web main:before{opacity:.1}html.web header{height:96px;padding:24px max(40px,calc((100vw - 1120px)/2)) 10px}html.web .brand strong{font-size:26px}html.web .brand small{font-size:12px}html.web .brand>b{width:48px;height:48px}html.web nav{position:absolute;z-index:6;top:26px;bottom:auto;left:50%;transform:translate(-50%);width:auto;min-height:0;padding:5px;gap:4px;border:1px solid var(--line);border-radius:999px;background:#0415119e}html.web nav.nav-sub{display:flex}html.web nav button{display:flex;align-items:center;gap:8px;min-width:0;height:44px;padding:0 20px;border-radius:999px;font-size:14px}html.web nav button:hover{background:#ffffff10;color:var(--light)}html.web nav b{height:auto}html.web nav .active{background:#c6a15b24}html.web nav .active:before{display:none}html.web .viewport{max-width:1120px;margin:0 auto;padding:0 40px 64px}html.web .toast{bottom:32px}html.web .mini{bottom:24px}html.web .home{min-height:calc(100dvh - 136px)}html.web .home .eyebrow{font-size:16px;margin-top:18px}html.web .hero{font-size:calc(clamp(48px,5.4vw,72px) * var(--scale))}html.web .muted{font-size:17px}html.web .moon{--size: min(240px, 26vh)}html.web .moon-label{font-size:calc(clamp(1.1rem,1.5vw,1.4rem) * var(--scale))}html.web .moon-hint{font-size:16px}html.web .moon-stage{min-height:380px;padding-bottom:210px}html.web .nsky-land{height:min(46%,34vw);bottom:0}html.web .nsky-mist{bottom:8%}html.web .result{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0 40px;align-items:start}html.web .result>.pagehead{grid-column:1 / -1;max-width:560px;width:100%;margin:6px auto 24px}html.web .result>.paper{grid-column:1;grid-row:2 / span 5;position:sticky;top:24px;padding:40px 26px 30px}html.web .verse{font-size:calc(23px * var(--scale))}html.web .result>.panel,html.web .result>.btn,html.web .result>.mini{grid-column:2}html.web .result>.panel:first-of-type{margin-top:0}html.web .meaning{font-size:calc(19px * var(--scale))}html.web .storyview{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,460px);gap:0 56px;justify-content:center;align-items:start}html.web .storyview>.pagehead{grid-column:1 / -1;max-width:560px;width:100%;margin:6px auto 28px}html.web .story{width:min(380px,max(236px,calc((100dvh - 230px)*.5625)));height:auto;margin:0 auto}html.web .story-side{padding-top:8px}html.web .themes{margin-top:0}html.web .simple{max-width:640px;margin:0 auto}html.web .title{font-size:calc(52px * var(--scale))}html.web .cards{grid-template-columns:1fr 1fr}html.web .cards .settings,html.web .cards article:last-child{grid-column:1 / -1}html.web .sheet{margin:auto;width:min(100%,560px);border-radius:28px}html.web .sheet[open]{animation:popIn .35s var(--spring)}html.web .sheet.closing{animation:fadeOut .2s ease-in forwards}@keyframes fadeOut{to{opacity:0;transform:scale(.97)}}}@media(min-width:1500px){html.web .viewport{max-width:1240px}html.web .moon{--size: min(280px, 28vh)}}@media(max-height:720px)and (max-width:899px){.nsky-land{height:24%}}.moon.sm{--size: 92px;margin:0 auto}.moon.sm .moon-halo{inset:-55%}.moon.sm .moon-core,.moon.sm:hover:not(:disabled) .moon-core{box-shadow:inset 0 -8px 18px #5a3e1480,inset 0 5px 12px #fff8e1a6,0 0 26px #d9bd7a80,0 10px 20px #0006}.moon.sm .moon-label{font-size:calc(.82rem * var(--scale));line-height:1.45}.moon.sm .moon-spin{inset:-16%}.again{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:40px;padding:40px 0 8px;position:relative;animation:rise .9s var(--ease) 1.5s both}.again:before{content:"";position:absolute;left:50%;top:0;width:120%;aspect-ratio:1;transform:translate(-50%,-22%);background:radial-gradient(closest-side,rgba(246,222,160,.1),transparent 70%);pointer-events:none}.again p{color:var(--muted);font-size:calc(13px * var(--scale))}@media(min-width:900px){html.web .result>.again{grid-column:2}}.cards .credit{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);color:var(--light)}.cards .credit b{font-weight:600}