@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#211811;background:radial-gradient(circle at top left,rgba(255,204,143,.34),transparent 28%),radial-gradient(circle at right center,rgba(231,255,205,.3),transparent 24%),linear-gradient(180deg,#f7efe2,#f2e5d4);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text: #211811;--muted: #6f6155;--line: rgba(77, 53, 35, .12);--surface: rgba(255, 249, 241, .78);--surface-strong: rgba(255, 253, 248, .92);--accent: #da6d39;--accent-strong: #bb5121;--accent-soft: rgba(218, 109, 57, .12);--win: #20704f;--loss: #a34a37;--shadow: 0 24px 64px rgba(90, 57, 36, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input{font:inherit}.app-shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:16px 0 28px}.topbar,.menu-panel,.surface{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:24px;padding:14px 16px;margin-bottom:12px;position:sticky;top:10px;z-index:30}.eyebrow,.section-label{margin:0 0 10px;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:var(--muted)}.topbar-copy h1,.section-heading h2,.spotlight-card h3{margin:0}.topbar-copy .eyebrow{margin-bottom:4px}.topbar-copy h1{font-size:1.15rem;line-height:1}.section-detail,.recent-card p,.trend-row p{margin:12px 0 0;color:var(--muted)}.menu-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:#ffffffb8;color:var(--text);border-radius:999px;min-height:44px;padding:0 14px;cursor:pointer;font-weight:600}.menu-panel{display:none;gap:10px;border-radius:24px;padding:12px;margin-bottom:18px}.menu-panel.open{display:grid}.nav-tab{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffffa8;color:var(--text);text-decoration:none;font-weight:600}.nav-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff9f2;border-color:transparent}.page-grid,.tracker-grid,.analytics-grid{display:grid;gap:24px}.tracker-grid,.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surface{border-radius:22px;padding:18px}.inline-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.stack-gap{display:grid;gap:22px}.filter-grid,.form-grid,.stats-grid{display:grid;gap:14px}.filter-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.field{display:grid;gap:8px;color:var(--muted);font-size:.92rem}.field input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(77,53,35,.12);background:var(--surface-strong);color:var(--text);outline:none;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.pin-form{display:grid;gap:12px;margin-top:16px}.field input:focus{transform:translateY(-1px);border-color:#da6d39ad;box-shadow:0 0 0 4px #da6d391f}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;cursor:pointer;min-height:52px;padding:14px 20px;font-weight:600}.primary-button{grid-column:1 / -1;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fffaf5;box-shadow:0 16px 36px #bb51213d}.primary-button.compact{min-height:46px;padding:12px 16px}.primary-button:disabled{opacity:.7;cursor:progress}.ghost-button{background:#ffffffb3;color:var(--text);border:1px solid var(--line)}.stat-card,.spotlight-card,.recent-card{border:1px solid var(--line);background:linear-gradient(180deg,#ffffffb8,#fff3e5c7);border-radius:22px}.stat-card{padding:18px}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card strong{display:block;margin-top:8px;font-size:clamp(1.4rem,2vw,2rem)}.stat-card small{margin-top:6px;font-size:.83rem}.spotlight-card{padding:20px}.spotlight-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px 14px;border-top:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.result-pill{display:inline-flex;align-items:center;justify-content:center;min-width:70px;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}.result-pill.win{background:#20704f1f;color:var(--win)}.result-pill.loss{background:#a34a371f;color:var(--loss)}.loading-state,.empty-state{display:flex;align-items:center;justify-content:center;gap:10px;min-height:140px;color:var(--muted)}.loading-state.compact{min-height:auto}.trend-stack,.recent-grid,.match-list{display:grid;gap:14px}.pin-gate,.match-card{border:1px solid var(--line);background:#fffdf9d1;border-radius:20px;padding:14px}.edit-stack,.score-edit-grid,.match-actions{display:grid;gap:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2118116b;display:grid;place-items:end center;padding:16px;z-index:60}.modal-card{width:min(560px,100%);border:1px solid var(--line);background:#fff9f1f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:24px;padding:18px}.toast-stack{position:fixed;right:16px;bottom:16px;z-index:80;display:grid;gap:10px;width:min(360px,calc(100vw - 24px))}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:14px;border-radius:18px;border:1px solid var(--line);background:#fff9f1f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.toast p{margin:0;color:var(--text);font-size:.94rem}.toast-success .toast-icon{color:var(--win)}.toast-error .toast-icon{color:var(--loss)}.toast-info .toast-icon{color:var(--accent-strong)}.toast-close{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0}.compact-button{min-height:42px;padding:10px 14px}.chart-surface{display:grid;gap:14px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#fffdf9d1}.bar-row{display:grid;gap:8px}.bar-labels{display:flex;justify-content:space-between;gap:12px}.bar-labels strong,.line-chart-labels strong{font-size:.92rem}.bar-labels span,.line-chart-labels span{color:var(--muted);font-size:.84rem}.bar-track{width:100%;height:12px;border-radius:999px;background:#4d352314;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#db7d43,#bb5121)}.line-chart{width:100%;height:auto}.line-chart line{stroke:#4d35232e;stroke-width:1.5}.line-chart polyline{fill:none;stroke:#bb5121;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-chart circle{fill:#da6d39}.line-chart-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:10px}.compact-empty{min-height:120px}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:16px}.icon-button{min-height:44px;min-width:44px;padding:0}.score-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.danger-button{color:var(--loss);border-color:#a34a3738}.modal-pin-gate{margin-top:6px}.pin-gate-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.match-card-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.match-score{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.match-score span{color:var(--muted);font-size:.9rem}.match-score strong{font-size:1.25rem}.trend-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1.3fr) auto;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:#fffdf9cc}.trend-row strong{display:block}.trend-bar-wrap{width:100%;height:10px;border-radius:999px;background:#4d352314;overflow:hidden}.trend-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#e48f52,#c54f25)}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-card{padding:18px}.recent-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.recent-card small{display:block;margin-top:10px;color:var(--muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 960px){.tracker-grid,.analytics-grid,.recent-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{width:min(100% - 18px,100%);padding-top:10px}.surface,.topbar,.menu-panel{border-radius:20px}.surface{padding:16px}.filter-grid,.stats-grid{grid-template-columns:1fr}.inline-head{flex-direction:column}.spotlight-head,.bar-labels,.match-card-head,.match-score,.modal-head{flex-direction:column;align-items:start}.trend-row{grid-template-columns:1fr}.modal-backdrop{padding:10px;align-items:end}.modal-card{border-radius:22px 22px 0 0;width:100%;max-height:90vh;overflow:auto}.toast-stack{left:10px;right:10px;bottom:10px;width:auto}.score-edit-grid,.match-actions{grid-template-columns:1fr}}