:root{--bg:#0d0c0b;--surface:#171412;--surface-2:#221d18;--surface-3:#2a231c;--line:#342c24;--ember:#f5a623;--ember-2:#ffc24b;--gold-soft:color-mix(in srgb, var(--ember) 16%, transparent);--glow:color-mix(in srgb, var(--ember) 45%, transparent);--on-ember:#20140a;--text:#f7f0e6;--muted:#a99e8f;--danger:#e23b2e;--ok:#34a85a;--star:#f5b301;--pane:var(--surface);--accent-text:var(--ember);--float-shadow:0 12px 34px rgba(0,0,0,.55);--radius:18px;--radius-sm:12px;--radius-lg:24px}:root[data-mode=light]{--pane:color-mix(in srgb, var(--bg) 93%, var(--text));--accent-text:color-mix(in srgb, var(--ember) 70%, #000);--float-shadow:0 10px 30px rgba(40,28,16,.18)}html.mode-switching,html.mode-switching *{transition:background-color .35s ease,color .35s ease,border-color .35s ease,fill .35s ease,box-shadow .35s ease!important}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit}.btn{border:none;border-radius:var(--radius-sm);padding:12px 16px;font-weight:700;color:var(--text);background:var(--surface-2);transition:transform .08s ease,opacity .2s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:default}.btn.ember{background:linear-gradient(135deg,var(--ember),var(--ember-2));color:var(--on-ember);box-shadow:0 6px 18px var(--gold-soft)}.btn.ok{background:var(--ok);color:#06140a}.btn.danger{background:transparent;color:var(--danger);box-shadow:inset 0 0 0 1.5px var(--danger)}.btn.ghost{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--line)}.btn.danger-solid{background:var(--danger);color:#fff}.btn.full{width:100%}.btn.loading{position:relative;color:transparent!important}.btn.loading:after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ring{position:relative;width:64px;height:64px;flex:0 0 auto}.ring svg{width:100%;height:100%;transform:rotate(-90deg);display:block}.ring-bg{fill:none;stroke:var(--line);stroke-width:12}.ring-fg{fill:none;stroke:var(--ok);stroke-width:12;stroke-linecap:round;stroke-dasharray:276.46;stroke-dashoffset:276.46;transition:stroke-dashoffset .5s linear}.ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;letter-spacing:.3px}.modal{position:fixed;inset:0;z-index:150;background:#000000c7;display:flex;align-items:center;justify-content:center;padding:16px}.modal-content{position:relative;background:var(--surface);width:100%;max-width:520px;max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:0 20px 60px #00000080}.modal-content h2{margin-bottom:14px;font-size:22px;font-weight:800}.modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:20px;line-height:1}.hidden{display:none!important}.edit-modal{z-index:260}.edit-modal-content{max-width:720px}.edit-hint{color:var(--muted);font-size:13px;margin-bottom:12px}.edit-hint code{background:var(--surface-2);padding:1px 6px;border-radius:5px}.pin-modal .modal-content,.confirm-modal .modal-content{max-width:380px}.pin-form{display:grid;gap:12px}.img-field{display:grid;grid-template-columns:52px 1fr auto;align-items:end;gap:12px}.if-preview{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.if-preview img{width:100%;height:100%;object-fit:contain}.if-emoji{font-size:30px;line-height:1}.if-empty{color:var(--muted)}.img-field .if-choose{padding:11px 14px;white-space:nowrap}.pin-input{font-size:22px;letter-spacing:6px;text-align:center}.pin-error{margin:-4px 0 0;color:var(--danger);font-size:13px;font-weight:700;text-align:center}.confirm-body{color:var(--muted);line-height:1.5;margin:-4px 0 18px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-actions .btn{flex:1}input,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit}textarea{min-height:80px;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--ember);outline-offset:1px;border-color:transparent}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,12px);background:var(--text);color:var(--bg);font-weight:600;padding:12px 18px;border-radius:var(--radius-sm);max-width:90%;box-shadow:0 8px 24px #00000073;opacity:0;pointer-events:none;z-index:300;transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.lang-btn{display:inline-flex;align-items:center;gap:7px}.lang-btn .flag{display:block;border-radius:3px;box-shadow:0 0 0 1px #00000040}.install-btn{padding:9px 16px;border:1px solid var(--ember);border-radius:999px;background:var(--gold-soft);color:var(--accent-text);font-weight:800;font-size:13px;white-space:nowrap}.install-btn.hidden{display:none}