:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Helvetica Neue,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{color:#f5f0e8;background:#02030a}body:before{z-index:12;content:"";pointer-events:none;background:linear-gradient(90deg,#01030a5c,#0000 34%),radial-gradient(circle at 52% 44%,#0000 35%,#0003 100%);position:fixed;inset:0}.bloomPanel{z-index:40;box-sizing:border-box;text-shadow:0 2px 16px #0009;border-bottom:1px solid #ffe3b229;width:min(360px,100vw - 36px);padding:0 0 18px;position:fixed;top:clamp(18px,4.5vh,54px);left:clamp(18px,3.8vw,58px)}.bloomPanel__rule{background:linear-gradient(90deg,#ffc26b,#ffc26b00);width:68px;height:1px;margin-bottom:18px;box-shadow:0 0 18px #ffa646b3}.bloomEyebrow{color:#a9ceffb8;letter-spacing:.2em;text-transform:uppercase;margin:0 0 13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:650}.bloomPanel h1{color:#f7f2e9;letter-spacing:-.055em;margin:0;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:clamp(42px,5.7vw,74px);font-weight:400;line-height:.83}.bloomIntro{color:#dfe6f491;letter-spacing:.018em;max-width:335px;margin:23px 0 0;font-size:11px;font-weight:420;line-height:1.72}.bloomMode{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#0509156b;border:1px solid #b5cdff1c;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:22px;padding:4px;display:grid;box-shadow:0 18px 44px #00000038,inset 0 1px #ffffff06}.bloomMode button,.motionToggle{appearance:none;color:#dce3f285;cursor:pointer;font:inherit;border:0}.bloomMode button{letter-spacing:.12em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:flex-start;align-items:center;gap:11px;min-height:42px;padding:8px 12px;font-size:10px;font-weight:620;transition:color .18s,border-color .18s,background .18s,transform .18s;display:flex}.bloomMode button span{color:#9fb4dd66;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.bloomMode button:hover,.bloomMode button:focus-visible{color:#fff;outline:none;transform:translateY(-1px)}.bloomMode button[aria-pressed=true]{color:#fff6e8;background:linear-gradient(135deg,#ffb75421,#6391ff13),#ffffff06;border-color:#ffd28d2e;box-shadow:inset 0 1px #ffffff0f,0 7px 22px #0000002e}body[data-bloom=off] .bloomMode button[aria-pressed=true]{color:#dce9ff;background:#607db51a;border-color:#96b4ee2b}.bloomMetrics{grid-template-columns:repeat(3,1fr);margin:18px 0 0;display:grid}.bloomMetrics div{border-left:1px solid #bdd1f81c;padding-left:12px}.bloomMetrics dt{color:#b7c5e05c;letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.bloomMetrics dd{color:#ebeff8b8;margin:4px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.bloomPanel__footer{border-top:1px solid #b9ccef14;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}#renderStatus{color:#85bcff99;letter-spacing:.11em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.motionToggle{letter-spacing:.1em;text-transform:uppercase;background:0 0;padding:5px 0 5px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;transition:color .16s}.motionToggle:hover,.motionToggle:focus-visible,.motionToggle[aria-pressed=true]{color:#ffd392d1;outline:none}.bloomCaption{z-index:35;text-align:right;text-shadow:0 2px 14px #000c;position:fixed;bottom:clamp(18px,4vh,48px);right:clamp(18px,3.6vw,54px)}.bloomCaption p{color:#cad5ea6b;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:9px;line-height:1.8}.bloomCaption .bloomCaption__index{color:#ffd08a94;letter-spacing:.16em;margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.bloomCaption span{color:#eef1f8b8}.bloomCaption kbd{color:#e4eaf6b3;background:#0d152680;border:1px solid #c6d7f621;border-radius:4px;min-width:18px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;box-shadow:inset 0 1px #ffffff09}.bloomGrain{z-index:50;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");width:200%;height:200%;position:fixed;inset:-50%}.hilo3dStats{opacity:.46;inset:auto auto 18px 18px!important}@media (max-width:760px){.bloomPanel{width:min(316px,100vw - 32px);top:16px;left:16px}.bloomPanel h1{font-size:clamp(38px,12vw,56px)}.bloomIntro{display:none}.bloomMode{margin-top:17px}.bloomMetrics{display:none}.bloomCaption{bottom:14px;right:16px}.bloomCaption__index,.hilo3dStats{display:none!important}}@media (max-height:640px) and (min-width:761px){.bloomPanel{transform-origin:0 0;top:18px;transform:scale(.88)}.bloomCaption{bottom:14px}}@media (prefers-reduced-motion:reduce){.bloomMode button,.motionToggle{transition:none}}
