.fb-back,.fb-right button{min-width:44px;min-height:40px;padding:8px 12px;border:1px solid var(--input-line);border-radius:10px;background:var(--card);color:var(--text);font-size:14px;font-weight:600}.fb-back{left:12px}.fb-back,.fb-right{position:fixed;top:12px;z-index:30}.fb-right{right:12px;display:flex;gap:8px}@media (min-width:900px){.fb-back{left:232px}}:root{--green:#16a34a;--green-dark:#15803d;--green-soft:#f0fdf4;--ink:#111827;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--bg:#f4f6f9;--card:#fff;--input-bg:#fff;--input-line:#d1d5db;--hover:#f9fafb;--err-bg:#fef2f2;--err:#b91c1c}html[data-theme=dark]{color-scheme:dark;--green-dark:#4ade80;--green-soft:#223a2c;--ink:#f3f4f6;--text:#e5e7eb;--muted:#aeb5bf;--line:#4a4f56;--bg:#2a2d31;--card:#34383d;--input-bg:#2a2d31;--input-line:#565c64;--hover:#3a3f45;--err-bg:#3d2a2c;--err:#fca5a5}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}::placeholder{color:#9ca3af}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.container{width:100%;max-width:480px;margin:0 auto;padding:64px 16px 24px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 20px;width:100%;max-width:380px;box-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08)}.card h1{font-size:20px;margin:0 0 20px;text-align:center;color:var(--ink);letter-spacing:-.01em}.container .card{max-width:none}.container .card h1{text-align:left;font-size:19px;padding-bottom:12px;margin-bottom:18px;border-bottom:1px solid var(--line)}.field{margin-bottom:16px}.field label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--text)}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid var(--input-line);border-radius:10px;font-size:16px;font-family:inherit;color:var(--ink);background:var(--input-bg);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(22,163,74,.18)}.btn-primary{width:100%;min-height:46px;padding:13px 16px;border:none;border-radius:10px;background:var(--green);color:#fff;font-size:16px;font-weight:600;margin-top:8px;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:filter .15s,transform .05s}.btn-primary:hover{filter:brightness(.95)}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{opacity:.6;filter:none;transform:none}.btn-outline{min-height:40px;padding:8px 14px;border:1px solid var(--input-line);border-radius:10px;background:var(--card);color:var(--text);font-size:14px;font-weight:600}.btn-outline:hover{background:var(--hover)}.btn-danger{min-height:40px;padding:8px 14px;border:1px solid #fca5a5;border-radius:10px;background:var(--card);color:var(--err);font-size:14px;font-weight:600}.error-msg{background:var(--err-bg);color:var(--err);border-left:4px solid #ef4444}.error-msg,.ok-msg{padding:10px 12px;border-radius:8px;font-size:14px;margin-bottom:16px}.ok-msg{background:var(--green-soft);color:var(--green-dark);border-left:4px solid var(--green)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--hover);color:var(--text)}.badge-ok{background:#dcfce7;color:#166534}.badge-warn{background:#fef3c7;color:#92400e}.badge-err{background:#fee2e2;color:#991b1b}html[data-theme=dark] .badge-ok{background:#1f3a2a;color:#86efac}html[data-theme=dark] .badge-warn{background:#4a3b1c;color:#fcd34d}html[data-theme=dark] .badge-err{background:#4a2a2c;color:#fca5a5}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;background:var(--hover);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table td,.table th{padding:10px 12px;border-bottom:1px solid var(--line)}.table tr:hover td{background:var(--hover)}.prefs-bar{position:fixed;top:12px;right:12px;display:flex;gap:8px;z-index:10}.prefs-bar button{min-width:44px;min-height:40px;padding:8px 12px;border:1px solid var(--input-line);border-radius:10px;background:var(--card);color:var(--text);font-size:14px;font-weight:600}@media (min-width:700px){.container{max-width:760px}.card{padding:32px}.page-center .card{max-width:440px}}@media (min-width:1000px){.container{max-width:960px}}@media (min-width:1400px){.container{max-width:1080px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}