:root,body[data-theme=dark]{--bg: oklch(.128 0 0);--c: 243 243 243;--modal-bg: rgba(10, 10, 10, .92);--vignette-rgb: 0 0 0;--grain-blend: overlay;--grain-opacity: .06;--scrollbar: rgba(255, 255, 255, .1)}body[data-theme=light]{--bg: #f3f1ec;--c: 24 22 18;--modal-bg: rgba(252, 250, 244, .97);--vignette-rgb: 60 50 35;--grain-blend: multiply;--grain-opacity: .05;--scrollbar: rgba(24, 22, 18, .18)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;background:var(--bg)}body{font-family:Roboto,system-ui,sans-serif;color:rgb(var(--c) / .9);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none;transition:background .7s cubic-bezier(.22,.61,.36,1),color .7s cubic-bezier(.22,.61,.36,1)}::selection{background:rgb(var(--c) / .22);color:var(--bg)}.ff-display{font-family:Montserrat,sans-serif;font-weight:200;letter-spacing:.04em}.ff-body{font-family:Roboto,sans-serif;font-weight:300}.ff-label{font-family:Roboto Mono,monospace;font-weight:400;letter-spacing:.22em;text-transform:uppercase}body[data-type=mono] .ff-display{font-family:Roboto Mono,monospace;font-weight:300;letter-spacing:.06em}body[data-type=mono] .ff-body{font-family:Roboto Mono,monospace;font-weight:300}body[data-type=serif] .ff-display{font-family:Fraunces,Times New Roman,serif;font-weight:300;letter-spacing:.005em;font-variation-settings:"opsz" 100}body[data-type=serif] .ff-body{font-family:Roboto,sans-serif;font-weight:300}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:var(--grain-blend);transition:opacity .7s ease}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9997;transition:background .7s cubic-bezier(.22,.61,.36,1)}.vignette[data-intensity=strong]{background:radial-gradient(ellipse at 50% 50%,transparent 0%,transparent 45%,rgb(var(--vignette-rgb) / .45) 95%,rgb(var(--vignette-rgb) / .75) 100%),linear-gradient(to bottom,rgb(var(--vignette-rgb) / .3) 0%,transparent 18%,transparent 82%,rgb(var(--vignette-rgb) / .38) 100%)}.vignette[data-intensity=medium]{background:radial-gradient(ellipse at 50% 50%,transparent 0%,transparent 55%,rgb(var(--vignette-rgb) / .22) 95%,rgb(var(--vignette-rgb) / .38) 100%),linear-gradient(to bottom,rgb(var(--vignette-rgb) / .18) 0%,transparent 26%,transparent 74%,rgb(var(--vignette-rgb) / .22) 100%)}.vignette[data-intensity=soft]{background:radial-gradient(ellipse at 50% 50%,transparent 0%,transparent 65%,rgb(var(--vignette-rgb) / .12) 100%),linear-gradient(to bottom,rgb(var(--vignette-rgb) / .1) 0%,transparent 32%,transparent 68%,rgb(var(--vignette-rgb) / .12) 100%)}.vignette[data-intensity=none]{background:none}@keyframes mirror-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:mirror-fade-in .6s cubic-bezier(.22,.61,.36,1) both}.fade-in-slow{animation:mirror-fade-in .9s cubic-bezier(.22,.61,.36,1) both}.fade-in-delay{animation:mirror-fade-in .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:.2s;opacity:0}.fade-in-delay-2{animation:mirror-fade-in .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:.4s;opacity:0}.fade-in-delay-3{animation:mirror-fade-in .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:.6s;opacity:0}@keyframes mirror-breath{0%,to{opacity:.55}50%{opacity:.95}}.breath{animation:mirror-breath 4.5s ease-in-out infinite}@keyframes mirror-spin{to{transform:rotate(360deg)}}.spin{width:14px;height:14px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:mirror-spin .9s linear infinite}@keyframes mirror-banner-pulse{0%,to{background:rgb(var(--c) / .04)}50%{background:rgb(var(--c) / .1)}}.banner-pulse{animation:mirror-banner-pulse 2.2s ease-in-out infinite}@keyframes toc-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.mb{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:18px 32px;cursor:pointer;-webkit-user-select:none;user-select:none;background:rgb(var(--c) / .02);border:1px solid rgb(var(--c) / .18);color:rgb(var(--c) / .92);font-family:Roboto Mono,monospace;font-size:12px;font-weight:400;letter-spacing:.32em;text-transform:uppercase;transition:all .6s cubic-bezier(.22,.61,.36,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mb:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;box-shadow:0 0 rgb(var(--c) / 0);transition:box-shadow .8s cubic-bezier(.22,.61,.36,1)}.mb:hover{background:rgb(var(--c) / .92);border-color:rgb(var(--c) / .92);color:var(--bg)}.mb:hover:after{box-shadow:0 0 60px rgb(var(--c) / .18)}.mb:disabled,.mb[aria-disabled=true]{opacity:.4;cursor:not-allowed}.mb:disabled:hover,.mb[aria-disabled=true]:hover{background:rgb(var(--c) / .02);color:rgb(var(--c) / .92);border-color:rgb(var(--c) / .18)}.mb-ghost{background:transparent;border-color:rgb(var(--c) / .1);color:rgb(var(--c) / .55)}.mb-ghost:hover{background:transparent;border-color:rgb(var(--c) / .35);color:rgb(var(--c) / .95)}.mb-link{background:transparent;border:0;padding:12px 18px;color:rgb(var(--c) / .42);font-family:Roboto Mono,monospace;font-size:11px;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;transition:color .5s ease}.mb-link:hover{color:rgb(var(--c) / .95)}.hr{height:1px;background:rgb(var(--c) / .08);width:100%}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000b8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:24px;animation:mirror-fade-in .4s ease both}.modal{width:100%;max-width:460px;background:var(--modal-bg);border:1px solid rgb(var(--c) / .1);padding:40px 36px 32px;animation:mirror-fade-in .5s cubic-bezier(.22,.61,.36,1) both}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:2px}.dot{width:28px;height:1px;background:rgb(var(--c) / .18);transition:all .5s ease}.dot.active{background:rgb(var(--c) / .95)}.cog{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:rgb(var(--c) / .45);transition:color .5s ease,background .5s ease}.cog:hover{color:rgb(var(--c) / .95);background:rgb(var(--c) / .04)}.cog svg{display:block}.cog:disabled{opacity:.25;cursor:not-allowed}.settings-card{background:var(--modal-bg);border:1px solid rgb(var(--c) / .1);padding:28px 26px 24px;width:100%;max-width:460px;animation:mirror-fade-in .4s cubic-bezier(.22,.61,.36,1) both}.orb-tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgb(var(--c) / .1);background:rgb(var(--c) / .015);padding:0;cursor:pointer;position:relative;transition:border-color .4s ease,background .4s ease,transform .4s ease;display:flex;flex-direction:column;align-items:stretch}.orb-tile:hover{border-color:rgb(var(--c) / .3);background:rgb(var(--c) / .04)}.orb-tile.selected{border-color:rgb(var(--c) / .85);background:rgb(var(--c) / .05)}.orb-tile-label{padding:10px 14px;font-family:Roboto Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--c) / .55);border-top:1px solid rgb(var(--c) / .08);text-align:left}.orb-tile.selected .orb-tile-label{color:rgb(var(--c) / .95)}.theme-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:0;border:1px solid rgb(var(--c) / .1);background:transparent;transition:border-color .4s ease,transform .4s ease;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.theme-swatch:hover{border-color:rgb(var(--c) / .3)}.theme-swatch.selected{border-color:rgb(var(--c) / .85)}.theme-swatch-preview{height:120px;position:relative}.theme-swatch-label{padding:10px 14px;font-family:Roboto Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--c) / .55);border-top:1px solid rgb(var(--c) / .08);text-align:left}.theme-swatch.selected .theme-swatch-label{color:rgb(var(--c) / .95)}button:focus-visible,[role=button]:focus-visible{outline:1px solid rgb(var(--c) / .6);outline-offset:4px}.logo-m{filter:none;transition:filter .6s ease}body[data-theme=light] .logo-m{filter:invert(1)}@media(max-width:640px){.mb{padding:16px 24px;font-size:11px;letter-spacing:.28em}.cog{width:44px;height:44px}.mb-link{padding:14px;min-height:44px;display:inline-flex;align-items:center}.modal{padding:32px 24px 24px}.modal-back{padding:16px}.settings-card{padding:22px 20px 18px}.banner-pulse{animation:none;background:rgb(var(--c) / .08)}}