:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#403740;--paper:#fff9f1;--rose:#e8b6c5;--lilac:#beb6dc;--sky:#c9ddef;--line:#40374026;--glass:#fffaf4a3;--shadow:0 28px 80px #3d2f422e;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100vh;overscroll-behavior:none;height:100dvh;margin:0;overflow:hidden}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:#f3e6e9}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit;touch-action:manipulation}:is(button:focus-visible,a:focus-visible,select:focus-visible){outline-offset:4px;outline:3px solid #5c4e717a}button:disabled{cursor:not-allowed;opacity:.38}#app{isolation:isolate;position:relative}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.world-unavailable .world-canvas{display:none}.world-unavailable .world{background:radial-gradient(circle at 22% 18%,#ffffffb8,#0000 28%),radial-gradient(circle at 80% 34%,#cfdaf1b8,#0000 34%),linear-gradient(145deg,#cadcf0,#f7e1e6 52%,#f4ead5)}.world,.world-canvas,.paper-grain{width:100%;height:100vh;height:100dvh;position:fixed;inset:0}.world{z-index:0;background:radial-gradient(circle at 35% 26%,#ffffff9e,#0000 34%),linear-gradient(145deg,#cbdcf0,#f7e1e6 52%,#f4e9d2)}.world-canvas{touch-action:none;display:block}.paper-grain{z-index:3;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:radial-gradient(circle at 20% 20%,#48374a14 0 .7px,#0000 .9px),radial-gradient(circle at 70% 65%,#48374a0f 0 .6px,#0000 .85px);background-size:7px 7px,9px 9px}.loader{z-index:100;background:#fff8f0;place-content:center;justify-items:center;gap:18px;transition:opacity .65s,visibility .65s;display:grid;position:fixed;inset:0}.loader.is-ready{opacity:0;visibility:hidden}.loader__mark{aspect-ratio:1;background:linear-gradient(145deg, var(--rose), var(--lilac));color:#fffaf4;border:1px solid #4037402e;border-radius:50%;place-items:center;width:82px;font:600 40px Georgia,serif;display:grid;box-shadow:0 16px 50px #4c3e5229}.loader__line{background:#4037401f;width:190px;height:2px;overflow:hidden}.loader__line span{background:var(--ink);width:48%;height:100%;animation:1.25s ease-in-out infinite alternate loader-slide;display:block}.loader p{color:#4037408f;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:12px}@keyframes loader-slide{0%{transform:translate(-10%)}to{transform:translate(120%)}}.topbar{z-index:20;padding:calc(14px + env(safe-area-inset-top)) calc(clamp(20px, 4vw, 58px) + env(safe-area-inset-right)) 18px calc(clamp(20px, 4vw, 58px) + env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;transition:opacity .35s,transform .35s;display:flex;position:fixed;top:0;left:0;right:0}body.reader-open .topbar{opacity:0;pointer-events:none;transform:translateY(-14px)}body.reader-open .library-ui{opacity:0!important;pointer-events:none!important}.brand,.topbar__actions{pointer-events:auto}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand__back{aspect-ratio:1;background:#fffaf5b3;border:1px solid #4037401f;border-radius:50%;place-items:center;width:34px;font-size:16px;display:grid}.brand__ava{letter-spacing:.08em;font:600 clamp(25px,2.2vw,35px) Georgia,serif}.brand__world{color:#4037409e;letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700}.topbar__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.language-control{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf5ad;border:1px solid #4037401f;border-radius:999px;align-items:center;min-height:44px;display:inline-flex;box-shadow:0 8px 28px #3a2d3d0f}.language-control select{border-radius:inherit;min-height:42px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0 32px 0 13px;font-size:12px;font-weight:700}.icon-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#fffaf58f;border:1px solid #4037401f;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:12px;font-weight:650;transition:background .25s,transform .25s;display:inline-flex;box-shadow:0 8px 28px #3a2d3d0f}.icon-button.is-active{background:#fffaf5e0}main{z-index:5;width:100%;height:100vh;pointer-events:none;height:100dvh;position:relative}.welcome{text-align:center;pointer-events:auto;width:min(780px,100vw - 40px);position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.welcome__eyebrow,.library-ui__intro span,.reader__eyebrow{color:#40374094;letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:750}.welcome h1{letter-spacing:-.065em;margin:18px 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,8.2vw,118px);font-weight:500;line-height:.82;display:grid}.welcome h1 span{transform:translate(-.18em)}.welcome h1 em{color:#403740b8;font-size:.65em;font-weight:400;transform:translate(.16em)}.welcome>p{color:#403740b3;width:min(590px,100%);margin:0 auto 28px;font-size:clamp(15px,1.5vw,19px);line-height:1.65}.primary-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;background:#fff9f2c7;border:1px solid #40374029;border-radius:999px;align-items:center;gap:24px;min-height:58px;padding:0 22px 0 26px;font-size:14px;font-weight:700;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 18px 55px #402f4324}.primary-button__arrow{aspect-ratio:1;background:var(--ink);color:#fffaf3;border-radius:50%;place-items:center;width:34px;font-size:18px;display:grid}.welcome__note{color:#4037407a;letter-spacing:.06em;margin-top:18px;font-size:11px}.library-ui{right:0;bottom:calc(12px + env(safe-area-inset-bottom));padding:0 calc(clamp(18px, 4vw, 58px) + env(safe-area-inset-right)) 0 calc(clamp(18px, 4vw, 58px) + env(safe-area-inset-left));opacity:0;pointer-events:none;gap:13px;display:grid;position:absolute;left:0}.library-ui.is-visible{pointer-events:auto}.library-ui__intro{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.library-ui__intro p{color:#40374091;margin:0;font-family:Georgia,serif;font-size:14px;font-style:italic}.story-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.story-card-wrap{min-width:0}.story-card{background:#fffaf4d1;background:color-mix(in srgb, var(--story-sky) 38%, #fffaf4d1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;text-align:left;border:1px solid #4037401c;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-width:0;height:100%;min-height:76px;padding:11px 13px;transition:transform .32s,background .32s,box-shadow .32s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 35px #392c3c14}.story-card:before{background:var(--story-accent);content:"";transform-origin:0;height:3px;transition:transform .32s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.story-card:focus-visible{z-index:2;background:#fffaf4f0;background:color-mix(in srgb, var(--story-sky) 46%, #fffaf4f0);transform:translateY(-7px);box-shadow:0 18px 44px #392c3c21}.story-card:focus-visible:before{transform:scaleX(1)}.story-card__index{color:#40374073;font:500 12px Georgia,serif}.story-card__copy{gap:4px;min-width:0;display:grid}.story-card__copy strong{text-overflow:ellipsis;white-space:nowrap;font:600 clamp(13px,1.05vw,16px) Georgia,serif;overflow:hidden}.story-card__copy small{color:#40374085;letter-spacing:.04em;font-size:10px;font-weight:650}.story-card__progress{color:color-mix(in srgb, var(--story-accent) 78%, var(--ink));font-size:9px}.story-card__symbol{color:var(--story-accent);font-size:18px}.story-card__badge{aspect-ratio:1;background:var(--story-accent);color:#fff;border:2px solid #ffffffd6;border-radius:50%;place-items:center;width:24px;font-size:13px;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 5px 16px #40374029}.story-card.is-complete:before{transform:scaleX(1)}.reader{--reader-paper:#fff9f1;--reader-ink:#403740;--reader-accent:#d96878;--reader-sky:#f7dce5;z-index:40;visibility:hidden;opacity:0;pointer-events:none;overscroll-behavior:none;background:#2e26302e;place-items:end center;transition:opacity .4s,visibility .4s;display:grid;position:fixed;inset:0}.reader.is-open{visibility:visible;opacity:1;pointer-events:auto}.reader__wash{filter:blur(15px)saturate(.85);opacity:.72;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.08)}.reader__wash:after{content:"";background:linear-gradient(90deg,#f8f0e980,#f8f0e933);position:absolute;inset:0}.reader__paper{width:min(1180px,100vw - 44px);height:min(790px,100vh - 44px);background:var(--reader-paper);background:radial-gradient(circle at 16% 4%, color-mix(in srgb, var(--reader-sky) 35%, transparent), transparent 27%), var(--reader-paper);height:min(790px,100dvh - 44px);color:var(--reader-ink);border:1px solid #4037401f;border-radius:34px 34px 0 0;grid-template-rows:auto 1fr auto;padding:clamp(18px,3vw,42px) clamp(20px,5vw,74px) clamp(20px,3vw,38px);display:grid;position:relative;overflow:hidden;transform:translateY(108%);box-shadow:0 -24px 90px #34283838}.reader__paper:before{content:"";background:linear-gradient(#0000,#40374014 14% 86%,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 28px #40374014}.reader__header,.reader__footer{z-index:2;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.reader__close,.reader__narrate,.page-button{cursor:pointer;background:#ffffff6b;border:1px solid #40374024}.reader__close{aspect-ratio:1;border-radius:50%;justify-self:start;place-items:center;width:48px;font-size:25px;line-height:1;display:grid}.reader__meta{color:#4037408a;letter-spacing:.13em;text-transform:uppercase;gap:16px;font-size:10px;font-weight:750;display:flex}.reader__narrate{border-radius:999px;justify-self:end;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.reader__narrate.is-active{background:#d968782e;background:color-mix(in srgb, var(--reader-accent) 22%, white)}.reader__content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,8vw,110px);min-height:0;display:grid;position:relative}.reader__identity{align-self:center}.reader__identity h2{letter-spacing:-.055em;margin:15px 0 12px;font:500 clamp(48px,6vw,88px)/.92 Georgia,serif}.reader__subtitle{color:color-mix(in srgb, var(--reader-ink) 63%, transparent);max-width:390px;margin:0;font:italic 18px/1.5 Georgia,serif}.reader__page{align-self:center}.reader__page h3{letter-spacing:-.03em;margin:0 0 20px;font:500 clamp(28px,3vw,44px)/1.1 Georgia,serif}.reader__page p{color:color-mix(in srgb, var(--reader-ink) 82%, transparent);margin:0;font:400 clamp(16px,1.45vw,20px)/1.82 Georgia,serif}.reader__footer{grid-template-columns:auto 1fr auto;gap:clamp(6px,3vw,24px)}.reader__progress-wrap{justify-items:center;gap:0;min-width:0;display:grid}.page-counter{color:color-mix(in srgb, var(--reader-ink) 58%, transparent);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750}.page-button{aspect-ratio:1;border-radius:50%;place-items:center;width:48px;font-size:20px;display:grid}[data-next],.complete-button{grid-area:1/3}.complete-button{border:1px solid color-mix(in srgb, var(--reader-accent) 40%, transparent);background:color-mix(in srgb, var(--reader-accent) 20%, white);min-height:48px;color:var(--reader-ink);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;justify-self:end;align-items:center;gap:8px;padding:0 17px;font-size:11px;font-weight:750;display:inline-flex}.complete-button[hidden]{display:none}.complete-button:disabled{opacity:.74}.page-progress{justify-content:center;gap:0;display:flex}.page-dot{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;position:relative}.page-dot:before{content:"";background:#4037402e;border-radius:99px;width:9px;height:9px;transition:width .25s,background .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-dot.is-active:before{background:var(--reader-accent);width:30px}.status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.is-travelling .library-ui{pointer-events:none;opacity:.15!important}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[inert]{pointer-events:none!important}@media (hover:hover) and (pointer:fine){.icon-button:hover{background:#fffaf5e0;transform:translateY(-1px)}.primary-button:hover{transform:translateY(-3px);box-shadow:0 24px 68px #402f432e}.story-card:hover,.story-card.is-hovered{z-index:2;background:#fffaf4f0;background:color-mix(in srgb, var(--story-sky) 46%, #fffaf4f0);transform:translateY(-7px);box-shadow:0 18px 44px #392c3c21}.story-card:hover:before,.story-card.is-hovered:before{transform:scaleX(1)}}@media (pointer:coarse){.icon-button,.reader__narrate,.language-control{min-height:48px}.icon-button,.language-control,.primary-button,.story-card,.reader__narrate{-webkit-backdrop-filter:none;backdrop-filter:none}.reader__wash{filter:saturate(.88);opacity:.58}.paper-grain{opacity:.1}}@media (max-width:1200px){.story-card{min-height:86px}.story-card__copy strong{-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;line-height:1.12;display:-webkit-box;overflow:hidden}}@media (min-width:901px) and (max-width:1200px) and (max-height:820px){.reader__paper{width:calc(100vw - 32px);height:calc(100vh - 24px);height:calc(100dvh - 24px);padding:calc(22px + env(safe-area-inset-top)) calc(38px + env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) calc(38px + env(safe-area-inset-left))}.reader__content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(36px,5vw,60px);padding-block:20px;overflow-y:auto}.reader__identity,.reader__page{align-self:start}.reader__identity h2{font-size:clamp(44px,5vw,66px)}.reader__page h3{margin-bottom:14px;font-size:clamp(30px,3vw,38px)}.reader__page p{font-size:clamp(17px,1.5vw,18px);line-height:1.65}}@media (max-width:900px){.library-ui__intro p{display:none}.library-ui{padding-inline:calc(12px + env(safe-area-inset-left)) calc(12px + env(safe-area-inset-right))}.story-strip{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 6px 4px;scroll-padding-inline:6px;display:flex;overflow:auto hidden}.story-strip::-webkit-scrollbar{display:none}.story-card-wrap{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 clamp(220px,32vw,244px);min-width:0}.story-card{min-height:86px}.reader__paper{width:calc(100vw - 18px);height:calc(100vh - 18px);height:calc(100dvh - 18px);padding:calc(18px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));border-radius:28px 28px 0 0}.reader__paper:before{display:none}.reader__content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start;align-items:start;gap:32px;padding:clamp(24px,3.5vh,36px) 4px 36px;scroll-padding-block:28px;overflow-y:auto}.reader__identity,.reader__page{align-self:start}.reader__page{max-width:40rem}.reader__identity h2{font-size:clamp(44px,14vw,70px)}.reader__subtitle{font-size:16px}.reader__page p{font-size:clamp(17px,2.4vw,19px);line-height:1.7}.reader__meta{display:none}}@media (max-width:560px){.topbar{padding-inline:calc(16px + env(safe-area-inset-left)) calc(16px + env(safe-area-inset-right))}.brand__world,.icon-button span:last-child{display:none}.brand{gap:7px}.brand__back{width:32px}.language-control select{width:70px;padding-inline:10px}.icon-button{justify-content:center;width:48px;padding:0}.welcome{top:46%}.welcome h1{font-size:clamp(49px,17vw,76px)}.welcome h1 span,.welcome h1 em{transform:none}.welcome>p{width:92%;font-size:14px}.welcome__note{font-size:10px}.library-ui__intro{padding-inline:6px}.reader__header{grid-template-columns:auto 1fr auto}.reader__footer{grid-template-rows:auto auto;grid-template-columns:48px minmax(0,1fr) 48px}.complete-button{grid-area:2/1/auto/-1;justify-self:stretch;margin-top:8px}.reader__page p{font-size:17px;line-height:1.7}}