.sign-out-control{width:fit-content;position:relative}.sign-out-menu{z-index:1;border:1px solid var(--border);background:var(--canvas);border-radius:18px;gap:3px;width:184px;max-width:calc(100vw - 48px);padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px #283c341a}.sign-out-menu>.button{justify-content:flex-start;width:100%;padding-inline:12px}.sign-out-menu>.sign-out-all,.sign-out-error{color:#9c493f}.sign-out-error{border-top:1px solid var(--border);overflow-wrap:anywhere;margin:4px 6px 6px;padding-top:8px;font-size:12px;line-height:1.6}
.expiry-picker{gap:var(--field-gap,6px);min-width:0;display:grid}.expiry-label{font-size:13px;font-weight:500;line-height:var(--field-label-line-height,20px)}.expiry-controls{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.expiry-trigger,.expiry-time{height:var(--control-height,40px);border:1px solid var(--border);min-width:0;color:var(--ink);font-size:var(--control-font-size,14px);background:#fdfdfb;border-radius:999px}.expiry-trigger{text-align:left;flex:180px;align-items:center;gap:8px;padding:0 13px;display:flex}.expiry-trigger>span{flex:1}.expiry-trigger>svg{flex-shrink:0}.expiry-trigger[aria-expanded=true] .expiry-caret{transform:rotate(180deg)}.expiry-time{flex:0 112px;width:112px;max-width:100%;padding:0 12px}.expiry-picker button:disabled,.expiry-time:disabled{cursor:not-allowed;opacity:.45}.expiry-picker button:focus-visible,.expiry-time:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.expiry-calendar{border:1px solid var(--border);background:#fffef9;border-radius:18px;width:min(100%,320px);min-width:0;padding:10px}.expiry-presets{flex-wrap:wrap;gap:5px;display:flex}.expiry-presets button{min-height:var(--button-small-height);background:var(--sage);color:var(--ink);white-space:nowrap;border:0;border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.5}.expiry-month-nav{justify-content:space-between;align-items:center;gap:6px;padding:5px 0;display:flex}.expiry-month-nav strong{font-size:13px;font-weight:600}.expiry-month-nav button{width:var(--button-small-height);height:var(--button-small-height);color:var(--ink);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.expiry-grid{table-layout:fixed;border-collapse:separate;border-spacing:2px;width:100%}.expiry-grid th,.expiry-grid td{text-align:center;border:0;padding:0}.expiry-grid th{height:25px;color:var(--muted);font-size:11px;font-weight:400}.expiry-grid td>button{width:100%;min-width:0;height:32px;color:var(--ink);background:0 0;border:0;border-radius:999px;padding:0;font-size:12px;line-height:1;display:block}.expiry-grid td>button[aria-current=date]{box-shadow:inset 0 0 0 1px var(--border);font-weight:700}.expiry-grid td[aria-selected=true]>button{background:var(--accent);color:#fff}.expiry-picker button:not(:disabled):hover{background:var(--sage);color:var(--ink)}.key-quota-setting{gap:8px;min-width:0;display:grid}.key-quota-setting>.toggle-field{width:100%;padding:0}.key-quota-setting>.field{width:min(100%,260px)}@media (max-width:600px){.expiry-trigger{flex-basis:164px}.expiry-time{flex-basis:104px;width:104px;padding-inline:9px}}@media (max-width:700px),(pointer:coarse){.expiry-grid td>button{height:40px;font-size:13px}}
.provider-icon{vertical-align:-.125em;flex:none;display:inline-block}.provider-badge{border:1px solid color-mix(in srgb, var(--provider-accent) 30%, transparent);background:color-mix(in srgb, var(--provider-accent) 10%, transparent);min-width:0;max-width:100%;min-height:24px;color:var(--provider-foreground);vertical-align:middle;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.provider-badge-md{gap:6px;min-height:28px;padding:3px 10px;font-size:13px}.provider-badge-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.provider-badge-sr-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.group-select{gap:var(--field-gap,6px);flex-direction:column;min-width:0;display:flex}.group-select>label{font-size:13px;font-weight:500;line-height:var(--field-label-line-height,20px)}.group-select-trigger{width:100%;height:var(--control-height,40px);border:1px solid var(--border);min-width:0;color:var(--ink);font-size:var(--control-font-size,14px);text-align:left;background:#fdfdfb;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex}.group-select-value{flex:1;min-width:0;overflow:hidden}.group-select-value .provider-badge{max-width:100%}.group-select-placeholder{color:var(--muted)}.group-select-rate{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:12px}.group-select-caret{color:var(--muted);flex-shrink:0}.group-select-trigger[aria-expanded=true] .group-select-caret{transform:rotate(180deg)}.group-select-trigger:disabled{opacity:.5;cursor:not-allowed}.group-select-trigger:focus-visible,.group-select-search input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.group-select-popup{z-index:100;border:1px solid var(--border);background:var(--surface);min-width:0;max-width:calc(100vw - 24px);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;padding:8px;display:flex;position:fixed;overflow:hidden}.group-select-search{color:var(--muted);flex:none;align-items:center;gap:8px;padding:2px 6px 8px;display:flex}.group-select-search>svg{flex:none}.group-select-search input{width:100%;min-width:0;height:var(--control-height,40px);background:var(--canvas);color:var(--ink);font-size:var(--control-font-size,14px);border:0;border-radius:10px;padding:4px 8px}.group-select-options{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.group-select-option{width:100%;min-height:var(--control-height,40px);color:var(--ink);text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;padding:8px 10px;display:flex}.group-select-option[data-active=true],.group-select-option:hover{background:var(--canvas)}.group-select-option[aria-selected=true]{background:var(--sage)}.group-select-option>svg{color:var(--accent);flex-shrink:0}.group-select-status{color:var(--muted);text-align:center;margin:0;padding:16px 10px;font-size:13px}@media (max-width:600px){.group-select-search input{font-size:16px}}
.key-row-actions{gap:4px}.key-editor-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;display:flex}.key-reset-actions,.key-save-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (max-width:600px){.key-reset-actions,.key-save-actions{width:100%}.key-reset-actions .button,.key-save-actions .button{flex:1 1 0;min-width:0}}
.home-shell{flex-direction:column;min-height:100svh;display:flex;overflow-x:clip}.home-header{width:100%;max-width:1560px;margin:0 auto;padding:34px clamp(24px,5.5vw,88px)}.home-header .brand{letter-spacing:-.7px;width:fit-content;font-size:21px}.home-main{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:0 clamp(24px,5.5vw,88px) 92px;display:flex}.landing-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:24px;width:100%;min-height:0;display:grid}.landing-copy{z-index:1;position:relative}.landing-title{letter-spacing:-.045em;font-size:clamp(44px,4.65vw,74px);font-weight:500;line-height:1.45}.landing-title-line{white-space:normal;display:block}.landing-title-line+.landing-title-line{color:var(--accent)}.landing-character{white-space:pre;animation:1ms step-end both landing-type;animation-delay:calc(.24s + var(--character) * 76ms);display:inline-block;position:relative}.landing-character:after{content:"";background:var(--clay);opacity:0;width:.08em;height:.87em;animation:76ms step-end landing-cursor-step;animation-delay:calc(.24s + var(--character) * 76ms);border-radius:1px;position:absolute;bottom:.2em;left:100%}.landing-character.is-last:after{animation-name:landing-cursor-rest;animation-duration:1.8s}.landing-title.has-typed .landing-character{animation:none}.landing-title.has-typed .landing-character:after{display:none}.landing-description{max-width:560px;color:var(--muted);text-wrap:pretty;margin:26px 0 36px;font-size:16px;line-height:1.9}.landing-cta{min-height:var(--button-height);border-radius:999px;gap:10px;padding:6px 16px}.landing-cta svg{transition:transform .18s var(--ease)}.landing-cta:hover svg{transform:translate(3px)}.landing-art{min-width:0}.landing-relay{aspect-ratio:1.3;isolation:isolate;width:100%;position:relative}.landing-relay-halo{z-index:-1;background:radial-gradient(#dde7da8c 0%,#dde7da20 45%,#0000 70%);border-radius:50%;position:absolute;inset:-9% -2%}.landing-relay-lines{width:100%;height:100%;overflow:visible}.relay-track{stroke:#b5c4b7;stroke-width:1px;opacity:.55}.relay-track-out{stroke:var(--accent);opacity:.5}.relay-origin{fill:var(--canvas);stroke:#b5c4b7;stroke-width:1.5px}.relay-destination{fill:var(--sage);stroke:#a6b8a9;stroke-width:1px}.relay-destination-core{fill:var(--accent)}.relay-signal{opacity:0;fill:var(--accent);offset-rotate:0deg}.signal-one{offset-path:path("M36 112C112 112 120 246 204 246");animation:4.6s ease-in-out .15s both landing-receive}.signal-two{fill:var(--clay);offset-path:path("M20 246H204");animation:4.6s ease-in-out .34s both landing-receive}.signal-three{fill:var(--lavender);offset-path:path("M68 350C136 350 136 246 204 246");animation:4.6s ease-in-out .53s both landing-receive}.signal-out{offset-path:path("M316 246H472");animation:4.6s ease-in-out both landing-send}.landing-sprite{filter:drop-shadow(0 14px 14px #55735f0b);width:40.4%;height:auto;position:absolute;top:19%;left:29.8%}.landing-sprite .cloud-shell{transform-origin:36px 66px;animation:4.6s ease-in-out both landing-relay-body}.landing-sprite .cloud-eyes{transform-origin:36px 24px;animation:4.6s ease-in-out both landing-relay-look}.landing-sprite .hand-left{animation:4.6s ease-in-out both landing-relay-catch}.landing-sprite .hand-right{animation:4.6s ease-in-out both landing-relay-pass}.landing-interface{color:#8a9b8e;letter-spacing:.03em;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;position:absolute;top:68%;left:92.3%;transform:translate(-50%)}@keyframes landing-type{0%{opacity:0}to{opacity:1}}@keyframes landing-cursor-step{0%{opacity:1}to{opacity:0}}@keyframes landing-cursor-rest{0%,30%,60%{opacity:1}15%,45%,75%,to{opacity:0}}@keyframes landing-receive{0%,8%{offset-distance:0%;opacity:0}12%{opacity:.85}35%{offset-distance:100%;opacity:.85}41%,to{offset-distance:100%;opacity:0}}@keyframes landing-send{0%,53%{offset-distance:0%;opacity:0}57%{opacity:1}82%{offset-distance:100%;opacity:1}91%,to{offset-distance:100%;opacity:0}}@keyframes landing-relay-body{0%,12%,to{transform:none}30%{transform:translate(-1px,1px)rotate(-3deg)}50%{transform:translateY(-2px)}68%{transform:translate(1px,-1px)rotate(3deg)}90%{transform:none}}@keyframes landing-relay-look{0%,to{transform:none}18%,35%{transform:translate(-2px,1px)}53%,76%{transform:translate(2px)}88%{transform:scaleY(1)}91%{transform:scaleY(.12)}94%{transform:scaleY(1)}}@keyframes landing-relay-catch{0%,10%,62%,to{transform:none}26%,38%{transform:translate(-3px,-8px)}49%{transform:translate(3px,-5px)}}@keyframes landing-relay-pass{0%,38%,92%,to{transform:none}55%{transform:translate(-3px,-5px)}67%,76%{transform:translate(3px,-8px)}}@media (min-width:1800px){.home-main{padding-bottom:120px}}@media (max-width:1000px){.landing-title{font-size:clamp(37px,4.6vw,48px)}.landing-description{max-width:440px;font-size:14px}}@media (max-width:760px){.home-header{padding:24px}.home-header .brand{font-size:19px}.home-main{padding:0 24px max(24px, env(safe-area-inset-bottom))}.landing-hero{grid-template-columns:1fr;align-content:center;gap:12px;min-height:0;padding:26px 0}.landing-title{font-size:clamp(32px,8.9vw,54px);line-height:1.45}.landing-description{max-width:400px;margin:22px 0 28px;line-height:1.9}.landing-art{justify-self:center;width:min(100%,430px)}}@media (max-width:359px){.home-main{padding-left:20px;padding-right:20px}.landing-title{font-size:29px}}html[data-reduce=true] .landing-character:after{display:none}@media (prefers-reduced-motion:reduce){html:not([data-reduce=false]) .landing-character:after{display:none}}