:root{--bg: #0a0a0b;--surface: #111113;--surface-2: #18181b;--border: #1c1c1f;--border-2: #2d2d30;--text: #e4e4e7;--text-2: #a1a1aa;--text-3: #71717a;--text-4: #52525b;--green: #34d399;--green-dim: rgba(52, 211, 153, .08);--green-line: rgba(52, 211, 153, .2);--radius: 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}body{height:100vh;background:var(--bg);color:var(--text);overflow:hidden}.page-header{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.page-header h1{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em;margin:0 0 .2rem}.page-header p{font-size:13px;color:var(--text-3);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.4375rem .875rem;border-radius:6px;border:none;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .1s,color .1s,border-color .1s;white-space:nowrap;line-height:1}.btn-primary{background:#fff;color:#09090b}.btn-primary:hover{background:#e4e4e7}.btn-secondary{background:transparent;color:var(--text-2);border:1px solid var(--border-2)}.btn-secondary:hover{background:#ffffff0a;border-color:#3f3f46;color:var(--text)}.btn-ghost{background:transparent;color:var(--text-3);border:none}.btn-ghost:hover{background:#ffffff0a;color:var(--text)}.btn-danger{background:transparent;color:#f87171;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444412;border-color:#ef444459}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:6px;border:none;background:transparent;color:var(--text-4);cursor:pointer;transition:background .1s,color .1s;font-family:inherit}.btn-icon:hover{background:#ffffff0d;color:var(--text-2)}.btn-icon-danger:hover{background:#ef444412;color:#f87171}.btn-small{padding:.3125rem .625rem;font-size:12px}.btn:disabled,.btn-icon:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem}.section-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.125rem;border-bottom:1px solid var(--border)}.section-header h2{font-size:13px;font-weight:500;color:var(--text);margin:0}.section-description{color:var(--text-3);font-size:12.5px;padding:.75rem 1.125rem}table{width:100%;border-collapse:collapse}thead tr{border-bottom:1px solid var(--border)}th{padding:.5rem 1.125rem;text-align:left;font-size:11px;font-weight:500;color:var(--text-4);text-transform:uppercase;letter-spacing:.07em}td{padding:.6875rem 1.125rem;font-size:13px;color:var(--text-3);border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .08s}tbody tr:hover{background:#ffffff04}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;border-radius:9999px;font-size:11px;font-weight:500}.badge-active{background:#34d39914;border:1px solid rgba(52,211,153,.18);color:#34d399}.badge-inactive{background:#ffffff08;border:1px solid var(--border-2);color:var(--text-4)}.badge-warning{background:#fb923c14;border:1px solid rgba(251,146,60,.18);color:#fb923c}.source-badge{display:inline-flex;align-items:center;padding:.1875rem .5rem;border-radius:9999px;font-size:11px;font-weight:500}.source-free{background:#60a5fa12;border:1px solid rgba(96,165,250,.18);color:#93c5fd}.source-subscription{background:#34d39912;border:1px solid rgba(52,211,153,.18);color:#6ee7b7}.source-purchase{background:#fb923c12;border:1px solid rgba(251,146,60,.18);color:#fdba74}.source-default{background:#a1a1aa12;border:1px solid rgba(161,161,170,.18);color:var(--text-3)}.banner{display:flex;align-items:flex-start;gap:.625rem;padding:.6875rem .875rem;border-radius:var(--radius);font-size:12.5px;line-height:1.5}.banner-amber{background:#fb923c0d;border:1px solid rgba(251,146,60,.14);color:#fdba74cc}.banner-amber :global(svg){color:#f97316;flex-shrink:0;margin-top:1px}.banner-red{background:#ef44440d;border:1px solid rgba(239,68,68,.14);color:#fca5a5}.error-message{background:#ef44440d;border:1px solid rgba(239,68,68,.14);color:#fca5a5;padding:.625rem .875rem;border-radius:var(--radius);margin-bottom:.875rem;font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-4)}.empty-state :global(svg){color:var(--text-4);opacity:.4;margin-bottom:.75rem}.empty-state p{font-size:13px;line-height:1.6}.keys-section{display:flex;flex-direction:column;gap:.875rem}.key-limit-badge{display:flex;flex-direction:column;gap:.3rem;margin-top:.375rem}.limit-text{font-size:10.5px;font-weight:500;color:var(--text-4);text-transform:uppercase;letter-spacing:.05em}.limit-bar{width:120px;height:2px;background:#ffffff0f;border-radius:9999px;overflow:hidden}.limit-fill{height:100%;background:var(--green);border-radius:9999px;transition:width .3s ease}.origin-value{font-family:Courier New,monospace;font-size:11px;color:#6ee7b7;background:#34d3990f;border:1px solid rgba(52,211,153,.12);padding:.125rem .375rem;border-radius:4px}.billing-section{margin-bottom:2rem}.section-title{margin-bottom:.875rem}.section-title h2{font-size:14px;font-weight:600;color:var(--text);margin:0 0 .2rem}.section-title p{font-size:12.5px;color:var(--text-3);margin:0}.pricing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;transition:border-color .12s;position:relative;overflow:hidden}.pricing-card:hover{border-color:var(--border-2)}.pricing-card.highlight{border-color:#34d39940;background:#34d39905}.pricing-card.cancelled{border-color:#fb923c40;background:#fb923c05}.pricing-card-tag{position:absolute;top:.875rem;right:.875rem;display:inline-flex;align-items:center;gap:.25rem;background:#34d39914;border:1px solid rgba(52,211,153,.2);color:#34d399;padding:.1875rem .4375rem;border-radius:9999px;font-size:10.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.pricing-card-tag.cancelled{background:#fb923c14;border-color:#fb923c33;color:#fb923c}.pricing-card-header{margin-bottom:.875rem}.pricing-card-name{font-size:14px;font-weight:600;color:var(--text);margin:0 0 .25rem}.pricing-card-description{font-size:12px;color:var(--text-3);line-height:1.45;margin:0}.pricing-card-price-section{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.875rem}.pricing-card-price{font-size:1.625rem;font-weight:700;color:var(--text);letter-spacing:-.03em;line-height:1}.pricing-card-price-desc{font-size:12px;color:var(--text-3)}.pricing-card-features{flex:1;margin-bottom:1rem}.pricing-card-features ul{list-style:none;padding:0;margin:0}.pricing-card-features li{display:flex;align-items:flex-start;gap:.4375rem;padding:.25rem 0;font-size:12px;line-height:1.4;color:var(--text-3)}.pricing-card-features li :global(svg){color:var(--green);flex-shrink:0;margin-top:1px}.pricing-card-features-label{font-size:10.5px;font-weight:600;color:var(--text-4);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem}.pricing-card-action{width:100%;justify-content:center;font-size:13px}.token-packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem}.token-pack-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;transition:border-color .12s}.token-pack-card:hover{border-color:var(--border-2)}.token-pack-header{margin-bottom:.875rem}.token-pack-name{font-size:14px;font-weight:600;color:var(--text);margin:0}.token-pack-subtitle{font-size:10.5px;color:var(--text-4);text-transform:uppercase;letter-spacing:.06em;margin:.2rem 0 0}.token-pack-content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem 0;margin-bottom:1rem}.token-pack-tokens{font-size:1.875rem;font-weight:700;color:var(--text);letter-spacing:-.03em;line-height:1;margin-bottom:.2rem}.token-pack-tokens-label{font-size:10.5px;color:var(--text-4);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.625rem}.token-pack-price{font-size:1.125rem;font-weight:600;color:var(--text-3)}.token-pack-features{width:100%;margin-bottom:.75rem}.token-pack-features ul{list-style:none;padding:0;margin:0;text-align:left}.token-pack-features li{display:flex;align-items:flex-start;gap:.4375rem;padding:.25rem 0;font-size:12px;line-height:1.35;color:var(--text-3)}.token-pack-features li :global(svg){color:var(--green);flex-shrink:0;margin-top:1px}.token-pack-action{width:100%;justify-content:center;font-size:13px}.license-icon{color:var(--green);margin-bottom:.625rem;opacity:.7}.license-description{font-size:12.5px;color:var(--text-3);margin:0;line-height:1.4}.help-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.125rem;margin-bottom:.875rem}.help-box.help-box-compact .help-box-content{display:none}.help-box-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem}.help-box-header h3{margin:0;font-size:13px;font-weight:500;color:var(--text)}.help-box-header :global(svg){color:var(--green);flex-shrink:0}.help-box-content{color:var(--text-3);font-size:12.5px;margin:0 0 .75rem;line-height:1.5}.help-box-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.375rem}.help-box-list li{display:flex;align-items:flex-start;gap:.5rem;color:var(--text-3);font-size:12.5px;line-height:1.4}.help-box-list li :global(svg){color:var(--green);flex-shrink:0;margin-top:2px}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#111113;border:1px solid var(--border-2);padding:1.375rem;border-radius:var(--radius);max-width:420px;width:100%;box-shadow:0 0 0 1px #00000080,0 24px 48px #00000080}.modal h3{margin:0 0 1rem;font-size:14px;font-weight:600;color:var(--text)}.input-field{width:100%;padding:.5625rem .75rem;border:1px solid var(--border-2);border-radius:6px;margin-bottom:.625rem;font-size:13px;background:#ffffff08;color:var(--text);font-family:inherit;transition:border-color .12s,background .12s}.input-field:focus{outline:none;border-color:#3f3f46;background:#ffffff0d}.input-field::placeholder{color:var(--text-4)}.modal-buttons{display:flex;gap:.4375rem;justify-content:flex-end;margin-top:.125rem}.key-display-modal{background:#111113;border:1px solid var(--border-2);padding:1.375rem;border-radius:var(--radius);max-width:440px;width:100%;box-shadow:0 0 0 1px #00000080,0 24px 48px #00000080}.key-display-modal h3{margin:0 0 .625rem;font-size:14px;font-weight:600;color:var(--text)}.key-display-modal p{color:var(--text-3);margin-bottom:.875rem;font-size:12.5px;line-height:1.5}.key-display-box{background:#34d3990a;border:1px solid rgba(52,211,153,.12);border-radius:6px;padding:.75rem;margin-bottom:.625rem;word-break:break-all;font-family:Courier New,monospace;font-size:12px;color:#6ee7b7;line-height:1.5}.key-display-warning{background:#ef44440a;border:1px solid rgba(239,68,68,.12);border-radius:6px;padding:.625rem .75rem;margin-bottom:.875rem;font-size:12px;color:#fca5a5;line-height:1.5}.key-display-modal-buttons{display:flex;gap:.4375rem;justify-content:flex-end}.modal-info{color:var(--text-4);font-size:12px;margin-bottom:.875rem;line-height:1.4}.input-group{margin-bottom:.625rem}.input-group .input-field{margin-bottom:0}.input-error{border-color:#ef444466!important}.input-error-text{font-size:11.5px;color:#fca5a5;margin-top:.25rem}.input-warning{display:flex;align-items:flex-start;gap:.4375rem;background:#f973160d;border:1px solid rgba(249,115,22,.15);border-radius:6px;padding:.5625rem .75rem;margin-top:.4375rem;font-size:12px;color:#fdba74;line-height:1.4}.input-warning :global(svg){color:#f97316;flex-shrink:0;margin-top:1px}.login-container{min-height:100vh;color:var(--text)}.btn-github{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;background:#ffffff0a;color:var(--text);border:1px solid var(--border-2);font-weight:500;font-size:13.5px;padding:.75rem 1.25rem;border-radius:6px;cursor:pointer;transition:background .12s,border-color .12s;width:100%;font-family:inherit}.btn-github:hover:not(:disabled){background:#ffffff0f;border-color:#3f3f46}.btn-github:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.pricing-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){body{overflow:auto}.pricing-options,.token-packs-grid{grid-template-columns:1fr}.modal,.key-display-modal{max-width:90%;padding:1.125rem;margin:1rem}.modal-buttons,.key-display-modal-buttons{flex-direction:column-reverse}.modal-buttons button,.key-display-modal-buttons button{width:100%}}.loading-spinner{animation:svelte-1a5pdw0-spin 1s linear infinite;color:#10b981;width:40px;height:40px}@keyframes svelte-1a5pdw0-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}