:root{--bg: #0d0f12;--surface: #16191e;--surface2: #1c2026;--line: rgba(255,255,255,.09);--text: #f2f4f7;--muted: #9aa0a8;--orange: #F47A16;--blue: #5BB4E0;--ok: #3fb27f;--err: #e05b5b;--gold: #d9a928;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}.app{max-width:640px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.boot{min-height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:24px}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 22px calc(24px + var(--safe-b));display:flex;flex-direction:column;gap:12px}.login-brand{font-weight:800;letter-spacing:.5px;font-size:20px}.login-brand span{color:var(--muted);font-weight:600}.login-sub{color:var(--muted);font-size:13px;margin:-4px 0 6px}.login-input{min-height:50px;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:0 14px;font-size:16px;width:100%}.login-input:focus{outline:none;border-color:var(--orange)}.login-btn{flex:none}.login-err{color:var(--err);font-size:13px}.signout{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px;min-height:30px;padding:0 10px;font-size:12px;font-weight:600}.topbar{position:sticky;top:0;z-index:5;background:#0d0f12eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:max(10px,env(safe-area-inset-top)) 14px 10px}.brand{font-weight:800;letter-spacing:.5px;font-size:15px}.brand span{color:var(--muted);font-weight:600}.selectors{display:flex;gap:8px;margin-top:8px}.sel{flex:1;min-height:44px;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:0 12px;font-size:16px}.sel.sport{flex:0 0 92px}.tabs{display:flex;gap:6px;margin-top:10px}.tabs button{flex:1;min-height:42px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:10px;font-size:14px;font-weight:600}.tabs button.on{color:var(--text);border-color:var(--orange);background:#f47a161a}.content{flex:1;padding:14px 14px calc(96px + var(--safe-b))}.empty{color:var(--muted);text-align:center;padding:40px 16px;font-size:15px}.panel{display:flex;flex-direction:column;gap:14px}.rowline{display:flex;align-items:center;justify-content:space-between;gap:10px}.hint{color:var(--muted);font-size:12px;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{min-height:38px;padding:0 12px;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.chip.on{background:var(--orange);border-color:var(--orange);color:#1a0e04}.chip b{background:#00000040;border-radius:999px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.cards{display:flex;flex-direction:column;gap:8px}.dcard{display:flex;align-items:stretch;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px}.dpos{flex:0 0 34px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:var(--muted)}.dfields{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.drowtop{display:flex;gap:6px}.dfields input{min-height:40px;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:0 10px;font-size:16px;width:100%}.fcode{flex:0 0 74px;text-transform:uppercase;font-weight:700}.fname{flex:1;min-width:0}.fnote{color:var(--orange)!important}.dctrl{flex:0 0 34px;display:flex;flex-direction:column;gap:4px}.dctrl button{flex:1;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:8px;font-size:13px;min-height:26px}.dctrl button:disabled{opacity:.3}.dctrl .del{color:var(--err)}.statusblock .lbl,.lbl{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.seg{display:flex;gap:6px}.seg button{flex:1;min-height:44px;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:10px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:5px}.seg button.on{color:var(--text);border-color:var(--blue);background:#5bb4e01f}.seg .cnt{background:#5bb4e040;border-radius:999px;padding:0 6px;font-size:11px}.banner{border-radius:10px;padding:11px 13px;font-size:14px}.banner.ok{background:#3fb27f1f;border:1px solid rgba(63,178,127,.4)}.banner.err{background:#e05b5b1f;border:1px solid rgba(224,91,91,.4)}.banner .errs{margin-top:6px;color:var(--err);font-size:12px}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;gap:10px;padding:12px 14px calc(12px + var(--safe-b));background:#0d0f12f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);max-width:640px;margin:0 auto}.btn{min-height:50px;border-radius:12px;font-size:16px;font-weight:700;border:1px solid var(--line);background:var(--surface2);color:var(--text);padding:0 16px;flex:1}.btn.primary{background:var(--orange);border-color:var(--orange);color:#1a0e04;flex:2}.btn.ghost{background:transparent;color:var(--text)}.btn:disabled{opacity:.5}.nav{display:flex;gap:6px;margin-top:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.nav::-webkit-scrollbar{display:none}.nav button{flex:0 0 auto;min-height:38px;padding:0 14px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.nav button.on{color:var(--text);border-color:var(--orange);background:#f47a161f}.hint2{color:var(--muted);font-size:12px;line-height:1.4;margin:4px 0}.notice{background:#5bb4e01a;border:1px solid rgba(91,180,224,.3);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--muted)}.notice b{color:var(--text)}.seg.small button{min-height:38px;font-size:12px}textarea{width:100%;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:16px;font-family:ui-monospace,monospace;line-height:1.45;resize:vertical}.btn.ghost.on{border-color:var(--orange);background:#f47a161f}.tool,.pastebox{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px}.tin{flex:1;min-height:40px;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:0 10px;font-size:16px}.tnum{width:60px;min-height:36px;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:0 8px;font-size:16px;margin-left:6px}.stand{width:100%;border-collapse:collapse}.stand td{padding:8px 6px;border-bottom:1px solid var(--line);font-size:14px}.stand .pos{width:30px;color:var(--muted);font-weight:800;text-align:center}.stand .cd{width:48px;font-weight:700}.stand .nm{color:var(--text)}.stand .pts{text-align:right;font-weight:700;color:var(--gold);white-space:nowrap}.ht-count{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.htc{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.htc-top{display:flex;align-items:center;gap:8px}.badge{background:var(--surface2);color:var(--muted);border:1px solid var(--line);border-radius:999px;min-height:30px;padding:0 12px;font-size:12px;font-weight:700}.badge.on{background:#3fb27f29;border-color:#3fb27f80;color:var(--ok)}.tag{background:#5bb4e029;color:var(--blue);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.htc-votes{color:var(--muted);font-size:12px;margin-left:auto}.mini{background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:8px;min-height:30px;padding:0 10px;font-size:12px;font-weight:600}.mini.ghost{background:transparent;color:var(--muted);align-self:flex-start}.mini:disabled{opacity:.4}.htc-title{font-weight:700;font-size:15px}.htc-sub{color:var(--muted);font-size:13px}.htc-tr{display:flex;flex-direction:column;gap:8px;margin-top:4px;border-top:1px solid var(--line);padding-top:8px}.htc-lang{display:flex;gap:8px;align-items:flex-start}.htc-lang .lang{flex:0 0 26px;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:700;padding-top:10px}.htc-lin{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.htc-lin input{min-height:36px;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:0 10px;font-size:16px;width:100%}.edc{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.edc.published{border-color:#3fb27f66}.edc-top{display:flex;align-items:center;gap:10px}.edc-date{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:700;text-transform:capitalize}.edc-title{flex:1;font-weight:700;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-draft{background:var(--surface2);color:var(--muted);border-color:var(--line)}.st-published{background:#3fb27f29;color:var(--ok);border-color:#3fb27f80}.st-hidden{background:#e05b5b24;color:var(--err);border-color:#e05b5b66}.edc-meta{color:var(--muted);font-size:12px}.edc-body{border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:6px}.edc-h{font-weight:700;font-size:14px}.edc-story{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0009;display:flex;align-items:flex-end}.sheet{width:100%;max-width:640px;margin:0 auto;background:var(--surface);border-radius:18px 18px 0 0;border-top:1px solid var(--line);padding:20px 18px calc(20px + var(--safe-b));display:flex;flex-direction:column;gap:10px}.sheet b{font-size:16px}.sheet p{color:var(--muted);font-size:14px;margin:0 0 4px}.sheet .btn{flex:none}