.typography__h1{font-size:var(--font-size-4xl);line-height:var(--line-height-tight);line-height:1.2}.typography__h1,.typography__h2{font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.typography__h2{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);line-height:1.3}.typography__h3{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);line-height:1.4}.typography__h3,.typography__h4{font-weight:var(--font-weight-semibold)}.typography__h4{font-size:var(--font-size-xl);line-height:var(--line-height-normal);line-height:1.4}.typography__body{font-weight:var(--font-weight-normal);line-height:1.5}.typography__bodySmall{font-size:var(--font-size-sm);line-height:var(--line-height-tight);font-weight:var(--font-weight-normal);line-height:1.4}.typography__extraSmall{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.typography__light{color:var(--color-text-muted,#3d4451)}.typography__primary{color:var(--color-primary-500,#8b5cf6)}.typography__weight__normal{font-weight:400}.typography__weight__medium{font-weight:500}.typography__weight__semibold{font-weight:600}.typography__weight__bold{font-weight:700}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);justify-content:center;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--font-weight-medium);line-height:var(--line-height-none);border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;--_badge-color:var(--color-primary);background-color:color-mix(in srgb,var(--_badge-color) 12%,var(--color-surface));color:var(--_badge-color);border-color:color-mix(in srgb,var(--_badge-color) 25%,var(--color-surface))}.badge p{margin:0;padding:0;line-height:inherit;color:inherit}.badge.small{padding:var(--spacing-0-5) var(--spacing-1-5);font-size:var(--font-size-xs)}.badge.medium,.badge:not(.small):not(.large){padding:var(--spacing-1) var(--spacing-2-5);font-size:var(--font-size-sm)}.badge.large{padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-base)}.badge.rounded{border-radius:var(--radius-full)}.badge.primary{--_badge-color:var(--color-primary-400)}.badge.success{--_badge-color:var(--color-green-400)}.badge.warning{--_badge-color:var(--color-gold-400)}.badge.danger{--_badge-color:var(--color-pink);background-color:var(--color-pink-glow);border-color:var(--color-pink-glow)}.badge.info{--_badge-color:var(--color-cyan-400)}.badge.outlined{border-color:var(--color-border)}.badge.outlined,.badge.outlined.selected{background-color:transparent;color:var(--color-text-primary)}.badge.outlined.selected{border-color:var(--_badge-color)}.badge.transparent,.badge.transparent.selected{background-color:transparent;color:var(--_badge-color);border-color:transparent}.badge__icon-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-2)}.badge__status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.badge.selectable{cursor:pointer}.badge.selectable:hover{background-color:color-mix(in srgb,var(--_badge-color) 20%,var(--color-surface))}.badge.selectable:active{transform:scale(var(--scale-active))}.badge.selected{background-color:var(--_badge-color);color:var(--color-text-inverse);border-color:var(--_badge-color)}.badge.disabled{opacity:var(--opacity-disabled);pointer-events:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-button);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;transition:all .15s ease}.button:focus-visible{outline:none;box-shadow:var(--ring-primary)}.button--filled{background:var(--color-accent);color:#fff}.button--filled:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--filled:active:not(:disabled){background-color:var(--color-primary-active)}.button--outlined{background-color:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.button--outlined:hover:not(:disabled){background-color:rgba(139,92,246,.08)}.button--outlined:active:not(:disabled){background-color:rgba(139,92,246,.14)}.button--text{background-color:transparent;color:var(--color-primary);border-color:transparent}.button--text:hover:not(:disabled){background-color:rgba(139,92,246,.08)}.button--text:active:not(:disabled){background-color:rgba(139,92,246,.14)}.button--rounded{border-radius:var(--radius-full);padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.button--disabled,.button:disabled{opacity:.4;cursor:not-allowed!important}.button__icon{width:16px;height:16px;flex-shrink:0}.table-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-lg);background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-4) var(--spacing-5)}.table{width:100%;border-collapse:separate;border-spacing:0}.table .w-xs{width:4%}.table .w-sm{width:12%}.table .w-md{width:14%}.table .w-lg{width:25%}.table .w-xl{width:46%}.table__head tr,.table__th{border-bottom:1px solid var(--color-border)}.table__th{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-3) var(--spacing-4);text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.table__body .table__row{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.table__body .table__row:hover{background-color:var(--color-surface-hover)}.table__body .table__row--clickable{cursor:pointer}.table__body .table__row--clickable:hover{background-color:var(--color-surface-active)}.table__row-link{display:flex;align-items:center;width:100%;height:100%;text-decoration:none;color:inherit}.table__td{padding:var(--spacing-4);vertical-align:middle;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);text-transform:none}.table__cell-id{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-muted)}.table__cell-problem{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.table__problem-name{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-normal);color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.table__problem-name:hover{color:var(--color-primary-active)}.table__cell-status{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-normal);display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary)}.table__status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.table__cell-time{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-secondary);color:var(--color-text-muted)}.table__cell-bookmark{background:none;border:none;cursor:pointer;padding:var(--spacing-1);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.table__cell-bookmark:hover{background-color:var(--color-surface-hover)}.table__cell-quickview{background:none;border:none;cursor:pointer;padding:var(--spacing-1);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.table__cell-quickview:hover{color:var(--color-primary)}.table__actions{display:flex;align-items:center;gap:var(--spacing-1);justify-content:center}.tabs{display:flex;flex-direction:column}.tabs,.tabs .tabs__panel,.tabs .tabs__panels{width:100%;height:100%}.tabs--small .tabs__tab{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;padding:var(--spacing-1) var(--spacing-2-5)}.tabs--medium .tabs__tab{font-weight:var(--font-weight-normal);padding:var(--spacing-1-5) var(--spacing-3-5)}.tabs--large .tabs__tab{font-weight:var(--font-weight-normal);padding:var(--spacing-2) var(--spacing-4)}.tabs__list{gap:var(--spacing-1);display:flex;align-items:center;position:-webkit-sticky;position:sticky;top:0;background:var(--color-sidebar-bg);z-index:10}.tabs__list--space-between{justify-content:space-between}.tabs--underline .tabs__list{border-bottom:1px solid var(--color-border);padding:var(--spacing-0) var(--spacing-4);gap:var(--spacing-0)}.tabs--pill .tabs__list{background:var(--color-dark-surface);border-radius:var(--radius-lg);padding:var(--spacing-0-5)}.tabs__tab{all:unset;display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;color:var(--color-neutral-700);font-weight:500;white-space:nowrap;transition:color .15s ease,background .15s ease,border-color .15s ease}.tabs__tab:hover:not(.tabs__tab--disabled){color:var(--color-primary-800)}.tabs__tab--active{color:var(--color-primary-700)}.tabs__tab--disabled{opacity:.4;cursor:not-allowed}.tabs--underline .tabs__tab{border-bottom:2px solid transparent;margin-bottom:-1px}.tabs--underline .tabs__tab--active{border-bottom-color:var(--color-primary-500);color:var(--color-primary-800);font-weight:600}.tabs--pill .tabs__tab{border-radius:var(--radius-md)}.tabs--pill .tabs__tab--active{background:var(--color-dark-active);color:var(--color-neutral-50)}.ProblemQuickViewPanel{display:flex;flex-direction:column;height:100%;overflow:hidden}.ProblemQuickViewPanel__header{padding:var(--spacing-2)}.ProblemQuickViewPanel__header-title-area{display:flex;align-items:center;justify-content:space-between}.ProblemQuickViewPanel__close-panel-cta{cursor:pointer}.ProblemQuickViewPanel__close-panel-cta:hover{color:var(--color-primary)}.ProblemQuickViewPanel__header-metadata{margin-top:var(--spacing-2)}.ProblemQuickViewPanel__header-metadata,.ProblemQuickViewPanel__header-timer{display:flex;align-items:center;gap:var(--spacing-1)}.ProblemQuickViewPanel__tab-navigation{flex:1 1;overflow:auto;min-height:0;scrollbar-width:none}.ProblemQuickViewPanel .Problem{padding:var(--spacing-0) var(--spacing-4)}.ProblemQuickViewPanel .Problem__list-item{display:flex;gap:var(--spacing-2)}.ProblemQuickViewPanel .Problem__list-item:only-child{margin:var(--spacing-2) var(--spacing-0)}.ProblemQuickViewPanel__footer{padding:var(--spacing-2) var(--spacing-4);border-top:1px solid var(--color-border,#e1e4e8);background-color:var(--color-surface,#fff);flex-shrink:0}.ProblemQuickViewPanel__solve-cta{width:100%}.ProblemQuickViewPanel .Hints{padding-left:var(--spacing-4)}.ProblemQuickViewPanel .Notes{padding:var(--spacing-0) var(--spacing-4)}:root{--font-sans:"Work Sans","Lato",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-size-8xl:6rem;--font-size-9xl:8rem;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0em;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--text-color-primary:var(--color-text-primary);--text-color-secondary:var(--color-text-secondary);--text-color-muted:var(--color-text-muted);--text-color-inverse:var(--color-text-inverse);--text-heading-1:var( --font-size-4xl );--text-heading-2:var( --font-size-3xl );--text-heading-3:var( --font-size-2xl );--text-heading-4:var( --font-size-xl );--text-body:var(--font-size-base);--text-body-sm:var( --font-size-sm );--text-caption:var( --font-size-xs )}.progressive-hints-container{width:100%}.progressive-hints-container .progressive-hints-title{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:12px}.progressive-hints-container .hint-list{display:flex;flex-direction:column;gap:12px;position:relative}.progressive-hints-container .hint-list:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:2px;background:var(--color-border)}.progressive-hints-container .hint-list .hint{display:flex;gap:12px;cursor:pointer;position:relative;transition:all .25s ease}.progressive-hints-container .hint-list .hint.disabled{opacity:.4;cursor:not-allowed}.progressive-hints-container .hint-list .hint .circle{min-width:28px;height:28px;border-radius:50%;background:var(--color-sidebar-bg);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;transition:all .25s ease}.progressive-hints-container .hint-list .hint.active .circle{background:var(--text-gradient);border:none;color:var(--color-text-primary)}.progressive-hints-container .hint-list .hint .hint-content{flex:1 1;background:var(--color-bg);border-radius:12px 0 0 12px;padding:12px;transition:all .25s ease}.progressive-hints-container .hint-list .hint .hint-content .hint-header{display:flex;justify-content:space-between;align-items:center}.progressive-hints-container .hint-list .hint .hint-content .hint-header .hint-title{font-size:14px;color:var(--color-text-secondary)}.progressive-hints-container .hint-list .hint .hint-content .hint-header .arrow{transition:transform .25s ease;color:var(--color-primary-400);font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.progressive-hints-container .hint-list .hint .hint-content .hint-body{max-height:0;overflow:hidden;font-size:13px;color:var(--color-text-secondary);transition:all .3s ease}.progressive-hints-container .hint-list .hint .hint-content .hint-body.blurred{filter:blur(4px)}.progressive-hints-container .hint-list .hint:not(.disabled):hover .hint-content{border-color:rgba(124,58,237,.4);background:var(--color-glow-primary)}.progressive-hints-container .hint-list .hint.active .hint-content .arrow{transform:rotate(90deg)}.progressive-hints-container .hint-list .hint.active .hint-content .hint-body{margin-top:10px;max-height:200px}.textarea-container{border:1px solid var(--color-border);border-radius:7px;font-size:12.5px;color:var(--color-text-primary);transition:all .2s;background-color:var(--color-bg);display:flex;flex-direction:column;padding:var(--spacing-0);min-height:-moz-fit-content;min-height:fit-content}.textarea-container .textarea-field{padding:.5rem;width:100%;background:transparent;color:inherit;font-size:inherit;font-family:var(--font-sans);outline:none;border:none;box-shadow:none;line-height:1.5;min-height:80px}.textarea-container .textarea-field::placeholder{color:var(--color-text-muted)}.textarea-container .textarea-field--clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textarea-container .textarea-field--disabled{opacity:.6;cursor:not-allowed}.textarea-container .textarea-field--disabled::placeholder{color:var(--color-text-disabled,var(--color-text-muted))}.textarea-container .textarea-field:disabled{opacity:.6;cursor:not-allowed}.textarea-container .textarea-field:focus{outline:none}.textarea-container:focus-within{box-shadow:0 0 0 2px var(--color-primary-alpha,rgba(0,0,0,.1))}.textarea-container__variant-default{border:1px solid var(--color-border);background-color:var(--color-bg)}.textarea-container__variant-outline{border:1px solid var(--color-border);background-color:transparent}.textarea-container__variant-transparent{border:none;background-color:transparent}.textarea-container__radius-sm{border-radius:var(--radius-sm)}.textarea-container__radius-md{border-radius:var(--radius-md)}.textarea-container__radius-lg{border-radius:var(--radius-lg)}.textarea-container__radius-full{border-radius:var(--radius-full)}.textarea-container__resize-none .textarea-field{resize:none}.textarea-container__resize-both .textarea-field{resize:both}.textarea-container__resize-horizontal .textarea-field{resize:horizontal}.textarea-container__resize-vertical .textarea-field{resize:vertical}.textarea-container:hover:not(:focus-within){border-color:var(--color-border-hover,var(--color-border))}.textarea-container--error{border-color:var(--color-error,#ef4444)}.textarea-container--error:focus-within{border-color:var(--color-error,#ef4444);box-shadow:0 0 0 2px var(--color-error-alpha,rgba(239,68,68,.1))}