@layer theme,base;@layer components{.keys-empty{gap:var(--s-3);max-width:540px;padding:var(--s-6) 0;display:grid}.keys-empty h2,.keys-empty p{margin:0}.keys-empty .btn{margin-top:var(--s-2);justify-self:start}.key-banner-safety{margin:var(--s-2) 0 0}.usage-plan{gap:var(--s-3);min-height:194px;display:grid}.usage-plan-head{justify-content:space-between;align-items:baseline;gap:var(--s-4);flex-wrap:wrap;display:flex}.usage-plan-head h2,.usage-plan p{margin:0}.usage-plan-actions{gap:var(--s-3);flex-wrap:wrap;display:flex}.usage-allowance-note{margin:0}.usage-invite{gap:var(--s-3);scroll-margin-top:var(--s-6);display:grid}.usage-invite-head{justify-content:space-between;align-items:end;gap:var(--s-4);display:flex}.usage-invite-head h2{margin:var(--s-1) 0 0}.usage-invite-copy{min-height:var(--control-secondary)}.usage-invite-link{padding:var(--s-3);background:var(--paper-inset);border:1px solid var(--rule-soft);overflow-wrap:anywhere;font-size:13px}.usage-invite p{max-width:72ch;margin:0}.usage-invite-empty{margin-top:var(--s-2)!important}.usage-invite-list{margin:var(--s-2) 0 0;padding:0;list-style:none}.usage-invite-list li{justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0;border-top:1px solid var(--rule);display:flex}.usage-invite-skeleton{height:72px}.keys-connector-note{max-width:260px;margin-top:4px;display:block}.usage-overview .usage-legend-swatch{border-radius:0}.usage-overview .usage-legend-swatch[data-tone=cached]{background:var(--ink-secondary)}.usage-overview .usage-bar[data-tone=cached]{fill:var(--ink-secondary)}.usage-overview .usage-legend-swatch[data-tone=uncached]{border-radius:50%}.usage-overview .usage-chart-head,.usage-overview .usage-chart-legend{flex-wrap:wrap}.usage-overview .usage-today-counts{border-top:1px solid var(--rule);grid-template-columns:repeat(3,1fr);display:grid}.usage-overview .usage-today-count{gap:var(--s-3);padding:var(--s-4) var(--s-4) 0 0;display:grid}.usage-overview .usage-today-label{align-items:center;gap:var(--s-2);display:flex}.usage-overview .usage-today-number{font-size:28px;line-height:1}.usage-overview .usage-ledger h2{margin:0}.usage-overview .usage-search-status{color:var(--ink-secondary);text-transform:capitalize;background:0 0}.usage-overview .usage-search-status.status-failed{color:var(--loss-red)}@media (width<=560px){.usage-overview .usage-today-count{padding-right:var(--s-2)}.usage-overview .usage-today-label{align-items:flex-start}.usage-overview .usage-today-label .usage-legend-swatch{margin-top:4px}}.usage-overview .usage-recent-list{margin:0;padding:0;list-style:none}.usage-overview .usage-recent-row{align-items:center;gap:var(--s-4);padding:var(--s-3) 0;border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto minmax(100px,auto);display:grid}.usage-overview .usage-recent-search{gap:var(--s-2);overflow-wrap:anywhere;min-width:0;display:grid}.usage-overview .usage-recent-meta{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.usage-overview .usage-recent-meta time{margin-left:var(--s-2)}@media (width<=560px){.usage-overview .usage-recent-row{gap:var(--s-2) var(--s-4);grid-template-columns:auto 1fr}.usage-overview .usage-recent-search{grid-column:1/-1}.usage-overview .usage-recent-meta time{margin-left:0}.usage-overview .usage-today-label{min-height:36px}.usage-overview .usage-axis-text{font-size:24px}}}@layer utilities;.welcome-key-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.welcome-key{width:100%;min-width:0}.welcome-key-secret{white-space:normal;overflow-wrap:anywhere}.welcome-key p{margin:0}.sidebar-status{color:var(--ink-muted);border-top:1px solid var(--hairline);padding-top:16px;font-size:12px}.sidebar-status:hover{color:var(--stamp);text-decoration:underline}.held-dot-held{background:var(--ink)}.held-caption:has(.held-dot-held){text-transform:none;letter-spacing:normal}.welcome-exit{width:min(460px,100vw - 32px);color:var(--ink);background:var(--paper-sheet);border:1px solid var(--hairline-strong);margin:auto;padding:24px;position:fixed}.welcome-exit::backdrop{background:var(--scrim)}.welcome-exit h2{margin:0 0 24px}@media (width<=880px){.shell{grid-template-rows:auto 1fr}.sidebar{align-self:start}.sidebar-status{align-items:center;min-height:44px;padding-top:0;display:flex}}.welcome-copy-glyph{justify-content:center;align-items:center;width:16px;height:16px;margin-right:8px;display:inline-flex}.welcome-key>.btn{align-self:flex-start}.welcome-held-actions .btn,.welcome-held-actions .copy-value{min-height:36px;font-family:var(--font-body);justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.welcome-held .whole-song-bar{height:24px}.welcome-held .whole-song-segment{padding-block:2px}.allowance-meter{flex-direction:column;gap:8px;width:min(100%,280px);min-width:0;display:flex}.allowance-meter .quota-ticks{flex:none;width:100%;max-width:none}.allowance-meter-page{width:min(100%,280px)}.allowance-meter-modal{width:min(100%,320px);margin-inline:auto}.quota-ticks-bonus i[data-filled=true]{background:color-mix(in oklch, var(--stamp) 42%, var(--paper-sheet));border-color:color-mix(in oklch, var(--stamp) 42%, var(--paper-sheet))}.quota-ticks-bonus{opacity:.9}.usage-quota:has(.allowance-meter){flex-direction:column;align-items:stretch}.usage-quota .allowance-meter{order:1}.usage-quota .usage-quota-body{order:0}.billing-usage-body:has(.allowance-meter){flex-wrap:wrap}@media (width<=600px){.auth-left .society-table{table-layout:auto}.auth-left .society-table th{overflow-wrap:normal;word-break:normal;padding-inline:3px;font-size:10px}.auth-left .society-table td{padding-inline:3px;font-size:11px}.welcome-held .record-control{padding-inline:12px}.welcome-held .society-table th{overflow-wrap:normal;word-break:normal;padding-inline:3px;font-size:10px}.welcome-held .society-table td{padding-inline:3px;font-size:11px}.usage-invite-head{flex-direction:column;align-items:start}.usage-invite-list li{align-items:start;gap:var(--s-1);flex-direction:column}.usage-plan{min-height:294px}}.account-page{max-width:920px}.account-section{border-top:1px solid var(--hairline);grid-template-columns:180px minmax(0,1fr);gap:32px;padding:28px 0;display:grid}.account-section h2{margin:0 0 8px;font-size:18px}.account-section p{margin:0}.account-section-body{flex-direction:column;align-items:stretch;gap:16px;min-width:0;max-width:540px;display:flex}.account-email-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.account-email{overflow-wrap:anywhere;min-width:0;font-size:15px}.account-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-field-label{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.account-options{border:0;grid-template-columns:1fr 1fr;gap:0 16px;margin:0;padding:0;display:grid}.account-option{cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:8px 0;font-size:14px;display:flex}.account-option input{accent-color:var(--ink);flex-shrink:0;width:16px;height:16px}.account-feedback{border-left:2px solid var(--stamp);background:var(--paper-sheet);overflow-wrap:anywhere;padding:12px 16px;font-size:14px;line-height:1.6}.connected-band{background:var(--paper-sheet);border:1px solid var(--hairline);grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr) auto;grid-template-areas:"heading prompt dismiss";gap:16px;margin-bottom:24px;padding:20px;display:grid}.connected-stamp{margin:0 0 16px;font-size:12px;line-height:20px}.connected-band h2,.connected-band p{margin:0}.connected-band-heading{grid-area:heading;align-content:start;gap:6px;display:grid}.connected-band-prompt{grid-area:prompt;gap:12px;min-width:0;padding-right:8px;display:grid}.connected-band-prompt .type-body{max-width:72ch}.connected-band-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.connected-band-copy{justify-items:center;display:inline-grid}.connected-band-copy>.copy-label,.connected-band-copy>.copy-label-mirror{white-space:nowrap;grid-area:1/1}.connected-band-caption{min-width:130px}.connected-band-dismiss{grid-area:dismiss;align-self:start;height:36px;margin-top:-8px;line-height:36px;position:static}@media (width<=700px){.connected-band{grid-template-columns:1fr;grid-template-areas:"heading""prompt""dismiss";gap:12px;padding:16px}.connected-band-dismiss{justify-self:end;height:44px;margin-top:0}.connected-band-actions{justify-content:space-between}}.account-saved{min-width:64px}.account-danger{color:var(--loss-red);align-self:flex-start}.account-delete-button{background:var(--loss-red);color:var(--paper-sheet);border-color:var(--loss-red)}.account-delete-confirm{border-left:2px solid var(--loss-red);padding-left:16px}.account-receipt{background:var(--paper-canvas);min-height:100dvh;padding:40px}.account-receipt .auth-wordmark{position:static}.account-receipt-body{gap:20px;max-width:520px;margin:100px auto;display:grid}.account-receipt-body h1,.account-receipt-body p{margin:0}.account-receipt-body .btn{justify-self:start}.account-receipt-mark{border:1px solid var(--hairline);place-items:center;width:40px;height:40px;font-size:24px;display:grid}@media (width<=680px){.account-section{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 0}.account-section-body{max-width:none}.account-options{grid-template-columns:1fr}.account-actions{align-items:stretch}.account-actions .btn{min-height:44px}.account-email-row .link-stamp{align-items:center;min-height:44px;display:inline-flex}.account-receipt{padding:24px}.account-receipt-body{margin:72px auto}}.allowance-balance{gap:8px;display:grid}.allowance-meter-strip .quota-ticks-bonus i[data-filled=true]{background:color-mix(in oklch, var(--stamp) 42%, var(--paper-sheet));border-color:color-mix(in oklch, var(--stamp) 42%, var(--paper-sheet))}.usage-invite-copy{min-width:100px}.welcome-invite{padding:var(--s-4);border:1px solid var(--hairline);background:var(--paper-sheet)}.welcome-invite-link{margin:var(--s-2) 0;overflow-wrap:anywhere}.welcome-invite-copy{min-width:100px}.welcome-invite-line{margin:0}.invite-signup-promise{max-width:52ch}.signup-invited-line{margin-bottom:var(--s-4)}.signup-side-panel{background:var(--paper-sheet);border:1px solid var(--hairline);padding:var(--s-6);width:100%;max-width:440px}.auth-left:has(.signup-side-panel){flex-direction:column;justify-content:center;display:flex}.signup-connect-path{align-items:center;gap:var(--s-4);margin-bottom:var(--s-4);font:600 18px/24px var(--font-ui);color:var(--ink);display:flex}.signup-connect-line{background:var(--hairline-strong);flex:1;min-width:24px;height:1px;position:relative}.signup-connect-line span{background:var(--stamp);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signup-connect-node{color:var(--stamp)}.connect-signup-panel p{color:var(--ink-secondary);font-size:14px;line-height:20px}.invite-signup-promise h2{margin:var(--s-3) 0}.usage-invite-disclosure{margin-top:var(--s-3)}.keys-phone-status{display:none}.keys-action-disclosure summary{cursor:pointer}.keys-action-disclosure[open] .keys-action-row{margin-top:12px}@media (width<=699px){.keys-phone-status{color:var(--ink);font:500 11px/16px var(--font-mono);margin-top:8px;display:block}.keys-phone-status:before{content:"● "}.keys-row-inactive .keys-phone-status:before{content:"× "}.keys-table-scroll{overflow:visible}.keys-table{width:100%;min-width:0}.keys-table thead{display:none}.keys-table tbody>tr{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto;display:grid}.keys-table td{border:0;min-width:0;padding:16px}.keys-table td:nth-child(2),.keys-table td:nth-child(3),.keys-table td:nth-child(4),.keys-table td:nth-child(5){display:none}.keys-table .keys-name{overflow-wrap:anywhere;min-width:0}.keys-table .keys-actions{text-align:left}.keys-action-row{flex-direction:column;align-items:flex-start;gap:16px}.keys-rename{flex-wrap:wrap}}.keys-phone-metadata{display:none}@media (width<=699px){.keys-phone-metadata{white-space:normal;overflow-wrap:anywhere;max-width:150px;color:var(--ink-secondary);font-size:11px;line-height:18px;display:block}.keys-phone-metadata p{margin-top:10px}}@media (width>=700px){.keys-row-inactive .keys-action-disclosure{display:none}}.welcome-invite-line>button{text-align:left;min-width:12ch;display:inline-block}.keys-rename-actions{gap:8px;display:flex}@media (width<=699px){.keys-table .keys-row-editing{z-index:1;position:relative}.keys-table .keys-row-editing>td:first-child{grid-column:1/-1}.keys-row-editing .keys-rename{flex-direction:column;align-items:stretch;gap:8px;width:100%;min-width:0;display:flex}.keys-row-editing .keys-rename-input{flex:auto;width:100%;min-width:0;height:36px}.keys-row-editing .keys-rename-actions{justify-content:flex-start}.keys-row-editing .keys-btn-sm{height:36px;min-height:36px}.keys-row-editing .keys-actions{padding:0}}.usage-skeleton-line{vertical-align:middle;background:var(--paper-inset);width:100%;height:.65em;animation:1.4s ease-in-out infinite skeleton-pulse;display:inline-block}.usage-skeleton-short{width:24ch;max-width:100%}.usage-skeleton-balance{flex:1;min-width:0}.usage-skeleton-dots{width:222px;max-width:100%;height:6px}.usage-skeleton-balance .mono{width:38ch}.usage-skeleton-heading{align-items:center;min-height:24px;display:flex}.usage-skeleton .usage-quota-body{flex:1;min-width:0}.usage-skeleton-button{width:88px;height:var(--control-secondary)}.usage-skeleton-sources{gap:var(--s-4);display:grid}@media (prefers-reduced-motion:reduce){.usage-skeleton-line{animation:none}}.usage-overview .usage-quota{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.usage-overview .usage-quota .allowance-balance{flex-direction:column;justify-content:center;min-width:0;min-height:52px;display:flex}.usage-overview .usage-quota .allowance-meter-balance{align-items:flex-start;gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.usage-overview .usage-quota .quota-ticks{flex-wrap:wrap;max-width:100%}.usage-overview .usage-quota-body{min-width:0;min-height:76px}.usage-skeleton-balance .type-caption{line-height:16px}@media (width<=880px){.usage-overview .usage-quota{grid-template-columns:minmax(0,1fr)}.usage-overview .usage-quota .allowance-meter-bonus-strip:empty,.usage-skeleton .usage-quota .allowance-meter-bonus-strip{display:none}}.usage-overview .usage-quota .allowance-meter-balance>.type-caption{flex:initial;max-width:100%}.usage-overview .usage-quota .allowance-balance>.allowance-meter-strip:first-child{min-height:38px}.usage-overview .usage-quota .allowance-meter-bonus-strip{min-height:30px}.usage-skeleton-reserved{visibility:hidden}.usage-skeleton-number{width:3ch;height:28px}@media (width<=699px){.usage-overview .usage-quota .allowance-balance>.allowance-meter-strip:first-child{min-height:52px}.usage-overview .usage-quota .allowance-meter-bonus-strip{min-height:36px}}