html:has(.hp-alpha){--al-page:#17120e;background-color:var(--al-page);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hp-alpha{--al-bg:#17120e;--al-card:#221b16;--al-ink:#e9dccb;--al-ink-soft:#c2b4a4;--al-ink-faint:#ab9d8e;--al-line:#3a3029;--al-accent:#e08a5f;--al-glow:#e9a07a;--al-on-accent:#1a120c;--al-tint:#e08a5f26;--al-sheen:#ffffff09;--al-sheen-hover:#ffffff0d;--al-shadow:0 18px 40px -22px #000000e6;--al-kid-moon:#cfa35c;--al-kid-diamond:#9bbd6a;--al-kid-star:#7ea3dc;--al-kid-heart:#d98fb2;--al-light:#ffe2bd;--al-light-core:#fff6e8;--al-light-warm:#ffc287;--al-light-deep:#8f3d1f;--al-sky:#e08a5f24;--al-sky-low:#e08a5f14;--al-halo:#ffaa6e4d;--al-halo-edge:#e08a5f1f;--al-frame-top:#2b231d;--al-frame-bottom:#1e1813;--al-door-top:#2f2620;--al-door-bottom:#241d18;--al-door-edge:#ffc89659;--al-door-line:#f6ede212;--al-door-shadow:#000c;--al-doorway-glow:#ffd6aa80;--al-knob:#ffd9b0;--al-knob-edge:#c2703f;--al-knob-glow:#ffbe8299;--al-keyhole:#0d0a08;--al-spill:#ffcd9666;--al-spill-edge:#ffaa6e1a;background:radial-gradient(1200px 700px at 50% -10%, var(--al-sky), transparent 70%), radial-gradient(900px 600px at 50% 120%, var(--al-sky-low), transparent 70%), var(--al-bg);min-height:100dvh;color:var(--al-ink);overflow-x:clip}.hp-alpha ::selection{background-color:var(--al-accent);color:var(--al-on-accent)}.hp-alpha :focus-visible{outline:2px solid var(--al-glow);outline-offset:3px;border-radius:6px}.al-grain{pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.al-scene{pointer-events:none;aspect-ratio:9/15;perspective:1100px;width:min(46vw,180px);position:relative}@media (min-width:640px){.al-scene{width:220px}}@media (min-width:1024px){.al-scene{width:250px}.al-spill{height:40%}}@media (min-width:1280px){.al-scene{width:280px}}.al-scene:before{content:"";background:radial-gradient(closest-side, var(--al-halo), var(--al-halo-edge) 55%, transparent);filter:blur(6px);animation:7s ease-in-out 2.4s infinite alternate backwards al-breathe;position:absolute;inset:-45% -60% -25%}.al-frame{background:linear-gradient(180deg, var(--al-frame-top), var(--al-frame-bottom));box-shadow:0 0 0 1px var(--al-door-line), 0 30px 60px -20px var(--al-door-shadow);border-radius:999px 999px 14px 14px;padding:9px 9px 0;position:absolute;inset:0}.al-doorway{background:radial-gradient(130% 90% at 75% 45%, var(--al-light-core) 0%, var(--al-light) 18%, var(--al-light-warm) 42%, var(--al-accent) 70%, var(--al-light-deep) 100%);height:100%;box-shadow:inset 0 0 40px var(--al-doorway-glow);transform-style:preserve-3d;border-radius:999px 999px 6px 6px;position:relative;overflow:hidden}.al-transom{opacity:.55;width:34%;position:absolute;top:12%;left:50%;translate:-50%}.al-panel{background:linear-gradient(90deg, var(--al-sheen-hover), transparent 30%), linear-gradient(180deg, var(--al-door-top), var(--al-door-bottom));transform-origin:0;box-shadow:inset -1px 0 0 var(--al-door-edge), inset 0 0 0 1px var(--al-door-line);border-radius:999px 999px 6px 6px;animation:2.6s cubic-bezier(.22,.7,.12,1) .5s backwards al-open;position:absolute;inset:0;transform:rotateY(52deg)}.al-panel:before,.al-panel:after{content:"";border:1px solid var(--al-door-line);position:absolute;left:16%;right:16%}.al-panel:before{border-radius:999px 999px 4px 4px;height:34%;top:14%}.al-panel:after{border-radius:4px;height:32%;bottom:8%}.al-knob{background:radial-gradient(circle at 35% 35%, var(--al-knob), var(--al-knob-edge) 70%);width:9px;height:9px;box-shadow:0 0 10px var(--al-knob-glow);border-radius:999px;position:absolute;top:54%;right:11%}.al-knob:after{content:"";background:var(--al-keyhole);border-radius:2px 2px 1px 1px;width:4px;height:8px;position:absolute;top:16px;left:2.5px}.al-spill{clip-path:polygon(38% 0,64% 0,100% 100%,30% 100%);background:linear-gradient(180deg, var(--al-spill), var(--al-spill-edge) 55%, transparent 95%);filter:blur(5px);width:150%;height:30%;animation:2.6s cubic-bezier(.22,.7,.12,1) .5s backwards al-spill;position:absolute;top:99.5%;left:0}.al-card{border:1px solid var(--al-line);background:linear-gradient(180deg, var(--al-sheen), transparent), var(--al-card);box-shadow:var(--al-shadow)}.al-float{animation:al-float 2.4s ease-in-out var(--al-float-delay,0s) 2 backwards}@layer components{.al-dot{position:relative}}.al-dot:after{content:"";border-radius:inherit;background:inherit;animation:2.4s cubic-bezier(0,0,.2,1) 1.8s 2 backwards al-ping;position:absolute;inset:0}.al-rise{animation:al-rise .9s cubic-bezier(.2, .7, .2, 1) var(--al-delay,0s) backwards}.al-lit{background:linear-gradient(100deg, var(--al-ink) 30%, var(--al-light) 55%, var(--al-glow) 75%);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes al-open{0%{transform:rotateY(0)}}@keyframes al-spill{0%{opacity:0;clip-path:polygon(38% 0,40% 0,34% 100%,30% 100%)}}@keyframes al-breathe{0%{opacity:.75;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}@keyframes al-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes al-ping{75%,to{opacity:0;transform:scale(2.6)}}@keyframes al-rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.al-scene:before,.al-panel,.al-spill,.al-float,.al-dot:after,.al-rise{animation:none}}