*{box-sizing:border-box}:root{--bg:#1a1a1a;--surface:#262626;--surface-2:#2d2d2d;--border:#3e3e3e;--border-soft:#2f2f2f;--fg:#eff2f6cc;--fg-strong:#fff;--muted:#767f8b;--accent:#ffa116;--accent-soft:#ffa1161f;--easy:#00b8a3;--medium:#ffc01e;--hard:#ef4743;--info:#00b8a3}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.5 -apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.muted{color:var(--muted)}.error{color:var(--hard)}.info{color:var(--info)}.page-pad{max-width:1200px;margin:0 auto;padding:20px 24px}button{font:inherit;cursor:pointer}button.primary{background:var(--accent);color:#1a1a1a;border:none;border-radius:6px;padding:8px 14px;font-weight:600;transition:filter .15s}button.primary:hover{filter:brightness(1.1)}button.primary:disabled{opacity:.5;cursor:default;filter:none}button.link{color:var(--accent);background:0 0;border:none;padding:0;font-weight:500}button.link:hover{text-decoration:underline}.auth-page{place-items:center;min-height:100%;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;width:100%;max-width:380px;padding:28px;display:flex}.auth-card h1{color:var(--fg-strong);letter-spacing:-.01em;margin:0;font-size:20px}.auth-form{flex-direction:column;gap:10px;margin-top:8px;display:flex}.auth-form input{font:inherit;background:var(--surface-2);color:var(--fg);border:1px solid var(--border);border-radius:6px;outline:none;padding:10px 12px}.auth-form input::placeholder{color:var(--muted)}.auth-form input:focus{border-color:var(--accent)}.dashboard{min-height:100%}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.brand{color:var(--fg-strong);letter-spacing:-.01em;font-size:15px;font-weight:700}.brand:before{content:"";background:var(--accent);vertical-align:-2px;width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--bg);border-radius:3px;margin-right:8px;display:inline-block}.account{align-items:center;gap:14px;font-size:13px;display:flex}.stats-bar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.stat-value{color:var(--fg-strong);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.15}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:4px;font-size:11px;font-weight:500}.diff-badges{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:16px;display:grid}.diff-badge{background:var(--surface);border:1px solid var(--border);border-left-width:3px;border-radius:10px;padding:14px 16px}.diff-badge .diff-count{color:var(--fg-strong);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.15}.diff-badge .diff-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:4px;font-size:11px;font-weight:500}.diff-easy{border-left-color:var(--easy)}.diff-easy .diff-label{color:var(--easy)}.diff-medium{border-left-color:var(--medium)}.diff-medium .diff-label{color:var(--medium)}.diff-hard{border-left-color:var(--hard)}.diff-hard .diff-label{color:var(--hard)}.diff-unknown{border-left-color:var(--muted)}.problem-list .pl-filters{flex-wrap:wrap;gap:6px;display:flex}.pl-pill{background:var(--surface-2);border:1px solid var(--border);color:var(--fg);text-transform:capitalize;cursor:pointer;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500;transition:filter .1s,background .1s}.pl-pill:hover{filter:brightness(1.2)}.pl-pill.pl-pill-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.pill-easy{color:var(--easy);border-color:#00b8a366}.pill-medium{color:var(--medium);border-color:#ffc01e66}.pill-hard{color:var(--hard);border-color:#ef474366}.pill-unknown{color:var(--muted)}.pl-controls{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.pl-search,.pl-select{background:var(--surface-2);border:1px solid var(--border);color:var(--fg);font:inherit;border-radius:6px;padding:6px 10px}.pl-search{flex:1;min-width:200px}.pl-search::placeholder{color:var(--muted)}.pl-search:focus,.pl-select:focus{border-color:var(--accent);outline:none}.pl-table-wrap{overflow-x:auto}.pl-table{border-collapse:collapse;width:100%;font-size:13px}.pl-table th,.pl-table td{text-align:left;border-bottom:1px solid var(--border-soft);white-space:nowrap;padding:10px 8px}.pl-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:500}.pl-table td.num,.pl-table th.num{text-align:right;font-variant-numeric:tabular-nums}.pl-table tr:hover td{background:#ffa1160a}.pl-title{color:var(--fg-strong);font-weight:500;text-decoration:none}.pl-title:hover{color:var(--accent);text-decoration:underline}.pl-premium{color:var(--medium);margin-left:6px}.pl-chip{background:var(--surface-2);border:1px solid var(--border-soft);color:var(--fg);border-radius:4px;margin-right:4px;padding:1px 7px;font-size:11px;display:inline-block}.pl-solved{color:var(--easy);font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;overflow:hidden}.card-header{border-bottom:1px solid var(--border-soft);color:var(--fg-strong);letter-spacing:.01em;padding:12px 16px;font-size:13px;font-weight:600}.chart-wrap{padding:12px 8px 12px 0}.recharts-cartesian-grid line{stroke:var(--border-soft)}.recharts-text{fill:var(--muted)!important}.recharts-default-tooltip{border-radius:6px;background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--fg)!important}.recharts-tooltip-label{color:var(--fg-strong)!important}.recharts-legend-item-text{color:var(--fg)!important}.heatmap{padding:14px 16px;overflow-x:auto}.heatmap-grid{gap:3px;display:flex}.heatmap-col{grid-template-rows:repeat(7,12px);gap:3px;display:grid}.heatmap-cell{border-radius:2px;width:12px;height:12px;transition:transform .1s}.heatmap-cell:hover:not(.empty){transform:scale(1.4)}.heatmap-cell.empty{background:0 0}.heatmap-legend{color:var(--muted);align-items:center;gap:4px;margin-top:12px;font-size:11px;display:flex}.recent-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.recent-table th,.recent-table td{text-align:left;border-bottom:1px solid var(--border-soft);padding:10px 16px}.recent-table th{text-transform:uppercase;color:var(--muted);letter-spacing:.06em;font-size:11px;font-weight:600}.recent-table tr:last-child td{border-bottom:none}.recent-table tr:hover td{background:var(--surface-2)}.recent-table .num{text-align:right}.recent-table .problem{color:var(--fg-strong);font-weight:500}.recent-table .caret{width:22px;color:var(--muted);text-align:center;padding-left:8px;padding-right:4px}.recent-table .row-clickable{cursor:pointer}.recent-table .row-clickable:hover td{background:var(--surface-2)}.tag-easy{color:var(--easy);font-weight:600}.tag-medium{color:var(--medium);font-weight:600}.tag-hard{color:var(--hard);font-weight:600}.timeline-row td{border-bottom:1px solid var(--border-soft);background:#1f1f1f;padding:0!important}.timeline{flex-direction:column;gap:6px;margin:0;padding:10px 16px 14px;list-style:none;display:flex}.timeline-item{font-variant-numeric:tabular-nums;grid-template-columns:22px 70px 1fr;align-items:center;gap:10px;font-size:12px;display:grid}.timeline-icon{background:var(--surface-2);width:22px;height:22px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.timeline-item.accepted .timeline-icon{color:var(--easy);background:#00b8a32e}.timeline-item.rejected .timeline-icon{color:var(--hard);background:#ef47432e}.timeline-time{color:var(--muted)}.timeline-label{color:var(--fg)}.timeline-item.accepted .timeline-label{color:var(--easy);font-weight:500}.timeline-item.rejected .timeline-label{color:var(--hard);font-weight:500}.timeline-empty{padding:12px 16px;font-size:12px}.tabs{background:var(--surface);border-bottom:1px solid var(--border);gap:2px;padding:0 24px;display:flex}.tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 16px;font-size:13px;font-weight:500;transition:color .1s;position:relative}.tab:hover{color:var(--fg)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-badge{background:var(--accent);color:#1a1a1a;vertical-align:1px;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.section-body{padding:12px 16px}.friend-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.friend-row:last-child{border-bottom:none}.friend-actions{align-items:center;gap:12px;display:flex}.search-row{gap:8px;display:flex}.search-row input{font:inherit;background:var(--surface-2);color:var(--fg);border:1px solid var(--border);border-radius:6px;outline:none;flex:1;padding:9px 12px}.search-row input::placeholder{color:var(--muted)}.search-row input:focus{border-color:var(--accent)}.search-results{margin-top:8px}.select{font:inherit;background:var(--surface-2);color:var(--fg);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:5px 9px}.select:focus{border-color:var(--accent);outline:none}