.smoke-surface{pointer-events:none;display:contents}.smoke-canvas{z-index:20;pointer-events:none;contain:strict;position:fixed}html.smoke-active .foreground-fog{display:none!important}.smoke-controls{z-index:81;top:90px;right:max(16px,env(safe-area-inset-right));background:#09151ef5;border:1px solid #65d9ff8c;border-radius:14px;gap:7px;width:190px;padding:12px;display:grid;position:fixed;box-shadow:0 12px 32px #0006}.smoke-controls-label{color:#a6e7f6;font:10px var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.smoke-toggle{color:#07151e;min-height:44px;font:600 12px var(--font-mono);cursor:pointer;background:#65d9ff;border:1px solid #a0eaff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.smoke-toggle:hover{border-color:var(--cyan)}.smoke-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.smoke-toggle:disabled{color:#c4e3eb;cursor:default;background:#19333f;border-color:#547986}.smoke-status{color:#bbd1db;font:11px/1.45 var(--font-sans);overflow-wrap:anywhere}.smoke-diagnostics{color:#9cb8c6;font:10px/1.6 var(--font-mono)}.smoke-diagnostics summary{cursor:pointer;text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:flex}.smoke-diagnostics span{overflow-wrap:anywhere;display:block}body:has([role=dialog],dialog[open],.refresh-modal-layer) .smoke-controls{visibility:hidden}html.effects-scrolling .smoke-canvas,html.effects-paused .smoke-canvas,html.architecture-lens-open .smoke-canvas,html.immersive-mode .smoke-canvas{opacity:0!important}@media (prefers-reduced-motion:reduce){.smoke-canvas{display:none!important}}@media (max-width:600px){.smoke-controls{gap:5px;width:155px;padding:9px;top:84px;right:10px}.smoke-toggle{padding:0 8px;font-size:11px}}.smoke-surface[data-clearing=true] .smoke-canvas{animation:smoke-clear var(--smoke-clear-duration) ease-out forwards}@keyframes smoke-clear{to{opacity:0}}.smoke-intensities{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.smoke-intensities button{color:#d9e7f3;min-height:44px;font:10px var(--font-mono);cursor:pointer;background:#111e2b;border:1px solid #537288;border-radius:7px;padding:4px}.smoke-intensities button[aria-pressed=true]{color:#101523;background:#b5a8ef;border-color:#e0d8ff;font-weight:700}.smoke-intensities button:focus-visible{outline-offset:2px;outline:2px solid #65d9ff}.smoke-intensities button:disabled{cursor:default}.smoke-controls{max-height:calc(100dvh - 110px);overflow-y:auto}.smoke-panel-heading{align-items:center;gap:2px;display:flex}.smoke-drag-handle,.smoke-collapse{color:#bdefff;min-height:44px;font:10px var(--font-mono);background:0 0;border:0;border-radius:7px}.smoke-drag-handle{text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.smoke-drag-handle:active{cursor:grabbing}.smoke-collapse{cursor:pointer;min-width:44px;font-size:20px}.smoke-panel-heading button:hover{background:#65d9ff18}.smoke-panel-heading button:focus-visible{outline-offset:1px;outline:2px solid #65d9ff}.smoke-panel-settings{gap:7px;display:grid}.smoke-collapsed .smoke-intensities,.smoke-collapsed .smoke-diagnostics{display:none}.smoke-collapsed .smoke-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.graphics-capability-notice{z-index:79;color:#c0d7e1;width:max-content;max-width:min(300px,100vw - 32px);font:11px/1.5 var(--font-sans);pointer-events:none;opacity:1;background:#0a1722f2;border:1px solid #65d9ff40;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;transition:opacity .25s;display:flex;position:fixed;top:90px;left:16px}.graphics-capability-notice[hidden]{display:none}.graphics-capability-notice[data-fading=true]{opacity:0}.graphics-capability-dot{background:#80d8ed;border-radius:50%;flex-shrink:0;width:5px;height:5px}@media (max-width:600px){.graphics-capability-notice{max-width:calc(100vw - 20px);top:84px;left:10px}body:has(.smoke-controls) .graphics-capability-notice{max-width:calc(100vw - 190px)}}@media (prefers-reduced-motion:reduce){.graphics-capability-notice{transition:none}}.smoke-controls{background:linear-gradient(145deg,#0b1821f5,#121521f5);border-color:#6dbdd13d;border-radius:16px;gap:3px;width:210px;padding:6px;box-shadow:0 8px 26px #0005,inset 0 1px #ffffff08}.smoke-panel-heading{gap:0}.smoke-drag-handle{color:#adc7d3;letter-spacing:.025em;gap:6px;padding:0 7px;font-size:10px}.smoke-collapse{color:#9eafc7;font-size:17px}.smoke-panel-settings{gap:5px}.smoke-toggle{color:#c5f1ff;background:#183241;border-color:#65d9ff38;border-radius:10px;gap:7px;font-size:11px}.smoke-power-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:16px;height:16px}.smoke-toggle[aria-pressed=true]{color:#86e2ff;background:#173747;border-color:#65d9ff75}.smoke-intensities{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.smoke-intensities button{background:#14212c;border-color:#6a80932b;border-radius:8px;font-size:9px}.smoke-intensities button[aria-pressed=true]{color:#ece6ff;background:#323149;border-color:#b7a9f5}.smoke-status{color:#9bb2bf;padding:2px 5px;font-size:10px}.smoke-diagnostics{padding:0 5px}.smoke-controls.smoke-collapsed{border-radius:999px;grid-template-columns:minmax(0,1fr) 44px 44px;gap:0;width:210px;padding:4px;display:grid;overflow:visible}.smoke-collapsed .smoke-panel-heading,.smoke-collapsed .smoke-panel-settings{display:contents}.smoke-collapsed .smoke-drag-handle{border-radius:999px}.smoke-collapsed .smoke-collapse{border-radius:50%}.smoke-collapsed .smoke-toggle{border-radius:50%;width:44px;min-width:44px;padding:0}.smoke-collapsed .smoke-toggle-label{display:none}@media (max-width:600px){.smoke-controls,.smoke-controls.smoke-collapsed{width:200px}body:has(.smoke-controls) .graphics-capability-notice{max-width:calc(100vw - 230px)}}
.portrait-button.portrait-framed{background:linear-gradient(155deg,#13232d,#080e14) padding-box padding-box,linear-gradient(140deg,#92eaff,#294854 45%,#9486c8) border-box;border:2px solid #0000;border-radius:20px;box-shadow:0 0 0 5px #0b141be6,0 0 0 6px #65d9ff26,0 24px 56px #0008}.portrait-button.portrait-framed .portrait-reel-stage{background:#0a141c;border:1px solid #d4f5ff33;border-radius:11px;inset:8px 8px 52px}.portrait-button.portrait-framed .portrait-reel-label{color:#d9f6ff;min-height:38px;font:600 10px var(--font-mono);letter-spacing:.13em;background:linear-gradient(110deg,#10212de6,#191c2ce6);border-top:1px solid #8ddbef3d;border-radius:0 0 11px 11px;justify-content:center;align-items:center;padding:8px;display:flex;inset:auto 8px 7px}.portrait-button.portrait-framed:after{color:#d3f3ff;background:#0c1c29de;border-color:#a6e6f64d;border-radius:5px;top:17px;right:17px}.portrait-button.portrait-framed:hover,.profile-card.open .portrait-button.portrait-framed{box-shadow:0 0 0 5px #0b141be6,0 0 0 6px #88e5ff73,0 22px 58px #0009,0 0 28px #65d9ff18}.portrait-button.portrait-framed:focus-visible{outline-offset:8px;outline:2px solid #b6efff}.profile-card.open:has(.portrait-framed){flex-direction:column;align-items:flex-start;height:auto;min-height:0;padding-bottom:12px;display:flex}.profile-card.open .portrait-button.portrait-framed{flex:none;width:min(280px,100%);height:350px;position:relative;inset:auto;transform:none}.profile-card:has(.portrait-framed) .profile-details{filter:none;transform-style:flat;background:linear-gradient(155deg,#142029fa,#0c131cfb 62%,#161625fb) padding-box padding-box,linear-gradient(135deg,#65d9ff80,#28414b 48%,#a99cff60) border-box;border:1px solid #0000;border-radius:18px;width:calc(100% - 16px);max-width:380px;max-height:none;padding:26px 24px 20px;overflow:visible;box-shadow:0 22px 50px #0007,inset 0 1px #ffffff0a;-webkit-mask-image:none;mask-image:none}.profile-card.open:has(.portrait-framed) .profile-details{filter:none;margin:-16px 0 0 16px;position:relative;inset:auto;transform:none}.profile-card:has(.portrait-framed) .profile-details:before{display:none}.profile-card:has(.portrait-framed) .profile-details:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#9eeaffb3,#b8adff66,#0000);height:1px;position:absolute;top:0;left:24px;right:24px}.profile-card:has(.portrait-framed) .profile-details .eyebrow{color:#9fdaeb;font:10px var(--font-mono);letter-spacing:.15em;background:#65d9ff08;border:1px solid #65d9ff30;border-radius:5px;margin:0 0 14px;padding:5px 8px;display:inline-flex}.profile-card:has(.portrait-framed) .profile-details h2{color:#f0f3ef;letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(22px,2vw,27px);font-weight:550;line-height:1.16}.profile-card:has(.portrait-framed) .profile-details p{color:#a6b3bc;font-size:13px;line-height:1.7}.profile-card:has(.portrait-framed) .profile-details p.accent{color:#75d9f3;margin:0 0 18px;font-size:12px}.profile-card:has(.portrait-framed) .profile-details .status{color:#bdcdc9;background:#69e6a607;border-left:2px solid #69e6a680;border-radius:0 7px 7px 0;margin:16px 0 0;padding:10px 12px;font-size:12px}.profile-card:has(.portrait-framed) .profile-link-dock{box-shadow:none;background:0 0;border-top:1px solid #7bb6ce29;margin:22px 0 0;padding:16px 0 0;position:relative;inset:auto}.profile-card:has(.portrait-framed) .profile-link-dock .socials{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card:has(.portrait-framed) .profile-link-dock .actions{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-card:has(.portrait-framed) .profile-link-dock a{color:#bdcbd5;height:auto;min-height:44px;font:11px var(--font-mono);background:#080f1773;border:1px solid #77b7cf33;border-radius:8px;padding:9px 5px}.profile-card:has(.portrait-framed) .profile-link-dock .actions span{color:#bdcbd5;height:auto;min-height:44px;font:11px var(--font-mono);background:#080f1773;border:1px solid #77b7cf33;border-radius:8px;padding:9px 5px}.profile-card:has(.portrait-framed) .profile-link-dock .socials a{color:#bfecf7;background:#65d9ff0b}:is(.profile-card:has(.portrait-framed) .profile-link-dock a:hover,.profile-card:has(.portrait-framed) .profile-link-dock a:focus-visible){color:#f0faff;background:#65d9ff17;border-color:#65d9ff99}@media (max-width:560px){.profile-card.open .portrait-button.portrait-framed{width:210px;height:270px}.profile-card:has(.portrait-framed) .profile-details{padding:24px 18px 18px}}
