@font-face{font-family:Vazirmatn;src:url(./Vazirmatn-Regular-CtGL0YI-.woff2)format("woff2");font-display:swap}@font-face{font-family:Amiri;src:url(./Amiri-Regular-CT-oGClK.woff2)format("woff2");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#34251d;--ink-muted:#725f51;--paper:#fbf5e9;--paper-deep:#eadcbf;--gold:#d7ae68;--gold-bright:#f2d296;--wine:#7c2d34;--night:#17100d;--night-soft:#2b1a14;--line:#5e3e2630;--shadow:0 28px 70px #00000061;--ui-font:"Vazirmatn", system-ui, sans-serif;--display-font:"Amiri", "Vazirmatn", serif;--poem-font:"Amiri", serif;font-family:var(--ui-font);background:var(--night)}:root[data-typeface=literary]{--ui-font:"Amiri", "Vazirmatn", serif}:root[lang=en]{--ui-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display-font:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}:root[lang=en][data-typeface=literary]{--ui-font:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}:root[data-font-size=compact]{--reading-size:clamp(1rem, 1.5vw, 1.18rem)}:root[data-font-size=comfortable]{--reading-size:clamp(1.12rem, 1.7vw, 1.34rem)}:root[data-font-size=large]{--reading-size:clamp(1.27rem, 2vw, 1.56rem)}*{box-sizing:border-box}html{background:var(--night);min-height:100%}body{color:#f6ebd8;background:radial-gradient(circle at 50% -20%, #5e3424 0, transparent 45rem), linear-gradient(145deg, #20130f 0%, var(--night) 55%, #0f0b0a 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.64}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:30;background:var(--paper);color:var(--ink);border-radius:.7rem;padding:.7rem 1rem;transition:transform .2s;position:fixed;top:1rem;bottom:auto;left:1rem;right:auto;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.ambient{z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(#f8d59e1c 1px,#0000 1.5px);background-size:29px 29px;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.site-header{justify-content:space-between;align-items:center;gap:1.25rem;width:min(1180px,100% - 2.5rem);margin:0 auto;padding:1.1rem 0 .7rem;display:flex}.brand{color:#fff1d9;min-height:46px;text-align:inherit;background:0 0;border:0;align-items:center;padding:.2rem;display:inline-flex}.brand__copy{gap:.08rem;display:grid}.brand__title{font-family:var(--display-font);font-size:1.35rem;line-height:1.05}.brand__subtitle{color:#d4b99a;font-size:.73rem}.settings{gap:.5rem;display:flex}.setting-control{position:relative}select{color:#f8ebd7;background:#40271cb8;border:1px solid #eccd9e4d;border-radius:.65rem;outline:none;max-width:8.6rem;min-height:42px;padding:.35rem 1.9rem .35rem .75rem}select:focus-visible{outline-offset:3px;outline:3px solid #f6cd7d}button:focus-visible{outline-offset:3px;outline:3px solid #f6cd7d}a:focus-visible{outline-offset:3px;outline:3px solid #f6cd7d}input:focus-visible{outline-offset:3px;outline:3px solid #f6cd7d}.experience{align-content:center;width:min(1180px,100% - 2.5rem);min-height:calc(100svh - 150px);margin:0 auto;display:grid}.status-line{color:#dec6aa;text-align:center;min-height:1.6rem;margin:.25rem 0 0;font-size:.9rem}.text-button{min-height:38px;color:var(--gold-bright);text-underline-offset:.25em;background:0 0;border:0;justify-self:center;padding:.25rem .55rem;text-decoration:underline}.book-stage{place-items:center;min-height:min(640px,100svh - 185px);padding:1rem 0;display:grid}.closed-book{place-items:center;gap:1.15rem;width:max(260px,min(27vw,370px));animation:.55s both settle;display:grid}.book-cover{aspect-ratio:.72;width:100%;box-shadow:-14px 10px 0 #4b171a, -21px 15px 0 #2d1112, var(--shadow);color:#f4d99a;text-align:center;background:linear-gradient(105deg,#ffd6821a,#0000 27%),radial-gradient(circle,#923c32 0,#671f25 58%,#3d1319 100%);border:1px solid #d7ad63;border-radius:.42rem 1.1rem 1.1rem .42rem;place-content:center;gap:1.35rem;display:grid;position:relative;overflow:hidden}.book-cover:before,.book-cover:after{content:"";pointer-events:none;border:1px solid #f2d29685;position:absolute;top:1.1rem;bottom:1.1rem;left:1.1rem;right:1.1rem}.book-cover:after{border-color:#f2d29640;top:1.45rem;bottom:1.45rem;left:1.45rem;right:1.45rem}.book-cover__title{z-index:1;font-family:var(--poem-font);font-size:max(2.1rem,min(4vw,3.35rem))}.book-cover__verse{z-index:1;font-size:1.05rem}.book-cover__rule{z-index:1;background:var(--gold);width:5.7rem;height:1px}.book-cover__ornament{border:1px solid #f2d2968c;width:5.2rem;height:5.2rem;position:absolute;transform:rotate(45deg)}.book-cover__ornament--top{top:-3.6rem;left:calc(50% - 2.6rem)}.book-cover__ornament--bottom{bottom:-3.6rem;left:calc(50% - 2.6rem)}.button{border:1px solid #0000;border-radius:.7rem;justify-content:center;align-items:center;gap:.55rem;min-height:46px;padding:.62rem 1rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button--hero{color:#2c1712;background:linear-gradient(135deg,#f4d198,#d79b59);border-color:#f4cc80a6;width:100%;box-shadow:0 11px 28px #0000003d}.cover-action__arrow{font-size:1.45rem;line-height:0;transition:transform .18s}.button--hero:hover .cover-action__arrow{transform:translate(-.22rem)}[dir=ltr] .button--hero:hover .cover-action__arrow{transform:translate(.22rem)}.reading-shell{width:100%}.open-book{width:min(1080px,100%);height:min(590px,100svh - 235px);min-height:430px;box-shadow:var(--shadow);opacity:0;direction:ltr;border-radius:.8rem;grid-template-columns:minmax(0,1fr) minmax(12px,2.5%) minmax(0,1fr);margin:0 auto;transition:opacity .36s,transform .5s cubic-bezier(.2,.8,.25,1);display:grid;position:relative;overflow:hidden;transform:translateY(22px)scale(.98)}.open-book.is-open{opacity:1;transform:translateY(0)scale(1)}.paper-page{min-width:0;color:var(--ink);background:linear-gradient(90deg, #784f280f, transparent 16%, transparent 84%, #784f2814), var(--paper);direction:rtl;position:relative;overflow:hidden}.paper-page--meaning{border-radius:.8rem 0 0 .8rem;grid-column:1}.paper-page--poem{border-radius:0 .8rem .8rem 0;grid-column:3}:root[dir=ltr] .paper-page--meaning{direction:ltr}:root[dir=ltr] .paper-page--poem{direction:rtl}.book-gutter{z-index:2;background:linear-gradient(90deg,#a7855e,#f4e9d4 48%,#99734e);grid-column:2;box-shadow:inset 0 0 7px #371f1073}.book-edge{z-index:4;pointer-events:none;background:repeating-linear-gradient(#c4a476 0,#c4a476 1px,#e9d9bd 1px,#e9d9bd 2px);height:.35rem;position:absolute;left:1rem;right:1rem}.book-edge--top{top:0}.book-edge--bottom{bottom:0}.page-header{border-bottom:1px solid var(--line);min-height:59px;color:var(--wine);justify-content:space-between;align-items:center;padding:1rem 1.55rem .7rem;display:flex}.page-kicker{letter-spacing:.03em;font-size:.8rem;font-weight:700}.page-number{aspect-ratio:1;border:1px solid #7c2d3459;border-radius:50%;place-items:center;width:1.7rem;font-size:.75rem;display:grid}.page-content{overscroll-behavior:contain;scrollbar-color:#b18b61 transparent;scrollbar-width:thin;height:calc(100% - 59px);padding:1.7rem max(1.15rem,min(3.2vw,2.65rem)) 2.1rem;overflow:auto}.page-content:focus{outline:none}.page-content:focus-visible{outline:3px solid var(--gold);outline-offset:-7px}.page-content h1,.page-content h2{font-family:var(--display-font);margin:0;font-weight:400}.page-content h1{color:var(--wine);font-size:max(1.8rem,min(3.5vw,2.7rem))}.summary{color:#5b493c;font-size:var(--reading-size);margin:.85rem 0 1.6rem;line-height:2.05}:root[lang=en] .summary{max-width:34rem;line-height:1.75}.meaning-block{border-top:1px solid var(--line);padding-top:1.15rem}.meaning-block h2{color:var(--wine);font-size:1.52rem}.meaning-item{color:#523d30;font-size:calc(var(--reading-size) * .91);margin:.9rem 0 0;line-height:1.95}.translation-couplet{border-bottom:1px solid var(--line);color:#49382e;padding:1rem 0 1.1rem}.translation-couplet:last-child{border-bottom:0}.translation-couplet p{font-size:calc(var(--reading-size) * .91);margin:0;line-height:1.72}.translation-couplet p+p{margin-top:.42rem}.poem-content{text-align:center}.poem-title{color:var(--wine);font-size:max(1.6rem,min(3vw,2.3rem));line-height:1.45}.verses{margin-top:1.2rem}.couplet{border-bottom:1px solid var(--line);padding:1rem 0 1.15rem}.couplet:last-child{border-bottom:0}.couplet p{font-family:var(--poem-font);font-size:calc(var(--reading-size) * 1.22);margin:0;line-height:1.95}.book-toolbar{flex-wrap:wrap;justify-content:center;gap:.55rem;margin:.2rem auto 1rem;display:flex}.button--tab{color:#f6e3c4;background:#361f179e;border-color:#f3dab452;min-width:6rem}.button--tab[aria-pressed=true]{border-color:var(--gold);color:#312016;background:var(--gold-bright)}.button--primary{color:#ffe9cb;background:#7c2d34;border-color:#aa594e}.audio-dock{background:#361f17a6;border:1px solid #e7c38f3d;border-radius:.85rem;align-items:center;gap:.85rem;width:min(640px,100%);margin:0 auto 1rem;padding:.72rem .85rem;display:flex;box-shadow:0 13px 30px #0000002e}.audio-play{aspect-ratio:1;border:1px solid var(--gold);color:#2a1811;background:var(--gold-bright);border-radius:50%;flex:none;place-items:center;width:46px;display:grid}.audio-dock__details{flex:1;gap:.35rem;min-width:0;display:grid}.audio-select-label{color:#dfc5a1;font-size:.72rem}.audio-dock select{width:100%;max-width:none;min-height:36px;padding-top:.2rem;padding-bottom:.2rem}.audio-progress{color:#d5baa0;direction:ltr;grid-template-columns:2.9rem minmax(0,1fr) 2.9rem;align-items:center;gap:.45rem;font-size:.72rem;display:grid}.audio-progress span:last-child{text-align:end}input[type=range]{accent-color:var(--gold-bright)}.source-line{color:#c7ad8f;text-align:center;margin:0 0 1rem;font-size:.78rem}.source-line a{color:var(--gold-bright)}.translation-line{color:#c7ad8f;text-align:center;margin:-.45rem 0 1rem;font-size:.78rem}.translation-line a{color:var(--gold-bright)}.site-footer{color:#b99e82;text-align:center;border-top:1px solid #f0d1a821;width:min(1180px,100% - 2.5rem);margin:0 auto;padding:1.2rem 0 1.7rem;font-size:.78rem}[hidden]{display:none!important}@keyframes settle{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:820px){.site-header,.experience,.site-footer{width:min(100% - 1.35rem,680px)}.site-header{padding-top:.7rem}.brand__subtitle{display:none}.settings{gap:.35rem}select{max-width:6.7rem;min-height:40px;font-size:.8rem}.book-stage{min-height:min(630px,100svh - 165px);padding:.55rem 0}.open-book{border-radius:.8rem;width:min(560px,100%);height:min(560px,100svh - 235px);min-height:410px;display:block}.paper-page{opacity:0;pointer-events:none;border-radius:.8rem;transition:opacity .22s,transform .22s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(3%)}.paper-page--poem{opacity:1;pointer-events:auto;transform:translate(0)}.open-book.show-meaning .paper-page--poem{opacity:0;pointer-events:none;transform:translate(-3%)}.open-book.show-meaning .paper-page--meaning{opacity:1;pointer-events:auto;transform:translate(0)}.book-gutter,.book-edge{display:none}.page-content{padding:1.35rem 1.2rem 1.7rem}.book-toolbar{margin-top:.45rem}.button--tab{flex:1 1 0;min-width:0}.button--primary{flex:1 0 100%}}@media (max-width:480px){.site-header{align-items:flex-start}.brand__title{font-size:1.18rem}.settings{grid-template-columns:1fr;display:grid}.settings select{width:7.4rem;max-width:7.4rem}.closed-book{width:min(74vw,325px)}.book-stage{min-height:min(600px,100svh - 155px)}.open-book{height:min(535px,100svh - 215px);min-height:400px}.audio-dock{gap:.65rem;padding:.65rem}.page-header{min-height:54px;padding:.85rem 1.1rem .65rem}.page-content{height:calc(100% - 54px)}.couplet p{line-height:1.83}}@media (max-height:700px) and (min-width:821px){.book-stage{min-height:470px}.open-book{height:calc(100svh - 200px);min-height:400px}.site-header{padding-top:.6rem}}@media (min-width:821px){.book-toolbar .button--tab{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
