:root{--void: #0b0c0e;--ink: #f2f0eb;--ink-66: rgba(242, 240, 235, .66);--ink-18: rgba(242, 240, 235, .18);--signal: #f2a13c;--font-sans: "Space Grotesk", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .875rem;--text-sm: .9375rem;--text-md: 1rem}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--void);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-md);-webkit-font-smoothing:antialiased}a{color:var(--signal);text-decoration:none}a:hover{color:var(--ink)}.host-frame{position:fixed;inset:0;border:0;width:100%;height:100%;background:var(--void)}.host-overlay{position:fixed;z-index:5;left:50%;bottom:1.25rem;top:auto;right:auto;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem;width:max-content;max-width:calc(100% - 2rem);pointer-events:none}.host-overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.host-overlay>*{pointer-events:auto}.host-btn{appearance:none;border:1px solid var(--ink-18);border-radius:0;padding:.7rem .95rem;font:inherit;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;text-decoration:none;color:var(--ink);background:#0b0c0ec7;backdrop-filter:blur(12px);font-family:var(--font-mono)}.host-btn:hover{color:var(--signal);border-color:var(--signal)}.host-btn-primary{background:var(--signal);color:var(--void);border-color:var(--signal)}.host-btn-primary:hover{color:var(--void)}.host-caption{margin:0;text-align:center;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-66);font-family:var(--font-mono)}.designer-shell{position:fixed;inset:0;z-index:60;background:var(--void)}.designer-shell[hidden]{display:none!important}.designer-shell .host-frame{z-index:0;height:calc(100% - 5.75rem)}.designer-shell .host-overlay{z-index:2}.designer-shell .host-btn-primary:hover{color:var(--void)}.designer-viewport-notice{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px 16px;background:#0b0c0eb8;backdrop-filter:blur(8px)}.designer-viewport-notice[hidden]{display:none!important}.designer-viewport-panel{width:min(28rem,100%);display:grid;gap:14px;padding:1.5rem 1.5rem 1.35rem;border:1px solid var(--ink-18);background:#101215;box-shadow:0 40px 120px #0009}.designer-viewport-kicker{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}.designer-viewport-panel h2{margin:0;font-weight:400;font-size:clamp(1.6rem,4vw,2rem);line-height:1.15;letter-spacing:-.03em}.designer-viewport-panel p:last-of-type{margin:0;max-width:36ch;line-height:1.55;color:#f2f0ebe6}.designer-viewport-panel .host-btn{justify-self:start}.designer-case{position:fixed;inset:0;z-index:70;display:grid;grid-template-rows:minmax(0,1fr);place-items:start center;padding:8vh 16px 96px;overflow:hidden;background:#0b0c0eb8;backdrop-filter:blur(8px);pointer-events:auto}.designer-case[hidden]{display:none!important}.designer-case-panel{width:min(42rem,100%);max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ink-18);background:#101215;box-shadow:0 40px 120px #0009;padding:1.35rem 1.5rem 2rem}.designer-case-bar{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px;margin-bottom:1.4rem;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-66);font-family:var(--font-mono)}.designer-case-panel .case{margin:0;padding:0;max-width:none;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}.case{max-width:42rem;margin:0 auto;padding:4rem 1.5rem 6rem;line-height:1.65}.case-nav{display:flex;flex-wrap:wrap;gap:16px 24px;font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;margin-bottom:2.4rem;font-family:var(--font-mono)}.case h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;font-weight:400;letter-spacing:-.03em}.case h2{margin-top:2.2rem;font-size:1.2rem;font-weight:500}.case p,.case li{color:var(--ink-66)}.case code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink)}.port-body.has-site-cursor~.cmp-root,.port-body.has-site-cursor~.cmp-root *{cursor:none!important}.cmp-banner[hidden],.cmp-pill[hidden],.cmp-prefs[hidden],.cmp-gpc[hidden],[data-cmp-ca][hidden]{display:none!important}.cmp-banner,.cmp-pill,.cmp-prefs-dialog{--cmp-bg: var(--void, #0b0c0e);--cmp-fg: var(--ink, #f2f0eb);--cmp-muted: var(--ink-66, rgba(242, 240, 235, .66));--cmp-line: rgba(126, 240, 216, .22);--cmp-edge: rgba(126, 240, 216, .38);--cmp-accent: #7ef0d8;font-family:var(--font-sans, "Space Grotesk", Helvetica, Arial, sans-serif);color:var(--cmp-fg)}:root{--cmp-bottom: 54px }@media (max-width: 860px){:root{--cmp-bottom: 24px}}.cmp-banner{position:fixed;z-index:96;right:24px;bottom:var(--cmp-bottom);width:420px;max-width:calc(100vw - 32px);background:var(--cmp-bg);border:1px solid var(--cmp-line);border-radius:0;overflow:hidden}.cmp-banner[data-open=true]{animation:cmpIn .26s cubic-bezier(.2,.8,.2,1)}@keyframes cmpIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cmp-banner-body{display:flex;flex-direction:column;gap:12px;padding:16px 16px 14px}.cmp-kicker{margin:0;font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--cmp-accent)}.cmp-title{margin:0;font-family:var(--font-sans, "Space Grotesk", Helvetica, Arial, sans-serif);font-size:18px;font-weight:400;letter-spacing:-.03em;line-height:1.15}.cmp-body{margin:0;font-size:14px;line-height:1.5;color:var(--cmp-muted)}.cmp-gpc{margin:0;font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:11px;letter-spacing:.04em;line-height:1.45;color:var(--cmp-accent);background:color-mix(in srgb,var(--cmp-accent) 12%,transparent);border-radius:0;padding:8px 10px}.cmp-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:stretch}.cmp-btn{appearance:none;margin:0;font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;line-height:1.2;border-radius:0;padding:12px 6px;cursor:pointer;text-align:center;background:transparent;color:var(--cmp-fg);border:1px solid var(--cmp-edge)}.cmp-btn:hover{background:color-mix(in srgb,var(--cmp-accent) 10%,transparent);border-color:var(--cmp-accent);box-shadow:inset 0 0 0 1px var(--cmp-accent)}.cmp-btn:focus-visible,.cmp-switch:focus-visible,.cmp-pill:focus-visible,.cmp-footer-link:focus-visible,.cmp-policy:focus-visible,.cmp-close:focus-visible{outline:2px solid var(--cmp-accent);outline-offset:2px}.cmp-foot{display:flex;align-items:center;padding:10px 16px;border-top:1px solid var(--cmp-line)}.cmp-policy{font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cmp-muted);text-decoration:none}.cmp-policy:hover{color:var(--cmp-fg)}.cmp-pill{position:fixed;z-index:96;right:20px;bottom:var(--cmp-bottom);display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:var(--cmp-bg);color:var(--cmp-fg);border:1px solid var(--cmp-edge);border-radius:0;padding:10px 12px;cursor:pointer;transition:bottom .45s cubic-bezier(.22,1,.36,1)}@media (min-width: 861px){html.hud-tucked .cmp-pill{bottom:16px}}.cmp-pill[data-open=true]{animation:cmpIn .26s cubic-bezier(.2,.8,.2,1)}.cmp-pill-dot{width:6px;height:6px;border-radius:0;background:var(--cmp-muted)}.cmp-pill[data-cmp-mini] .cmp-pill-dot{background:var(--cmp-accent)}.cmp-pill-icon{width:14px;height:14px;flex:none;color:var(--cmp-muted)}.cmp-pill[data-readout=essential] .cmp-pill-icon{color:var(--cmp-muted)}.cmp-pill[data-readout=custom] .cmp-pill-icon{color:var(--signal, #f2a13c)}.cmp-pill[data-readout=all] .cmp-pill-icon{color:var(--cmp-accent)}.cmp-prefs{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0b0c0eb8}.cmp-prefs-dialog{width:min(530px,100%);max-height:min(100%,calc(100dvh - 48px));overflow:auto;background:var(--cmp-bg);border:1px solid var(--cmp-line);border-radius:0;display:flex;flex-direction:column}.cmp-prefs-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 16px 12px}.cmp-prefs-title{margin:6px 0 0;font-size:20px;font-weight:400;letter-spacing:-.03em;line-height:1.15}.cmp-close{width:32px;height:32px;border-radius:0;border:1px solid var(--cmp-edge);background:none;color:var(--cmp-fg);cursor:pointer;font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:16px;line-height:1}.cmp-close:hover{background:color-mix(in srgb,var(--cmp-accent) 10%,transparent);border-color:var(--cmp-accent);box-shadow:inset 0 0 0 1px var(--cmp-accent)}.cmp-gpc-prefs{margin:0 16px 12px}.cmp-rows{display:flex;flex-direction:column;padding:0 16px}.cmp-row{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--cmp-line)}.cmp-row-copy{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.cmp-row-name{display:flex;gap:8px;align-items:baseline;font-size:14px}.cmp-row-state{font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cmp-muted)}.cmp-row-desc{font-size:14px;line-height:1.45;color:var(--cmp-muted)}.cmp-row-vendors{font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:11px;letter-spacing:.04em;line-height:1.5;color:var(--signal, #f2a13c)}.cmp-prefs-dialog .cmp-kicker{color:var(--signal, #f2a13c)}.cmp-switch{flex:none;margin-top:2px;width:36px;height:20px;border:1px solid var(--cmp-edge);border-radius:0;background:transparent;position:relative;cursor:pointer;padding:0}.cmp-switch[aria-checked=true]{background:color-mix(in srgb,var(--cmp-accent) 18%,transparent);border-color:var(--cmp-accent)}.cmp-switch:disabled{opacity:.55;cursor:not-allowed}.cmp-switch span{position:absolute;top:5px;left:5px;width:8px;height:8px;border-radius:0;background:var(--cmp-muted);transition:left .15s}.cmp-switch[aria-checked=true] span{left:21px;background:var(--cmp-accent)}.cmp-prefs-actions .cmp-btn{border-color:#f2f0eb2e}.cmp-prefs-actions .cmp-btn:hover{background:color-mix(in srgb,var(--signal, #f2a13c) 10%,transparent);border-color:var(--signal, #f2a13c);box-shadow:inset 0 0 0 1px var(--signal, #f2a13c)}.cmp-prefs-actions .cmp-btn:focus-visible{outline-color:var(--signal, #f2a13c)}.cmp-prefs-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:16px;border-top:1px solid var(--cmp-line)}.cmp-footer-link{background:none;border:0;padding:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}@media (max-width: 640px){.cmp-banner{left:0;right:0;bottom:0;width:auto;max-width:none;border-radius:0;border-bottom:0;border-left:0;border-right:0}.cmp-banner-body{padding:16px 16px 12px}.cmp-actions{grid-template-columns:1fr}.cmp-btn{min-height:48px;font-size:12px}.cmp-pill{bottom:16px;right:16px}.cmp-prefs{padding:12px;align-items:end}.cmp-prefs-actions{grid-template-columns:1fr}.cmp-prefs-actions .cmp-btn{min-height:48px}}@media (prefers-reduced-motion: reduce){.cmp-banner[data-open=true],.cmp-pill[data-open=true],.cmp-switch span{animation:none;transition:none}.cmp-pill{transition:none}}