:root{color:#0f172a;background-color:#f1f5f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}.app-logo{width:auto;height:32px;display:block}body{background:#f1f5f9;margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:.5rem;padding:.55rem 1rem;font-weight:600;transition:transform .15s,background .15s}button:hover{background:#1d4ed8}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{color:#0f172a;background:#0f172a14}button.secondary:hover{background:#0f172a29}button.danger{background:#ef4444}input,select,textarea{width:100%;font:inherit;background:#fff;border:1px solid #0f172a26;border-radius:.5rem;padding:.55rem .75rem;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb2e}textarea{resize:vertical}.markdown-body{color:#0f172a;font-size:1rem;line-height:1.7}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body table{margin:.75rem 0}.markdown-body ul,.markdown-body ol{padding-left:1.5rem}.markdown-body li+li{margin-top:.25rem}.markdown-body code{background:#0f172a14;border-radius:.35rem;padding:.1rem .35rem;font-family:Source Code Pro,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem}.markdown-body pre{color:#f8fafc;background:#0f172ae6;border-radius:.6rem;margin:1rem 0;padding:.85rem;font-size:.9rem;overflow:auto}.markdown-body pre code{color:inherit;background:0 0;padding:0}.problem-author{color:#475569;margin-top:.35rem;font-size:.95rem}.problem-source{color:#475569;margin-top:.25rem;font-size:.95rem}.markdown-body blockquote{color:#1e293b;background:#2563eb14;border-left:3px solid #2563eb;margin:1rem 0;padding-left:1rem}.markdown-body table{border-collapse:collapse;width:100%}.markdown-body th,.markdown-body td{text-align:left;border:1px solid #0f172a1f;padding:.5rem .75rem}.markdown-body th{background:#0f172a0f}.markdown-body img{max-width:100%;display:block}.markdown-editor{flex-direction:column;gap:.75rem;display:flex}.markdown-editor__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.markdown-editor__title{flex-direction:column;gap:.25rem;display:flex}.markdown-editor__header label{font-weight:600}.markdown-editor__hint{color:#475569;font-size:.85rem}.markdown-editor__actions{align-items:center;gap:.75rem;display:flex}.markdown-editor__uploading{color:#475569;font-size:.85rem}.markdown-editor__panes{flex-direction:column;gap:1rem;display:flex}.markdown-editor__panes textarea{min-height:260px}.markdown-editor__preview{background:#fff;border:1px solid #0f172a26;border-radius:.75rem;flex-direction:column;min-height:260px;display:flex}.markdown-editor__preview-header{background:#0f172a0a;border-bottom:1px solid #0f172a1f;padding:.75rem 1rem;font-weight:600}.markdown-editor__preview-body{flex:1;padding:1rem;overflow:auto}.markdown-editor__empty{color:#64748b;margin:0;font-size:.9rem}@media (width>=960px){.markdown-editor__panes{flex-direction:row}.markdown-editor__panes textarea,.markdown-editor__preview{flex:1}}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell__content{flex-direction:column;flex:1;display:flex}.app-header{color:#f8fafc;z-index:10;background:#0f172a;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.app-header a{color:inherit}.app-header__brand a{font-size:1.25rem;font-weight:700}.app-header__brand{align-items:center;gap:.6rem;display:flex}.app-header__brand a{align-items:center;line-height:1;display:flex}.app-header__nav{align-items:center;gap:1rem;display:flex}.app-header__nav a{border-bottom:2px solid #0000;padding-bottom:.25rem;font-weight:500}.app-header__nav a.active{border-color:#38bdf8}.app-header__actions{align-items:center;gap:.75rem;display:flex}.auth-links{gap:.5rem;display:flex}.auth-links a{background:#94a3b833;border-radius:.5rem;padding:.45rem .85rem;font-weight:600}.auth-links a.primary{color:#0f172a;background:#38bdf8}.user-popover{position:relative}.user-popover__trigger{color:inherit;background:#94a3b826;border-radius:.5rem;align-items:center;gap:.4rem;padding:.45rem .85rem;font-weight:600;display:inline-flex}.user-popover__trigger:hover{background:#94a3b84d}.user-popover__caret{font-size:.8rem}.user-popover__menu{color:#0f172a;z-index:20;background:#fff;border-radius:.75rem;flex-direction:column;gap:.5rem;min-width:200px;padding:.75rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 20px 38px #0f172a2e}.user-popover__menu a{font-weight:500}.user-popover__logout{color:#ef4444;text-align:left;background:0 0;justify-content:flex-start;padding:0}.session-expiry-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.session-expiry-modal{text-align:center;background:#fff;border-radius:1rem;flex-direction:column;gap:1.25rem;width:min(100%,420px);max-width:420px;padding:2rem;display:flex;box-shadow:0 25px 60px #0f172a40}.session-expiry-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}.session-expiry-description{color:#475569;margin:0;line-height:1.6}.session-expiry-countdown{letter-spacing:.08em;color:#ef4444;font-size:2.5rem;font-weight:700}.session-expiry-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.session-expiry-extend{background:#16a34a;padding-inline:1.5rem}.session-expiry-extend:hover{background:#15803d}.session-expiry-logout{color:#0f172a;background:#0f172a14}.session-expiry-logout:hover{background:#0f172a29}.app-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1.25rem 3rem}.app-footer{background:#fff;border-top:1px solid #0f172a14;padding:2rem 1.5rem 1.5rem}.app-footer__content{flex-wrap:wrap;justify-content:space-between;gap:2rem;max-width:1100px;margin:0 auto;display:flex}.app-footer__brand{max-width:520px}.app-footer__title{margin:0 0 .5rem;font-size:1.1rem}.app-footer__description{color:#475569;margin:0}.app-footer__links{flex-direction:column;gap:.5rem;display:flex}.app-footer__nav{flex-direction:column;gap:.35rem;font-weight:600;display:flex}.app-footer__support{color:#475569}.app-footer__bottom{color:#64748b;max-width:1100px;margin:1.25rem auto 0;font-size:.9rem}.page{flex-direction:column;gap:2rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.page-header h1{margin:0}.page-header p{color:#475569;margin:.25rem 0 0}.page-updated{font-size:.95rem}.legal-content{flex-direction:column;gap:1.5rem;display:flex}.legal-content h2{margin:0 0 .5rem}.legal-content p,.legal-content ul{margin:0}.page-controls{flex-wrap:wrap;gap:.75rem;display:flex}.page-controls input,.page-controls select{width:auto;min-width:180px}.problem-tag-filter{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.problem-tag-filter__button{color:#0f172a;background:#0f172a14}.problem-tag-filter__button:hover{background:#0f172a29}.problem-tag-filter__button--active{color:#fff;background:#2563eb;box-shadow:0 0 0 2px #2563eb59}.problem-tag-filter__button--active:hover{background:#1d4ed8}.problem-tag-filter__button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.page-message{color:#0f172a;text-align:center;background:#e2e8f0;border-radius:.75rem;padding:1rem}.page-message.error{color:#b91c1c;background:#fee2e2}.problem-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.problem-table-wrapper{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;overflow-x:auto;box-shadow:0 12px 32px #0f172a14}.problem-table{border-collapse:collapse;width:100%;min-width:720px}.problem-table th,.problem-table td{text-align:left;background:#fff;border-bottom:1px solid #0f172a14;padding:.85rem 1rem}.problem-table th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;font-size:.85rem;font-weight:600}.problem-table tr:nth-child(2n) td{background:#f8fafc}.problem-table__id{white-space:nowrap;font-weight:600}.problem-table__status-header{text-align:center;width:50px}.problem-table__status{text-align:center;width:50px;padding-left:.5rem;padding-right:.5rem}.problem-table__status-icon{color:#22c55e;background:#22c55e26;border-radius:999px;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;display:inline-flex}.problem-table__title{flex-direction:column;gap:.35rem;display:flex}.problem-table__badge{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#f97316;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.65rem;display:inline-flex}.problem-table__algorithms{color:#475569;margin-top:.1rem;font-size:.85rem}.problem-table__actions{flex-wrap:wrap;gap:.5rem;display:flex}.problem-table__empty{text-align:center;color:#475569;padding:1.5rem 0}.problem-card{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;flex-direction:column;gap:.75rem;padding:1.25rem;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 12px 30px #0f172a14}.problem-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0f172a1f}.problem-card__title{font-size:1.1rem;font-weight:600}.problem-card__difficulty{text-transform:uppercase;font-size:.9rem;font-weight:600}.difficulty-tag{text-transform:uppercase;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;display:inline-flex}.problem-card__meta{color:#475569;justify-content:space-between;font-size:.85rem;display:flex}.problem-card__badge{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#f97316;border-radius:999px;padding:.25rem .65rem;font-size:.7rem;position:absolute;top:1rem;right:1rem}.difficulty-basic{color:#0ea5e9}.difficulty-easy{color:#10b981}.difficulty-medium{color:#f59e0b}.difficulty-hard{color:#ef4444}.problem-detail{background:0 0;flex-direction:column;gap:2rem;display:flex}.problem-detail__header{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;display:flex}.problem-detail__id{color:#64748b;margin-left:.5rem;font-size:1rem}.problem-labels{align-items:center;gap:.75rem;display:flex}.problem-detail__meta{flex-direction:column;align-items:flex-end;gap:.75rem;display:flex}.problem-detail__actions{flex-wrap:wrap;gap:.5rem;display:flex}.problem-stats{color:#475569;align-items:center;gap:1.25rem;display:flex}.problem-section{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;padding:1.5rem;box-shadow:0 10px 28px #0f172a14}.problem-section h2,.problem-section h3{margin-top:0}.problem-text{margin:0}.samples-grid,.testcase-list{flex-direction:column;gap:.75rem;display:flex}.sample-card,.testcase-card{background:#f8fafc;border:1px solid #0f172a14;border-radius:.75rem;padding:.85rem}.sample-card h4{margin:0 0 .5rem}.case-title{margin-bottom:.5rem;display:block}.case-io{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.case-io-block{flex-direction:column;gap:.35rem;display:flex}.case-io-label{color:#1f2937;font-size:.85rem;font-weight:600}.code-block{position:relative}.sample-card pre,.testcase-card pre{color:#f8fafc;background:#0f172abf;border-radius:.5rem;max-height:12.5rem;margin:0;padding:.65rem .75rem;font-size:.85rem;overflow:auto}.code-copy{color:#0f172a;cursor:pointer;opacity:0;z-index:1;background:#f8fafceb;border:none;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .35rem;line-height:1;transition:opacity .15s;display:inline-flex;position:absolute;top:.45rem;right:.45rem}.code-block:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy svg{fill:currentColor;width:.9rem;height:.9rem;display:block}.code-copy-text{letter-spacing:.02em;text-transform:uppercase;font-size:.65rem;font-weight:700}.sample-card .sample-explanation{margin:.5rem 0 0}@media (width<=720px){.case-io{grid-template-columns:1fr}}.callout{color:#0f172a;background:#e0f2fe}.submission-form{flex-direction:column;gap:1rem;display:flex}.code-editor{background:#0b1220;border:1px solid #0f172a2e;border-radius:.6rem;position:relative;overflow:hidden}.code-editor:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40}.code-editor__highlight,.code-editor__textarea{white-space:pre;tab-size:2;margin:0;padding:.8rem .9rem;font-family:Fira Code,JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92rem;line-height:1.5}.code-editor__highlight{color:#d7dee9;min-height:100%;overflow:auto}.code-editor__textarea{resize:none;color:#0000;caret-color:#f8fafc;-webkit-text-fill-color:transparent;background:0 0;border:none;width:100%;height:100%;position:absolute;inset:0;overflow:auto}.code-editor__textarea:focus{box-shadow:none}.code-editor__textarea::selection{background:#94a3b859}.code-editor__textarea.is-empty{color:#94a3b8;-webkit-text-fill-color:#94a3b8}.token-keyword{color:#7dd3fc}.token-string{color:#86efac}.token-number{color:#f9a8d4}.token-comment{color:#94a3b8}.token-identifier{color:#f8fafc}.submission-form__field{flex-direction:column;gap:.45rem;display:flex}.submission-form__code-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.submission-form__code-header label{font-weight:600}.submission-form__template-button{white-space:nowrap;align-self:auto;padding:.35rem .7rem;font-size:.8rem}.submission-form button{align-self:flex-start}.form-message{border-radius:.65rem;padding:.75rem 1rem;font-size:.9rem}.form-message.success{color:#166534;background:#dcfce7}.form-message.error{color:#b91c1c;background:#fee2e2}.form-message.warning{color:#92400e;background:#fef3c7}.form-message.info{color:#0f172a;background:#e0f2fe}.muted{color:#64748b;font-size:.85rem}.form-actions{flex-wrap:wrap;gap:.6rem;display:flex}.checkbox{align-items:center;gap:.4rem;font-weight:500;display:inline-flex}.checkbox.inline{display:inline-flex}.home-page .home-grid{flex-direction:column;gap:1.5rem;width:100%;display:flex}.home-announcements{background:#fff;border:1px solid #0f172a14;border-radius:1rem;flex-direction:column;gap:1.5rem;padding:1.75rem 1.9rem;display:flex;box-shadow:0 18px 40px #0f172a14}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.announcement-form{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;box-shadow:0 10px 24px #0f172a0f}.announcement-form label{font-weight:500}.announcement-list{flex-direction:column;gap:1.1rem;margin:0;padding:0;list-style:none;display:flex}.announcement-list li.pinned .announcement-card{border-color:#f9731699;box-shadow:0 18px 32px #f973162e}.announcement-card{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;flex-direction:column;gap:.75rem;padding:1.25rem 1.4rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 14px 30px #0f172a14}.announcement-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px #0f172a1f}.announcement-card header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.announcement-card h3{letter-spacing:-.015em;margin:0;font-size:1.15rem}.announcement-meta{color:#64748b;align-items:center;gap:.6rem;margin:.35rem 0 0;font-size:.86rem;display:flex}.badge{color:#c2410c;text-transform:uppercase;letter-spacing:.04em;background:#f973161f;border:1px solid #f9731666;border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.72rem;display:inline-flex}.announcement-actions{flex-wrap:wrap;gap:.5rem;display:flex}.announcement-body{color:#0f172a;white-space:pre-wrap;margin:0;line-height:1.6}.filters-panel{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.25rem 1.5rem;display:grid;box-shadow:0 12px 28px #0f172a14}.filter-group{flex-direction:column;gap:.45rem;font-weight:500;display:flex}.status-filters{flex-wrap:wrap;gap:.6rem;display:flex}.date-range{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.submissions-table-wrapper{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;overflow-x:auto;box-shadow:0 12px 28px #0f172a14}.status-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-queued{color:#334155;background:#94a3b833}.status-running{color:#0369a1;background:#38bdf833}.status-accepted{color:#15803d;background:#22c55e29}.status-wrong-answer{color:#b91c1c;background:#f8717133}.status-tle,.status-rte{color:#c2410c;background:#fbbf2433}.status-ce{color:#7c3aed;background:#a855f733}.status-failed{color:#475569;background:#94a3b840}.table-footer{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;box-shadow:0 12px 28px #0f172a14}.table-footer--stacked{flex-direction:column;align-items:stretch}.table-footer__summary{text-align:left}.pagination{align-items:center;gap:.75rem;display:flex}.problem-pagination{justify-content:center}.pagination-ellipsis{color:#64748b;padding:0 .25rem;font-weight:600}.user-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.dashboard-card{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 12px 28px #0f172a14}.dashboard-card h2{margin:0}.dashboard-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.dashboard-list li{background:#f8fafc;border:1px solid #0f172a14;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.card-empty{text-align:center;color:#475569;background:#f8fafc;border:1px solid #0f172a14;border-radius:.75rem;padding:1rem}.user-dashboard-page .page-message{align-self:stretch}.submissions-table,.users-table{border-collapse:collapse;border-radius:.75rem;width:100%;overflow:hidden;box-shadow:0 12px 30px #0f172a14}.submissions-table th,.submissions-table td,.users-table th,.users-table td{text-align:left;background:#fff;border-bottom:1px solid #0f172a14;padding:.75rem 1rem}.submissions-table tr:nth-child(2n),.users-table tr:nth-child(2n){background:#f8fafc}.submissions-table .actions-header{white-space:nowrap;text-align:right;width:1%}.submission-actions{text-align:right}.link-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.link-button:focus-visible{border-radius:.25rem;outline:2px solid #2563eb}.link-button:disabled{cursor:default;opacity:.6}.verdict-link .verdict{text-underline-offset:2px;-webkit-text-decoration:underline #2563eb80;text-decoration:underline #2563eb80}.verdict{font-weight:600}.verdict-ac{color:#16a34a}.verdict-wa{color:#ef4444}.verdict-tle,.verdict-rte{color:#f97316}.verdict-ce{color:#6366f1}.verdict-mle{color:#8b5cf6}.verdict-ie,.verdict-partial{color:#0ea5e9}.page.auth-page{justify-content:center;align-items:center}.auth-card{background:#fff;border:1px solid #0f172a14;border-radius:1rem;width:min(420px,100%);padding:2rem;box-shadow:0 16px 38px #0f172a1f}.auth-card h1{margin:0 0 .25rem}.auth-card p{color:#475569;margin:0}.auth-form{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.auth-form button{width:100%}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.summary-card{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;padding:1.25rem;box-shadow:0 12px 30px #0f172a14}.summary-card__value{font-size:1.8rem;font-weight:700}.summary-card__label{color:#475569;margin-top:.35rem}.summary-success{border-color:#16a34a66}.dashboard-section{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;padding:1.5rem;box-shadow:0 12px 32px #0f172a14}.dashboard-progress{gap:1.5rem;display:grid}@media (width>=768px){.dashboard-progress{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-progress__group{flex-direction:column;gap:.75rem;display:flex}.dashboard-progress__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.dashboard-progress__header h3{margin:0;font-size:1.05rem}.dashboard-progress__count{color:#2563eb;background:#2563eb1f;border-radius:999px;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.dashboard-progress__chips{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.dashboard-progress__chip{color:#0f172a;background:#e2e8f0;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.88rem;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.dashboard-progress__chip:hover{background:#dbeafe;transform:translateY(-1px)}.dashboard-progress__chip-id{color:#1d4ed8;font-weight:600}.dashboard-progress__chip-title{white-space:nowrap}.dashboard-progress__list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.dashboard-progress__attempted-item{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.dashboard-progress__attempted-item a{color:inherit;text-decoration:none}.dashboard-progress__attempted-item a:hover{text-decoration:underline}.dashboard-progress__empty{color:#64748b;margin:0;font-size:.9rem}.heatmap{flex-direction:column;gap:.75rem;display:flex}.heatmap-grid{grid-auto-columns:minmax(10px,14px);grid-auto-flow:column;gap:3px;padding-bottom:.5rem;display:grid;overflow-x:auto}.heatmap-week{grid-template-rows:repeat(7,14px);gap:3px;display:grid}.heatmap-cell{background:#e2e8f0;border-radius:3px;width:14px;height:14px}.heatmap-cell.empty{background:0 0}.heatmap-cell.level-1{background:#bfdbfe}.heatmap-cell.level-2{background:#60a5fa}.heatmap-cell.level-3{background:#2563eb}.heatmap-cell.level-4{background:#1e3a8a}.heatmap-legend{color:#475569;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.settings-stack{flex-direction:column;gap:1.5rem;display:flex}.settings-card{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 12px 32px #0f172a14}.settings-card h2{margin:0}.settings-card button{align-self:flex-start}.settings-sessions{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.settings-session{background:#f8fafc;border:1px solid #0f172a14;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.settings-session__device{align-items:center;gap:.5rem;font-weight:600;display:flex}.settings-session__meta{color:#475569;flex-wrap:wrap;gap:.4rem;font-size:.85rem;display:flex}.settings-page label,.admin-card label{flex-direction:column;gap:.4rem;font-weight:500;display:flex}.algorithm-field{flex-direction:column;gap:.4rem;display:flex;position:relative}.algorithm-chips{background:#fff;border:1px solid #0f172a26;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:2.5rem;padding:.35rem;display:flex}.algorithm-chips input{min-width:160px;box-shadow:none;border:none;outline:none;flex:1;padding:.4rem}.algorithm-chips input:focus{box-shadow:none}.algorithm-chip{color:#0f172a;background:#e2e8f0;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.85rem;display:inline-flex}.algorithm-chip button{color:inherit;background:0 0;padding:0;line-height:1}.algorithm-suggestions{z-index:12;background:#fff;border-radius:.65rem;flex-direction:column;min-width:220px;display:flex;position:absolute;top:calc(100% + .3rem);left:0;overflow:hidden;box-shadow:0 16px 36px #0f172a24}.algorithm-suggestions button{color:#0f172a;text-align:left;background:0 0;border-bottom:1px solid #0f172a0f;border-radius:0;padding:.6rem .85rem}.algorithm-suggestions button:hover{background:#f1f5f9}.algorithm-suggestions button:last-child{border-bottom:none}.algorithm-helper{color:#64748b;font-size:.8rem}.admin-page .admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.admin-card{background:#fff;border:1px solid #0f172a14;border-radius:.9rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 12px 32px #0f172a14}.uploads-summary{flex-wrap:wrap;gap:2rem;font-weight:500;display:flex}.uploads-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.upload-card{background:#fff;border-radius:.75rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 20px #0f172a14}.upload-card__preview{cursor:pointer;background:#000;border:none;padding:0}.upload-card__preview img{object-fit:cover;width:100%;height:180px;display:block}.upload-card__details{flex-direction:column;gap:.65rem;padding:1rem;display:flex}.upload-card__name{color:#0f172a;word-break:break-all;font-weight:600}.upload-card__meta{color:#475569;gap:.5rem;font-size:.85rem;display:flex}.upload-card__url{background:#0f172a0d;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.85rem;display:flex}.upload-card__url code{color:#1e293b;background:0 0;padding:0;font-size:.85rem}.upload-card__url button{padding:.25rem .5rem;font-size:.8rem}.upload-card__actions{justify-content:space-between;align-items:center;display:flex}.upload-card__actions a{color:#2563eb;font-weight:500}.upload-preview-modal{width:min(640px,95%);max-width:640px;padding:0}.upload-preview-body{justify-content:center;max-height:75vh;padding:1rem;display:flex;overflow:auto}.upload-preview-body img{border-radius:.5rem;max-width:100%;height:auto}.grid-two-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.language-picker{flex-direction:column;gap:.75rem;display:flex}.language-picker h3{margin:0}.language-picker__content{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.language-chips{flex-wrap:wrap;gap:.5rem;display:flex}.language-chips .algorithm-chip{background:#2563eb1f}.helper-text{color:#64748b;font-size:.9rem}.language-template-section{border-top:1px solid #0f172a14;flex-direction:column;gap:1rem;padding-top:1.5rem;display:flex}.language-template-section__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.language-template-section__header h3{margin:0}.language-template-section__list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.language-template-section__list label{margin:0}.testcase-section{border-top:1px solid #0f172a14;flex-direction:column;gap:1rem;padding-top:1.5rem;display:flex}.testcase-section__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.testcase-section__header h3{margin:0}.testcase-section__stats{color:#0f172a;gap:1rem;font-weight:600;display:flex}.testcase-toolbar{flex-wrap:wrap;gap:.75rem;display:flex}.zip-options{justify-content:space-between;align-items:center;display:flex}.zip-warnings{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:.75rem;padding:.75rem 1rem}.zip-warnings ul{margin:.5rem 0 0;padding-left:1.25rem}.testcase-table{border-collapse:collapse;background:#fff;border-radius:.75rem;width:100%;overflow:hidden}.testcase-table th,.testcase-table td{vertical-align:top;border-bottom:1px solid #0f172a14;padding:.75rem}.testcase-table th{text-align:left;background:#0f172a08;font-weight:600}.testcase-table pre{background:#0f172a0d;border-radius:.5rem;max-height:140px;margin:0;padding:.5rem;overflow:auto}.testcase-table__actions{gap:.5rem;display:flex}.testcase-table tr:last-child td{border-bottom:none}.testcase-empty{text-align:center;color:#475569;background:#f8fafc;border:1px dashed #0f172a33;border-radius:.75rem;padding:1.5rem}.checkbox{flex-direction:row;align-items:center;gap:.5rem}.admin-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.admin-list li{background:#f8fafc;border:1px solid #0f172a1a;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.admin-actions{gap:.5rem;display:flex}.users-admin-card{gap:1rem;display:grid}.users-toolbar{grid-template-columns:minmax(260px,1fr) auto auto auto;align-items:center;gap:.75rem;display:grid}.users-toolbar input,.users-toolbar select,.admin-actions__controls select{min-height:2.5rem}.users-search input{width:100%}.users-bulk-delete{white-space:nowrap}.users-table-wrap{border:1px solid #0f172a1a;border-radius:.8rem;width:100%;overflow-x:auto}.users-table{border-collapse:collapse;width:100%;min-width:980px}.users-table th,.users-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #0f172a14;padding:.8rem}.users-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;font-size:.78rem}.users-table tbody tr:last-child td{border-bottom:0}.users-table tbody tr.is-selected{background:#eff6ff}.users-select-column{width:44px;text-align:center!important}.users-identity{flex-direction:column;gap:.15rem;text-decoration:none;display:inline-flex}.users-identity span{color:#64748b;font-size:.82rem}.users-you-badge,.users-role-badge{color:#334155;text-transform:capitalize;background:#e2e8f0;border-radius:999px;margin-left:.45rem;padding:.18rem .45rem;font-size:.72rem;font-weight:700;display:inline-flex}.users-actions-heading{min-width:320px}.admin-actions__controls{grid-template-columns:minmax(110px,1fr) auto auto;align-items:center;gap:.45rem;display:grid}.admin-actions__controls button{white-space:nowrap;min-height:2.5rem}.users-table-footer{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.users-empty,.users-loading{color:#64748b;text-align:center!important;padding:2rem!important}@media (width<=900px){.users-toolbar{grid-template-columns:1fr 1fr}.users-search,.users-bulk-delete{grid-column:1/-1}}.confirm-modal-backdrop{z-index:40;background:#0f172a66;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.confirm-modal{background:#fff;border-radius:.9rem;width:min(420px,100%);max-width:420px;padding:1.5rem;box-shadow:0 24px 48px #0f172a2e}.submission-modal{flex-direction:column;gap:1rem;width:min(900px,100%);max-width:900px;max-height:min(90vh,960px);display:flex;overflow:hidden}.submission-modal__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;display:flex}.icon-button{cursor:pointer;color:#1e293b;background:0 0;border:none;font-size:1.5rem;line-height:1}.icon-button:hover{color:#0f172a}.icon-button:focus-visible{border-radius:.25rem;outline:2px solid #2563eb}.submission-modal__status{color:#475569}.submission-modal__status.error{color:#ef4444}.submission-modal__body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:1rem;padding:0 .25rem .5rem 0;display:flex;overflow-y:auto}.submission-modal__meta{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;font-size:.95rem;display:grid}.submission-modal__meta .label{color:#475569;font-weight:600;display:block}.status-text{font-weight:700}.submission-modal__history,.submission-modal__cases{background:#f8fafc;border:1px solid #0f172a1a;border-radius:.75rem;padding:.9rem}.submission-modal__history h3,.submission-modal__cases h3{margin:0 0 .75rem}.submission-modal__history ul,.submission-modal__case-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.submission-modal__history-item{background:#fff;border-radius:.6rem;flex-direction:column;gap:.35rem;padding:.55rem .65rem;display:flex}.history-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.history-time{color:#475569;font-size:.9rem}.history-verdict{color:#1e293b;font-weight:700}.history-metrics{color:#475569;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.88rem;display:inline-flex}.history-error{color:#b91c1c;font-weight:600}.submission-modal__case-item{background:#fff;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .65rem;display:flex}.submission-modal__case-label{font-weight:600}.submission-modal__case-mark{font-weight:700}.submission-modal__case-mark.is-correct{color:#15803d}.submission-modal__case-mark.is-wrong{color:#b91c1c}.submission-modal__private{color:#cbd5e1;padding:1rem}.submission-modal__code{background:#0f172a;border:1px solid #0f172a1f;border-radius:.75rem;flex:auto;min-height:200px;overflow:auto}.submission-modal__code pre{margin:0;padding:1rem;overflow:auto}.code-block{color:#e5e7eb;white-space:pre;font-family:Fira Code,JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;line-height:1.5}.submission-modal__actions{flex-shrink:0;justify-content:space-between;align-items:center}.test-case-modal,.validate-modal{width:min(680px,100%);max-width:680px}.test-case-modal__form,.validate-modal__form{flex-direction:column;gap:1rem;display:flex}.validate-modal__form textarea{min-height:200px}.test-case-modal textarea{min-height:140px}.validate-modal__results{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.validate-modal__summary{flex-wrap:wrap;gap:1rem;font-weight:600;display:flex}.validate-modal__table{border-collapse:collapse;width:100%;font-size:.95rem}.validate-modal__table th,.validate-modal__table td{text-align:left;border-bottom:1px solid #0f172a1a;padding:.5rem .75rem}.validate-modal__table th{background:#0f172a0d}.validate-modal__table tr:last-child td{border-bottom:none}.confirm-modal h3{margin:0 0 .75rem}.confirm-modal__content{color:#475569}.confirm-modal__actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.users-table button{padding:.35rem .75rem;font-size:.85rem}.turnstile-widget{align-items:center;min-height:65px;display:flex}@media (width<=720px){.app-header{flex-direction:column;align-items:flex-start}.app-header__nav{flex-wrap:wrap}.app-main{padding:1.5rem 1rem 2.5rem}}