:root{--room: #12151d;--panel: rgba(18, 21, 29, .84);--line: #2c3242;--fg: #eceae4;--muted: #9aa0ad;--lamp: #ffb46b;--screen: #7cc7ff;--display: "Familjen Grotesk", "Segoe UI", system-ui, sans-serif;--body: "Instrument Sans", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--room);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.page{position:relative;z-index:1;pointer-events:none}.page a,.page button,.page .panel{pointer-events:auto}.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}header.nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:5;pointer-events:none}header.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:16px}.brand{font-family:var(--mono);font-size:13px;text-decoration:none;pointer-events:auto}.brand span{color:var(--lamp)}nav.stops{display:flex;gap:6px;pointer-events:auto}nav.stops a{width:30px;height:30px;display:grid;place-items:center;font-family:var(--mono);font-size:11px;color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:50%;background:#12151d99}nav.stops a.on{color:var(--room);background:var(--lamp);border-color:var(--lamp)}nav.stops a,nav.stops .sound{position:relative}nav.stops .sound{width:30px;height:30px;display:grid;place-items:center;margin-left:6px;padding:0;color:var(--muted);border:1px solid var(--line);border-radius:50%;background:#12151d99;cursor:pointer}nav.stops .sound[aria-pressed=true]{color:var(--lamp);border-color:var(--lamp)}nav.stops [data-label]:after{content:attr(data-label);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);font:400 11px var(--mono);color:var(--fg);white-space:nowrap;padding:3px 8px;border-radius:6px;background:var(--panel);border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}nav.stops [data-label]:hover:after,nav.stops [data-label]:focus-visible:after{opacity:1;transform:translate(-50%)}.hover-tag{position:fixed;top:0;left:0;z-index:6;pointer-events:none;font:500 12px var(--mono);color:var(--room);background:var(--lamp);padding:4px 9px;border-radius:999px;white-space:nowrap;opacity:0;transition:opacity .12s}.hover-tag.on{opacity:1}section.stop{min-height:100vh;display:flex;align-items:center;padding-block:96px}section.stop .wrap{width:100%;display:flex}section.stop.right .wrap{justify-content:flex-end}.panel{max-width:440px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:18px;padding:28px}.where{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--lamp);margin:0 0 10px}h1{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance}h2{font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1.08;letter-spacing:-.01em;margin:0 0 12px;text-wrap:balance}.panel p{color:var(--muted);margin:0 0 14px}.panel p:last-child{margin-bottom:0}.hero .panel{background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;max-width:520px}.page .hero .panel{pointer-events:none}.hero .lede{font-size:18px;color:var(--fg);opacity:.85}.hint{font-family:var(--mono);font-size:12px;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;font:500 14px var(--body);padding:10px 16px;border-radius:999px;text-decoration:none;border:1px solid var(--line);background:transparent;color:var(--fg);cursor:pointer}.btn.lamp{background:var(--lamp);border-color:var(--lamp);color:var(--room)}.btn:hover{border-color:var(--lamp)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.jobs{list-style:none;padding:0;margin:0}.jobs li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding-block:12px;border-top:1px solid var(--line)}.jobs b{font-weight:500}.jobs .p{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.jobs .r{grid-column:1 / -1;color:var(--muted);font-size:14px}.shelf-groups{display:grid;gap:12px}.shelf-groups h3{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{font-size:13px;padding:3px 10px;border-radius:999px;border:1px solid var(--line)}.chips span.core{border-color:var(--screen);color:var(--screen)}.panel .edu{margin-top:14px}.mail{font-family:var(--mono);font-size:15px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;overflow-wrap:anywhere}.copied{font-family:var(--mono);font-size:12px;color:var(--lamp);min-height:1em}.panel{transition:opacity .5s}.in-flight .panel{opacity:.12}.credits{position:relative;padding-block:0 20px;pointer-events:auto}.credits .wrap{display:grid;gap:6px;justify-items:start}.credits p{display:inline-block;margin:0;padding:6px 10px;border-radius:8px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono);font-size:11px;color:var(--muted)}.credits a{color:var(--fg);text-underline-offset:2px}.term{margin-top:18px}.term label{display:block;margin-bottom:6px}.term code{color:var(--lamp)}.term-row{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:14px;padding:9px 12px;background:#0b0e14;border:1px solid var(--line);border-radius:10px}.term-row:focus-within{border-color:var(--lamp)}.term-row span{color:var(--screen)}.term-row input{flex:1;min-width:0;font:inherit;font-size:16px;color:var(--fg);background:transparent;border:0;outline:0;padding:0;caret-color:var(--lamp)}.term-row input::placeholder{color:#4a5163}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.panel .row+.row,.panel p+.row{margin-top:4px}@keyframes rise{0%{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:none}}.hero .panel>*{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.hero .panel>:nth-child(1){animation-delay:1.3s}.hero .panel>:nth-child(2){animation-delay:1.45s}.hero .panel>:nth-child(3){animation-delay:1.6s}.hero .panel>:nth-child(4){animation-delay:1.75s}html:not(.booted) .hero .panel>*{animation-play-state:paused}@media (max-width: 860px){section.stop{align-items:flex-end;padding-block:72px 32px}section.stop.right .wrap{justify-content:flex-start}.panel{max-width:none;width:100%;padding:20px}.hero .panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.page .hero .panel{pointer-events:auto}nav.stops a,nav.stops .sound{width:26px;height:26px}nav.stops{gap:4px}nav.stops [data-label]:after{display:none}.panel h2{font-size:1.5rem}.shelf-groups{gap:8px}.chips{gap:4px}.chips span{font-size:12px;padding:2px 8px}.panel .edu{margin-top:10px;font-size:13px}}@media (prefers-reduced-motion: reduce){.hero .panel>*{animation:none}}