:root{--mist: #e3eaed;--mist-deep: #d5dfe3;--glass: rgba(245, 248, 249, .82);--glass-solid: #f5f8f9;--teal: #0e4f54;--teal-2: #13656b;--sea: #2bb3a3;--glow: #62e6e1;--ink: #16303a;--ink-soft: #4d6670;--line: rgba(14, 79, 84, .16);--danger: #b4233c;--warn: #9a6200;--ok: #1b7f5a;--font-display: "Sora", "Avenir Next", system-ui, sans-serif;--font-body: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;--font-code: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--t-sm: .875rem;--t-base: 1.0625rem;--t-md: 1.3125rem;--t-lg: 1.625rem;--t-xl: 2.0625rem;--radius-tile: 18px;--radius-window: 24px;--radius-control: 10px;--shadow-window: 0 30px 80px -20px rgba(14, 79, 84, .45);--tile-glass: linear-gradient(180deg, rgba(98, 176, 166, .95) 0%, rgba(55, 132, 127, .96) 48%, rgba(37, 108, 106, .97) 100%);--rim: #8cf5d9;--rim-hover: #c4fff0;--rim-glow: 0 0 14px 1px rgba(110, 240, 210, .55);--glass-text-shadow: 0 1px 1px rgba(0, 40, 45, .45);--page: min(1180px, calc(100% - 32px) );--page-radius: 24px;--page-gap: 20px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(ellipse 75% 62% at 50% 38%,#d6e2e6,#b3c7ce 52%,#86a6b1) fixed;color:var(--ink);font-family:var(--font-body);font-size:var(--t-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0;letter-spacing:-.01em}p{margin:0}button{font:inherit;color:inherit}a{color:var(--teal-2)}code,pre,textarea.code{font-family:var(--font-code);font-size:.875rem}:focus-visible{outline:3px solid var(--sea);outline-offset:3px;border-radius:6px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.25rem;border-radius:var(--radius-control);border:2px solid var(--rim);cursor:pointer;font-weight:700;background:var(--tile-glass);color:#fff;text-shadow:var(--glass-text-shadow);box-shadow:0 0 10px #6ef0d266,inset 0 1px #fff6;transition:box-shadow .12s ease,border-color .12s ease,transform .12s ease}.button:hover{border-color:var(--rim-hover);box-shadow:0 0 0 3px #8cf5d940,0 0 18px 2px #6ef0d299,inset 0 1px #ffffff80}.button:active{transform:translateY(1px)}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button.secondary{background:#ffffffbf;color:var(--teal);text-shadow:none;border:1px solid rgba(14,79,84,.2);box-shadow:inset 0 1px #fffc}.button.secondary:hover{border-color:#37847f;box-shadow:0 0 0 3px #8cf5d959}.button.quiet{background:transparent;color:var(--teal-2);min-height:36px;padding:0 .75rem;border-color:transparent;box-shadow:none;text-shadow:none}.button.quiet:hover{background:#2bb3a31f}.field{display:grid;gap:.375rem}.field label{font-weight:600;font-size:var(--t-sm);color:var(--ink)}.field input,.field textarea,.field select{width:100%;min-height:44px;padding:.625rem .75rem;border:1px solid rgba(14,79,84,.2);border-radius:var(--radius-control);background:#fff;color:var(--ink);font:inherit;transition:border-color .12s ease,box-shadow .12s ease}.field textarea{min-height:180px;resize:vertical;line-height:1.45}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:none;border-color:#37847f;box-shadow:0 0 0 3px #8cf5d98c}.hint{color:var(--ink-soft);font-size:var(--t-sm)}.error-text{color:var(--danger);font-size:var(--t-sm)}.notice{border-radius:var(--radius-control);padding:.75rem 1rem;font-size:var(--t-sm);background:#2bb3a31f;color:var(--teal)}.notice.warn{background:#9a62001a;color:var(--warn)}.notice.danger{background:#b4233c14;color:var(--danger)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth{min-height:100%;display:grid;place-items:center;padding:24px 16px}.auth-card{width:min(420px,100%);padding:32px 28px;border-radius:var(--radius-window);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-window);text-align:center}.auth-mascot{width:180px;height:auto;margin:-8px auto 8px;display:block}.auth-card h1{font-size:var(--t-xl);color:var(--teal)}.auth-lede{margin:4px 0 20px}.auth-form{display:grid;gap:14px;text-align:left}.workbench{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:var(--page);margin:16px auto 0;padding:10px 14px 10px 10px;border-radius:var(--page-radius);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 30px -18px #0e4f5480;position:relative;z-index:30}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;padding:4px 8px;border-radius:999px}.brand-text{display:grid;line-height:1.1;text-align:left}.brand-mark{flex:none;filter:drop-shadow(0 0 6px rgba(110,240,210,.55))}.brand-name{font-family:var(--font-display);font-weight:700;font-size:var(--t-md);color:var(--teal);letter-spacing:-.02em}.brand-tagline{font-size:.82rem;color:var(--ink-soft)}.topbar-actions{display:flex;align-items:center;gap:10px}.welcome{color:var(--ink);margin:0 2px 0 6px;white-space:nowrap}.welcome strong{font-weight:600}.saved-button{min-height:40px;border-radius:999px}.usage-meter{display:grid;gap:4px;min-width:190px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;text-align:left}.usage-meter.placeholder{height:44px;background:#ffffff80}.usage-text{font-size:var(--t-sm);color:var(--ink-soft);white-space:nowrap}.usage-text strong{color:var(--teal);margin-right:4px}.usage-bar{height:4px;border-radius:4px;background:var(--mist-deep);overflow:hidden}.usage-bar span{display:block;height:100%;background:var(--sea);border-radius:4px}.usage-meter.near .usage-bar span{background:var(--warn)}.account{position:relative}.account summary{list-style:none;cursor:pointer;border-radius:50%}.account summary::-webkit-details-marker{display:none}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--tile-glass);color:#fff;font-family:var(--font-display);font-weight:600;box-shadow:0 0 0 2px var(--rim),0 0 10px 1px #6ef0d273,inset 0 1px #fff6;text-shadow:var(--glass-text-shadow)}.account-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:220px;padding:12px;border-radius:14px;background:var(--glass-solid);box-shadow:var(--shadow-window);display:grid;gap:6px}.waking,.page-error{margin:12px auto 0;text-align:center;max-width:640px}.waking{color:var(--teal);font-size:var(--t-sm)}.stage{width:var(--page);margin:var(--page-gap) auto 0;padding:16px 14px;border-radius:var(--page-radius);border:1px solid rgba(255,255,255,.5);background:#f0f7f938;box-shadow:inset 0 1px #fff9,0 24px 48px -32px #143c468c}@media(min-width:861px){.stage{container-type:inline-size;position:relative;aspect-ratio:1180 / 640;padding:0}.stage .tiles{display:contents}.tile-slot{position:absolute;width:20%;height:13.44%}.tiles.left .tile-slot:nth-child(1){left:8.81%;top:16.66%}.tiles.left .tile-slot:nth-child(2){left:4.07%;top:37.27%}.tiles.left .tile-slot:nth-child(3){left:5.76%;top:57.88%}.tiles.right .tile-slot:nth-child(1){left:71.19%;top:16.03%}.tiles.right .tile-slot:nth-child(2){left:76.95%;top:37.27%}.tiles.right .tile-slot:nth-child(3){left:76.27%;top:57.88%}.tiles.left .tile-slot:nth-child(4){left:8.81%;top:78.48%}.tiles.right .tile-slot:nth-child(4){left:71.19%;top:78.48%}.stage .tile{height:100%;min-height:0;gap:1.2cqw;padding:0 1.9cqw 0 1.4cqw}.stage .tile .tile-name{font-size:min(max(.85rem,1.68cqw),calc(10.6cqw / (var(--chars, 7) * var(--glyph))))}.stage .tile .tile-icon{width:max(34px,4.4cqw);height:max(34px,4.4cqw)}.stage .tile .tile-icon svg{width:100%;height:100%}.stage .mascot-wrap{position:absolute;left:23.51%;top:5.15%;width:52.98%}}.tile{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:64px;padding:10px 12px;border-radius:14px;border:2px solid var(--rim);cursor:pointer;background:var(--tile-glass);color:#fff;box-shadow:var(--rim-glow),inset 0 1px #fff6,inset 0 -10px 16px -12px #00242873,0 12px 22px -14px #0e3c40b3;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.tile:before,.ghost:before{content:"";position:absolute;left:3px;right:3px;top:3px;height:46%;pointer-events:none;border-radius:11px 11px 40% 40%/11px 11px 14px 14px;background:linear-gradient(180deg,#ffffff29,#fff0)}.tile:hover,.tile:focus-visible{transform:translateY(-2px);border-color:var(--rim-hover);box-shadow:0 0 0 4px #8cf5d940,0 0 30px 6px #6ef0d2b3,inset 0 1px #ffffff80,inset 0 -10px 16px -12px #00242873}.tile.flash{animation:tile-flash .16s ease-out}@keyframes tile-flash{0%{box-shadow:0 0 #62e6e1e6,0 0 40px 8px #62e6e1e6;filter:brightness(1.35)}to{box-shadow:0 0 0 10px #62e6e100,0 0 40px 8px #62e6e100;filter:brightness(1)}}.tile-icon{position:relative;display:grid;place-items:center;flex:none;width:38px;height:38px;filter:drop-shadow(0 1px 1px rgba(0,30,34,.35))}.tile-icon svg{width:36px;height:36px}.tile-name{position:relative;font-family:var(--font-display);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.02em;text-shadow:var(--glass-text-shadow)}.tile-badge{position:absolute;top:-10px;right:-8px;padding:2px 10px;border-radius:999px;background:var(--glow);color:var(--teal);font-size:.75rem;font-weight:600;box-shadow:0 4px 12px -4px #0e4f5499}.tile-badge.done{background:#fff}.tile.soon{opacity:.7;cursor:default}.tile.soon:hover{transform:none;border-color:var(--rim);box-shadow:var(--rim-glow),inset 0 1px #fff6,inset 0 -10px 16px -12px #00242873}.tile.soon .tile-name{white-space:nowrap}.tile-name{--glyph: .8}.mascot-wrap{position:relative;display:grid;justify-items:center}.mascot{background:none;border:0;padding:0;cursor:pointer;border-radius:40px;width:100%}.mascot-body{position:relative;display:block;aspect-ratio:640 / 508;animation:breathe 7.5s ease-in-out infinite;transform-origin:50% 70%}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.012)}}@media(prefers-reduced-motion:reduce){.mascot-body{animation:none}}.mascot-clip,.mascot-body img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.mascot-clip{opacity:0;transition:opacity 0ms ease}.mascot-clip.shown{opacity:1;z-index:1}.mascot-clip.under{opacity:1;z-index:0}.mascot-flare{position:absolute;z-index:2;left:50%;top:24%;width:100%;aspect-ratio:1;pointer-events:none;translate:-50% -50%;border-radius:50%;opacity:0;background:radial-gradient(circle,rgb(255 253 235 / 1) 0%,rgb(255 246 190 / .95) 12%,rgb(248 228 120 / .8) 22%,rgb(150 230 255 / .5) 38%,rgb(90 210 255 / .2) 54%,transparent 70%);animation:mascot-flare 1s ease-out forwards}@keyframes mascot-flare{0%{opacity:0;scale:.3;animation-timing-function:ease-in}20%{opacity:1;scale:.9}45%{opacity:1;scale:1.05}to{opacity:0;scale:1.5}}.recent{width:var(--page);margin:var(--page-gap) auto 0;padding:20px 22px;border-radius:var(--page-radius);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.recent h2{font-size:var(--t-md);color:var(--teal);margin-bottom:12px}.recent-head,.recent-row{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(0,2.6fr) minmax(150px,1.2fr) 80px 120px;align-items:center;gap:14px;padding:8px 10px}.recent-head{padding-bottom:6px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:var(--t-sm);font-weight:600}.recent-list{list-style:none;margin:0;padding:0}.recent-list li+li{border-top:1px solid rgba(14,79,84,.08)}.recent-row{width:100%;border:0;border-radius:10px;background:none;cursor:pointer;text-align:left;color:var(--ink)}.recent-row:hover{background:#8cf5d92e}.recent-arm{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;color:var(--teal)}.recent-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;filter:drop-shadow(0 1px 1px rgba(0,30,34,.25))}.recent-icon svg{width:32px;height:32px}.recent-what{display:grid;min-width:0}.recent-title,.recent-what .hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-status{display:flex;align-items:center;gap:8px;font-size:var(--t-sm)}.recent-cost{font-size:var(--t-sm);font-variant-numeric:tabular-nums}.recent-when{display:flex;align-items:center;gap:8px;font-size:var(--t-sm);color:var(--ink-soft);white-space:nowrap}.recent-saved{padding:1px 8px;border-radius:999px;background:#8cf5d959;color:var(--teal);font-weight:600;font-size:.75rem}.recent-more{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.recent-more .hint{flex:1 1 260px}@media(max-width:760px){.recent-head{display:none}.recent-row{grid-template-columns:1fr auto;grid-template-areas:"arm when" "what what" "status cost";gap:4px 12px;padding:10px 6px}.recent-arm{grid-area:arm}.recent-when{grid-area:when}.recent-what{grid-area:what}.recent-status{grid-area:status}.recent-cost{grid-area:cost;justify-self:end}}.dot{width:9px;height:9px;border-radius:50%;background:var(--ink-soft)}.dot.status-succeeded{background:var(--ok)}.dot.status-running,.dot.status-queued{background:var(--glow)}.dot.status-failed,.dot.status-blocked{background:var(--danger)}.dot.status-limited{background:var(--warn)}.footer{text-align:center;padding:22px 16px 26px;color:#24434c;font-size:var(--t-sm)}.dim{position:fixed;inset:0;z-index:40;background:#d6e0e48c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ghost{position:fixed;z-index:65;pointer-events:none;overflow:hidden;display:flex;align-items:flex-start;gap:14px;padding:9px 20px 9px 14px;background:var(--tile-glass);color:#fff;border:2px solid var(--rim);box-shadow:var(--rim-glow),inset 0 1px #fff6,var(--shadow-window)}.ghost .tile-icon{width:52px;height:52px}.ghost .tile-icon svg{width:50px;height:50px}.ghost .tile-name{font-size:1.24rem;white-space:nowrap;line-height:52px}.ghost:after{content:"";position:absolute;inset:70px 0 0;opacity:0;background:var(--glass-solid);box-shadow:inset 0 1px #8cf5d999}.ghost.opening:after{animation:ghost-body-in .34s cubic-bezier(.2,.8,.2,1) forwards}.ghost.closing:after{animation:ghost-body-out .28s cubic-bezier(.2,.8,.2,1) forwards}@keyframes ghost-body-in{0%{opacity:0}35%{opacity:.2}to{opacity:1}}@keyframes ghost-body-out{0%{opacity:1}65%{opacity:.2}to{opacity:0}}.tile.away{visibility:hidden}.window-layer{position:fixed;inset:0;z-index:70;display:grid;place-items:center;pointer-events:none}.arm-window{pointer-events:auto;width:min(85vw,1200px);height:min(85vh,860px);display:flex;flex-direction:column;border-radius:var(--radius-window);background:var(--glass-solid);overflow:hidden;border:2px solid var(--rim);box-shadow:0 0 18px 1px #6ef0d273,var(--shadow-window)}.window-bar{position:relative;display:flex;align-items:center;gap:14px;padding:9px 14px;background:var(--tile-glass);color:#fff;box-shadow:inset 0 1px #fff6,inset 0 -1px #8cf5d999}.window-bar h2{flex:1;font-weight:700;font-size:1.24rem;text-transform:uppercase;letter-spacing:.02em;text-shadow:var(--glass-text-shadow)}.window-icon{display:grid;place-items:center;width:52px;height:52px;filter:drop-shadow(0 1px 1px rgba(0,30,34,.35))}.window-icon svg{width:50px;height:50px}.close{width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;font-size:1.75rem;line-height:1;background:#ffffff1f;color:#fff}.close:hover{background:#ffffff3d}.window-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 20px 20px;gap:14px}.empty{margin:auto;text-align:center;display:grid;gap:8px;max-width:46ch}.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.tab{border:0;background:none;cursor:pointer;padding:10px 14px;border-radius:10px 10px 0 0;font-family:var(--font-display);font-weight:500;color:var(--ink-soft);border-bottom:3px solid transparent;margin-bottom:-1px}.tab[aria-selected=true]{color:var(--teal);border-bottom-color:#37847f;box-shadow:0 3px 0 -1px #8cf5d999}.test-tag{margin-left:8px;padding:1px 6px;border-radius:6px;background:var(--mist-deep);font-family:var(--font-body);font-size:.75rem;color:var(--ink-soft)}.window-columns{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,2fr) 3fr;gap:20px}.input-panel{display:flex;flex-direction:column;gap:14px;overflow:auto;padding:4px 6px 4px 4px}.segmented{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--mist)}.segmented button{flex:1;min-height:38px;border:0;border-radius:9px;background:none;cursor:pointer;color:var(--ink-soft);font-weight:600}.segmented button[aria-checked=true]{background:#fff;color:var(--teal);box-shadow:0 0 0 2px var(--rim),0 2px 6px -3px #0e4f5466}.run-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.result-panel{min-height:0;overflow:auto;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.empty-result{margin:auto}.status{font-weight:600;color:var(--teal)}.status-running:before,.status-queued:before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:var(--glow);animation:status-pulse 1.2s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:.35}50%{opacity:1}}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.button.danger{color:var(--danger)}.input-summary summary{cursor:pointer;color:var(--ink-soft);font-size:var(--t-sm)}.input-summary ul{margin:6px 0 0;padding-left:18px;font-size:var(--t-sm);color:var(--ink-soft)}.markdown{line-height:1.6;max-width:76ch}.markdown h1,.markdown h2,.markdown h3{margin:1.2em 0 .4em;color:var(--teal)}.markdown h1{font-size:var(--t-lg)}.markdown h2{font-size:var(--t-md)}.markdown h3{font-size:var(--t-base)}.markdown p,.markdown ul,.markdown ol{margin:0 0 .8em}.markdown pre{background:#0f2a30;color:#e3f4f2;padding:12px 14px;border-radius:10px;overflow:auto}.markdown code{background:var(--mist);padding:1px 5px;border-radius:5px}.markdown pre code{background:none;padding:0}.markdown table{border-collapse:collapse}.markdown th,.markdown td{border:1px solid var(--line);padding:4px 8px}.report h3{color:var(--teal);margin-bottom:4px}.report-items{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.report-item{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:10px 12px;border-radius:12px;background:var(--glass-solid)}.report-item .sev{font-weight:700;font-size:var(--t-sm)}.sev-high .sev{color:var(--danger)}.sev-medium .sev{color:var(--warn)}.sev-low .sev{color:var(--teal-2)}.sev-info .sev{color:var(--ink-soft)}.report-item p{margin-top:2px}.location{margin-left:8px;font-size:.8rem;color:var(--ink-soft)}.bundle{display:grid;gap:8px}.bundle-file summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:6px 2px}.bundle-file pre{margin:6px 0 0;background:#0f2a30;color:#e3f4f2;padding:12px;border-radius:10px;overflow:auto;max-height:420px}.annotated-figure{position:relative;margin:8px 0 0;display:inline-block;max-width:100%}.annotated-figure img{display:block;max-width:100%;height:auto;border-radius:10px}.box{position:absolute;border:2px solid var(--glow);border-radius:6px;box-shadow:0 0 0 1px #0e4f5499}.box-label{position:absolute;left:-2px;top:-1.6em;padding:1px 6px;border-radius:5px;background:var(--teal);color:#fff;font-size:.75rem;white-space:nowrap}.saved-body{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:20px}.saved-list-panel{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;padding:4px}.saved-filters{display:grid;gap:10px}.saved-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.saved-item{width:100%;display:flex;gap:10px;align-items:center;padding:8px;border:0;border-radius:12px;background:none;cursor:pointer;text-align:left}.saved-item:hover,.saved-item.active{background:#2bb3a31f}.saved-item strong{display:block}.saved-icon{color:var(--sea);display:grid}.saved-icon svg{width:26px;height:26px}.rename{display:flex;gap:10px;align-items:end}.rename .field{flex:1}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:#d6e0e4a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;border-radius:var(--radius-window);background:var(--glass-solid);border:2px solid var(--rim);box-shadow:0 0 18px 1px #6ef0d273,var(--shadow-window)}.modal-body{padding:18px 20px 22px;display:grid;gap:14px}.usage-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0}.usage-facts div{padding:10px 12px;border-radius:12px;background:#fff}.usage-facts dt{font-size:var(--t-sm);color:var(--ink-soft)}.usage-facts dd{margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--t-md);color:var(--teal)}.plans-heading{font-size:var(--t-md);color:var(--teal)}.plans{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.plan{padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;gap:6px;align-content:start}.plan.current{border-color:var(--sea);box-shadow:0 0 0 2px #2bb3a340}.plan h3{color:var(--teal)}.plan-price{font-family:var(--font-display);font-weight:600;font-size:var(--t-md)}.plan-badge{justify-self:start;padding:2px 10px;border-radius:999px;background:#2bb3a326;color:var(--teal);font-weight:600;font-size:var(--t-sm)}@media(max-width:860px){.stage{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"mascot mascot" "left right";gap:14px 12px}.mascot-wrap{display:contents}.mascot{grid-area:mascot;max-width:420px;justify-self:center}.tiles.left{grid-area:left;justify-items:stretch}.tiles.right{grid-area:right;justify-items:stretch}.tiles{display:grid;gap:12px}.tile.soon .tile-name{white-space:normal;line-height:1.15}.stage .tile:not(.soon) .tile-name{font-size:min(1rem,calc((50vw - 112px) / (var(--chars, 7) * var(--glyph))))}.usage-meter{min-width:0}.usage-text strong{display:none}.window-layer{place-items:stretch}.arm-window{width:100vw;height:100dvh;border-radius:0}.window-columns,.saved-body{grid-template-columns:1fr;overflow:auto}.input-panel,.saved-list-panel{overflow:visible}.result-panel{min-height:260px;overflow:visible}}@media(max-width:700px){.welcome,.brand-tagline{display:none}}@media(max-width:520px){.brand-text,.usage-of{display:none}.saved-button{padding:0 12px}}@media(max-width:560px){.stage .tile{flex-direction:column;justify-content:center;gap:6px;padding:12px 10px;min-height:96px;text-align:center}.stage .tile:not(.soon) .tile-name{font-size:min(1rem,calc((50vw - 60px) / (var(--chars, 7) * var(--glyph))))}.stage .tile.soon .tile-name{white-space:nowrap;font-size:min(.875rem,calc((50vw - 60px) / (11 * var(--glyph))))}}.window-columns.compare{grid-template-columns:1fr;grid-auto-rows:min-content;overflow:auto;container-type:size}.compare .input-panel{overflow:visible}.compare .result-panel{min-height:max(260px,100cqh);overflow:visible}.picker{border:0;margin:0;padding:0;display:grid;gap:6px;min-width:0}.picker legend{padding:0;margin-bottom:6px;font-weight:600;font-size:var(--t-sm);color:var(--ink)}.picker-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:0 12px}.picker-option{display:flex;align-items:center;gap:10px;min-height:36px;cursor:pointer}.picker-option input{width:20px;height:20px;accent-color:var(--teal-2)}.picker-option input:disabled{cursor:not-allowed}.picker-option:has(input:disabled){color:var(--ink-soft);cursor:not-allowed}.picker-option input:focus-visible{outline:none;box-shadow:0 0 0 3px #8cf5d98c}.settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px}.compare-grid{container-type:inline-size}.compare-columns[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}@container (max-width: 920px){.compare-columns[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 480px){.compare-columns[data-count="4"]{grid-template-columns:minmax(0,1fr)}}.compare-prompt{flex:none;margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:8em;overflow:auto}.compare-column{min-width:0;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:var(--glass-solid);border:1px solid var(--line)}.compare-column h3{color:var(--teal);font-size:var(--t-base)}.compare-body{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.compare-foot{margin:0}@media(max-width:860px){.settings{grid-template-columns:1fr}}