*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#080a0e;color:#f4f1ea}button,input{font:inherit}button{cursor:pointer}.is-hidden{display:none!important}:root{--accent:#ff6b57;--accent2:#ffb357;--ink:#f5f1e8;--muted:#8f96a3;--panel:#10141c;--paper:#f2efe7;--black:#090b10}.boot{position:fixed;inset:0;overflow:hidden;background:#07090d;display:grid;place-items:center;z-index:50}.boot-grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;transform:perspective(700px) rotateX(62deg) translateY(20%);animation:gridDrift 7s linear infinite}.boot-scan{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(255,100,70,.08) 50%,transparent 60%);animation:scan 4s ease-in-out infinite}.boot-copy{position:relative;text-align:center;max-width:760px;padding:38px}.eyebrow{letter-spacing:.28em;font-size:11px;color:#aab0bb}.boot-1001{font-size:clamp(110px,22vw,270px);line-height:.75;font-weight:1000;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.25);position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:-1}.boot h1{font-size:clamp(48px,9vw,112px);line-height:.82;letter-spacing:-.07em;margin:28px 0 18px}.boot p{color:#aeb4bd;max-width:500px;margin:0 auto 30px;font-size:18px}.enter-btn{border:0;background:var(--accent);color:#090b10;font-weight:900;letter-spacing:.13em;padding:17px 24px;border-radius:4px;box-shadow:0 0 0 0 rgba(255,107,87,.45);animation:pulse 2s infinite}.enter-btn span{margin-left:30px}.topbar{height:68px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:0 22px;background:rgba(8,10,14,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:baseline;gap:10px;flex:1}.brand b{font-size:23px}.brand span{font-size:11px;letter-spacing:.16em;color:#aab1bc}.icon-btn,.chip{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:inherit;border-radius:8px;height:38px;min-width:38px}.icon-btn:hover,.chip:hover{border-color:var(--accent);transform:translateY(-1px)}.chip{padding:0 12px;font-size:10px;font-weight:800;letter-spacing:.12em}.top-actions{display:flex;gap:8px}.progress{position:fixed;z-index:21;top:67px;left:0;right:0;height:2px;background:rgba(255,255,255,.05)}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 14px var(--accent);transition:width .5s cubic-bezier(.2,.8,.2,1)}.stage{min-height:100vh;padding:110px 22px 110px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 15%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 35%),#090b10}.ambient{pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient i{position:absolute;border-radius:999px;filter:blur(45px);opacity:.08;background:var(--accent);animation:float 12s ease-in-out infinite}.ambient i:nth-child(1){width:260px;height:260px;left:-80px;top:16%}.ambient i:nth-child(2){width:180px;height:180px;right:4%;top:20%;animation-delay:-4s}.ambient i:nth-child(3){width:320px;height:320px;right:-120px;bottom:5%;animation-delay:-7s}.ambient i:nth-child(4){width:140px;height:140px;left:42%;bottom:8%;animation-delay:-2s}.reader{max-width:1040px;margin:0 auto;position:relative}.realita-shell{display:grid;grid-template-columns:90px minmax(0,1fr);gap:26px;align-items:start}.number-rail{position:sticky;top:105px}.num{font-size:14px;font-weight:900;letter-spacing:.12em;color:var(--accent)}.vertical{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.24em;color:#626a78;margin:24px 0}.section-dot{width:10px;height:10px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 20px var(--accent)}.card{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:clamp(26px,5vw,62px);box-shadow:0 32px 90px rgba(0,0,0,.35);overflow:hidden;transform-style:preserve-3d}.card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent2),transparent)}.meta-line{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.meta-pill{font-size:9px;font-weight:850;letter-spacing:.13em;border:1px solid rgba(255,255,255,.13);padding:7px 9px;border-radius:999px;color:#bac1cc}.meta-pill.accent{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent)}.card h1{font-size:clamp(34px,6vw,68px);line-height:.98;letter-spacing:-.045em;margin:0 0 30px;max-width:900px}.content-prose{font-family:Georgia,"Times New Roman",serif;font-size:clamp(17px,2vw,21px);line-height:1.72;color:#d7d6d2;white-space:pre-wrap}.content-prose strong{color:#fff}.source-exact{display:none;margin-top:28px;padding:18px;border:1px dashed rgba(255,255,255,.16);border-radius:10px;background:#080a0e;color:#aeb6c2;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.source-exact.show{display:block;animation:reveal .35s ease}.interaction-bar{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);display:flex;flex-wrap:wrap;gap:9px}.action-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:#dfe3ea;padding:11px 13px;border-radius:9px;font-weight:750;font-size:11px;letter-spacing:.07em}.action-btn:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent)}.action-btn.active{background:var(--accent);border-color:var(--accent);color:#090b10}.note-box{margin-top:16px;display:none}.note-box.show{display:block;animation:reveal .3s ease}.note-box textarea{width:100%;min-height:105px;background:#080b10;color:#eef0f3;border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:14px;resize:vertical}.section-intro{min-height:66vh;display:grid;place-items:center;text-align:center}.section-intro .big{font-size:clamp(86px,18vw,240px);font-weight:1000;line-height:.75;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--accent) 50%,transparent);letter-spacing:-.08em}.section-intro h1{font-size:clamp(38px,7vw,82px);line-height:.95;letter-spacing:-.05em;max-width:850px;margin:-20px auto 20px}.section-intro p{max-width:720px;margin:auto;color:#b3bac5;font-size:19px;line-height:1.6}.section-intro button{margin-top:30px}.bottom-nav{position:fixed;z-index:19;left:50%;bottom:18px;transform:translateX(-50%);display:grid;grid-template-columns:1fr 120px 1fr;background:rgba(13,16,22,.82);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.4);overflow:hidden}.bottom-nav button{border:0;background:transparent;color:#e8eaed;height:58px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:10px}.bottom-nav button+button{border-left:1px solid rgba(255,255,255,.08)}.bottom-nav button:hover{background:rgba(255,255,255,.05)}.bottom-nav small{font-size:9px;letter-spacing:.12em}.center-nav span{font-size:23px;color:var(--accent)}.sidebar{position:fixed;z-index:41;left:0;top:0;bottom:0;width:min(430px,92vw);background:#0d1118;border-right:1px solid rgba(255,255,255,.1);box-shadow:40px 0 100px rgba(0,0,0,.5);padding:20px;transform:translateX(-105%);transition:transform .48s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}.sidebar.open{transform:none}.overlay{position:fixed;z-index:40;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.3s}.overlay.open{opacity:1;visibility:visible}.side-head,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.side-head small,.modal-head small{color:#687181;letter-spacing:.16em;font-size:9px}.side-head h2,.modal-head h2{margin:3px 0 0}.search-wrap{margin-top:18px;position:relative}.search-wrap input{width:100%;background:#080b10;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:13px 42px 13px 14px;outline:0}.search-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.search-wrap kbd{position:absolute;right:12px;top:10px;border:1px solid rgba(255,255,255,.12);padding:3px 7px;border-radius:5px;color:#7c8491}.side-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:14px 0}.side-tabs button{border:0;background:#141924;color:#76808d;padding:10px 6px;font-size:9px;font-weight:850;letter-spacing:.1em}.side-tabs button.active{background:var(--accent);color:#0b0d12}.side-content{overflow:auto;flex:1;padding-right:4px}.section-link,.search-hit,.bookmark-hit{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#dde1e7;padding:13px 5px}.section-link b{display:block;font-size:12px;line-height:1.25}.section-link small,.search-hit small,.bookmark-hit small{color:#687180;font-size:9px}.section-link:hover,.search-hit:hover,.bookmark-hit:hover{color:var(--accent)}.side-foot{display:grid;gap:8px;margin-top:10px}.wide-btn{border:0;background:var(--accent);color:#090b10;text-align:center;text-decoration:none;font-weight:900;font-size:10px;letter-spacing:.1em;border-radius:8px;padding:13px}.wide-btn.ghost{background:#171c26;color:#c9ced7}.wide-btn.danger{background:#55252a;color:#ffd5d5;width:100%;margin-top:10px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{padding:16px;background:#151a23;border-radius:10px}.stat b{font-size:24px;display:block}.stat small{color:#77808f}.modal{position:fixed;z-index:60;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.3s}.modal.open{opacity:1;visibility:visible}.modal-card{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#0d1118;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px;box-shadow:0 50px 120px rgba(0,0,0,.65);transform:translateY(20px) scale(.98);transition:.35s}.modal.open .modal-card{transform:none}.source-toolbar{position:sticky;top:-22px;z-index:2;margin:15px -22px 0;padding:12px 22px;background:#0d1118;border-block:1px solid rgba(255,255,255,.08);display:flex;justify-content:center;gap:10px;align-items:center}.source-toolbar button{background:#1b212c;color:#fff;border:0;border-radius:6px;padding:8px 12px}.source-toolbar input{width:72px;background:#080a0e;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:6px;padding:7px}.source-page{white-space:pre-wrap;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:#cbd0d8;padding:28px 6px 60px}.settings-card{max-width:620px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.setting-row small{display:block;color:#747e8b;margin-top:4px}.switch input{display:none}.switch i{display:block;width:48px;height:27px;border-radius:999px;background:#262c36;position:relative}.switch i:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#9098a4;left:3px;top:3px;transition:.25s}.switch input:checked+i{background:color-mix(in srgb,var(--accent) 60%,#222)}.switch input:checked+i:after{left:24px;background:#fff}.toast{position:fixed;z-index:80;left:50%;top:88px;transform:translate(-50%,-15px);background:#f4f1ea;color:#11151b;padding:11px 15px;border-radius:9px;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.particle-layer{position:fixed;z-index:79;inset:0;pointer-events:none}.particle{position:absolute;width:5px;height:5px;background:var(--accent);border-radius:50%;animation:particle .75s ease-out forwards}.boss-mode{position:fixed;z-index:100;inset:0;background:#fff;color:#222;display:none;font-family:Arial,sans-serif}.boss-mode.open{display:block;animation:boss .22s ease}.sheetbar{height:48px;background:#18733c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.sheetbar button{border:0;background:rgba(255,255,255,.15);color:#fff;padding:7px 11px}.formula{height:37px;border-bottom:1px solid #ccc;padding:8px 14px;font-size:13px}.sheet{display:grid;grid-template-columns:60px repeat(8,1fr);font-size:12px}.cell{height:32px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:7px;overflow:hidden}.cell.head{background:#f3f3f3;font-weight:bold;text-align:center}.ripple{position:fixed;z-index:78;border:1px solid var(--accent);border-radius:50%;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none;animation:ripple .55s ease-out forwards}
/* page transition signatures */
.motion-stamp .card{animation:stampIn .62s cubic-bezier(.2,.9,.2,1)}.motion-glitch .card{animation:glitchIn .58s steps(7)}.motion-elevator .card{animation:elevatorIn .7s cubic-bezier(.16,1,.3,1)}.motion-paper .card{animation:paperIn .68s cubic-bezier(.2,.8,.2,1)}.motion-scan .card{animation:scanIn .65s ease}.motion-clock .card{animation:clockIn .7s cubic-bezier(.2,.8,.2,1)}.motion-terminal .card{animation:terminalIn .58s steps(12)}.motion-flip .card{animation:flipIn .72s cubic-bezier(.2,.7,.2,1)}.motion-shutter .card{animation:shutterIn .56s cubic-bezier(.2,.8,.2,1)}.motion-zoom .card{animation:zoomIn .58s cubic-bezier(.16,1,.3,1)}.motion-swipe .card{animation:swipeIn .65s cubic-bezier(.2,.8,.2,1)}.motion-flicker .card{animation:flickerIn .65s linear}.motion-fold .card{animation:foldIn .72s cubic-bezier(.16,1,.3,1)}.motion-wave .card{animation:waveIn .65s cubic-bezier(.2,.8,.2,1)}
@keyframes gridDrift{to{transform:perspective(700px) rotateX(62deg) translateY(28%) translateX(46px)}}@keyframes scan{0%,100%{transform:translateY(-60%)}50%{transform:translateY(60%)}}@keyframes pulse{50%{box-shadow:0 0 0 14px rgba(255,107,87,0)}}@keyframes float{50%{transform:translate(30px,-25px) scale(1.12)}}@keyframes reveal{from{opacity:0;transform:translateY(-6px)}}@keyframes particle{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@keyframes ripple{to{width:180px;height:180px;opacity:0}}@keyframes boss{from{opacity:0;transform:scale(1.02)}}@keyframes stampIn{0%{opacity:0;transform:scale(1.35) rotate(-2deg)}70%{transform:scale(.98)}100%{opacity:1;transform:none}}@keyframes glitchIn{0%{opacity:0;transform:translate(28px,-8px);clip-path:inset(0 0 70%)}30%{opacity:1;transform:translate(-12px,4px);clip-path:inset(30% 0 30%)}60%{transform:translate(8px,-2px);clip-path:inset(65% 0 0)}100%{transform:none;clip-path:inset(0)}}@keyframes elevatorIn{from{opacity:0;transform:translateY(65vh) scale(.96)}}@keyframes paperIn{from{opacity:0;transform:perspective(900px) rotateX(14deg) translateY(70px)}}@keyframes scanIn{from{opacity:.1;filter:blur(14px) brightness(2);transform:scaleX(.7)}}@keyframes clockIn{from{opacity:0;transform:rotate(-3deg) translateX(-45px);transform-origin:0 100%}}@keyframes terminalIn{0%{opacity:0;filter:contrast(2)}25%{opacity:.4}50%{opacity:.1}75%{opacity:.8}100%{opacity:1}}@keyframes flipIn{from{opacity:0;transform:perspective(1200px) rotateY(-28deg) translateX(-45px)}}@keyframes shutterIn{from{opacity:0;clip-path:inset(48% 0 48%)}to{clip-path:inset(0)}}@keyframes zoomIn{from{opacity:0;transform:scale(.82);filter:blur(10px)}}@keyframes swipeIn{from{opacity:0;transform:translateX(120px) skewX(-5deg)}}@keyframes flickerIn{0%{opacity:0}10%{opacity:.9}15%{opacity:.1}30%{opacity:.75}36%{opacity:.2}55%,100%{opacity:1}}@keyframes foldIn{from{opacity:0;transform:perspective(1000px) rotateX(-22deg) rotateY(8deg);transform-origin:top left}}@keyframes waveIn{from{opacity:0;transform:translateY(30px) scaleX(.93);filter:blur(5px)}}
body.light{background:#ece9e1;color:#10131a}body.light .stage{background:radial-gradient(circle at 70% 15%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 36%),#e9e6df}body.light .topbar,body.light .bottom-nav{background:rgba(244,241,234,.88);color:#10131a}body.light .brand span{color:#5f6671}body.light .card{background:rgba(255,255,255,.76);border-color:rgba(0,0,0,.09);box-shadow:0 32px 90px rgba(30,24,18,.12)}body.light .card h1{color:#12151b}body.light .content-prose{color:#30343c}body.light .meta-pill{color:#4f5662;border-color:rgba(0,0,0,.12)}body.light .action-btn{color:#252a33;border-color:rgba(0,0,0,.14);background:rgba(255,255,255,.45)}body.light .source-exact,body.light .note-box textarea{background:#f5f2ea;color:#30343c;border-color:rgba(0,0,0,.14)}
@media(max-width:720px){.topbar{padding:0 12px}.brand span{display:none}.chip{display:none}.stage{padding:92px 13px 102px}.realita-shell{grid-template-columns:1fr}.number-rail{position:relative;top:auto;display:flex;align-items:center;gap:12px}.vertical{writing-mode:horizontal-tb;transform:none;margin:0}.card{border-radius:14px;padding:25px 20px}.card h1{font-size:37px}.content-prose{font-size:17px}.bottom-nav{width:calc(100% - 20px);bottom:10px;grid-template-columns:1fr 82px 1fr}.bottom-nav small{display:none}.source-card{padding:14px}.source-toolbar{top:-14px;margin:10px -14px 0;padding:10px 14px}.section-intro{min-height:72vh}.section-intro .big{font-size:130px}.section-intro h1{margin-top:-10px}.top-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
body.motion-off *{animation-duration:.001ms!important;transition-duration:.001ms!important}