:root{--bg:#111318;--bg-elev:#191c23;--bg-elev-2:#21252e;--border:#2c313d;--text:#eef0f4;--text-dim:#9aa1b0;--accent:#6fd68f;--accent-dim:#234d33;--danger:#e56b6b;--danger-dim:#4a2323;--warn:#e8b95c;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}html,body{width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}input,select,textarea,button{min-width:0;font-family:inherit;font-size:16px}.page-loading{height:100vh;color:var(--text-dim);justify-content:center;align-items:center;display:flex}.app-shell{max-width:720px;padding:16px 16px calc(84px + env(safe-area-inset-bottom));min-height:100vh;margin:0 auto}.topbar{justify-content:space-between;align-items:center;padding:4px 0 20px;display:flex}.topbar h1{align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.topbar .icon-btn{background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);border-radius:10px;padding:8px 10px;font-size:14px;text-decoration:none}.bottom-nav{background:var(--bg-elev);border-top:1px solid var(--border);padding:6px max(8px, env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));z-index:10;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{grid-template-columns:repeat(5,1fr);width:100%;max-width:720px;display:grid}.bottom-nav a{color:var(--text-dim);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:11px;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--accent);background:var(--accent-dim)}.bottom-nav .nav-icon{font-size:20px;line-height:1}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:16px}.card h2,.card h3{margin-top:0}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin:22px 0 8px;font-size:13px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat-box{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.stat-box .value{font-size:22px;font-weight:600}.stat-box .label{color:var(--text-dim);margin-top:2px;font-size:12px}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field label{color:var(--text-dim);font-size:13px}.field input,.field select,.field textarea{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text);border-radius:10px;width:100%;padding:10px 12px}.field textarea{resize:vertical;min-height:70px}.row{gap:10px;display:flex}.row>.field{flex:1}button,.btn{cursor:pointer;background:var(--accent);color:#0b1a10;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}button.secondary,.btn.secondary{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border)}button.danger,.btn.danger{background:var(--danger-dim);color:var(--danger)}button.ghost{color:var(--text-dim);background:0 0;padding:6px 8px}button:disabled{opacity:.5;cursor:not-allowed}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.list-item{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;text-decoration:none;display:flex}.list-item:last-child{border-bottom:none}.list-item .title{font-weight:600}.list-item .subtitle{color:var(--text-dim);margin-top:2px;font-size:13px}.badge{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:11px}.empty-state{color:var(--text-dim);text-align:center;padding:30px 10px;font-size:14px}.error-banner{background:var(--danger-dim);color:var(--danger);border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:14px}.video-wrap{border-radius:var(--radius);background:#000;width:100%;margin-bottom:14px;padding-top:56.25%;position:relative;overflow:hidden}.video-wrap iframe,.video-wrap video{width:100%;height:100%;position:absolute;inset:0}.login-screen{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{width:100%;max-width:360px}.login-box h1{text-align:center;margin-bottom:4px}.login-box .sub{text-align:center;color:var(--text-dim);margin-bottom:24px;font-size:14px}.set-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 32px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.set-row .set-num{color:var(--text-dim);text-align:center;font-size:13px}.set-row input{width:100%;min-width:0;padding:8px 10px}.tag-select{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.tag-select button{background:var(--bg-elev-2);color:var(--text-dim);border:1px solid var(--border);border-radius:20px;padding:6px 12px;font-weight:500}.tag-select button.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.macro-bar{gap:6px;margin-top:8px;display:flex}.macro-pill{background:var(--bg-elev-2);text-align:center;border-radius:8px;flex:1;padding:8px}.macro-pill .v{font-size:14px;font-weight:600}.macro-pill .l{color:var(--text-dim);font-size:11px}