.home-page{max-width:1040px;color:var(--ink);font:16px/1.65 var(--font-ui);margin:auto;padding:40px 24px}.home-page h1,.home-page h2,.home-page h3{font-family:var(--font-display);font-weight:600;line-height:1.35}.home-page h1{max-width:24ch;margin:0 0 16px;font-size:clamp(28px,3.2vw,40px)}.home-page h2,.home-page h3{margin:0 0 12px;font-size:20px}.home-page p{max-width:62ch;color:var(--ink-2);margin:0}.home-hero{border-top:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;padding-top:0;display:grid}.home-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.home-page .text-link{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.home-demo,.home-question{border:1px solid var(--rule);background:var(--surface);border-radius:8px;min-width:0;padding:24px}.home-demo .home-sentence{color:var(--ink);margin:16px 0;font-size:18px}.home-sentence mark{background:var(--marker);color:var(--lightningcss-light,var(--ink))var(--lightningcss-dark,var(--primary-ink));padding-inline:4px}.home-demo .home-source{margin-bottom:16px;font-size:13px}.home-page .home-hint{margin-top:8px;font-size:13px}.home-band,.home-closing{border-top:1px solid var(--rule);margin-top:40px;padding-top:24px}.home-exam{border-top:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;padding-top:0;display:grid}.home-tracks,.home-method,.home-options{margin:0;padding:0;list-style:none}.home-tracks{border-top:1px solid var(--rule)}.home-tracks li{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:24px;padding:16px 0;display:grid}.home-tracks h3{margin:0}.home-tracks p{grid-column:1/-1;margin-top:8px}.home-method{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.home-closing{border-top:3px double var(--rule);padding:24px 0 0}.home-closing .button-secondary{margin-top:16px}.home-question fieldset{border:0;min-width:0;margin:0;padding:0}.home-question legend{max-width:62ch;margin-bottom:16px;padding:0;font-weight:600}.home-options li{border-top:1px solid var(--rule)}.home-options li:last-child{border-bottom:1px solid var(--rule)}.home-option{cursor:pointer;align-items:center;gap:12px;min-height:56px;padding:8px 0;display:flex;position:relative}.home-option input{opacity:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}.home-option>span{font:inherit;color:var(--ink)}.home-option .home-bubble{border:1px solid var(--ink-2);border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:24px;font-size:14px;display:flex}.home-option input:checked+.home-bubble{background:var(--ink);color:var(--paper);border-color:var(--ink)}.home-option:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.home-option:hover{background:var(--paper)}.home-question .home-result{color:var(--ink);margin:12px 0;font-size:14px}.home-sheet{isolation:isolate;min-height:64px;font:16px/1.65 var(--font-ui);background:0 0;border-radius:8px;position:relative;overflow:hidden}.home-sheet-content{color:var(--ink);clip-path:inset(0 calc((1 - var(--home-sheet-position))*100%) 0 0);padding:12px 56px 12px 16px}.home-sheet-content p{color:inherit;overflow-wrap:anywhere;margin:0}.home-sheet[data-covered=false] .home-sheet-content{clip-path:none}.home-sheet-control{border:1px solid color-mix(in srgb,var(--sheet) 40%,var(--paper));background:color-mix(in srgb,var(--sheet) 22%,var(--paper));transform:translateX(calc(var(--home-sheet-position)*(100% - 44px)));touch-action:pan-y;cursor:ew-resize;border-radius:8px;padding:0;position:absolute;inset:0}.home-sheet-control:before{content:"";background:color-mix(in srgb,var(--sheet) 55%,var(--paper));border-radius:7px 0 0 7px;width:44px;position:absolute;inset:0 auto 0 0}.home-sheet-grip{border-inline:1px solid #fff;width:8px;height:24px;position:absolute;top:calc(50% - 12px);left:18px}.home-sheet:has(.home-sheet-control:focus-visible){outline:2px solid var(--primary);outline-offset:3px}.home-sheet-control:focus-visible{outline:none}@media (max-width:700px){.home-page{padding:24px 16px 40px}.home-hero,.home-exam,.home-method{grid-template-columns:minmax(0,1fr);gap:24px}.home-demo,.home-question{padding:16px}.home-band,.home-closing{margin-top:24px}.home-tracks li{column-gap:12px}}.home-notebook{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;display:grid}.home-aging{align-items:flex-end;gap:14px;display:flex}.home-paper{--paper:#fbfaf6;--edge:#b8ab90;--lines:#a99b7e;--fold:#e8e2d3;background:var(--paper);border:1px solid var(--edge);width:64px;height:82px;box-shadow:1px 2px 0 var(--edge);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);display:block;position:relative}.home-paper:after{content:"";background:var(--fold);border-left:1px solid var(--edge);border-bottom:1px solid var(--edge);width:13px;height:13px;position:absolute;top:0;right:0}.home-paper i{background:repeating-linear-gradient(to bottom,var(--lines) 0 1px,transparent 1px 10px);height:26px;position:absolute;top:30px;left:10px;right:10px}.home-paper[data-tone="1"]{--paper:#f1e8d2;--edge:#ab9977;--lines:#a18e6b;--fold:#dfd0ae}.home-paper[data-tone="2"]{--paper:#e5d6b5;--edge:#a28b61;--lines:#927b51;--fold:#d1bc90}.home-paper[data-tone="3"]{--paper:#d8c293;--edge:#91764c;--lines:#80683f;--fold:#c4ab78}.home-paper[data-tone="4"]{--paper:#c9ae76;--edge:#82663b;--lines:#715731;--fold:#b89a62}@media (max-width:700px){.home-notebook{grid-template-columns:1fr}.home-aging{gap:10px}}.story{--k:1;border:1px solid var(--rule);background:var(--surface);border-radius:14px;margin-top:40px;padding:0 clamp(16px,3vw,32px)}.story[data-fast]{--k:.3}.chapter{padding:36px 0;position:relative}.chapter .stage{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:40px;min-height:340px;display:grid}.story[data-carousel] .story-slides{touch-action:pan-y;display:grid;overflow:hidden}.story[data-carousel] .story-slide{opacity:0;visibility:hidden;grid-area:1/1;min-width:0;transition:opacity .25s,transform .25s,visibility .25s;transform:translate(16px)}.story[data-carousel] .story-slide[data-active]{opacity:1;visibility:visible;transform:none}.story-controls,.story-dots{justify-content:center;align-items:center;gap:4px;display:flex}.story-controls{border-top:1px solid var(--rule);padding:4px 0}.story-controls button{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.story-controls button:focus-visible{outline:2px solid var(--primary);outline-offset:-3px}.story-dots span{border:1px solid var(--ink-2);border-radius:50%;width:9px;height:9px}.story-dots [aria-current=true] span{background:var(--sheet);border-color:var(--sheet)}.stage-text h2{max-width:16ch;margin-bottom:16px;font-size:clamp(24px,3vw,34px)}.stage-art{min-width:0;position:relative}.home-page .stage-text p{font-size:17px}.read-art{gap:20px;display:grid}.read-page{background:var(--surface);border:1px solid var(--rule);box-shadow:1px 2px 0 var(--rule);border-radius:8px;gap:14px;padding:24px;display:grid}.read-page p{color:var(--ink);font-size:16px}.read-page mark{isolation:isolate;color:inherit;background:0 0;padding-inline:2px;position:relative}.read-page mark:before{content:"";background:var(--marker);z-index:-1;transform-origin:0;position:absolute;inset:35% 0 5%}.read-book{border:1px solid var(--rule);background:color-mix(in srgb,var(--marker) 14%,var(--paper));border-radius:8px;flex-wrap:wrap;gap:8px;padding:16px 20px;display:flex;position:relative}.read-book b{color:var(--ink-2);flex:1 0 100%;font-size:13px;font-weight:600}.read-book span{background:var(--surface);border:1px solid var(--rule);border-radius:999px;padding:2px 10px;font-size:14px}.cover-art{padding:8px 0;position:relative;overflow:hidden}.cover-list{margin:0;padding:0;list-style:none;display:grid}.cover-list li{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:baseline;gap:16px;padding:16px 8px;font-size:17px;display:grid}.cover-list li:first-child{border-top:1px solid var(--rule)}.cover-list span{color:var(--ink);font-weight:600}.cover-list em{color:var(--ink-2);font-style:normal}.cover-sheet{background:color-mix(in srgb,var(--sheet) 78%,var(--paper));border:1px solid color-mix(in srgb,var(--sheet) 60%,var(--paper));width:calc(54.5% + 8px);box-shadow:-2px 0 0 color-mix(in srgb,var(--sheet) 55%,var(--paper));border-radius:8px;position:absolute;top:0;bottom:0;right:0;transform:translate(110%)}.note-art{justify-items:center;gap:28px;display:grid}.note-page{width:min(100%,320px);color:var(--ink);background:#c9ae76 repeating-linear-gradient(#0000 0 27px,#a99b7e66 27px 28px);border:1px solid #82663b;gap:8px;padding:20px 22px 24px;display:grid;position:relative;box-shadow:1px 2px #82663b}.note-page:before{content:"";opacity:0;pointer-events:none;background:#fbfaf6;position:absolute;inset:0}.note-page>*{position:relative}.note-page b{font-size:18px}.note-page q{quotes:none;color:var(--ink-2);border-top:1px dashed #82663b80;padding-top:6px;font-size:14px}.note-shelf{border-bottom:6px solid #b8ab90;justify-content:center;align-items:flex-end;gap:10px;min-width:min(100%,320px);padding:0 20px 10px;display:flex}.note-book{background:var(--primary);color:#fff;border-radius:3px 6px 6px 3px;justify-content:center;align-items:center;width:46px;height:132px;display:flex;box-shadow:inset 5px 0 #ffffff2e}.note-book[data-i="1"]{background:#2f6b4f;height:118px}.note-book[data-i="2"]{background:#8a4a3a;height:140px}.note-book em{writing-mode:vertical-rl;letter-spacing:.06em;white-space:nowrap;font-size:12px;font-style:normal}.note-book[data-i="0"]{transform:translateY(-26px)rotate(-6deg)}.search-art{gap:16px;display:grid}.search-box{border:1px solid var(--ink-2);background:var(--surface);border-radius:999px;align-items:center;min-height:52px;padding:0 18px;font-size:20px;font-weight:600;display:flex}.search-box i{background:var(--primary);width:2px;height:24px;margin-left:3px}.search-art ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.search-art li{border:1px solid var(--rule);background:var(--surface);border-radius:8px;align-items:baseline;gap:12px;padding:12px 18px;display:flex}.search-art small{color:var(--ink-2);flex:0 0 3.5em;font-size:13px}.yours-art{justify-items:center;display:grid}.yours-poster{aspect-ratio:4/5;border:1px solid var(--rule);background:var(--surface);width:min(100%,300px);box-shadow:2px 4px 0 var(--rule);background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--grid) 31px 32px);border-left:3px double var(--sheet);flex-direction:column;justify-content:space-between;padding:28px 26px;display:flex}.yours-poster p{color:var(--ink);font-size:22px;line-height:1.7}.yours-poster mark{color:inherit;background:var(--marker)}.yours-poster dl{gap:24px;margin:0;display:flex}.yours-poster dl div{flex-direction:column;display:flex}.yours-poster dd{order:-1;margin:0;font-size:28px;font-weight:600}.yours-poster dt{color:var(--ink-2);font-size:12px}.story[data-carousel] [data-active] .read-page mark:before{animation:story-mark calc(.7s*var(--k)) calc((.2s + var(--i)*.45s)*var(--k)) both}.story[data-carousel] [data-active] .read-book span{animation:story-term calc(.7s*var(--k)) calc((.8s + var(--i)*.45s)*var(--k)) both}.story[data-carousel] [data-active] .cover-sheet{animation:story-uncover calc(2.8s*var(--k)) calc(.3s*var(--k)) both}.story[data-carousel] [data-active] .note-page{animation:story-page calc(.8s*var(--k)) both}.story[data-carousel] [data-active] .note-page:before{animation:story-age calc(2s*var(--k)) calc(.5s*var(--k)) both}.story[data-carousel] [data-active] .note-book{animation:story-book calc(.6s*var(--k)) calc((2s + var(--i)*.2s)*var(--k)) both}.story[data-carousel] [data-active] .note-book[data-i="0"]{animation:story-pull calc(3.8s*var(--k)) both}.story[data-carousel] [data-active] .search-box span{animation:story-appear calc(.1s*var(--k)) calc((.2s + var(--i)*.35s)*var(--k)) both}.story[data-carousel] [data-active] .search-art li{animation:story-page calc(.6s*var(--k)) calc((1.4s + var(--i)*.35s)*var(--k)) both}.story[data-carousel] [data-active] .yours-poster{animation:story-poster calc(2s*var(--k)) both}.story[data-halt] .stage-art *,.story[data-halt] .stage-art :before{animation-play-state:paused!important}@keyframes story-mark{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes story-term{0%{opacity:0;transform:translateY(-70px)scale(1.25)}to{opacity:1;transform:none}}@keyframes story-uncover{0%{transform:translate(0)}to{transform:translate(110%)}}@keyframes story-page{0%{opacity:0;transform:translateY(-24px)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes story-age{0%{opacity:1}to{opacity:0}}@keyframes story-book{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes story-pull{0%,50%{opacity:0;transform:translateY(60px)}65%,75%{opacity:1;transform:none}to{opacity:1;transform:translateY(-26px)rotate(-6deg)}}@keyframes story-appear{0%{opacity:0}to{opacity:1}}@keyframes story-poster{0%{opacity:.3;transform:perspective(900px)rotateY(40deg)rotate(6deg)translateY(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.story[data-carousel] .story-slides{display:block}.story[data-carousel] .story-slide{opacity:1;visibility:visible;transition:none;transform:none}.story-controls{display:none}.story .stage-art *,.story .stage-art :before{animation:none!important}}.home-hero h1,.home-hero .home-actions{animation:.7s cubic-bezier(.2,.7,.2,1) both home-rise}.home-hero p{animation:.7s cubic-bezier(.2,.7,.2,1) .12s both home-rise}.home-hero .home-actions{animation-delay:.24s}.home-demo .home-sentence mark{background:linear-gradient(var(--marker),var(--marker)) 0 88%/0 100% no-repeat;animation:.8s ease-out .5s forwards home-mark}@keyframes home-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes home-mark{to{background-size:100% 100%}}@media (prefers-reduced-motion:reduce){.home-hero h1,.home-hero p,.home-hero .home-actions{animation:none}.home-demo .home-sentence mark{background:var(--marker);animation:none}}@media (max-width:800px){.chapter .stage{grid-template-columns:minmax(0,1fr);align-content:center;gap:20px;min-height:0}.stage-text h2{margin-bottom:8px;font-size:22px}.home-page .stage-text p{font-size:15px}.note-book{width:40px;height:100px!important}.yours-poster{width:min(100%,240px)}.cover-list li{padding:11px 6px;font-size:15px}.read-page{gap:10px;padding:16px}.read-page p{font-size:14px}}.home-invite{margin:12px 0 0;font-size:.85em}.portal-features,.portal-releases{margin:0;padding:0;list-style:none}.portal-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;display:grid}.portal-features li{border-top:1px solid var(--rule);min-width:0;padding:16px 0}.portal-features h3{margin-bottom:6px;font-size:17px}.portal-features .text-link{overflow-wrap:anywhere}.portal-releases{margin-top:32px}.portal-releases>li{border-top:1px solid var(--rule);padding:24px 0}.portal-releases time{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:13px;display:block}.portal-tags{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.portal-tags li{border:1px solid var(--rule);border-left:3px solid var(--sheet);background:var(--surface);padding:2px 10px;font-size:12px}@media (max-width:700px){.portal-features{grid-template-columns:1fr}}@media (max-width:480px){.story-controls{flex-wrap:wrap}.story-dots{flex-basis:100%;order:-1}}.friend-links{border-top:1px solid var(--rule);margin-top:40px;padding-top:20px}.friend-links h2{letter-spacing:.04em;color:var(--ink-2);margin:0 0 8px!important;font-size:13px!important}.friend-links a{border:1px solid var(--rule);background:var(--surface);max-width:420px;color:var(--ink);border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;text-decoration:none;display:flex}.friend-links a:hover{border-color:var(--primary)}.friend-links span{color:var(--ink-2);font-size:14px}