:root{--bg: #f5f5f5;--surface: #ffffff;--text: #111111;--muted: #667085;--accent: #c6ff00;--border: #e4e7ec;--nav: #ffffff;font-family:Manrope,Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding-bottom:72px}.page{padding:16px;max-width:720px;margin:0 auto;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px}.muted{color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px;background:#fafafa}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:64px;background:var(--nav);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);z-index:20}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;color:var(--muted)}.bottom-nav a.active{color:#111;font-weight:600}.bottom-nav a.active .dot{background:var(--accent)}.dot{width:8px;height:8px;border-radius:50%;background:transparent}.login-box{max-width:420px;margin:48px auto;padding:24px}.login-box input,.login-box button{width:100%;margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);font:inherit}.login-box button{background:var(--accent);border:none;font-weight:600;cursor:pointer}.error{color:#b42318;margin-top:12px}