:root{--bg:#f6f6f4;--fg:#151413;--muted:#6e6b66;--line:#e2e0db;--chip-hover:#ecebe7;--panel:#fff;--card:#fff;--row:#f3f2ef;--stage:#eeede9;--bar:#f6f6f4db;--shadow:#1c161042;--pop-shadow:#1c161029;--glow:#ffbe7800;--sans:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f0c0a;--fg:#eee7de;--muted:#9a9087;--line:#2a241f;--chip-hover:#1d1814;--panel:#191512;--card:#191512;--row:#221c18;--stage:#120e0c;--bar:#0f0c0ad6;--shadow:#000000a6;--pop-shadow:#00000080;--glow:#ffa85829;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f0c0a;--fg:#eee7de;--muted:#9a9087;--line:#2a241f;--chip-hover:#1d1814;--panel:#191512;--card:#191512;--row:#221c18;--stage:#120e0c;--bar:#0f0c0ad6;--shadow:#000000a6;--pop-shadow:#00000080;--glow:#ffa85829;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--bg)}html.pile-snap{scroll-snap-type:y mandatory}.studio{color:var(--fg);font-family:var(--sans);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-bottom:112px;font-size:15px;line-height:1.5;transition:color .6s}.studio.pile-mode{padding-bottom:0}.studio *{box-sizing:border-box}.studio button,.studio input{font:inherit;color:inherit}.studio :focus-visible{outline:2px solid var(--fg);outline-offset:3px}.studio h1,.studio h2,.studio p{margin:0}.studio [hidden]{display:none!important}.top{z-index:6;justify-content:space-between;align-items:center;gap:16px;max-width:1360px;margin-inline:auto;padding-block:18px;display:flex;position:relative}.pile-mode .top{top:0;left:max(16px, env(safe-area-inset-left,0px));right:max(16px, env(safe-area-inset-right,0px));position:fixed}.mark{color:inherit;text-decoration:none;display:inline-flex}.mark svg{width:auto;height:13px;display:block}.nav{color:var(--muted);align-items:center;gap:22px;font-size:13px;display:flex}.lamp{border:1px solid var(--line);cursor:pointer;color:var(--fg);background:0 0;border-radius:2px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:inline-flex}.lamp:hover{background:var(--chip-hover)}.lamp svg{width:15px;height:15px}.lamp .bulb{fill:none;stroke:currentColor;stroke-width:1.4px}.lamp[aria-pressed=true] .bulb{fill:#f2b866;stroke:#f2b866}.count{font-family:var(--mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--fg);font-size:12px}.steps{gap:4px;display:none}.reduced .steps{display:inline-flex}.steps button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:2px;padding:3px 8px;font-size:12px}.backlink{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:13px}.backlink:hover{color:var(--fg)}.pile-mode .backlink,.studio:not(.pile-mode) .count,.on-intro .count,.on-intro .steps,.studio:not(.pile-mode) .steps{display:none}.rug-canvas{cursor:pointer;filter:drop-shadow(0 22px 26px var(--shadow));touch-action:none;transition:filter .6s;display:block}.track section{scroll-snap-align:start;scroll-snap-stop:always;height:100lvh}.studio:not(.pile-mode) .track,.studio:not(.pile-mode) .pilestage{display:none}.studio.leaving .pilestage{pointer-events:none;animation:.25s forwards fadeOut;display:flex}.studio.leaving .card.live{visibility:hidden!important}.pilestage{z-index:1;padding:68px max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));flex-direction:column;display:flex;position:fixed;inset:0}.pilestage:before{content:"";background:radial-gradient(ellipse at 18% 14%, var(--glow), transparent 55%);pointer-events:none;transition:background .8s;position:absolute;inset:0}.pile{z-index:2;flex:1;min-height:0;position:relative}.card{visibility:hidden;position:absolute;top:50%;left:50%}.card:not(.live){pointer-events:none}.face{opacity:var(--o,1);position:absolute;inset:0}.face canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.face .snap{filter:drop-shadow(0 18px 22px var(--shadow))}.card.live .snap{visibility:hidden}.face .rug-canvas{touch-action:pan-y}.end{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.end.on{pointer-events:auto}.end p{color:var(--muted)}.end div{gap:8px;display:flex}.label{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;height:146px;padding:12px 0 10px;display:flex;position:relative;overflow:hidden}.label .spec{color:var(--fg)}.label .spec+.spec{color:var(--muted)}.label button{letter-spacing:.06em;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.line{border-top:1px solid var(--line);width:100%;max-width:1360px;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;font-size:12px;display:flex;position:relative}.line a{color:inherit;text-decoration:none}.line a:hover{color:var(--fg)}.line nav{gap:18px;display:flex}.line details,.line .short{display:none}.studio:not(.pile-mode){padding-bottom:14px}.app{z-index:2;grid-template-columns:320px minmax(0,1fr) 272px;gap:12px;max-width:1600px;height:calc(100dvh - 72px);min-height:560px;margin-inline:auto;display:grid;position:relative}.pile-mode .app{display:none}.controls{scrollbar-width:thin;flex-direction:column;gap:10px;min-height:0;padding:1px;display:flex;overflow-y:auto}.box{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;flex-direction:column;gap:4px;padding:6px;display:flex}.opt{background:var(--row);border-radius:11px}.opt-row{align-items:center;gap:6px;min-height:50px;padding-right:6px;display:flex}.opt-hit{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;flex:1;align-items:center;gap:12px;min-width:0;padding:9px 4px 9px 9px;display:flex}.ico{background:var(--card);width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.opt-label{white-space:nowrap;font-size:15px}.opt-value{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:13px;overflow:hidden}.pill-btn{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border:0;border-radius:8px;flex-shrink:0;padding:5px 11px;font-size:13px}.pill-btn:hover{background:var(--chip-hover)}.chev{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.chev:hover{color:var(--fg)}.chev svg{transition:transform .2s}.opt.open .chev svg{transform:rotate(180deg)}.opt-body{flex-direction:column;gap:12px;padding:2px 12px 14px;display:flex}.switch{background:var(--line);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:38px;height:22px;margin-right:4px;padding:0;transition:background .2s;position:relative}.switch:after{content:"";background:var(--card);border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch[aria-checked=true]{background:var(--fg)}.switch[aria-checked=true]:after{transform:translate(16px)}.dots{vertical-align:middle;gap:3px;display:inline-flex}.dots i{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000001f}.roles{flex-direction:column;gap:2px;display:flex}.role{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:6px;font-size:14px;display:grid}.role:hover,.role[aria-pressed=true]{background:var(--card)}.role i{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000001f}.role small{color:var(--muted);font-size:12px}.note.pad{padding:10px}.stage{background:var(--stage);min-height:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:20px;position:relative;overflow:hidden}.stage:before{content:"";background:radial-gradient(ellipse at 22% 18%, var(--glow), transparent 60%);pointer-events:none;transition:background .8s;position:absolute;inset:0}.stage-top{z-index:1;justify-content:space-between;align-items:baseline;gap:16px;display:flex;position:absolute;top:14px;left:18px;right:18px}.stage-top .hint{font-size:12px}.canvas-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:46px 20px 92px}.toolbar{z-index:2;background:var(--card);max-width:calc(100% - 24px);box-shadow:0 10px 30px var(--pop-shadow), inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:14px;align-items:center;gap:2px;padding:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.scale{z-index:1;font-family:var(--mono);letter-spacing:.06em;color:var(--muted);pointer-events:none;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;top:36px;left:18px}.scale i{width:calc(var(--cm,2px) * 100);border:1.5px solid;border-top:0;height:6px;display:block}.scale b{color:var(--fg);margin-left:10px;font-weight:400}.chip.shape{align-items:center;gap:8px;display:inline-flex}.chip.shape i{border:1.5px solid;border-radius:1px;width:12px;height:16px;display:inline-block}.chip.shape i.shape-square{width:13px;height:13px}.chip.shape i.shape-round{border-radius:50%;width:14px;height:14px}.tb-name{text-overflow:ellipsis;background:var(--row);border-radius:9px;min-width:0;max-width:200px;margin-right:4px;padding:8px 12px;font-size:14px;overflow:hidden}.tb-icon{cursor:pointer;width:36px;height:36px;color:var(--fg);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.tb-icon:hover:not(:disabled){background:var(--chip-hover)}.tb-icon:disabled{opacity:.35;cursor:default}.tb-icon[aria-pressed=true] svg{fill:currentColor}.tb-sep{background:var(--line);width:1px;height:22px;margin-inline:6px}.tb-price{flex-direction:column;padding-inline:4px 10px;line-height:1.15;display:flex}.tb-price strong{font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.tb-price small{color:var(--muted);font-size:11px}.tb-btn{cursor:pointer;border-radius:9px;padding:9px 15px;font-size:14px;font-weight:500}.tb-btn.ghost{box-shadow:inset 0 0 0 1px var(--line);background:0 0;border:0;margin-right:4px}.tb-btn.ghost:hover{background:var(--chip-hover)}.tb-btn.solid{background:var(--fg);color:var(--bg);border:0}.centre{scrollbar-width:thin;flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.centre .stage{flex:0 0 calc(100% - 58px)}.cert{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;flex-shrink:0;padding:0 22px 20px}.cert-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;height:46px;display:flex}.cert-head svg{flex-shrink:0;width:auto;height:11px;display:block}.cert-no{font-family:var(--mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:13px}.cert-body{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:26px;padding-top:18px;display:grid}.cert-rug{aspect-ratio:2/3;background:var(--row);width:100%;filter:drop-shadow(0 8px 10px var(--shadow));border-radius:2px;display:block}.cert-spec{grid-template-columns:max-content minmax(0,1fr);column-gap:28px;margin:0;display:grid}.cert-spec dt,.cert-spec dd{border-top:1px solid var(--line);padding:7px 0}.cert-spec dt:first-of-type,.cert-spec dt:first-of-type+dd{border-top:0;padding-top:0}.cert-spec dt{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;line-height:21px}.cert-spec dd{margin:0;font-size:14px}.cert-yarns{flex-wrap:wrap;gap:4px 14px;display:flex}.cert-yarns span{align-items:center;gap:6px;display:inline-flex}.cert-yarns i{width:10px;height:10px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 22%, transparent);border-radius:50%}.cert-ins{font-family:var(--mono);letter-spacing:.08em}.cert-foot{max-width:68ch;margin-top:16px}.looks{background:var(--card);min-height:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:8px;display:flex}.looks-grid{scrollbar-width:thin;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;padding:2px;display:grid;overflow-y:auto}.look{aspect-ratio:4/3;cursor:pointer;background:var(--row);border:0;border-radius:10px;padding:0;position:relative;overflow:hidden}.look canvas{width:100%;height:100%;transition:transform .3s;display:block}.look:hover canvas{transform:scale(1.04)}.look span{text-overflow:ellipsis;white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(6px);background:#12100e9e;border-radius:6px;max-width:calc(100% - 12px);padding:4px 7px;font-size:12px;line-height:1.2;position:absolute;bottom:6px;left:6px;overflow:hidden}.look[aria-pressed=true]{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--fg)}.looks .empty{grid-column:1/-1}.tabs{background:var(--row);border-radius:10px;grid-template-columns:1fr 1fr;gap:2px;padding:3px;display:grid}.tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px;font-size:14px}.tabs button[aria-selected=true]{background:var(--card);color:var(--fg);box-shadow:0 1px 3px #0000001a}.spec{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.hint{color:var(--muted);font-size:13px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tiles.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tiles.six{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.tile{cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;gap:6px;min-width:0;padding:0;display:flex}.tile canvas{aspect-ratio:1;outline:1px solid var(--line);background:var(--chip-hover);border-radius:6px;width:100%;transition:outline-color .15s,transform .2s;display:block}.tile.rug canvas{aspect-ratio:2/3;border-radius:4px}.tile:hover canvas{transform:translateY(-2px)}.tile[aria-pressed=true] canvas{outline:2px solid var(--fg);outline-offset:2px}.tile span{color:var(--muted);font-size:12px;line-height:1.25}.tile[aria-pressed=true] span{color:var(--fg)}.opts{flex-wrap:wrap;gap:6px;display:flex}.chip{box-shadow:inset 0 0 0 1px var(--line);background:var(--card);cursor:pointer;text-align:left;border:0;border-radius:9px;padding:8px 12px;font-size:14px;transition:background .15s,color .15s}.chip:hover{background:var(--chip-hover)}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);box-shadow:none}.chip small{opacity:.65;font-size:11px;display:block}.field{gap:8px;display:flex}.field input{min-width:0;box-shadow:inset 0 0 0 1px var(--line);background:var(--card);text-transform:uppercase;border:0;border-radius:9px;flex:1;padding:10px 12px}.note{color:var(--muted);font-size:12px}.editor{z-index:8;background:var(--card);width:312px;box-shadow:0 18px 40px var(--pop-shadow), inset 0 0 0 1px var(--line);border-radius:14px;flex-direction:column;gap:14px;padding:14px;display:flex;position:fixed}.ed-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ed-head strong{font-size:14px;font-weight:500}.ed-head small{color:var(--muted);font-size:12px;font-weight:400;display:block}.ed-close{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:4px 6px;font-size:20px;line-height:1}.ed-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.ed-label button{letter-spacing:.06em;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.lib{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;display:grid}.lib button{aspect-ratio:1;cursor:pointer;border:0;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #0000001f}.lib button[aria-pressed=true]{outline:2px solid var(--fg);outline-offset:2px}.btn{cursor:pointer;white-space:nowrap;border-radius:2px;padding:12px 18px;font-size:14px;font-weight:500}.btn.ghost{border:1px solid var(--line);background:0 0}.btn.ghost:hover{background:var(--chip-hover)}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:9;background:var(--fg);color:var(--bg);text-align:center;border-radius:10px;max-width:min(440px,100vw - 32px);padding:11px 16px;font-size:13px;position:fixed;transform:translate(-50%)}.pile-mode .toast{bottom:calc(60px + env(safe-area-inset-bottom,0px));border-radius:2px}@keyframes fadeOut{to{opacity:0}}@keyframes fadeIn{0%{opacity:0}}@keyframes panelIn{0%{opacity:0;transform:translate(32px)}}@keyframes panelUp{0%{opacity:0;transform:translateY(32px)}}@keyframes panelLeft{0%{opacity:0;transform:translate(-32px)}}@keyframes barIn{0%{opacity:0;transform:translate(-50%,24px)}}.entering .controls{animation:.55s cubic-bezier(.2,.7,.2,1) .12s both panelLeft}.entering .looks{animation:.55s cubic-bezier(.2,.7,.2,1) .18s both panelIn}.entering .toolbar{animation:.5s cubic-bezier(.2,.7,.2,1) .25s both barIn}.entering .stage-top,.entering .top,.entering .cert{animation:.4s .3s both fadeIn}.returning .label,.returning .line,.returning .card:not(.live) .face{animation:.4s .25s both fadeIn}@media (width<=860px){.app{grid-template-columns:minmax(0,1fr);gap:10px;height:auto;min-height:0}.stage{border-radius:16px;order:1;height:68svh;min-height:420px}.centre{display:contents}.cert{order:4;padding-inline:16px}.cert-head .spec{display:none}.cert-body{grid-template-columns:72px minmax(0,1fr);gap:16px}.cert-spec{grid-template-columns:minmax(0,1fr)}.cert-spec dt{border-top:1px solid var(--line);padding-bottom:0}.cert-spec dd{border-top:0;padding-top:0}.looks{order:2}.controls{order:3;overflow:visible}.looks-grid{grid-template-columns:none;grid-auto-columns:40%;grid-auto-flow:column;overflow:auto hidden}.stage-top .hint,.tb-name,.tb-btn.ghost{display:none}.canvas-wrap{inset:40px 10px 84px}.toolbar{justify-content:space-between;max-width:none;bottom:10px;left:10px;right:10px;transform:none}.entering .toolbar{animation-name:panelUp}.tb-sep{display:none}.tb-icon{width:34px}.tb-price{margin-left:auto;padding-inline:6px 8px}.btn{padding:11px 14px}.editor{right:max(12px, env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:auto;left:max(12px, env(safe-area-inset-left,0px))!important;top:auto!important}.entering .controls,.entering .looks{animation-name:panelUp}.pilestage{padding-top:60px}.line nav,.line .long{display:none}.line .short{display:inline}.line details{display:block;position:relative}.line summary{cursor:pointer;list-style:none}.line summary::-webkit-details-marker{display:none}.line details div{background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:2px;flex-direction:column;gap:8px;padding:10px 14px;display:flex;position:absolute;bottom:calc(100% + 10px);right:0}}@media (width>=861px) and (width<=1180px){.app{grid-template-columns:300px minmax(0,1fr) 196px}.looks-grid{grid-template-columns:minmax(0,1fr)}.tb-name{display:none}}@media (prefers-reduced-motion:reduce){.studio *{transition:none!important;animation:none!important}}.intro-screen{z-index:3;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;min-height:100svh;padding-top:72px;display:flex;position:relative}.studio:not(.pile-mode) .intro-screen{display:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rail{border-block:1px solid var(--line);margin-inline:calc(50% - 50vw);padding-block:14px;overflow:hidden}.rail-track{will-change:transform;width:max-content;display:flex}.rail-group{flex-shrink:0;display:flex}.rail-item{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:22px;padding-inline:11px;font-size:22px;display:inline-flex}.rail-rug{image-rendering:auto;width:22px;height:33px;filter:drop-shadow(0 3px 4px var(--shadow));border-radius:1px}.intro-type{flex:1;justify-content:center;align-items:center;margin:0;padding-block:40px;font-weight:400;display:flex}.intro-wide,.intro-narrow{flex-direction:column;align-items:center;gap:.06em;width:100%;display:flex}.intro-narrow{display:none}.intro-line{letter-spacing:-.045em;white-space:nowrap;justify-content:center;align-items:center;gap:.22em;font-size:clamp(56px,9.4vw,168px);line-height:1;display:flex}.pill{background:var(--chip-hover);border-radius:999px;flex-shrink:0;width:1.9em;height:.78em;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.pill canvas{height:100%;width:calc(var(--tiles,6) * .78em);animation:26s linear infinite pillDrift;position:absolute;top:0;left:0}.intro-line:nth-child(2) .pill:last-child canvas{animation-direction:reverse}@keyframes pillDrift{to{transform:translate(-50%)}}.flip-rug{aspect-ratio:2/3;width:auto;height:.82em;filter:drop-shadow(0 .06em .08em var(--shadow));flex-shrink:0;transform:rotate(-4deg)}.intro-cue{cursor:pointer;color:var(--fg);background:0 0;border:0;align-self:center;align-items:baseline;gap:14px;margin-bottom:28px;padding:8px 4px;font-size:15px;display:inline-flex}.intro-cue .spec{color:var(--muted)}.intro-cue>span:last-child{animation:2.4s ease-in-out infinite cueBob;display:inline-block}@keyframes cueBob{50%{transform:translateY(4px)}}@media (width<=860px){.intro-screen{padding-top:64px}.intro-wide{display:none}.intro-narrow{display:flex}.intro-line{font-size:clamp(48px,15vw,96px)}.rail-item{gap:16px;font-size:17px}}.regions{z-index:2;scrollbar-width:none;gap:26px;padding:14px calc(50% - 40px) 2px;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.regions::-webkit-scrollbar{display:none}.regions button{cursor:pointer;color:var(--muted);background:0 0;border:0;flex-shrink:0;padding:6px 0;font-size:14px;transition:color .2s;position:relative}.regions button:hover,.regions button[aria-current=true]{color:var(--fg)}.regions button[aria-current=true]:before{content:"";background:currentColor;width:4px;height:4px;position:absolute;top:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.label .note{max-width:46ch;color:var(--muted);text-wrap:balance;margin:2px auto 0;font-size:13px}