:root{--bg:#fbfaf7;--surface:#fff;--border:#ece8df;--text:#1f1d1a;--muted:#6e655d;--accent:#e8516b;--accent-deep:#c4344f;--accent-soft:#fce4e8;--running:#2ec27e;--paused:#c5b8a6;--dead:#d96363;--shadow:0 2px 8px #281e190f;--radius:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;padding:32px 24px;font:14.5px/1.55 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}main,header{max-width:720px;margin:0 auto}header{border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#ffe8d6 0%,#ffc9c9 100%);justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex}header h1{letter-spacing:-.01em;color:#4a2a1f;margin:0;font-size:22px;font-weight:600}header h1:before{content:"🍦 "}#user-label{color:var(--muted);margin-right:12px;font-size:13px}.hidden{display:none}button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;transition:all .15s}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-deep)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.cone--busy{opacity:.7}.cone-busy-badge{color:var(--accent-deep);font-weight:500}.cone--busy .cone-busy-badge:before{content:"";border:2px solid var(--accent);vertical-align:-1px;border-top-color:#0000;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:.8s linear infinite cone-spin;display:inline-block}@keyframes cone-spin{to{transform:rotate(360deg)}}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#sign-in-btn,#create-btn,.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);padding:10px 18px;font-weight:500}#sign-in-btn:hover:not(:disabled),#create-btn:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}#signed-out{text-align:center;padding:48px 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 24px;padding:22px 24px}.card__title,.list__title{letter-spacing:-.01em;margin:0 0 4px;font-size:16px;font-weight:600}.list__title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:28px 0 12px;font-size:13px}.field{margin-top:18px;display:block}.field__label{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.field__hint{color:var(--muted);font-weight:400}.field__desc,.field__empty{color:var(--muted);margin:0 0 10px;font-size:12.5px}.field__empty{background:var(--bg);border:1px dashed var(--border);border-radius:10px;padding:12px 14px}#cone-name,#cone-model{width:100%;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 14px}#cone-name:focus,#cone-model:focus{border-color:var(--accent);background:var(--surface);outline:none}.gated{display:none}.create-card.has-providers .field.gated{display:block}.create-card.has-providers .create-actions.gated{display:flex}.create-card.has-providers #providers-empty,.create-card:not(.has-providers) #account-list{display:none}.account-list{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.account-row{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.account-row__name{font-weight:600}.account-row__badge{color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:999px;margin-left:auto;padding:2px 9px;font-size:11.5px}.account-row__badge--warn{color:var(--dead);border-color:var(--dead)}.account-row__remove{color:var(--muted);background:0 0;padding:4px 10px;font-size:12px}.account-row__remove:hover:not(:disabled){color:var(--dead);border-color:var(--dead)}.btn-secondary{margin-top:2px}.btn-ghost{color:var(--accent-deep);background:0 0;border-color:#0000;padding:6px 8px}.btn-ghost:hover:not(:disabled){background:var(--accent-soft)}.providers-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.create-actions{align-items:center;gap:12px;margin-top:22px}.secret-rows{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.secret-row{align-items:center;gap:8px;display:flex}.secret-row input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;min-width:0;padding:8px 11px}.secret-row input:focus{border-color:var(--accent);background:var(--surface);outline:none}.secret-row .s-name{flex:0 0 30%}.secret-row .s-value{flex:30%}.secret-row .s-domains{flex:40%}.secret-row__remove{color:var(--muted);flex:none;padding:6px 11px;line-height:1}.secret-row__remove:hover:not(:disabled){color:var(--dead);border-color:var(--dead)}#cone-list{margin:0;padding:0;list-style:none}.cone{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 18px;transition:transform .15s;display:flex}.cone:hover{transform:translateY(-1px)}.state-dot{border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block;box-shadow:0 0 0 3px #ffffffb3}.cone.running .state-dot{background:var(--running)}.cone.paused .state-dot{background:var(--paused)}.cone.dead .state-dot{background:var(--dead)}.cone.reserved .state-dot{background:var(--accent)}.cone strong{font-weight:600}.cone-actions{gap:8px;display:flex}.cone-actions a{background:var(--accent-soft);color:var(--accent-deep);border:1px solid #0000;border-radius:8px;align-items:center;padding:8px 12px;font-weight:500;text-decoration:none;display:inline-flex}.cone-actions a:hover{border-color:var(--accent)}.status{color:var(--muted);font-size:12px}.cap-info{color:var(--muted);text-align:right;margin-top:12px;padding-right:6px;font-size:12px}.toast{color:#fff;background:#2b2723;border-radius:10px;max-width:320px;padding:14px 18px;font-size:13.5px;animation:.3s toast-in;position:fixed;top:24px;right:24px;box-shadow:0 6px 20px #0003}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.manage-panel{background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:12px;padding:16px}.manage-panel .manage-model-select{border:1px solid var(--border);background:var(--surface);width:100%;font:inherit;border-radius:8px;margin-top:8px;margin-bottom:8px;padding:8px 12px}.manage-panel label{margin:4px 0;font-size:13px;display:block}.manage-panel .add-secret-rows{margin-top:8px;margin-bottom:8px}.manage-panel .secret-row{gap:8px;margin-bottom:8px;display:flex}.manage-panel .secret-row input{border:1px solid var(--border);background:var(--surface);font:inherit;border-radius:6px;flex:1;padding:6px 10px;font-size:12px}.manage-panel button{margin-bottom:4px;margin-right:8px}