@font-face{font-family:Fredoka;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2")}:root{--paper:#f7f2ea;--paper-tint:#efe8dd;--ink:#241f2e;--ink-soft:#554d64;--ink-faint:#6b6379;--iris:#5b4bb8;--line:#241f2e26;--line-strong:#241f2e52;--r:3px;--shadow:0 1px 2px #241f2e14, 0 24px 60px #241f2e38;--sans:"Nunito", ui-sans-serif, -apple-system, "Segoe UI", system-ui, sans-serif;--display:"Fredoka", "Nunito", ui-rounded, system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{background:var(--paper);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0}.app{position:fixed;inset:0}.app canvas{touch-action:none;display:block}.app.is-pointing canvas{cursor:pointer}.topbar{pointer-events:none;z-index:5;justify-content:space-between;align-items:flex-start;gap:1rem;padding:clamp(1.1rem,3vw,2rem);display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{font-family:var(--display);color:var(--ink);margin:0;font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:600;line-height:1}.tagline{letter-spacing:.18em;text-transform:uppercase;color:#443c52;margin:.45rem 0 0;padding-left:.05rem;font-size:.7rem;font-weight:600}.ghost-btn,.back-btn,.action,.panel-close{font-family:var(--display);border:1px solid var(--line-strong);border-radius:var(--r);background:var(--paper);color:var(--ink);cursor:pointer;transition:background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);font-weight:500}.ghost-btn:hover,.back-btn:hover,.action:hover,.panel-close:hover{background:var(--paper-tint);border-color:var(--ink)}.ghost-btn:active,.back-btn:active,.action:active{transform:translateY(1px)}.ghost-btn{letter-spacing:.12em;text-transform:uppercase;align-items:center;padding:.5rem .8rem;font-size:.74rem;display:inline-flex}.eq{align-items:flex-end;gap:2px;height:.62rem;margin-right:.55rem;display:inline-flex}.eq i{background:var(--iris);width:2px;animation:.9s ease-in-out infinite bounce}.eq i:first-child{height:45%;animation-delay:-.2s}.eq i:nth-child(2){height:100%;animation-delay:-.5s}.eq i:nth-child(3){height:65%;animation-delay:-.8s}.eq-off i{background:var(--ink-faint);height:24%;animation:none}@keyframes bounce{50%{transform:scaleY(.3)}}.hint{border-bottom:1px solid var(--line-strong);color:var(--ink-soft);letter-spacing:.02em;white-space:nowrap;z-index:5;margin:0;padding:.5rem .9rem;font-size:.78rem;animation:.8s 1.2s both fade;position:absolute;bottom:clamp(1.2rem,4vw,2.2rem);left:50%;transform:translate(-50%)}.tooltip{will-change:transform;background:var(--ink);color:var(--paper);border-radius:var(--r);letter-spacing:.03em;pointer-events:none;white-space:nowrap;z-index:20;padding:.28rem .6rem;font-size:.74rem;font-weight:600;position:fixed;top:0;left:0}.back-btn{z-index:12;align-items:center;gap:.6rem;padding:.5rem .9rem;font-size:.82rem;animation:.35s both fade;display:inline-flex;position:absolute;bottom:clamp(1.1rem,3vw,2rem);left:clamp(1.1rem,3vw,2rem)}.back-btn kbd{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);border:1px solid var(--line);border-radius:2px;padding:.08rem .32rem;font-size:.64rem}.panel-wrap{pointer-events:none;z-index:10;justify-content:flex-end;padding:clamp(.9rem,2.4vw,1.8rem);display:flex;position:absolute;inset:0}.panel{pointer-events:auto;overflow-anchor:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);width:min(35rem,100%);max-height:100%;box-shadow:var(--shadow);animation:sheet .55s var(--ease) both;padding:clamp(1.6rem,3vw,2.6rem);position:relative;overflow-y:auto}.panel::-webkit-scrollbar{width:10px}.panel::-webkit-scrollbar-thumb{background:var(--line);border:3px solid var(--paper)}.panel-close{width:1.9rem;height:1.9rem;color:var(--ink-soft);place-items:center;font-size:.9rem;line-height:1;display:grid;position:absolute;top:clamp(1rem,2vw,1.4rem);right:clamp(1rem,2vw,1.4rem)}.panel-title{border-bottom:1px solid var(--line-strong);font-family:var(--display);letter-spacing:-.01em;margin:0 0 1.4rem;padding-bottom:.9rem;font-size:clamp(1.8rem,4.4vw,2.5rem);font-weight:600;line-height:1}.panel-body{color:var(--ink-soft);max-width:62ch;margin:0 0 .9rem;font-size:.97rem;line-height:1.72}.panel-photo{aspect-ratio:4/3;object-fit:cover;object-position:50% 62%;border-radius:var(--r);border:1px solid var(--line);width:100%;margin-bottom:1.4rem;display:block}.facts{gap:0;margin:1.6rem 0 0;display:grid}.fact{grid-template-columns:7rem 1fr;gap:1rem;padding:.62rem 0;display:grid}.fact+.fact{border-top:1px solid var(--line)}.fact dt{color:var(--ink-faint);letter-spacing:.14em;text-transform:uppercase;padding-top:.15rem;font-size:.68rem;font-weight:700}.fact dd{margin:0;font-size:.93rem}.cards{margin:0;padding:0;list-style:none}.cards>li+li{border-top:1px solid var(--line)}.card{border-radius:var(--r);color:inherit;transition:background .2s var(--ease);margin:0 -.9rem;padding:1.4rem .9rem 1.5rem;text-decoration:none;display:block}a.card:hover{background:var(--paper-tint)}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.9rem;display:flex}.card h3{font-family:var(--display);letter-spacing:-.005em;margin:0;font-size:1.12rem;font-weight:600}.card-period{letter-spacing:.08em;color:var(--ink-faint);white-space:nowrap;font-size:.72rem;font-weight:700}.card-context{letter-spacing:.13em;text-transform:uppercase;color:var(--iris);margin:.3rem 0 .7rem;font-size:.7rem;font-weight:700}.card p{color:var(--ink-soft);max-width:58ch;margin:0;font-size:.9rem;line-height:1.65}.card-highlights{gap:.4rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}.card-highlights li{color:var(--ink-soft);padding-left:1rem;font-size:.86rem;line-height:1.55;position:relative}.card-highlights li:before{content:"";background:var(--iris);width:5px;height:1px;position:absolute;top:.62em;left:0}.tech{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-faint);margin-top:1rem;font-size:.68rem;line-height:1.7}.card-link{letter-spacing:.1em;text-transform:uppercase;color:var(--iris);transition:border-color .2s var(--ease);border-bottom:1px solid #0000;margin-top:.9rem;font-size:.76rem;font-weight:700;display:inline-block}a.card:hover .card-link{border-bottom-color:var(--iris)}.actions{flex-wrap:wrap;gap:.55rem;margin-top:1.5rem;display:flex}.action{padding:.55rem 1rem;font-size:.84rem;text-decoration:none}.preloader{z-index:60;transition:opacity .9s var(--ease);background:radial-gradient(130% 100% at 50% 0,#2c2740 0%,#191527 55%,#100e1a 100%);place-items:center;display:grid;position:fixed;inset:0}.preloader-out{opacity:0;pointer-events:none}.snow{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.term{--term-bg:#14121f;--term-fg:#d5cfe6;--term-dim:#8078a4;--term-accent:#a996ff;--term-ok:#8fe3b0;background:var(--term-bg);border-radius:var(--r);width:min(34rem,100vw - 2.5rem);font-family:var(--mono);animation:sheet .7s var(--ease) both;border:1px solid #a996ff38;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000008c}.term-bar{color:var(--term-dim);letter-spacing:.06em;background:#a996ff0d;border-bottom:1px solid #a996ff29;padding:.55rem .9rem;font-size:.7rem}.term-body{color:var(--term-fg);padding:1.1rem 1.1rem 1.3rem;font-size:.82rem;line-height:1.95}.term-line,.term-out{white-space:pre-wrap;word-break:break-word;margin:0}.term-prompt{color:var(--term-accent);margin-right:.5rem}.term-dim{color:var(--term-dim)}.term-ok{color:var(--term-ok)}.term-note{margin-top:.9rem;font-size:.72rem;line-height:1.6}.term-enter{border-radius:var(--r);color:var(--term-fg);font-family:var(--mono);cursor:pointer;transition:background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);background:#a996ff17;border:1px solid #a996ff59;align-items:center;gap:.1rem;margin-top:.9rem;padding:.5rem .8rem;font-size:.84rem;display:inline-flex}.term-enter:hover{border-color:var(--term-accent);background:#a996ff2e}.term-enter:active{transform:translateY(1px)}.term-enter kbd{color:var(--term-dim);border:1px solid #d5cfe647;border-radius:2px;margin-left:.8rem;padding:.08rem .42rem;font-family:inherit;font-size:.68rem}.caret{background:var(--term-accent);vertical-align:-.14rem;width:.5rem;height:.95rem;animation:1.1s step-end infinite blink;display:inline-block}@keyframes sheet{0%{opacity:0;transform:translateY(10px)}}@keyframes fade{0%{opacity:0}}@keyframes blink{50%{opacity:0}}@media (width<=640px){.panel-wrap{align-items:flex-end;padding:0}.panel{border-radius:var(--r) var(--r) 0 0;border-bottom:0;width:100%;max-height:76vh}.panel-photo{aspect-ratio:3/2}.fact{grid-template-columns:1fr;gap:.15rem}.hint{white-space:normal;text-align:center;max-width:80vw;font-size:.7rem}.tooltip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}