:root{font-family:Arial,Helvetica,sans-serif;color:#d6dfd8;background:#030505;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,.file-button:focus-within{outline:2px solid #bee2c9;outline-offset:5px}button{border:1px solid #37443d;background:#0c110f;padding:12px 17px;border-radius:2px}button:hover{background:#1b2621;border-color:#829889}a{color:inherit}main{height:100svh;min-height:540px;position:relative;overflow:hidden}.scene{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.scene canvas{display:block;width:100%;height:100%}.top{position:absolute;left:42px;right:42px;top:30px;display:flex;justify-content:space-between;align-items:start;z-index:2}.wordmark{text-decoration:none;font-size:12px;letter-spacing:1.5px;font-weight:500}.wordmark span{display:block;font-size:9px;letter-spacing:1.8px;color:#91a098;margin-top:9px}.text-button{border:0;background:none;font-size:12px;padding:0 0 8px}.text-button span{margin-left:20px}.entrance{position:absolute;left:7vw;bottom:17%;max-width:590px;text-shadow:0 2px 22px #000;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:400;color:#9eafa5}.entrance h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,5.3vw,80px);font-weight:400;line-height:1.05;letter-spacing:-2.8px;margin:25px 0}.entrance h1 em,h2 em{font-weight:400;color:#b2c7b8}.intro{font-size:15px;line-height:1.7;color:#b4c3b9;margin-bottom:27px}.entry-actions{display:flex;gap:18px;align-items:center;pointer-events:auto}.primary{background:#d5e3d6;color:#13221b;border-color:#d5e3d6;padding:16px 21px;font-size:12px}.primary:hover{background:#eef5ed;color:#13221b}.primary span{margin-left:22px}.silent{background:transparent;border:0;font-size:11px;text-decoration:underline;text-underline-offset:5px;padding:14px 0}.entry-note{font-size:10px;color:#84978b;letter-spacing:.4px;margin-top:20px}.landing-footer{position:absolute;bottom:27px;left:42px;right:42px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#87968e}.reading{position:absolute;left:42px;bottom:130px;display:flex;gap:64px;pointer-events:none}.reading span{font-size:9px;letter-spacing:2px;color:#9fafa4}.reading p{font:italic 32px Georgia,serif;margin:12px 0 0;color:#bfddcd}.reading div:nth-child(2) p{color:#c5b8dc}.navigation-hint{position:absolute;bottom:102px;right:42px;font-size:10px;color:#8b9a92;letter-spacing:.5px}.toolbar{position:absolute;bottom:28px;left:42px;right:42px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #28322c;padding-top:18px}.controls{display:flex;gap:8px;flex-wrap:wrap}.controls button{font-size:10px;background:#070c09c9;padding:10px 12px;border:1px solid #2b3930}.controls button:hover{background:#22312a}.controls button[aria-pressed=true]{border-color:#768c7b}.counter{font-size:9px;letter-spacing:1.3px;white-space:nowrap;color:#9daaa2}.immersive .chrome{display:none}.restore{position:absolute;right:20px;bottom:20px;font-size:10px;opacity:.5}.restore:hover,.restore:focus{opacity:1}.notice{position:absolute;top:95px;left:50%;transform:translate(-50%);width:min(520px,90%);background:#263028;border:1px solid #6d8274;padding:15px;font-size:12px;line-height:1.5;z-index:5}.notice button{margin-left:12px;font-size:10px}dialog{width:min(590px,calc(100% - 30px));max-height:85svh;overflow:auto;background:#0d1410;color:#bdcbbf;border:1px solid #384a3d;padding:32px;box-shadow:0 30px 100px #000}dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.dialog-top button{font-size:11px;padding:8px 12px}h2{font:400 44px/1.07 Georgia,serif;letter-spacing:-1px;color:#d9e4db;margin:28px 0}dialog p{font-size:13px;line-height:1.75}dialog strong{color:#d9e4db;font-weight:500}.setting{display:flex;justify-content:space-between;gap:18px;border-block:1px solid #2b3c30;padding:20px 0;margin:25px 0;font-size:12px}.setting input{width:45%;accent-color:#b6d2bb}.corpus{margin:22px 0}.file-button{position:relative;display:inline-block;padding:10px 13px;font-size:12px;border:1px solid #536957;overflow:hidden;cursor:pointer}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.corpus button{font-size:11px;margin-left:10px}.corpus small{display:block;color:#8d9d91;font-size:11px;line-height:1.6;margin-top:12px}details{padding:18px 0;border-block:1px solid #2b3c30;font-size:12px}summary{cursor:pointer}details a{font-size:12px}.keyboard{color:#8d9d91;font-size:11px!important}@media(min-width:1000px){main:not(.entered) .scene{left:20%;width:90%}}@media(max-width:700px){main{min-height:480px}.top{left:22px;right:22px;top:23px}.wordmark{font-size:10px;letter-spacing:1px}.wordmark span{font-size:8px}.entrance{left:25px;right:25px;bottom:15%;max-width:450px}.entrance h1{font-size:clamp(43px,10vw,68px);letter-spacing:-1.8px}.eyebrow{font-size:8px}.intro{font-size:13px}.entry-actions{gap:14px;flex-wrap:wrap}.primary{font-size:11px;padding:15px}.silent{font-size:10px}.landing-footer{left:25px;right:25px;font-size:8px;line-height:1.8;gap:20px}.landing-footer span:last-child{text-align:right}.reading{left:24px;bottom:172px;gap:40px}.reading p{font-size:25px}.toolbar{left:22px;right:22px;bottom:20px;align-items:end;gap:8px}.controls{max-width:290px;gap:6px}.controls button{font-size:9px;padding:10px}.counter{font-size:8px;max-width:75px;white-space:normal;line-height:1.7}.navigation-hint{left:24px;right:auto;bottom:147px;font-size:9px}dialog{padding:23px}.setting{font-size:11px}.entry-note{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}main:not(.entered) .scene{opacity:.48}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--gutter:42px}html{-webkit-text-size-adjust:100%}main{height:100vh;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}main:not(.entered){overflow-y:auto;overflow-x:hidden;grid-template-rows:auto 1fr auto}.top{position:relative;inset:auto;margin:calc(20px + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) 0 calc(var(--gutter) + var(--safe-left));gap:16px;align-items:center;min-width:0}.wordmark{display:flex;flex-direction:column;justify-content:center;min-height:44px;min-width:0;line-height:1.5;overflow-wrap:anywhere}.wordmark span{margin-top:3px}.text-button{min-width:66px;min-height:44px;padding:10px 0;flex-shrink:0}.entrance{position:relative;inset:auto;align-self:end;margin:24px calc(7vw + var(--safe-right)) 5vh calc(7vw + var(--safe-left));max-width:590px}.entry-actions button{min-height:44px}.landing-footer{position:relative;inset:auto;margin:0 calc(var(--gutter) + var(--safe-right)) calc(22px + var(--safe-bottom)) calc(var(--gutter) + var(--safe-left));gap:20px;line-height:1.6}.experience-hud{position:absolute;bottom:calc(20px + var(--safe-bottom));left:calc(var(--gutter) + var(--safe-left));right:calc(var(--gutter) + var(--safe-right));display:grid;gap:15px;pointer-events:none}.experience-hud .reading{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;max-width:480px}.reading div{min-width:0}.reading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.experience-hud .navigation-hint{position:static;justify-self:end;line-height:1.5}.experience-hud .toolbar{position:static;min-width:0;padding-top:12px;gap:14px;pointer-events:auto}.controls{min-width:0;max-width:none}.controls button{min-height:44px;min-width:44px;font-size:11px}.restore{min-height:44px;right:calc(16px + var(--safe-right));bottom:calc(16px + var(--safe-bottom));opacity:.85}.notice{top:calc(90px + var(--safe-top));max-height:calc(100dvh - 120px - var(--safe-top) - var(--safe-bottom));overflow:auto}.notice button{min-height:44px}dialog{max-width:calc(100% - 30px - var(--safe-left) - var(--safe-right));max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;overflow-wrap:anywhere}.dialog-top{position:sticky;top:-1px;background:#0d1410;z-index:1;min-height:44px}.dialog-top button,.corpus button,.file-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.setting input{min-height:44px;margin:0}summary{min-height:44px;align-content:center}@media(min-width:1000px){main:not(.entered) .scene{left:20%;width:80%}}@media(max-width:700px){:root{--gutter:20px}.top{margin-top:calc(12px + var(--safe-top));gap:12px}.wordmark{font-size:9px;letter-spacing:.8px}.wordmark span{font-size:7.5px;letter-spacing:1px}.text-button{font-size:12px}.text-button span{margin-left:8px}.entrance{margin:22px calc(24px + var(--safe-right)) 5vh calc(24px + var(--safe-left));max-width:none}.entrance h1{font-size:clamp(38px,10vw,62px);margin:20px 0;letter-spacing:-1.7px}.entry-actions{gap:6px 16px}.entry-note{line-height:1.5}.landing-footer{font-size:8px;margin-bottom:calc(16px + var(--safe-bottom));gap:16px}.experience-hud{bottom:calc(14px + var(--safe-bottom));gap:12px}.experience-hud .reading{max-width:none;gap:16px}.reading p{font-size:25px;margin-top:8px}.experience-hud .navigation-hint{justify-self:start;font-size:10px}.experience-hud .toolbar{display:grid;gap:10px;justify-content:stretch}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.controls button{padding:8px 6px;font-size:11px;line-height:1.3}.controls button:last-child{grid-column:span 2}.counter{max-width:none;justify-self:end;white-space:nowrap;font-size:8px}dialog{padding:20px}.setting{align-items:center;flex-wrap:wrap}}@media(max-height:500px)and (orientation:landscape){:root{--gutter:20px}.top{margin-top:calc(6px + var(--safe-top));gap:16px}.wordmark{font-size:9px}.wordmark span{font-size:7px}.entrance{align-self:center;margin:8px calc(24px + var(--safe-right)) 12px calc(24px + var(--safe-left));max-width:none}.entrance h1{font-size:34px;line-height:1;letter-spacing:-1px;margin:10px 0}.entrance .eyebrow{font-size:8px;margin:0}.intro{font-size:12px;line-height:1.4;margin:10px 0}.intro br{display:none}.entry-actions{gap:16px}.entry-actions button{font-size:11px;padding:10px 16px}.entry-note{display:none}.landing-footer{font-size:7px;margin-bottom:calc(8px + var(--safe-bottom))}.experience-hud{gap:8px;bottom:calc(8px + var(--safe-bottom))}.experience-hud .reading{max-width:360px;gap:20px}.reading p{font-size:21px;margin-top:4px}.reading span{font-size:8px}.experience-hud .navigation-hint{display:none}.experience-hud .toolbar{display:block;padding-top:8px}.controls{display:flex;flex-wrap:wrap;gap:7px}.controls button{font-size:10px;padding:8px 10px;flex:1}.counter{display:none}dialog{padding:16px 22px}h2{font-size:32px;margin:16px 0}}dialog{--dialog-padding:32px;padding:var(--dialog-padding)}.dialog-top{top:calc(-1 * var(--dialog-padding));margin:calc(-1 * var(--dialog-padding)) calc(-1 * var(--dialog-padding)) 0;padding:14px var(--dialog-padding);border-bottom:1px solid #28372d}@media(max-width:700px){dialog{--dialog-padding:20px}}@media(max-height:500px)and (orientation:landscape){dialog{--dialog-padding:16px}}