@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-devanagari-500-normal-BIdkeU1p.woff2)format("woff2"),url(/assets/poppins-devanagari-500-normal-DMPDjHtT.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-ext-500-normal-CK-6C4Hw.woff2)format("woff2"),url(/assets/poppins-latin-ext-500-normal-CgAe2rWW.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-500-normal-C8OXljZJ.woff2)format("woff2"),url(/assets/poppins-latin-500-normal-DGXqpDMm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-devanagari-600-normal-STEjXBNN.woff2)format("woff2"),url(/assets/poppins-devanagari-600-normal-ClASKHrr.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-ext-600-normal-CAhIAdZj.woff2)format("woff2"),url(/assets/poppins-latin-ext-600-normal-Df5ffKXP.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2)format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-devanagari-700-normal-O-jipLrW.woff2)format("woff2"),url(/assets/poppins-devanagari-700-normal-fHs-vx92.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-ext-700-normal-cby-RkWa.woff2)format("woff2"),url(/assets/poppins-latin-ext-700-normal-DctTR6Tg.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2)format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-vietnamese-500-normal-CL6a8tp2.woff2)format("woff2"),url(/assets/newsreader-vietnamese-500-normal-BEAbKU8A.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-ext-500-normal-BNHmvKvI.woff2)format("woff2"),url(/assets/newsreader-latin-ext-500-normal-CZruMFou.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-500-normal-B66TYsaK.woff2)format("woff2"),url(/assets/newsreader-latin-500-normal-DFwuUcdu.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-vietnamese-400-normal-TxZB8OSn.woff2)format("woff2"),url(/assets/public-sans-vietnamese-400-normal-BO1meqcx.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-ext-400-normal-mk90oQqJ.woff2)format("woff2"),url(/assets/public-sans-latin-ext-400-normal-B02wwOdZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2)format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-vietnamese-600-normal-P4BtCUdw.woff2)format("woff2"),url(/assets/public-sans-vietnamese-600-normal-CcnAzmUX.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-ext-600-normal-DchWdWJ_.woff2)format("woff2"),url(/assets/public-sans-latin-ext-600-normal-DfkbVac2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-600-normal-Fru-LXNs.woff2)format("woff2"),url(/assets/public-sans-latin-600-normal-BR59oU-I.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f2e8d5;--fg:#1d191b;--muted:#7d7177;--line:#1d191b24;--glass:#faf6efb8;--panel:#f8f3ebe6;--accent:#9e1240;--accent-soft:#b3154a;--accent-on-dark:#e0577f;--porcelain:#9ea2ab;--wine-side:#8c0b2f;--font-ui:"Poppins", ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden}#root{height:100%}:root{--z:1}@media (width>=1920px){:root{--z:1.25}}@media (width>=2560px){:root{--z:1.5}}@media (width>=3840px){:root{--z:2}}.toggles{align-items:center;gap:8px;transition:opacity .3s;display:flex}.toggles.is-hidden{opacity:0;pointer-events:none}.toggles--corner{z-index:3;right:16px;top:calc(16px + env(safe-area-inset-top,0px));position:fixed}.toggles--keys{display:none}@media (width<=1359px){.toggles--corner{display:none}.toggles--keys{flex-direction:column;place-self:center;gap:4px;display:flex}.toggles--keys .lang{padding:2px 4px;font-size:.6875rem}.toggles--keys .lang button{padding:4px 6px}}@media (width<=640px){.toggles--keys .lang{letter-spacing:.02em;padding:2px 3px;font-size:.65625rem}.toggles--keys .lang button{gap:3px;padding:4px}.toggles--keys .lang-sep{padding:0}}.lang{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);font:600 .75rem/1 var(--font-ui);letter-spacing:.06em;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 6px;display:flex}.lang-opt{align-items:center;display:flex}.lang-sep{color:var(--muted);opacity:.6;padding:0 1px}.lang button{cursor:pointer;font:inherit;letter-spacing:inherit;color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:6px 8px;transition:color .2s;display:inline-flex}.lang button:hover{color:var(--fg)}.lang button[aria-pressed=true],.lang button[aria-checked=true]{color:var(--accent)}.lang button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:1px}.quality button.picked:after{content:"";background:var(--accent-soft);border-radius:50%;width:4px;height:4px}.q-spin{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:9px;height:9px;animation:.8s linear infinite qSpin}@keyframes qSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.q-spin{animation-duration:2.4s}}.q-notice{z-index:6;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);font:500 .75rem/1 var(--font-ui);color:var(--fg);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 8px 7px 14px;animation:.3s ease-out both qIn;display:flex;position:fixed;top:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #1d191b24}@keyframes qIn{0%{opacity:0;translate:0 -6px}}@media (prefers-reduced-motion:reduce){.q-notice{animation:none}}.q-notice-load{cursor:pointer;color:#f4eff2;font:600 .75rem/1 var(--font-ui);background:#1b1a1d;border:0;border-radius:999px;padding:6px 10px;box-shadow:0 2px #8c0b2f}.q-notice-x{cursor:pointer;color:var(--muted);font:600 1rem/1 var(--font-ui);background:0 0;border:0;padding:2px 6px}.q-notice button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}body.section-open .name-canvas,body.section-open .lite-name{opacity:0;pointer-events:none}body.section-open .room-canvas,body.section-open .lite-room{scale:1.12}.lite-room{z-index:0;background:var(--bg);position:fixed;inset:0;overflow:hidden}.lite-room-box{width:100%;height:100%;position:absolute;top:0;left:0}.lite-room-box img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.lite-spot{cursor:help;background:0 0;border:0;border-radius:12px;padding:0;position:absolute}.lite-spot:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.lite-name-wrap{margin:0}.lite-name{z-index:1;pointer-events:none;height:20vh;animation:.7s ease-out both liteNameIn;position:fixed;top:112px;left:50%;transform:translate(-50%)}@keyframes liteNameIn{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion:reduce){.lite-name{animation:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.room-canvas{z-index:0;position:fixed;inset:0}.room-canvas canvas{display:block}[hidden]{display:none!important}.name-canvas{z-index:1;cursor:pointer;outline:none;position:fixed;inset:0}.name-canvas canvas{display:block}.name-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}svg.ico{fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.ico .dot{fill:#e0577f;stroke:none}.keys{z-index:3;left:50%;top:calc(18px + env(safe-area-inset-top,0px));grid-template-columns:repeat(5,auto);gap:14px;transition:opacity .3s;display:grid;position:fixed;transform:translate(-50%)}.key-base{background:linear-gradient(#4a0820,#2a0412);border-radius:16px;padding:5px 5px 9px;display:block;box-shadow:0 10px 22px #00000047}.key{cursor:pointer;color:#f4eff2;min-width:120px;font:600 14px/1 var(--font-ui);letter-spacing:.04em;background:linear-gradient(#2c2a30,#1b1a1d);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;transition:transform .14s,box-shadow .14s,background .2s;display:flex;position:relative;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,0 1px #8c0b2f,0 2px #82092b,0 3px #780828,0 4px #6e0725,0 5px #640622,0 6px #5a0520}.key:hover{background:linear-gradient(#36333b,#222026);transform:translateY(-5px)}.key:active,.key.pressed{background:linear-gradient(#9e1240,#6a0b2c);transform:translateY(4px);box-shadow:inset 0 1px #ffffff24,0 1px #8c0b2f,0 2px #5a0520}.key:focus-visible{outline:2px solid var(--accent-soft);outline-offset:4px}.key span{white-space:nowrap}.key .ico{stroke:#f4eff2;stroke-width:1.9px;width:18px;height:18px}.key .ico .f{fill:#e0577f;fill-opacity:.25}.key:active .ico .dot,.key.pressed .ico .dot{fill:#fff}@media (width<=1359px){.keys{grid-template-columns:repeat(6,auto)}}@media (width<=640px){.keys{grid-template-columns:repeat(3,auto)}}@media (width<=1099px){.keys{gap:10px 6px}.key{letter-spacing:.02em;gap:5px;min-width:0;padding:11px 9px;font-size:12px}.key .ico{width:14px;height:14px}}.keys.is-hidden,.tiles.is-hidden{opacity:0;pointer-events:none}.tiles{z-index:2;left:50%;bottom:calc(6vh + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(6,96px);gap:12px;transition:opacity .3s;display:grid;position:fixed;transform:translate(-50%)}.tile{box-sizing:border-box;color:#f4eff2;cursor:default;background:linear-gradient(160deg,#2c2a30,#1b1a1d);border-radius:14px;grid-template-rows:1fr auto;justify-items:center;height:104px;padding:10px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;transform:perspective(500px)rotateX(0)translateY(0);box-shadow:inset 0 1px #ffffff1f,0 1px #8c0b2f,0 2px #82092b,0 3px #780828,0 4px #6e0725,0 5px #640622,0 12px 22px #0003}.tile:hover,.tile:focus-visible{z-index:2;outline:none;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff1f,0 0 0 2px #e0577f,0 1px #8c0b2f,0 5px #640622,0 0 30px #e0577f73}.tile .beam{pointer-events:none;opacity:0;transform-origin:50% 100%;clip-path:polygon(38% 100%,62% 100%,100% 0,0 0);background:linear-gradient(#0000,#e0577f1f 30%,#e0577f8c);width:150px;height:128px;transition:transform .35s ease-out,opacity .2s;position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%)scaleY(0)}.tile .holo{pointer-events:none;opacity:0;color:#fff;font:700 15px/1 var(--font-ui);white-space:nowrap;text-shadow:0 0 1px #6a0b2c,0 0 2px #6a0b2c,0 0 10px #9e1240e6;justify-items:center;gap:4px;transition:opacity .2s .12s,transform .4s cubic-bezier(.2,.9,.3,1.3) .12s;display:grid;position:absolute;bottom:calc(100% + 34px);left:50%;transform:translate(-50%)translateY(12px)scale(.8)}.tile .holo:after{content:"";background:repeating-linear-gradient(0deg,#ffffff2e 0 1px,#0000 1px 4px);position:absolute;inset:-6px -14px}.tile .holo .ico{stroke:#fff;stroke-width:1.7px;filter:drop-shadow(0 0 1px #6a0b2c)drop-shadow(0 0 1px #6a0b2c)drop-shadow(0 0 8px #9e1240d9);width:66px;height:66px;transform:none!important}.tile .holo .ico .dot{fill:#fff}.tile .holo .ico .f{fill:#e0577f;fill-opacity:.35}.tile:hover .beam,.tile:focus-visible .beam{opacity:1;transform:translate(-50%)scaleY(1)}.tile:hover .holo,.tile:focus-visible .holo{opacity:1;animation:.5s step-end .15s holoFlicker;transform:translate(-50%)}@keyframes holoFlicker{0%{opacity:.2}20%{opacity:1}40%{opacity:.5}55%,to{opacity:1}}.tile>.ico{transition:opacity .2s}@media (width<=760px){.tile:nth-child(n+4) .beam{height:232px}.tile:nth-child(n+4) .holo{bottom:calc(100% + 136px)}}.tile:hover>.ico,.tile:focus-visible>.ico{opacity:.25}@media (prefers-reduced-motion:reduce){.tile .beam,.tile .holo{transition:none}.tile:hover .holo,.tile:focus-visible .holo{animation:none}}.tile:focus-visible{box-shadow:0 0 0 2px #e0577f,0 1px #8c0b2f,0 5px #640622}.tile .ico{stroke:#f4eff2;stroke-width:1.6px;align-self:center;width:40px;height:40px;transition:transform .18s}.tile .ico .f{fill:#e0577f;fill-opacity:.3}.tile .name{font:600 11px/1.1 var(--font-ui);letter-spacing:.02em;white-space:nowrap}@media (width<=760px){.tiles{bottom:calc(4vh + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(3,84px);gap:10px}.tile{height:92px}.tile .ico{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.key,.tile{transition:none}}.bubble{z-index:3;pointer-events:auto;transition:top .45s cubic-bezier(.2,.9,.3,1.2);position:fixed;top:0;left:0;transform:translate(-50%,calc(-100% - 18px))}.bubble-in{color:#1b1a1d;width:max-content;max-width:min(250px,100vw - 32px);font:700 15px/1.3 var(--font-ui);text-align:left;transform-origin:50% 100%;background:#fffdf9;border:3px solid #1b1a1d;border-radius:18px;gap:10px;padding:12px 16px 14px;animation:.35s cubic-bezier(.2,.9,.3,1.5) bubblePop;display:grid;position:relative;box-shadow:5px 5px #1b1a1d}.bubble-in:before,.bubble-in:after{content:"";border-style:solid;border-color:#0000;position:absolute;left:50%}.bubble-in:before{border-width:16px 12px 0 2px;border-top-color:#1b1a1d;margin-left:-12px;bottom:-19px}.bubble-in:after{border-width:11px 8px 0 1px;border-top-color:#fffdf9;margin-left:-8px;bottom:-12px}.bubble-in b{color:var(--accent)}.bubble-btn{cursor:pointer;color:#f4eff2;font:600 12.5px/1 var(--font-ui);background:linear-gradient(#2c2a30,#1b1a1d);border:0;border-radius:10px;justify-self:start;padding:8px 13px;transition:transform .12s;transform:translateY(-1px);box-shadow:0 1px #8c0b2f,0 3px #640622}.bubble-btn:hover{transform:translateY(-3px)}.bubble-btn:active{transform:translateY(2px);box-shadow:0 1px #8c0b2f}.bubble-btn:disabled{opacity:.5;cursor:default;transform:none}.bubble-btn:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}@keyframes bubblePop{0%{opacity:0;transform:scale(.4)rotate(-6deg)}70%{opacity:1;transform:scale(1.06)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.bubble-in{animation:none}.bubble{transition:none}}:root{--panel-bg:#f8f3ebdb;--card-bg:#1d191b09}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-soft);font-size:11px}.close{z-index:5;left:calc(16px + env(safe-area-inset-left,0px));top:calc(16px + env(safe-area-inset-top,0px));border:1px solid var(--line);background:var(--glass);color:var(--fg);font:500 12px/1 var(--font-ui);letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;position:fixed}.close:hover{border-color:var(--accent)}.close:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.close svg{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}.die-box{z-index:4;width:58vw;height:100dvh;position:fixed;top:0;left:0}.die-box canvas{touch-action:none;display:block}.panel{z-index:4;box-sizing:border-box;border-left:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:var(--panel-bg);width:42vw;min-width:0;height:100dvh;padding-inline:28px;padding-block:calc(28px + env(safe-area-inset-top,0px)) 32px;align-content:start;gap:20px;display:grid;position:fixed;top:0;right:0;overflow-y:auto}@media (width>=861px){.panel{min-width:360px}}.panel-head{gap:6px;display:grid}.panel-head h1{letter-spacing:-.01em;margin:0;font-size:clamp(26px,3vw,34px);font-weight:600}.panel-head p{color:var(--muted);max-width:46ch;margin:0;font-size:14px;line-height:1.55}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.item{text-align:left;border:1px solid var(--line);background:var(--card-bg);width:100%;color:var(--fg);font-family:var(--font-ui);cursor:default;border-radius:14px;gap:10px;padding:16px 18px;transition:border-color .2s,background .2s,transform .2s;display:grid}.item:hover,.item.on{border-color:var(--accent);background:#c2184f1a}.item:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.item-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.item-top h2{margin:0;font-size:16px;font-weight:600}.count{color:var(--accent-soft);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font:400 12px/1.2 var(--font-ui);color:var(--fg);cursor:help;background:#1d191b0f;border:1px solid #0000;border-radius:999px;padding:5px 11px;transition:border-color .15s,background .15s,color .15s}.chip:hover{border-color:var(--accent);color:var(--accent);background:#c2184f1a}@media (width<=860px){.die-box{width:100vw;height:44dvh}.panel{border-left:0;border-top:1px solid var(--line);padding-inline:16px;width:auto;min-width:0;height:56dvh;padding-top:22px;top:44dvh;left:0;right:0}.close{left:auto;right:calc(16px + env(safe-area-inset-right,0px))}}.panel.solo{border:1px solid var(--line);border-radius:22px;width:min(720px,100vw - 32px);min-width:0;height:auto;max-height:calc(100dvh - 104px);top:calc(50% + 22px);left:50%;right:auto;transform:translate(-50%,-50%);box-shadow:0 30px 70px #1d191b2e}.projects{z-index:4;box-sizing:border-box;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);width:min(1080px,100vw - 32px);max-height:calc(100dvh - 104px);color:var(--fg);background:#f8f3ebe6;border-radius:22px;gap:22px;padding:28px 30px 30px;display:grid;position:fixed;top:calc(50% + 22px);left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 30px 70px #1d191b2e}.proj-head{flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.proj-head .eyebrow{flex-basis:100%}.proj-head h2{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(26px,3.2vw,36px);font-weight:600}.proj-count{color:var(--muted);letter-spacing:.04em;font-size:12px}.proj{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:30px;display:grid}.proj-shot{perspective:1100px}.browser{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;background:#1b1a1d;border-radius:14px;transition:transform .25s ease-out;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 1px #8c0b2f,0 2px #82092b,0 3px #780828,0 4px #6e0725,0 5px #640622,0 6px #5a0520,0 24px 40px #1d191b47;container-type:inline-size}.browser-bar{align-items:center;gap:6px;padding:9px 12px;display:flex}.browser-bar i{background:#4a4650;border-radius:50%;width:9px;height:9px}.browser-bar i:first-child{background:#e0577f}.browser-bar span{color:#a99da3;min-width:0;font:500 11px/1.2 var(--font-ui);white-space:nowrap;text-overflow:ellipsis;background:#2a2830;border-radius:6px;flex:1;margin-left:10px;padding:4px 10px;overflow:hidden}.mock{aspect-ratio:16/10;color:#241f1b;background:#f6f4ef;grid-template-columns:22cqw 1fr;font-family:Public Sans,system-ui,sans-serif;display:grid}.mock-nav{color:#59504a;background:#fffdf9;border-right:1px solid #e2ddd3;align-content:start;gap:1.1cqw;padding:3cqw 2cqw;font-size:1.9cqw;display:grid}.mock-nav b{color:#241f1b;margin-bottom:1.5cqw;font-family:Newsreader,Georgia,serif;font-size:2.8cqw}.mock-nav span{border-radius:1cqw;padding:.8cqw 1.4cqw}.mock-nav span.on{color:#3b4a6b;background:#e7eaf2;font-weight:600}.mock-main{grid-template-rows:auto auto 1fr auto;gap:2cqw;min-width:0;padding:3cqw;display:grid}.mock-hello{font-family:Newsreader,Georgia,serif;font-size:3.4cqw}.mock-hello small{color:#8b8078;margin-bottom:.4cqw;font-family:Public Sans,system-ui,sans-serif;font-size:1.6cqw;display:block}.mock-kpis{grid-template-columns:1.4fr 1fr 1fr;gap:1.6cqw;display:grid}.mock-kpi{background:#fffdf9;border:1px solid #e2ddd3;border-radius:1.4cqw;gap:.5cqw;padding:1.6cqw;display:grid}.mock-kpi span{color:#8b8078;font-size:1.5cqw}.mock-kpi b{font-variant-numeric:tabular-nums;font-family:Newsreader,Georgia,serif;font-size:3cqw;font-weight:500}.mock-kpi em{color:#2f6b4f;font-size:1.4cqw;font-style:normal}.mock-kpi.out b{color:#9c4a3a}.mock-kpi.in b{color:#2f6b4f}.mock-chart{background:#fffdf9;border:1px solid #e2ddd3;border-radius:1.4cqw;align-items:flex-end;gap:1.2cqw;padding:1.6cqw 2cqw;display:flex}.mock-chart div{flex:1;align-items:flex-end;gap:.3cqw;height:100%;display:flex}.mock-chart i{background:#2f6b4f;border-radius:.4cqw .4cqw 0 0;flex:1}.mock-chart i+i{background:#cf7d68}.mock-health{flex-wrap:wrap;gap:1.2cqw;display:flex}.mock-health span{color:#2f6b4f;background:#e5efe8;border-radius:99px;padding:.6cqw 1.2cqw;font-size:1.5cqw}.mock-health span.mid{color:#8a5c1e;background:#f3e9d8}.proj-info{gap:14px;min-width:0;display:grid}.proj-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.proj-n{font:600 12px/1 var(--font-ui);color:var(--accent-soft);font-variant-numeric:tabular-nums}.live{color:#2f6b4f;background:#2f6b4f1f;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.live:before{content:"";background:#2f8a5f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2f8a5f33}.proj-info h3{letter-spacing:-.01em;margin:0;font-size:clamp(26px,3vw,34px);font-weight:600}.pitch{color:#4a4448;max-width:52ch;margin:0;font-size:15px;line-height:1.6}.feats{color:#4a4448;gap:8px;margin:0;padding:0;font-size:13.5px;line-height:1.5;list-style:none;display:grid}.feats li{grid-template-columns:14px 1fr;gap:8px;display:grid}.feats li:before{content:"";background:var(--accent);border-radius:2px;width:7px;height:7px;margin-top:7px;transform:rotate(45deg)}.feats b{color:var(--fg);font-weight:600}.built{flex-wrap:wrap;gap:6px;display:flex}.built span{background:#1d191b0f;border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.built .ico{width:14px;height:14px;stroke:var(--accent);stroke-width:1.8px}.built .ico .f{fill:var(--accent);fill-opacity:.15}.built .ico .dot{fill:var(--accent)}.proj-actions{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.btn-key{cursor:pointer;color:#f4eff2;font:600 14px/1 var(--font-ui);letter-spacing:.03em;background:linear-gradient(#2c2a30,#1b1a1d);border:0;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;text-decoration:none;transition:transform .14s,background .2s;display:inline-flex;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,0 1px #8c0b2f,0 2px #82092b,0 3px #780828,0 4px #6e0725,0 5px #640622}.btn-key:hover{transform:translateY(-4px)}.btn-key:active{background:linear-gradient(#9e1240,#6a0b2c);transform:translateY(3px);box-shadow:inset 0 1px #ffffff24,0 1px #8c0b2f,0 2px #5a0520}.btn-key:focus-visible,.btn-ghost:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.btn-key svg{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}.btn-out{cursor:pointer;color:#1b1a1d;font:600 13.5px/1 var(--font-ui);background:#fffdf9b3;border:1.5px solid #1b1a1d;border-radius:12px;align-items:center;gap:8px;padding:11px 16px;text-decoration:none;transition:transform .14s,background .2s,color .2s;display:inline-flex}.btn-out:hover{color:#f4eff2;background:#1b1a1d;transform:translateY(-2px)}.btn-out:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.btn-out svg{fill:none;stroke:currentColor;stroke-width:2px;width:13px;height:13px}.btn-ghost{color:var(--muted);font:500 13px/1 var(--font-ui);background:0 0;border:1px dashed #1d191b40;border-radius:12px;padding:11px 16px}.proj-next{color:var(--muted);border:1.5px dashed #1d191b33;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;font-size:13.5px;display:flex}.proj-next .ico{width:28px;height:28px;stroke:var(--muted);stroke-width:1.6px;flex:none}.proj-next b{color:var(--fg);font-size:14px;font-weight:600;display:block}@media (width<=860px){.projects{max-height:calc(100dvh - 92px);padding:20px 16px 22px;top:calc(50% + 28px)}.proj{grid-template-columns:1fr;gap:22px}}@media (prefers-reduced-motion:reduce){.browser{transition:none}}.xp{--tilt:56deg}.xp-hint{color:var(--muted);font-size:12px}.xp-stage{perspective:1100px;perspective-origin:50% 0;background:radial-gradient(120% 80% at 50% 100%,#9e124012,#0000 60%);border-radius:18px;height:clamp(440px,66dvh,640px);position:relative;overflow:hidden}.xp-board{transform-origin:50% 100%;width:520px;height:1000px;transform:translateX(-50%) scale(var(--k,1)) rotateX(var(--tilt));transform-style:preserve-3d;background:repeating-linear-gradient(0deg,#1d191b0b 0 1px,#0000 1px 52px),repeating-linear-gradient(90deg,#1d191b0b 0 1px,#0000 1px 52px),linear-gradient(#efe3cf,#e6d6bb);border-radius:34px;position:absolute;bottom:18px;left:50%;box-shadow:inset 0 0 0 1px #1d191b14,inset 0 0 60px #7854322e}.xp-board svg.road{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.road .edge{fill:none;stroke:#cdb795;stroke-width:46px;stroke-linecap:round}.road .lane{fill:none;stroke:#f7efe2;stroke-width:36px;stroke-linecap:round}.road .todo{fill:none;stroke:#1d191b4d;stroke-width:4px;stroke-linecap:round;stroke-dasharray:1 14}.road .done{fill:none;stroke:var(--accent);stroke-width:6px;stroke-linecap:round;stroke-dasharray:18 14}.road .start{font:700 22px var(--font-ui);letter-spacing:.2em;fill:#1d191b59}.xp-shadow{background:radial-gradient(closest-side,#28181059,#0000);border-radius:50%;width:90px;height:40px;position:absolute;transform:translate(-50%,-50%)}.xp-pin{--ox:-42px;transform:translate(var(--ox), -100%) rotateX(calc(-1 * var(--tilt)));transform-origin:50% 100%;transform-style:preserve-3d;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute}.xp-pin>*{pointer-events:auto}.xp-pin.left{--ox:calc(-100% + 42px);flex-direction:row-reverse}.xp-flagpin{--ox:-50%}.xp-pin.left .xp-label{text-align:right}.coin{cursor:pointer;width:84px;height:84px;transform-style:preserve-3d;background:0 0;border:0;flex:none;padding:0;position:relative}.coin:focus-visible{outline:2px solid var(--accent-soft);outline-offset:6px;border-radius:50%}.coin .spin{transform-style:preserve-3d;animation:5s linear infinite coinSpin;position:absolute;inset:0}.coin:hover .spin,.coin:focus-visible .spin,.coin.open .spin{animation-play-state:paused}.coin .face{color:#f4eff2;font:700 24px/1 var(--font-ui);backface-visibility:hidden;background:#1b1a1d;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #9e1240}.coin .e{background:var(--edge,#8c0b2f);width:7px;height:12px;margin:-6px 0 0 -3.5px;position:absolute;top:50%;left:50%}.coin .core{background:#5a0520;border-radius:50%;position:absolute;inset:1.5px}.coin.ghost .core{background:#b97a8b}.coin .face.back{transform:rotateY(180deg)translateZ(6px)}.coin .face.front{transform:translateZ(6px)}@keyframes coinSpin{0%,60%{animation-timing-function:cubic-bezier(.45,0,.25,1);transform:rotateY(0)}to{transform:rotateY(360deg)}}.coin.ghost .face{color:var(--accent);background:#f3e6e9;box-shadow:inset 0 0 0 4px #9e124073}.coin.ghost .e{background:var(--edge-ghost,#c98a9b)}.xp-here{border:3px solid #2f8a5f;border-radius:50%;width:120px;height:120px;animation:1.8s ease-out infinite xpPulse;position:absolute;transform:translate(-50%,-50%)}@keyframes xpPulse{0%{opacity:.9;transform:translate(-50%,-50%)scale(.55)}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.xp-label{border:1px solid var(--line);white-space:nowrap;background:#fffdf9eb;border-radius:12px;gap:2px;padding:9px 12px;display:grid;box-shadow:0 8px 18px #1d191b1f}.xp-label small{font:600 9.5px/1 var(--font-ui);letter-spacing:.16em;color:var(--accent-soft)}.xp-label b{color:var(--fg);font-size:15px;font-weight:600}.xp-label span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.xp-flagpin,.xp-flagpin *{pointer-events:none!important}.xp-flagpin svg{width:70px;height:100px;display:block;overflow:visible}.xp-flagpin .cloth{transform-origin:14px 10px;animation:1.6s ease-in-out infinite alternate xpWave}@keyframes xpWave{0%{transform:skewY(-4deg)scaleX(.96)}to{transform:skewY(4deg)scaleX(1.02)}}.xp-flagpin em{font:600 9.5px/1 var(--font-ui);letter-spacing:.14em;color:#2f6b4f;text-align:center;white-space:nowrap;margin-top:4px;font-style:normal;display:block}.xp-anim .xp-pin{animation:.55s cubic-bezier(.2,.9,.3,1.4) backwards pinIn}@keyframes pinIn{0%{opacity:0;transform:translate(var(--ox), -100%) rotateX(calc(-1 * var(--tilt))) translateY(30px) scale(.6)}}.xp-pop{z-index:3;box-sizing:border-box;border:1px solid var(--line);opacity:0;pointer-events:none;background:#fffdf9f7;border-radius:16px;gap:9px;width:min(400px,100% - 24px);padding:16px 18px;transition:opacity .16s,transform .16s;display:grid;position:absolute;transform:translateY(6px)scale(.98);box-shadow:0 24px 50px #1d191b38}.xp-pop.show{opacity:1;pointer-events:auto;transform:none}.xp-pop .xp-top{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:11.5px;display:flex}.xp-pop h3{margin:0;font-size:19px;font-weight:600}.xp-pop h3 span{color:var(--accent-soft);margin-top:3px;font-size:13px;font-weight:500;display:block}.xp-pop .xp-lead{color:#3d373b;margin:0;font-size:13.5px;line-height:1.5}.xp-pop ul{color:#4a4448;gap:6px;margin:0;padding:0;font-size:12.5px;line-height:1.45;list-style:none;display:grid}.xp-pop li{grid-template-columns:12px 1fr;gap:7px;display:grid}.xp-pop li:before{content:"";background:var(--accent);border-radius:2px;width:6px;height:6px;margin-top:6px;transform:rotate(45deg)}.xp-metric{color:var(--accent);white-space:nowrap;border:1px dashed #9e124080;border-radius:6px;margin-left:4px;padding:0 7px;font-size:11.5px;font-weight:600;display:inline-block}.xp-tags{flex-wrap:wrap;gap:5px;display:flex}.xp-tags span{background:#1d191b0f;border-radius:99px;padding:3px 8px;font-size:11px}.xp-why{color:#4a2532;background:#9e124012;border-radius:10px;margin:0;padding:8px 11px;font-size:12px;line-height:1.45}.xp-why b{color:var(--accent)}@media (prefers-reduced-motion:reduce){.coin .spin,.xp-here,.xp-flagpin .cloth,.xp-anim .xp-pin{animation:none}}.about-head{text-align:center;justify-items:center;gap:6px;display:grid}.about-head h2{letter-spacing:-.01em;margin:0;font-size:clamp(24px,3vw,32px);font-weight:600}.about-head p{color:var(--muted);margin:0;font-size:12.5px}.badge-stage{perspective:1200px;justify-items:center;padding:0 0 18px;display:grid}.pendulum{transform-origin:50% 0;justify-items:center;animation:4.2s ease-in-out infinite alternate swing;display:grid}@keyframes swing{0%{transform:rotate(-2.2deg)}to{transform:rotate(2.2deg)}}.strap{background:repeating-linear-gradient(#9e1240 0 10px,#7a0a28 10px 20px);border-radius:0 0 3px 3px;width:18px;height:70px;box-shadow:inset 2px 0 #ffffff1f,inset -2px 0 #00000026}.clip{z-index:2;background:linear-gradient(#4a4650,#2c2a30);border-radius:4px 4px 7px 7px;width:34px;height:22px;margin-top:-2px;position:relative;box-shadow:0 2px #1b1a1d}.badge{cursor:pointer;width:300px;transform-style:preserve-3d;font:inherit;color:inherit;text-align:inherit;background:0 0;border:0;margin-top:-8px;padding:0;transition:transform .8s cubic-bezier(.65,0,.25,1);display:grid;position:relative}.badge.flipped{transform:rotateY(180deg)}.badge:focus-visible{outline:2px solid var(--accent-soft);outline-offset:6px;border-radius:20px}.badge-side{backface-visibility:hidden;background:#fbf6ee;border:1px solid #1d191b1f;border-radius:20px;grid-area:1/1;align-content:start;justify-items:center;gap:12px;padding:26px 24px 24px;display:grid;box-shadow:0 1px #e4d6bf,0 3px #dccbb0,0 26px 44px #1d191b38}.badge-side:before{content:"";background:#d8cdbd;border-radius:6px;width:54px;height:9px;margin-bottom:4px;box-shadow:inset 0 1px 2px #0000002e}.badge-back{align-content:center;gap:14px;transform:rotateY(180deg)}.badge-back:before{position:absolute;top:26px}.badge .coin{cursor:inherit}.badge .coin .spin{animation:none}.badge h3{text-align:center;margin:4px 0 0;font-size:22px;font-weight:600}.badge .role{color:var(--accent);letter-spacing:.02em;margin-top:-6px;font-size:13px;font-weight:600}.badge dl{width:100%;margin:4px 0 0;display:grid}.badge dl div{border-top:1px dashed #1d191b2e;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:12px;padding:9px 0;display:grid}.badge dt{font:600 10px/1.3 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.badge dd{text-align:right;overflow-wrap:anywhere;margin:0;font-size:13.5px;font-weight:500;line-height:1.35}.badge-back h4{font:600 10px/1 var(--font-ui);letter-spacing:.18em;color:var(--accent-soft);margin:6px 0 0}.badge-back p{text-align:center;color:#3d373b;margin:0;font-size:14px;line-height:1.45}.badge-back p b{color:var(--fg);font-size:15px;display:block}.badge-back .stripe{opacity:.75;background:repeating-linear-gradient(90deg,#1b1a1d 0 2px,#0000 2px 5px,#1b1a1d 5px 6px,#0000 6px 10px);border-radius:8px;width:100%;height:34px;margin-top:6px}.badge-back .site{font:700 13px/1 var(--font-ui);color:var(--accent);letter-spacing:.04em}.badge-hint{color:var(--muted);margin-top:18px;font-size:12px}@media (width<=420px){.badge{width:min(300px,100vw - 72px)}}@media (prefers-reduced-motion:reduce){.pendulum{animation:none}.badge{transition:none}}.contact-head{text-align:center;justify-items:center;gap:8px;display:grid}.contact-head .status{color:#2f6b4f;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.contact-head .status:before{content:"";background:#2f8a5f;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #2f8a5f33}.env-stage{padding:calc(var(--lift,190px) + 14px) 0 26px;justify-items:center;display:grid}.env{width:min(440px,100%);height:var(--env-h,250px);position:relative}.env-back{background:linear-gradient(#5a0520,#7a0a28);border-radius:10px 10px 16px 16px;position:absolute;inset:0;box-shadow:0 26px 44px #1d191b40}.env-flap{transform-origin:50% 0;z-index:4;height:57%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.65,0,.25,1);position:absolute;top:0;left:0;right:0;transform:perspective(900px)rotateX(0)}.env-flap:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#8c0b2f,#6a0b2c);border-radius:10px 10px 0 0;position:absolute;inset:0}.env.open .env-flap{z-index:1;transition:transform .7s cubic-bezier(.65,0,.25,1),z-index 0s .35s;transform:perspective(900px)rotateX(180deg)}.letter{z-index:2;visibility:hidden;background:#fffdf9;border-radius:12px;gap:11px;padding:20px 22px 46px;transition:transform .8s cubic-bezier(.2,.9,.3,1.1) .45s,visibility 0s .3s;display:grid;position:absolute;top:18px;left:22px;right:22px;transform:translateY(0);box-shadow:0 10px 26px #1d191b2e}.env.open .letter{-webkit-font-smoothing:antialiased;visibility:visible;transform:translateY(calc(-1 * var(--lift,178px)))}.letter small{font:700 10.5px/1 var(--font-ui);letter-spacing:.16em;color:var(--accent)}.letter h3{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600}.letter p{color:#4a4448;margin:-4px 0 0;font-size:13.5px;line-height:1.5}.mailrow{background:#f4eee6;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:8px 8px 8px 12px;display:flex}.mailrow span{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;flex:1;min-width:0;font-size:14px;font-weight:500}.copy-btn{cursor:pointer;color:#fff;font:600 12px/1 var(--font-ui);background:#1b1a1d;border:0;border-radius:8px;flex:none;padding:7px 12px;box-shadow:0 2px #8c0b2f}.copy-btn.done{background:#2f6b4f;box-shadow:0 2px #1f4a36}.copy-btn:focus-visible,.social:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.socials{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.social{color:#f4eff2;font:600 12.5px/1 var(--font-ui);background:#1b1a1d;border-radius:99px;align-items:center;gap:7px;padding:8px 13px;text-decoration:none;transition:transform .14s;display:inline-flex;box-shadow:0 2px #8c0b2f}.social:hover{transform:translateY(-2px)}.social svg{fill:none;stroke:#e0577f;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.env-front{z-index:3;pointer-events:none;clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);background:linear-gradient(#9e1240,#6a0b2c);border-radius:10px 10px 16px 16px;position:absolute;inset:0}.env-front:after{content:"santiagoboada.dev";text-align:center;font:700 13px/1 var(--font-ui);letter-spacing:.08em;color:#ffffff8c;position:absolute;bottom:22px;left:0;right:0}@media (width<=520px){.letter{left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.env-flap,.letter{transition:none!important}}@media (width>=1920px){.keys,.tiles,.toggles--corner,.q-notice,.close,.projects,.panel{zoom:var(--z)}.tiles{bottom:calc(6vh / var(--z) + env(safe-area-inset-bottom,0px))}.projects{width:min(1080px, calc((100vw - 32px) / var(--z)));max-height:calc((100dvh - 104px) / var(--z))}.panel{width:calc(42vw / var(--z));height:calc(100dvh / var(--z))}.panel.solo{width:min(720px, calc((100vw - 32px) / var(--z)));height:auto;max-height:calc((100dvh - 104px) / var(--z))}.xp-stage{height:clamp(440px, calc(66dvh / var(--z)), 640px)}.bubble{scale:var(--z);transform-origin:0 0}}