:root{--bg: #f5f5f7;--card: #ffffff;--border: #e5e5ea;--text: #1c1c1e;--text-muted: #6e6e73;--accent: #3d5afe;--accent-hover: #2f47d6;--danger: #d32f2f;--radius: 14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text)}.page-loading{padding:40px;text-align:center;color:var(--text-muted)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px;box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000a}.auth-brand{text-align:center;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.auth-title{text-align:center;font-size:22px;font-weight:600;margin:0 0 28px}.auth-button{width:100%;padding:12px;margin-top:8px;font-size:15px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:10px;cursor:pointer}.auth-button:hover{background:var(--accent-hover)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-link{text-align:center;margin-top:22px;font-size:14px;color:var(--text-muted)}.auth-link a{color:var(--accent);font-weight:500;text-decoration:none}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.form-group input,.form-group textarea,.inline-form input{width:100%;padding:11px 14px;font-size:15px;border:1px solid var(--border);border-radius:10px;background:#fafafa;color:var(--text);outline:none;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.inline-form input:focus{border-color:var(--accent);background:#fff}.form-error{color:var(--danger);font-size:14px;margin:0 0 14px}.form-notice{color:#2e7d32;font-size:14px;margin:0 0 14px}button{font-family:inherit}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;padding:0}.app-shell{min-height:100vh}.app-header{display:flex;align-items:center;gap:28px;padding:16px 32px;background:var(--card);border-bottom:1px solid var(--border)}.app-header .brand{font-weight:700;color:var(--accent);text-decoration:none}.app-header nav{display:flex;gap:20px;flex:1}.app-header nav a{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500}.app-header nav a.active{color:var(--accent)}.header-user{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--text-muted)}.header-profile-link{color:var(--text);font-weight:500;text-decoration:none}.header-profile-link:hover,.header-profile-link.active{color:var(--accent)}.app-content{max-width:860px;margin:0 auto;padding:32px 20px 60px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:20px}.card h2{margin-top:0;font-size:17px}.profile-hero{display:flex;align-items:center;gap:20px}.avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--border)}.profile-hero-info h1{margin:0;font-size:20px}.muted{color:var(--text-muted);font-size:14px;margin:4px 0 0}.avatar-upload{margin-left:auto;font-size:13px;color:var(--accent);cursor:pointer}.profile-form button,.inline-form button{padding:10px 18px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.inline-form{display:flex;gap:10px;margin-bottom:16px}.list{list-style:none;padding:0;margin:0}.list li{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.list li:last-child{border-bottom:none}.actions{display:flex;gap:8px}.list button,.actions button{padding:6px 12px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;cursor:pointer}.list button.secondary,.actions button.secondary{background:#eee;color:var(--text)}.algorithms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.topic-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-decoration:none;color:var(--text)}.topic-card h3{margin:8px 0 4px;font-size:16px}.topic-card p{margin:0;font-size:13px;color:var(--text-muted)}.topic-icon{font-size:28px}.topic-detail .back-link{display:inline-block;margin-bottom:16px;color:var(--accent);text-decoration:none;font-size:14px}.topic-detail .tagline{color:var(--text-muted)}.task-list{list-style:none;padding:0}.task-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.task-list a{color:var(--accent);text-decoration:none}.difficulty{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:#eee}.difficulty-easy{background:#e6f4ea;color:#2e7d32}.difficulty-medium{background:#fff4e0;color:#b26a00}.difficulty-hard{background:#fde8e8;color:#c62828}.button-link{padding:6px 12px;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;text-decoration:none}.back-link{display:inline-block;margin-bottom:16px;color:var(--accent);text-decoration:none;font-size:14px}.card-highlight{border-color:var(--accent);box-shadow:0 0 0 3px #3d5afe14}.duels-columns{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group select,.editor-toolbar select{width:100%;padding:10px 12px;font-size:15px;border:1px solid var(--border);border-radius:10px;background:#fafafa;color:var(--text);font-family:inherit}.friend-picker{display:flex;flex-wrap:wrap;gap:8px}.friend-chip{display:inline-flex!important;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;font-size:13px!important;color:var(--text)!important;cursor:pointer;margin:0!important}.friend-chip.selected{border-color:var(--accent);background:#3d5afe0f}.friend-chip input{width:auto!important;margin:0}.profile-form button:disabled,.list button:disabled,.actions button:disabled,.editor-toolbar button:disabled{opacity:.5;cursor:not-allowed}.list li a{color:var(--accent);text-decoration:none;font-weight:500}.list li.me{font-weight:600}.leaderboard{margin:0;padding-left:20px;font-size:14px}.leaderboard li{padding:6px 0}.leaderboard li span{display:inline-block;width:calc(100% - 50px)}.leaderboard li.me{color:var(--accent);font-weight:600}.delta-up{color:#2e7d32;font-weight:600}.delta-down{color:var(--danger);font-weight:600}.app-content.wide{max-width:1200px}.duel-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.duel-header h1{margin:0;font-size:20px}.duel-timer{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.duel-timer.urgent{color:var(--danger)}.duel-result{font-weight:600;background:#f3f4f8}.duel-result.won{background:#e6f4ea;color:#2e7d32}.duel-actions{margin-top:16px}.duel-actions button{padding:8px 16px;font-size:14px}.duel-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:start}.duel-workspace .card{margin-bottom:0}.task-description{white-space:pre-line;line-height:1.5;font-size:14px}.sample{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.sample-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.sample pre,.submission-message{margin:0;padding:8px 10px;background:#f5f5f7;border-radius:8px;font-size:13px;overflow-x:auto;max-height:160px}.editor-toolbar{display:flex;gap:10px;margin-bottom:10px}.editor-toolbar select{width:auto}.editor-toolbar button{margin-left:auto;padding:8px 20px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.code-editor{width:100%;min-height:340px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;-moz-tab-size:4;tab-size:4;border:1px solid var(--border);border-radius:10px;background:#1e1e24;color:#e8e8ee;resize:vertical;outline:none}.code-editor:focus{border-color:var(--accent)}.submissions{list-style:none;padding:0;margin:0}.submissions li{padding:10px 12px;border-radius:10px;margin-bottom:8px;background:#f5f5f7;font-size:14px}.submission-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px}.submission-head .muted{margin:0}.verdict-accepted_winner{background:#e6f4ea!important;color:#1b5e20}.verdict-accepted_too_late{background:#fff4e0!important}.verdict-wrong_answer,.verdict-time_limit_exceeded,.verdict-compile_error,.verdict-runtime_error{background:#fde8e8!important}.submission-message{background:#fff9;white-space:pre-wrap}@media (max-width: 820px){.duels-columns,.duel-workspace,.form-row{grid-template-columns:1fr}}