.universe-hud{z-index:5;pointer-events:none;position:absolute;inset:0}.universe-hud-controls{pointer-events:auto;max-width:420px;position:absolute;bottom:112px;left:clamp(24px,4vw,64px)}.universe-hud-filters,.universe-hud-objects{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.universe-hud-filters{margin-bottom:calc(var(--spacing) * 3)}.universe-hud-controls button{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);min-height:44px;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3.5);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));border-radius:calc(var(--spacing) * 2.5);background:color-mix(in srgb, var(--surface) 90%, transparent);color:var(--text-secondary);font-size:.7rem;line-height:1.4;transition:color .2s,border-color .2s,background .2s,box-shadow .25s,transform .2s;display:inline-flex}.universe-hud-controls button:hover,.universe-hud-controls button:focus-visible{color:var(--text-primary);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));box-shadow:0 0 18px color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-1px)}.universe-hud-controls button[aria-pressed=true]{background:var(--accent);color:var(--background);border-color:var(--accent);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 38%, transparent)}.universe-hud-controls button:disabled{color:var(--text-secondary);background:var(--surface);border-color:var(--border);box-shadow:none}.universe-hud-detail{overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto;width:332px;max-height:52vh;position:absolute;top:112px;right:clamp(24px,4vw,64px);overflow:auto}.universe-hud-detail:empty{display:none}.universe-hud-panel,.universe-hud .project-focus-panel{padding:calc(var(--spacing) * 5);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:calc(var(--spacing) * 3);background:linear-gradient(165deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 55%), color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:0 16px 42px color-mix(in srgb, var(--background) 75%, transparent), 0 0 28px color-mix(in srgb, var(--accent) 12%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 12%, transparent);margin:0}.universe-hud-heading{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 3);border-bottom:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));display:flex}.universe-hud h3{margin-top:calc(var(--spacing) * 2);letter-spacing:-.03em;font-size:1.35rem;font-weight:500;line-height:1.2}.universe-hud .eyebrow{color:var(--accent);font-size:.58rem}.universe-hud-panel>p,.universe-hud-panel li,.universe-hud .project-focus-panel>p{color:var(--text-secondary);margin-bottom:calc(var(--spacing) * 3);font-size:.8rem;line-height:1.75}.universe-hud-panel>ul{padding-left:calc(var(--spacing) * 4)}.universe-hud-panel .universe-hud-highlight{color:var(--text-primary)}.universe-hud-close,.universe-hud .universe-panel-close{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:calc(var(--spacing) * 2);background:color-mix(in srgb, var(--background) 45%, transparent);width:44px;height:44px;color:var(--text-secondary);flex-shrink:0;place-items:center;padding:0;transition:color .2s,border-color .2s,background .2s;display:grid}.universe-hud-close:hover,.universe-hud .universe-panel-close:hover{color:var(--text-primary);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.universe-hud-links{gap:0 calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.universe-hud-links>p{margin-block:calc(var(--spacing) * 3) calc(var(--spacing) * 2);flex-basis:100%}.universe-hud-links a,.universe-hud-link{align-items:center;gap:calc(var(--spacing) * 2);min-height:44px;color:var(--accent);overflow-wrap:anywhere;font-size:.75rem;display:inline-flex}.universe-hud .project-focus-actions{margin-top:calc(var(--spacing) * 4)}.universe-hud .project-focus-actions .button{width:100%;min-height:44px;padding:calc(var(--spacing) * 3);font-size:.75rem}.universe-hud .project-technologies{margin-top:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 2)}.universe-hud .project-technologies li{border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--text-primary);border-radius:999px;padding:3px 9px;font-size:.6rem}.universe-hud-panel,.universe-hud .project-focus-panel{--hud-materialize:.72s;--hud-ease:cubic-bezier(.22, 1, .36, 1);isolation:isolate;position:relative}@media (prefers-reduced-motion:no-preference){.universe-hud-panel,.universe-hud .project-focus-panel{animation:hud-materialize var(--hud-materialize) var(--hud-ease) backwards}.universe-hud-panel:before,.universe-hud .project-focus-panel:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg, transparent, var(--accent-secondary) 16%, var(--text-primary) 50%, var(--accent-secondary) 84%, transparent);height:2px;box-shadow:0 0 10px 1px color-mix(in srgb, var(--accent) 80%, transparent), 0 0 30px 6px color-mix(in srgb, var(--accent) 30%, transparent);opacity:0;animation:hud-scanline var(--hud-materialize) var(--hud-ease) backwards;position:absolute;top:0;left:-1px;right:-1px}.universe-hud-panel:after,.universe-hud .project-focus-panel:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--accent) 10%, transparent) 0 1px, transparent 1px 4px);mix-blend-mode:screen;animation:hud-flicker var(--hud-materialize) linear both;position:absolute;inset:0}.universe-hud-panel>*,.universe-hud .project-focus-panel>*{animation:hud-data-in .48s var(--hud-ease) .18s backwards}.universe-hud-panel>:nth-child(2),.universe-hud .project-focus-panel>:nth-child(2){animation-delay:.23s}.universe-hud-panel>:nth-child(3),.universe-hud .project-focus-panel>:nth-child(3){animation-delay:.28s}.universe-hud-panel>:nth-child(n+4),.universe-hud .project-focus-panel>:nth-child(n+4){animation-delay:.33s}}@keyframes hud-materialize{0%{clip-path:inset(0 0 100%);border-color:var(--accent-secondary);box-shadow:inset 0 0 26px color-mix(in srgb, var(--accent) 24%, transparent);background-color:#0000}55%{clip-path:inset(-48px);border-color:var(--accent-secondary);background-color:color-mix(in srgb, var(--surface) 35%, transparent)}}@keyframes hud-scanline{0%{opacity:1;top:0}55%{opacity:1;top:calc(100% - 2px)}to{opacity:0;top:calc(100% - 2px)}}@keyframes hud-flicker{0%{opacity:.9}12%{opacity:.25}18%{opacity:.8}34%{opacity:.3}42%{opacity:.65}70%{opacity:.2}to{opacity:.1}}@keyframes hud-data-in{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}}@media (min-width:768px) and (max-width:959px){.universe-hud-detail{width:280px}.universe-hud-controls{max-width:360px}}@media (max-width:767px){.universe-hud{display:none}}
.button-flight{isolation:isolate;color:var(--glow-core);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:inset 0 0 0 1px #ffffff0a, inset 0 -10px 18px color-mix(in srgb, var(--accent) 10%, transparent), 0 0 12px color-mix(in srgb, var(--accent) 22%, transparent);background:linear-gradient(#ffffff0f,#0000 45%),linear-gradient(135deg,#0b1a26,#050b12 70%);border-radius:6px;gap:10px;padding-inline:10px 14px;position:relative}.button-flight:after{content:"";z-index:-1;border:1px solid var(--glow);border-radius:inherit;box-shadow:0 0 18px color-mix(in srgb, var(--glow) 55%, transparent);opacity:.35;pointer-events:none;animation:3.6s ease-in-out infinite button-flight-pulse;position:absolute;inset:-1px}@keyframes button-flight-pulse{50%{opacity:.9}}.button-flight__icon{border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);width:26px;height:26px;color:var(--glow);background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%);border-radius:50%;place-items:center;display:inline-grid}.button-flight__badge{border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);color:var(--glow);letter-spacing:.12em;background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:3px;padding:1px 6px;font-size:.8em}.button-flight:hover{color:#fff;box-shadow:inset 0 0 0 1px #ffffff0f, inset 0 -10px 18px color-mix(in srgb, var(--accent) 16%, transparent), 0 0 22px color-mix(in srgb, var(--glow) 40%, transparent);background:linear-gradient(#ffffff17,#0000 45%),linear-gradient(135deg,#0e2232,#06101a 70%)}.button-flight:hover .button-flight__icon{transform:translate(1px,-1px)}.button-flight:active{transform:translateY(0)scale(.98)}.button-flight:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.button-flight__icon{transition:transform .2s}@media (prefers-reduced-motion:reduce){.button-flight:after{opacity:.6;animation:none}.button-flight__icon,.button-flight:active{transition:none;transform:none}}
.hero-headline__line{display:block}.hero-headline__mask{vertical-align:top;margin-block:-.12em;padding-block:.12em;display:inline-block;overflow:clip}.hero-headline__word{display:inline-block}.animated-counter{font-variant-numeric:tabular-nums;align-self:flex-start;display:inline-grid}.fact .animated-counter>span{font:inherit;color:inherit;letter-spacing:inherit;grid-area:1/1}.animated-counter__final{opacity:0}.animated-counter__display{pointer-events:none}@media (prefers-reduced-motion:reduce){.hero-headline__word{opacity:1!important;transform:none!important}}
.tilt-card{--card-tilt-x:0deg;--card-tilt-y:0deg;--card-lift:0px;--tilt-spring:cubic-bezier(.34, 1.56, .64, 1);transform:perspective(900px) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y)) translateZ(var(--card-lift));transform-style:preserve-3d;transition:transform .16s cubic-bezier(.2,.8,.2,1);position:relative}.tilt-card:before,.tilt-card:after{content:"";opacity:0;pointer-events:none;border-radius:10px;transition:opacity .24s ease-out;position:absolute;inset:0}.tilt-card:before{z-index:-1;border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);background:color-mix(in srgb, var(--surface-elevated) 72%, transparent);box-shadow:0 26px 46px -26px color-mix(in srgb, var(--background) 92%, transparent)}.tilt-card:after{background:radial-gradient(circle 220px at var(--spotlight-x,50%) var(--spotlight-y,50%), color-mix(in srgb, var(--accent) 12%, transparent), transparent 75%)}.tilt-card>*{transition:transform .32s ease-out}.tilt-card[data-tilt=active]{--card-lift:10px}.tilt-card[data-tilt=active]:before,.tilt-card[data-tilt=active]:after{opacity:1}.tilt-card[data-tilt=active]>:first-child{transform:translateZ(24px)}.tilt-card[data-tilt=active]>:nth-child(2){transform:translateZ(12px)}.tilt-card[data-tilt=settling]{transition:transform var(--tilt-settle,.72s) var(--tilt-spring)}@media (prefers-reduced-motion:reduce){.tilt-card,.tilt-card>*{transition:none;transform:none}}
.experience-station{margin-block:calc(var(--spacing) * 8);padding:calc(var(--spacing) * 5);border:1px solid var(--border);background:color-mix(in srgb, var(--surface-elevated) 65%, transparent)}.experience-station-heading{margin-block:calc(var(--spacing) * 2) calc(var(--spacing) * 5);font-size:calc(var(--spacing) * 6);font-weight:400}.experience-station-nodes{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.experience-station-nodes button{align-items:center;gap:calc(var(--spacing) * 3);min-height:calc(var(--spacing) * 16);padding:calc(var(--spacing) * 3);border:1px solid var(--border);color:var(--text-primary);background:var(--surface);text-align:left;transition:border-color .16s,background .16s;display:flex}.experience-station-nodes button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.experience-station-nodes small{color:var(--text-secondary);font-size:calc(var(--spacing) * 2.5);display:block}.station-node-index{color:var(--glow);font-family:var(--font-mono);font-size:calc(var(--spacing) * 3)}.experience-station-panel{margin-top:calc(var(--spacing) * 5);padding-top:calc(var(--spacing) * 5);border-top:1px solid var(--border);color:var(--text-secondary);font-size:calc(var(--spacing) * 3.5)}.station-selected-name{margin-block:var(--spacing) calc(var(--spacing) * 3);color:var(--text-primary);font-size:calc(var(--spacing) * 7)}.station-tenure{color:var(--glow);margin-bottom:calc(var(--spacing) * 2)}.station-platforms,.station-detail-label{margin-top:calc(var(--spacing) * 4)}.station-platforms span{color:var(--text-primary);margin-inline-end:calc(var(--spacing) * 3)}.station-detail-label{color:var(--text-primary)}@media (prefers-reduced-motion:reduce){.experience-station-nodes button{transition:none}.experience-station-panel>div{opacity:1!important;transform:none!important}}
.git-telemetry{--star:clamp(11px, calc((100cqw - 68px) / 52 - var(--star-gap)), 14px);--star-gap:3px;--star-pitch:calc(var(--star) + var(--star-gap));margin-top:calc(var(--spacing) * 12);padding:calc(var(--spacing) * 6);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));background:color-mix(in srgb, var(--surface) 70%, transparent);font-family:var(--font-mono);border-radius:12px;min-width:0}@media (max-width:599px){.git-telemetry{padding:calc(var(--spacing) * 4)}.git-telemetry__pills li{white-space:normal;border-radius:8px;flex-wrap:wrap}}.git-telemetry__header{align-items:baseline;gap:calc(var(--spacing) * 2) calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.git-telemetry__header h3{color:var(--text-primary);margin:0;font-size:.95rem}.git-telemetry__pills{gap:calc(var(--spacing) * 2);margin:calc(var(--spacing) * 5) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.git-telemetry__pills li{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--background) 60%, transparent);color:var(--text-secondary);letter-spacing:.12em;white-space:nowrap;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:.65rem;display:inline-flex}.git-telemetry__pills strong{color:var(--text-primary);font-weight:600}.git-telemetry__dot{background:var(--text-secondary);border-radius:50%;width:7px;height:7px}.git-telemetry[data-live=true] .git-telemetry__dot{background:var(--accent);box-shadow:0 0 8px var(--glow);animation:1.6s ease-in-out infinite git-pulse}.git-telemetry__deck{gap:calc(var(--spacing) * 6);display:grid}@media (min-width:980px){.git-telemetry__deck{grid-template-columns:minmax(0,1fr) clamp(300px,26vw,340px);align-items:center}}.git-heatmap{min-width:0;container-type:inline-size}.git-inspector{gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 5);border:1px solid var(--border);background:color-mix(in srgb, var(--background) 55%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;display:grid}.git-inspector h4{color:var(--text-primary);letter-spacing:.16em;margin:0;font-size:.7rem}.git-inspector__note{color:var(--text-secondary);margin:4px 0 0;font-size:.62rem;line-height:1.5}.git-languages{margin:calc(var(--spacing) * 3) 0 0;gap:10px;padding:0;list-style:none;display:grid}.git-languages li{color:var(--text-secondary);letter-spacing:.06em;grid-template-columns:84px minmax(0,1fr) 36px;align-items:center;gap:10px;font-size:.65rem;display:grid}.git-languages__share{color:var(--text-primary);text-align:right}.git-languages__bar{background:color-mix(in srgb, var(--surface) 80%, var(--border));border-radius:999px;height:4px;overflow:hidden}.git-languages__bar span{width:var(--share);border-radius:inherit;background:var(--accent);height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 70%, transparent);transform-origin:0;animation:.9s cubic-bezier(.2,.8,.2,1) both git-fill;display:block}.git-languages li:nth-child(2) .git-languages__bar span{background:var(--accent-secondary);box-shadow:0 0 8px color-mix(in srgb, var(--accent-secondary) 60%, transparent);animation-delay:80ms}.git-languages li:nth-child(3) .git-languages__bar span{background:var(--glow);box-shadow:0 0 8px color-mix(in srgb, var(--glow) 60%, transparent);animation-delay:.16s}.git-languages li:nth-child(4) .git-languages__bar span{background:var(--text-secondary);box-shadow:none;animation-delay:.24s}.git-inspector__peak{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 6%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--accent) 14%, transparent), inset 0 0 10px color-mix(in srgb, var(--accent) 8%, transparent);color:var(--text-secondary);letter-spacing:.1em;border-radius:8px;margin:0;padding:10px 12px;font-size:.65rem;line-height:1.6}.git-inspector__peak strong,.git-inspector__peak time{color:var(--text-primary)}.git-inspector__archive{border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.12em;text-align:center;border-radius:8px;padding:10px 12px;font-size:.65rem;text-decoration:none;transition:color .2s,border-color .2s,box-shadow .3s;display:block}.git-inspector__archive:hover,.git-inspector__archive:focus-visible{border-color:var(--accent);color:var(--text-primary);box-shadow:0 0 16px color-mix(in srgb, var(--accent) 24%, transparent)}.git-heatmap__scroll{scrollbar-width:thin;padding:36px 24px 4px 12px;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 24px),#0000)}.git-heatmap__months,.git-heatmap__body{width:max-content;padding-left:32px;display:flex}.git-heatmap__months span,.git-heatmap__days span{color:var(--text-secondary);letter-spacing:.08em;font-size:9px}.git-heatmap__months{gap:var(--star-gap);margin-bottom:6px}.git-heatmap__months span{width:var(--star);white-space:nowrap;overflow:visible}.git-heatmap__body{position:relative}.git-heatmap__days{grid-auto-rows:var(--star);gap:var(--star-gap);display:grid;position:absolute;left:0}.git-heatmap__days span{line-height:var(--star)}.git-heatmap__grid{gap:var(--star-gap);display:flex}.git-heatmap__week{grid-auto-rows:var(--star);gap:var(--star-gap);display:grid}.git-star{width:var(--star);height:var(--star);background:color-mix(in srgb, var(--surface) 60%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-secondary) 14%, transparent);cursor:crosshair;border:0;border-radius:50%;padding:0;transition:transform .18s,box-shadow .18s;position:relative}.git-star[data-level="1"]{background:color-mix(in srgb, var(--text-secondary) 55%, transparent);box-shadow:none}.git-star[data-level="2"]{background:var(--accent-secondary);box-shadow:0 0 4px color-mix(in srgb, var(--accent-secondary) 60%, transparent)}.git-star[data-level="3"]{background:var(--accent);box-shadow:0 0 6px color-mix(in srgb, var(--accent) 70%, transparent)}.git-star[data-level="4"]{background:var(--glow);box-shadow:0 0 6px var(--glow), 0 0 14px color-mix(in srgb, var(--glow) 55%, transparent)}.git-star[data-level="4"]:after{content:"";border-radius:inherit;box-shadow:0 0 9px var(--glow), 0 0 22px color-mix(in srgb, var(--glow) 75%, transparent);opacity:0;pointer-events:none;animation:2.4s ease-in-out infinite git-flare;position:absolute;inset:0}.git-star:hover,.git-star:focus-visible{outline:1px solid var(--text-primary);outline-offset:2px;box-shadow:0 0 8px color-mix(in srgb, var(--glow) 80%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 45%, transparent);transform:scale(1.4)}.git-heatmap__tooltip{top:2px;left:calc(44px + var(--week) * var(--star-pitch));z-index:1;border:1px solid var(--accent);background:color-mix(in srgb, var(--background) 88%, transparent);color:var(--accent-secondary);letter-spacing:.08em;white-space:nowrap;transform:translateX(calc(-50% + var(--star) / 2));pointer-events:none;box-shadow:0 0 14px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:4px;margin:0;padding:4px 10px;font-size:10px;position:absolute}@keyframes git-pulse{50%{opacity:.35;box-shadow:0 0 2px var(--glow)}}@keyframes git-fill{0%{transform:scaleX(0)}}@keyframes git-flare{50%{opacity:1}}@media (prefers-reduced-motion:reduce){.git-telemetry[data-live=true] .git-telemetry__dot,.git-star[data-level="4"]:after,.git-languages__bar span{animation:none}.git-star{transition:none}}
.project-filters{container-type:inline-size}.project-filter-toolbar{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 9);flex-wrap:wrap;display:flex}.project-filter-controls{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.project-filter-button{isolation:isolate;min-height:calc(var(--spacing) * 11);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 5);border:1px solid var(--border);border-radius:calc(var(--spacing) * 6);color:var(--text-secondary);background:0 0;font-size:.75rem;line-height:1.4;transition:color .16s ease-out;position:relative}.project-filter-button[aria-pressed=true]{color:var(--background);border-color:#0000}.project-filter-button:hover:not([aria-pressed=true]){color:var(--text-primary)}.project-filter-button:disabled{cursor:default;color:var(--text-secondary);border-color:var(--border)}.project-filter-button:disabled .project-filter-bubble{background:0 0}.project-filter-bubble{z-index:-1;border-radius:inherit;background:var(--accent);pointer-events:none;position:absolute;inset:0}.project-filter-viewport{min-height:var(--project-grid-height,0px);position:relative}.project-filters .project-filter-grid{grid-template-columns:minmax(0,1fr);position:relative}.project-filter-item{min-width:0}.project-focus-button{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);min-height:calc(var(--spacing) * 11);width:100%;padding:calc(var(--spacing) * 3) 0;margin-top:calc(var(--spacing) * 3);border:0;border-bottom:1px solid var(--border);color:var(--accent);text-align:left;background:0 0;font-size:.8rem;display:inline-flex}.project-focus-button[aria-pressed=true]{border-color:var(--accent);color:var(--text-primary)}.project-focus-button:disabled{cursor:default;color:var(--text-secondary)}.project-focus-panel{padding:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 9);border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));border-radius:calc(var(--spacing) * 2);background:var(--surface-elevated);box-shadow:0 12px 48px color-mix(in srgb, var(--background) 70%, transparent), 0 0 32px color-mix(in srgb, var(--accent) 7%, transparent)}.project-focus-heading{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 5);display:flex}.project-focus-heading h3{margin-top:calc(var(--spacing) * 2);font-size:clamp(1.4rem,3vw,2rem);font-weight:500}.project-focus-visual{margin-bottom:calc(var(--spacing) * 5);overflow:hidden}.project-focus-visual .project-visual,.project-focus-visual img{aspect-ratio:2.2;object-fit:cover;width:100%;height:auto;display:block}.project-focus-panel>p{font-size:.9rem;line-height:1.75}.project-focus-actions{gap:calc(var(--spacing) * 4);margin-top:calc(var(--spacing) * 6);flex-wrap:wrap;display:flex}.project-focus-contributions{margin-top:calc(var(--spacing) * 5);line-height:1.75}@container (min-width:520px){.project-filters .project-card-link{column-gap:calc(var(--spacing) * 5);grid-template-columns:.8fr 1fr;display:grid}.project-filters .project-card-media{grid-row:1/span 4}.project-filters .project-card-meta{margin-top:0}.project-filters .project-card-title{font-size:1.5rem}.project-filters .project-card-media .project-visual,.project-filters .project-card-screenshot{aspect-ratio:auto;height:100%}.project-filters .project-visual-name{font-size:1.1rem}.project-filters .project-visual-caption{font-size:.5rem}.project-filters .project-schematic-toggle{right:auto;left:calc((100% - var(--spacing) * 5) * .8 / 1.8 - 12px);translate:-100%}.project-filters .project-card-arrow{bottom:36px;right:12px}}@media (prefers-reduced-motion:reduce){.project-filter-button{transition:none}.project-filter-item,.project-filter-bubble{opacity:1!important;transform:none!important}.project-filter-item[inert]{opacity:0!important}}
.zero-g-toggle{min-height:calc(var(--spacing) * 11);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);border:1px dashed color-mix(in srgb, var(--accent) 45%, var(--border));border-radius:calc(var(--spacing) * 1.5);color:var(--text-secondary);font:.72rem/1.4 var(--font-mono);letter-spacing:.16em;background:0 0;transition:color .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.zero-g-toggle:hover{color:var(--text-primary);border-color:var(--accent)}.zero-g-toggle[aria-pressed=true]{border-style:solid;border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--glow) 30%, transparent), inset 0 0 10px color-mix(in srgb, var(--accent) 14%, transparent)}@media (hover:none),(pointer:coarse){.zero-g-toggle{display:none}}.zero-g-field{inset-block:calc(var(--spacing) * -10);border:1px dashed color-mix(in srgb, var(--accent) 30%, transparent);border-radius:calc(var(--spacing) * 3);background-image:linear-gradient(color-mix(in srgb, var(--accent) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 6%, transparent) 1px, transparent 1px);opacity:0;pointer-events:none;background-size:48px 48px;transition:opacity .4s;position:absolute;inset-inline:max(-96px,50% - 50vw + 16px)}.zero-g-field:before{content:attr(data-label);bottom:calc(var(--spacing) * 2.5);right:calc(var(--spacing) * 3);color:var(--accent);font:9px/1 var(--font-mono);letter-spacing:.24em;position:absolute}.zero-g-field[data-active=true]{opacity:1}.zero-g-card{position:relative}.zero-g-card[data-zero-g=on]{cursor:grab;-webkit-user-select:none;user-select:none}.zero-g-card[data-zero-g=on]:active{cursor:grabbing}.zero-g-card[data-zero-g=on] :is(a,img){-webkit-user-drag:none}.zero-g-card[data-zero-g=on] .project-card{box-shadow:0 18px 50px color-mix(in srgb, var(--background) 70%, transparent), 0 0 26px color-mix(in srgb, var(--accent) 10%, transparent)}
.skill-constellation{margin-bottom:calc(var(--spacing) * 10)}.skill-constellation-intro{max-width:42ch;font-size:.85rem}.skill-constellation-map{height:340px;margin-block:calc(var(--spacing) * 7);position:relative;container-type:size}.skill-connections{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.skill-orbit{fill:none;stroke:var(--border);stroke-width:.2px;stroke-dasharray:1 2}.skill-connection{stroke:var(--border);stroke-width:1.4px;vector-effect:non-scaling-stroke;transition:stroke .18s}.skill-connection.is-active{stroke:var(--accent)}.skill-connection-pulse,.skill-connection-surge{--line-length:hypot(calc(var(--dx) * 1cqw), calc(var(--dy) * 1cqh));fill:none;stroke-linecap:round;stroke-dasharray:var(--dash) calc(var(--line-length) + var(--dash));stroke-dashoffset:var(--dash);vector-effect:non-scaling-stroke;opacity:0}.skill-connection-pulse{--dash:18px;stroke:var(--accent-secondary);stroke-width:2px}.skill-connection-surge{--dash:44px;stroke:var(--text-primary);stroke-width:2.5px}.skill-node-shockwave{--shockwave-scale:9;pointer-events:none;width:0;height:0;position:absolute;top:11px;left:50%}@media (max-width:767px){.skill-node-shockwave{--shockwave-scale:6}}.skill-node-shockwave:before,.skill-node-shockwave:after{content:"";border:1px solid var(--accent-secondary);width:16px;height:16px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 60%, transparent), inset 0 0 8px color-mix(in srgb, var(--accent) 40%, transparent);opacity:0;border-radius:50%;position:absolute;top:-8px;left:-8px}.skill-node-resonance,.skill-core-pulse{pointer-events:none;opacity:0;position:absolute}.skill-node-resonance{border:1px solid var(--accent-secondary);border-radius:inherit;box-shadow:0 0 18px color-mix(in srgb, var(--accent) 55%, transparent), inset 0 0 10px color-mix(in srgb, var(--accent) 25%, transparent);inset:-3px}.skill-core-pulse{border:1px solid var(--accent-secondary);border-radius:50%;inset:-1px}@media (prefers-reduced-motion:no-preference){@supports (width:hypot(1cqw, 1cqh)){.skill-connection-pulse{opacity:.9;animation:2.6s linear infinite skill-pulse-stream;animation-delay:calc(var(--link-index) * -.33s)}.skill-connection-pulse.is-active{stroke:var(--text-primary);animation-duration:1.1s}.skill-constellation-map[data-in-view=false] .skill-connection-pulse{animation-play-state:paused}.skill-connection-surge{animation:.56s cubic-bezier(.3,.7,.4,1) .26s both skill-surge-out}.skill-connection-surge[data-origin=true]{stroke:var(--accent-secondary);animation-name:skill-surge-in;animation-duration:.32s;animation-delay:0s}}.skill-node-shockwave:before,.skill-node-shockwave:after{animation:.95s cubic-bezier(.2,.7,.3,1) both skill-shockwave}.skill-node-shockwave:after{border-color:var(--text-primary);animation-delay:.17s}.skill-core-pulse{animation:.9s ease-out .22s both skill-core-pulse}.skill-node-resonance{animation:1.1s ease-out .38s both skill-resonance}.skill-node[data-resonance=true] .skill-node-dot{animation:1.1s ease-out .38s both skill-dot-flare}}@keyframes skill-pulse-stream{0%{stroke-dashoffset:var(--dash)}to{stroke-dashoffset:calc(var(--line-length) * -1)}}@keyframes skill-surge-in{0%{opacity:1;stroke-dashoffset:calc(var(--line-length) * -1)}80%{opacity:1}to{opacity:0;stroke-dashoffset:var(--dash)}}@keyframes skill-surge-out{0%{opacity:1;stroke-dashoffset:var(--dash)}80%{opacity:1}to{opacity:0;stroke-dashoffset:calc(var(--line-length) * -1)}}@keyframes skill-shockwave{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(var(--shockwave-scale))}}@keyframes skill-core-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skill-resonance{25%{opacity:1}to{opacity:0}}@keyframes skill-dot-flare{25%{background:var(--text-primary);box-shadow:0 0 14px var(--accent-secondary);transform:scale(1.9)}}.skill-constellation-core{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--surface);width:84px;height:84px;box-shadow:0 0 36px color-mix(in srgb, var(--accent) 10%, transparent);font-family:var(--font-mono);letter-spacing:.06em;border-radius:50%;place-items:center;font-size:.58rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-node{left:var(--skill-x);top:var(--skill-y);border-radius:calc(var(--spacing) * 2);background:var(--background);min-width:82px;min-height:48px;color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:.68rem;transition:color .18s,border-color .18s;display:flex;position:absolute;transform:translate(-50%,-50%)}.skill-node:hover,.skill-node:focus-visible,.skill-node[aria-pressed=true]{color:var(--text-primary);border-color:var(--accent)}.skill-node-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:50%}.skill-node:disabled{cursor:default;color:var(--text-secondary);border-color:#0000}.skill-node:disabled .skill-node-dot{background:var(--text-secondary);box-shadow:none}.skill-detail-panel{padding:calc(var(--spacing) * 6);border:1px solid var(--border);background:var(--surface)}.skill-detail-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.skill-detail-heading h3{margin-top:8px;font-size:1.35rem;font-weight:500}.skill-detail-panel>p{font-size:.85rem;line-height:1.7}.skill-related-projects{flex-wrap:wrap;gap:6px 18px;margin-top:20px;display:flex}.skill-related-projects>p{width:100%;margin-bottom:6px}.skill-related-projects a{min-height:44px;color:var(--accent);align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.universe-panel-close{border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);background:0 0;flex-shrink:0;place-items:center;display:grid}.universe-panel-close:hover{color:var(--text-primary);border-color:var(--accent)}.skill-inventory-label{margin-bottom:calc(var(--spacing) * 5)}@media (max-width:380px){.skill-node{min-width:74px;font-size:.62rem}.skill-constellation-core{width:70px;height:70px;font-size:.5rem}}@media (prefers-reduced-motion:reduce){.skill-node,.skill-connection{transition:none}}
.contact-email-actions{align-items:center;gap:calc(var(--spacing) * 2) calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.contact-email-actions .contact-email{gap:calc(var(--spacing) * 2);font-size:clamp(calc(var(--spacing) * 4.5), 5.2vw, calc(var(--spacing) * 7.25))}.email-copy-button{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);border:1px solid var(--border);border-radius:var(--spacing);background:var(--surface);color:var(--text-secondary);flex-shrink:0;place-items:center;padding:0;display:inline-grid}.email-copy-button:hover,.email-copy-button:focus-visible{border-color:var(--glow);color:var(--glow)}.email-copy-button[aria-busy=true]{cursor:progress}.email-copy-feedback{min-height:calc(var(--spacing) * 14);pointer-events:none;flex-basis:100%}.email-copy-badge{max-width:100%;padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);border:1px solid color-mix(in srgb, var(--accent-secondary) 35%, var(--border));border-radius:var(--spacing);background:var(--surface-elevated);color:var(--glow);font-size:calc(var(--spacing) * 3);transform-origin:0;line-height:1.5;display:inline-block}@media (prefers-reduced-motion:reduce){.email-copy-badge{opacity:1!important;transform:none!important}}
.radar{max-width:480px;margin:28px 0 0}.radar__stage{aspect-ratio:470/300;position:relative}.radar__chart{width:100%;height:100%;font-family:var(--font-mono);display:block;overflow:visible}.radar__ring{fill:none;stroke:color-mix(in srgb, var(--accent) 22%, var(--border));stroke-width:1px;stroke-dasharray:2 4}.radar__ring:last-of-type{stroke-dasharray:none}.radar__spoke{stroke:color-mix(in srgb, var(--accent) 18%, var(--border));stroke-width:1px}.radar__sweep{opacity:0;transform-origin:0 0}.radar__beam{stroke:var(--accent);stroke-width:1.5px;filter:drop-shadow(0 0 4px var(--glow))}.radar__shape{fill:color-mix(in srgb, var(--accent) 18%, transparent);stroke:var(--accent);stroke-width:1.6px;stroke-linejoin:round;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--glow) 70%, transparent))}.radar__vertex{fill:var(--background);stroke:var(--glow);stroke-width:1.6px}.radar__label{fill:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:9.5px;transition:fill .16s ease-out}.radar__label[data-active=true]{fill:var(--text-primary)}.radar__count{fill:var(--accent)}.radar__hotspot{display:contents}.radar__target{left:calc(var(--x) - 18px);top:calc(var(--y) - 18px);cursor:help;background:0 0;border:0;border-radius:50%;width:36px;height:36px;position:absolute}.radar__target:hover,.radar__target:focus-visible{background:radial-gradient(circle, color-mix(in srgb, var(--glow) 35%, transparent), transparent 70%)}.radar__target:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.radar__tooltip{top:var(--y);left:var(--x);z-index:3;border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--background) 96%, transparent);width:max-content;max-width:240px;box-shadow:0 0 22px color-mix(in srgb, var(--glow) 22%, transparent);color:var(--text-secondary);font:11px/1.5 var(--font-mono);opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;gap:4px;padding:10px 12px;display:grid;position:absolute;scale:.96}.radar__tooltip[data-side=right]{translate:22px -50%}.radar__tooltip[data-side=left]{translate:calc(-100% - 22px) -50%}.radar__tooltip[data-side=below]{translate:-50% 22px}.radar__tooltip[data-side=above]{translate:-50% calc(-100% - 22px)}@media (max-width:559px){.radar__tooltip,.radar__tooltip[data-side]{width:auto;max-width:none;top:calc(100% + 6px);left:0;right:0;translate:none}}.radar__tooltip[data-open=true]{opacity:1;visibility:visible;scale:1}.radar__tooltip strong{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-weight:400}.radar__basis{color:var(--text-primary)}.radar__caption{color:var(--text-secondary);margin-top:10px;font-size:10px;line-height:1.6}@media (prefers-reduced-motion:no-preference){.radar[data-motion=true] .radar__sweep{opacity:1;animation:4s linear infinite radar-sweep}.radar[data-in-view=false] .radar__sweep{animation-play-state:paused}.radar__tooltip{transition:opacity .16s ease-out,scale .2s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .2s}.radar__tooltip[data-open=true]{transition:opacity .16s ease-out,scale .2s cubic-bezier(.34,1.56,.64,1),visibility}}@keyframes radar-sweep{to{rotate:1turn}}
.subspace{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:linear-gradient(color-mix(in srgb, var(--accent) 5%, transparent) 1px, transparent 1px) 0 0 / 100% 24px, color-mix(in srgb, var(--background) 70%, var(--surface));box-shadow:inset 0 0 40px color-mix(in srgb, var(--accent) 6%, transparent), 0 18px 50px color-mix(in srgb, var(--background) 55%, transparent);font-family:var(--font-mono);border-radius:10px;padding:22px;position:relative;overflow:hidden}.subspace__header{letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:10px;display:flex}.subspace__title{color:var(--text-primary)}.subspace__link{color:var(--accent);align-items:center;gap:7px;display:inline-flex}.subspace__link:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--glow);border-radius:50%}.subspace__channel{color:var(--accent-secondary);letter-spacing:.12em;margin-top:14px;font-size:11px}.subspace__wave{width:100%;height:34px;margin-top:10px;display:block;overflow:visible}.subspace__wave path{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px var(--glow));opacity:.75}.subspace__beam{background:linear-gradient(90deg, transparent, var(--accent) 60%, var(--text-primary));width:45%;height:3px;box-shadow:0 0 10px var(--glow), 0 0 26px color-mix(in srgb, var(--glow) 60%, transparent);opacity:0;pointer-events:none;border-radius:3px;position:absolute;top:88px;left:0;transform:translate(-110%)}.subspace__label{color:var(--text-secondary);letter-spacing:.16em;text-transform:uppercase;margin-top:16px;font-size:10px;display:block}.subspace__prompts{flex-wrap:wrap;gap:7px;margin-top:10px;margin-bottom:4px;display:flex}.subspace__prompt-chip{background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.4px;cursor:pointer;border-radius:4px;padding:4px 9px;font-size:10px;transition:all .2s}.subspace__prompt-chip:hover{background:color-mix(in srgb, var(--accent) 15%, var(--surface));border-color:var(--accent);color:var(--text-primary);box-shadow:0 0 10px color-mix(in srgb, var(--glow) 30%, transparent);transform:translateY(-1px)}.subspace__fields{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:10px;margin-bottom:12px;display:grid}.subspace__field{flex-direction:column;display:flex}.subspace__field .subspace__label{margin-top:0}@media (max-width:640px){.subspace__fields{grid-template-columns:1fr}}.subspace__input{border:1px solid var(--border);background:color-mix(in srgb, var(--background) 85%, transparent);width:100%;color:var(--text-primary);font:13px/1.6 var(--font-mono);border-radius:6px;margin-top:6px;padding:10px 12px;display:block}input.subspace__input{height:42px;min-height:42px}textarea.subspace__input{resize:vertical;min-height:112px}.subspace__input::placeholder{color:var(--text-muted)}.subspace__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.subspace__input[aria-invalid=true]{border-color:#ff4d5e}.subspace__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.subspace__counter{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.subspace__counter[data-low]{color:var(--accent)}.subspace__transmit{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);min-height:44px;color:var(--text-primary);font:11px/1.2 var(--font-mono);letter-spacing:.18em;border-radius:6px;padding:10px 18px;transition:background .16s ease-out,box-shadow .16s ease-out,color .16s ease-out}.subspace__transmit:hover,.subspace__transmit:focus-visible{background:var(--accent);color:var(--background);box-shadow:0 0 22px color-mix(in srgb, var(--glow) 55%, transparent)}.subspace__status{color:var(--text-secondary);margin-top:14px;font-size:12px;line-height:1.6}.subspace__status:empty{margin-top:0}.subspace__status p+p{margin-top:4px}.subspace__readout{color:var(--accent);letter-spacing:.08em;text-shadow:0 0 10px color-mix(in srgb, var(--glow) 60%, transparent)}.subspace__error{color:#ff7a85}.subspace__actions{flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:12px;display:flex}.subspace__actions a,.subspace__actions button{min-height:44px;color:var(--glow);font:inherit;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.subspace[data-in-view=true] .subspace__wave path{animation:2.4s linear infinite subspace-carrier}.subspace__beam{animation:.9s cubic-bezier(.3,.6,.2,1) forwards subspace-beam}.subspace[data-state=sent]{animation:.9s ease-out subspace-flash}.subspace__readout{animation:.7s steps(18,end) .35s both subspace-readout}}@keyframes subspace-carrier{to{transform:translate(-50px)}}@keyframes subspace-beam{0%{opacity:0;transform:translate(-110%)}12%{opacity:1}to{opacity:0;transform:translate(260%)}}@keyframes subspace-flash{30%{border-color:var(--accent);box-shadow:inset 0 0 60px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 34px color-mix(in srgb, var(--glow) 35%, transparent)}}@keyframes subspace-readout{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.developer-terminal-section{padding-block:calc(var(--spacing) * 10)}.developer-terminal{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);font-family:var(--font-mono);font-size:calc(var(--spacing) * 3)}.developer-terminal summary{cursor:pointer;padding:calc(var(--spacing) * 5);color:var(--text-primary)}.developer-terminal summary>span{color:var(--glow)}.developer-terminal summary small{margin-top:calc(var(--spacing) * 2);color:var(--text-secondary);font-size:inherit;display:block}.terminal-body{padding:0 calc(var(--spacing) * 5) calc(var(--spacing) * 5);color:var(--text-secondary);overflow-wrap:anywhere}.terminal-links{gap:calc(var(--spacing) * 2) calc(var(--spacing) * 4);margin-top:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.terminal-links a{color:var(--glow);text-underline-offset:var(--spacing);padding-block:calc(var(--spacing) * 2);text-decoration:underline}.terminal-history{max-height:calc(var(--spacing) * 80);overscroll-behavior:contain;scrollbar-color:var(--accent) var(--surface);overflow:auto}.terminal-entry{padding-block:calc(var(--spacing) * 4);border-bottom:1px solid var(--border)}.terminal-entry p+p{margin-top:calc(var(--spacing) * 2)}.terminal-prompt{color:var(--text-primary)}.terminal-prompt span,.terminal-form>span{color:var(--glow)}.terminal-form{align-items:center;gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 5);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.terminal-form input{min-width:0;min-height:calc(var(--spacing) * 11);padding:calc(var(--spacing) * 2);border:1px solid var(--border);color:var(--text-primary);background:var(--background);border-radius:0}.terminal-form input::placeholder{color:var(--text-secondary)}.terminal-form button{min-height:calc(var(--spacing) * 11);padding-inline:calc(var(--spacing) * 3);border:1px solid var(--accent);color:var(--text-primary);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.terminal-hint{margin-top:calc(var(--spacing) * 3);font-size:calc(var(--spacing) * 2.75)}@property --terminal-beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.terminal-frame{isolation:isolate;position:relative}.terminal-frame>.developer-terminal{z-index:1;position:relative}.terminal-beam{z-index:2;pointer-events:none;position:absolute;inset:0}.terminal-beam--glow{z-index:0;filter:blur(12px);inset:-2px}.terminal-beam>span{background:conic-gradient(from var(--terminal-beam-angle,0deg), transparent 0turn .55turn, color-mix(in srgb, var(--neon-accent) 20%, transparent) .72turn, var(--neon-accent) .9turn, color-mix(in srgb, var(--neon-accent) 30%, white) .965turn, transparent .975turn);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.terminal-beam--glow>span{padding:6px}@media (prefers-reduced-motion:no-preference){.terminal-beam>span{animation:6s linear infinite terminal-beam-orbit}.terminal-frame[data-in-view=false] .terminal-beam>span{animation-play-state:paused}}@keyframes terminal-beam-orbit{to{--terminal-beam-angle:1turn}}.breach{margin-top:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4);border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:repeating-linear-gradient(0deg, transparent 0 3px, color-mix(in srgb, var(--accent) 4%, transparent) 3px 4px), var(--background);box-shadow:inset 0 0 24px color-mix(in srgb, var(--accent) 10%, transparent)}.breach__header{justify-content:space-between;gap:calc(var(--spacing) * 3);color:var(--accent);letter-spacing:.18em;display:flex}.breach__timer{color:var(--text-primary);font-variant-numeric:tabular-nums}.breach__timebar{height:2px;margin-top:calc(var(--spacing) * 2);background:var(--accent);box-shadow:0 0 8px var(--glow);transform:scaleX(var(--breach-left,1));transform-origin:0;display:block}.breach__line{align-items:center;gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.breach__label{min-width:17ch;color:var(--text-secondary);letter-spacing:.12em}.breach__code,.breach__slot{border:1px solid color-mix(in srgb, var(--accent) 50%, var(--border));min-width:4ch;color:var(--accent-secondary);text-align:center;padding:2px 6px}.breach__slot{color:var(--text-muted);border-style:dashed}.breach__slot[data-filled=true]{color:var(--text-primary);background:color-mix(in srgb, var(--accent) 16%, transparent);border-style:solid}.breach__matrix{gap:calc(var(--spacing) * 1.5);max-width:320px;margin-top:calc(var(--spacing) * 4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.breach__cell{border:1px solid var(--border);min-height:44px;color:var(--text-muted);background:var(--surface);font:inherit;font-size:calc(var(--spacing) * 3.5);letter-spacing:.08em}.breach__cell[data-open=true]{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));color:var(--text-primary);background:color-mix(in srgb, var(--accent) 10%, var(--surface));cursor:pointer}.breach__cell[data-open=true]:hover,.breach__cell[data-open=true]:focus-visible{border-color:var(--accent);color:var(--background);background:var(--accent);box-shadow:0 0 14px color-mix(in srgb, var(--glow) 60%, transparent)}.breach__cell[data-used=true]{color:var(--accent);background:0 0;text-decoration:line-through}.breach__rules{margin-top:calc(var(--spacing) * 3);font-size:calc(var(--spacing) * 2.75)}.terminal-banner pre{font:inherit;white-space:pre;margin:0;line-height:1.25;overflow-x:auto}.terminal-banner[data-tone=granted] pre{color:#39ff88;text-shadow:0 0 6px #39ff88b3,0 0 18px #39ff8859}.terminal-banner[data-tone=failed] pre{color:#ff4d5e;text-shadow:0 0 8px #ff4d5e8c}@media (prefers-reduced-motion:no-preference){.terminal-banner pre{animation:.9s steps(24,end) both terminal-banner-type,1.4s linear .9s 2 terminal-banner-flicker}}@keyframes terminal-banner-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes terminal-banner-flicker{0%,to{opacity:1}8%{opacity:.45}12%{opacity:1}54%{opacity:.7}58%{opacity:1}}.terminal-quick-chips{margin-top:calc(var(--spacing) * 3.5);padding-top:calc(var(--spacing) * 3);border-top:1px solid color-mix(in srgb, var(--border) 75%, transparent);flex-wrap:wrap;gap:8px;display:flex}.terminal-quick-chip{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--background) 70%, transparent);color:var(--text-secondary);font-family:var(--font-mono);border-radius:999px;padding:5px 11px;font-size:11px;transition:color .2s,border-color .2s,background-color .2s,transform .2s}.terminal-quick-chip:hover:not(:disabled),.terminal-quick-chip:focus-visible{color:var(--text-primary);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);transform:translateY(-1px)}.terminal-line{white-space:pre-wrap}.terminal-autocomplete{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.terminal-autocomplete kbd{border:1px solid var(--border);background:var(--background);color:var(--accent);font-family:var(--font-mono);border-radius:4px;padding:1px 6px;font-size:10px}.terminal-autocomplete__btn{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--glow);font-family:var(--font-mono);border-radius:4px;padding:2px 8px;font-size:11px}