:root,[data-theme=light]{--bg:#f7f7f5;--text:#3d3a36;--muted:#8a847c;--border:#ebe9e6;--accent:#5c5ae8;--accent-hover:#514fd4;--accent-fg:#fff;--accent-soft:#ededfc;--accent-border:#b8bbf5;--star:#c27c1a;--error:#c53030;--preview-bg:#fff;--preview-pane-bg:#f2f1ef;--surface-hover:#f5f4f2;--surface-muted:#f3f2f0;--surface-selected:#f2f1fa;--surface-selected-hover:#ecebf6;--surface-inset:#eae9e6;--overlay:#3d3a3647;--focus-ring:#5c5ae824;--shadow-sm:0 1px 2px #3d3a360a;--scrollbar-track:transparent;--scrollbar-thumb:#c8c4bc;--scrollbar-thumb-hover:#a8a29e;--sidebar-width:24rem;--set-panel-width:20rem;--radius:6px;--radius-lg:14px;--space:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}::view-transition-old(root){animation-duration:.5s;animation-timing-function:ease-in-out}::view-transition-new(root){animation-duration:.5s;animation-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition-property:background-color,color,border-color,fill,stroke,box-shadow;transition-duration:.5s!important;transition-timing-function:ease-in-out!important}[data-theme=dark]{--bg:#1c1917;--text:#fafaf9;--muted:#a8a29e;--border:#44403c;--accent:#6366f1;--accent-hover:#818cf8;--accent-fg:#fff;--accent-soft:#312e81;--accent-border:#4f46e5;--star:#fbbf24;--error:#f87171;--preview-bg:#fff;--preview-pane-bg:#0c0a09;--surface-hover:color-mix(in srgb, var(--border) 45%, transparent);--surface-muted:color-mix(in srgb, var(--border) 55%, transparent);--surface-selected:color-mix(in srgb, var(--accent) 26%, var(--accent-soft));--surface-selected-hover:color-mix(in srgb, var(--accent) 32%, var(--accent-soft));--surface-inset:var(--border);--overlay:#00000073;--focus-ring:color-mix(in srgb, var(--accent) 25%, transparent);--shadow-sm:0 1px 3px #0000001f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--scrollbar-thumb:#57534e;--scrollbar-thumb-hover:#78716c;--scrollbar-track:transparent}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.5}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}#app{height:100%}.app-shell{flex-direction:column;height:100%;display:flex}.header{justify-content:space-between;align-items:center;gap:calc(var(--space) * 2);min-width:0;padding:calc(var(--space) * 2) calc(var(--space) * 3);border-bottom:1px solid var(--border);box-shadow:inset 0 -1px 0 var(--accent-border);flex-shrink:0;display:flex;overflow:hidden}.header-brand{align-items:center;gap:calc(var(--space) * 1.5);min-width:0;display:flex}.header-logo{width:1.75rem;height:1.75rem;color:var(--accent);flex-shrink:0}.header-title{font-variation-settings:"opsz" 72;letter-spacing:-.01em;color:var(--accent);white-space:nowrap;margin:0;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:1.375rem;font-weight:600}.header-actions{align-items:center;gap:calc(var(--space) * 1.5);flex-shrink:1;min-width:0;display:flex}.header[data-compact="1"] .header-title,.header[data-compact="2"] .header-title,.header[data-compact="3"] .header-title,.header[data-compact="4"] .header-title,.header[data-compact="2"] .auth-email,.header[data-compact="3"] .auth-email,.header[data-compact="4"] .auth-email,.header[data-compact="3"] .auth-badge,.header[data-compact="4"] .auth-badge{display:none}.header[data-compact="4"]{gap:var(--space);padding-left:calc(var(--space) * 1.5);padding-right:calc(var(--space) * 1.5)}.header[data-compact="4"] .auth-panel{gap:calc(var(--space) * .5)}.header[data-compact="4"] .auth-header-btn,.header[data-compact="4"] .auth-subscribe,.header[data-compact="4"] .auth-manage,.header[data-compact="4"] .auth-signout{padding:calc(var(--space) * .5) calc(var(--space) * 1);font-size:.8125rem}.auth-panel{align-items:center;gap:calc(var(--space) * 1);min-width:0;display:flex}.auth-email{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;color:var(--muted);font-size:.875rem;overflow:hidden}.auth-badge{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.auth-header-btn,.auth-subscribe,.auth-manage,.auth-signout{padding:calc(var(--space) * .75) calc(var(--space) * 1.5);font-size:.875rem}.auth-overlay{z-index:100;padding:calc(var(--space) * 3);background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;animation:.2s auth-overlay-in;display:flex;position:fixed;inset:0}@keyframes auth-overlay-in{0%{opacity:0}to{opacity:1}}.auth-dialog{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg);width:min(100%,26rem);box-shadow:0 24px 48px #0000002e, 0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent);animation:.24s auth-dialog-in;position:relative;overflow:hidden}@keyframes auth-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-dialog-accent{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--star) 70%, var(--accent)));height:4px}.auth-dialog-header{justify-content:space-between;align-items:center;gap:calc(var(--space) * 2);padding:calc(var(--space) * 2) calc(var(--space) * 2.5) 0;display:flex}.auth-tabs{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.auth-tab{padding:calc(var(--space) * .75) calc(var(--space) * 2);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s}.auth-tab.active{background:var(--bg);color:var(--accent);box-shadow:var(--shadow-sm)}.auth-close{border-radius:999px;width:2rem;height:2rem;padding:0;font-size:1.25rem;line-height:1}.auth-dialog-body{padding:calc(var(--space) * 2) calc(var(--space) * 2.5) calc(var(--space) * 2.5)}.auth-title{margin:0 0 calc(var(--space) * .75);letter-spacing:-.02em;color:var(--text);font-family:Fraunces,Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:600}.auth-hint{margin:0 0 calc(var(--space) * 2.5);color:var(--muted);font-size:.875rem;line-height:1.45}.google-signin-wrap{width:100%;margin-bottom:calc(var(--space) * 2);flex-direction:column;align-items:center;display:flex}.google-signin-slot{justify-content:center;width:100%;min-height:44px;display:flex}.google-signin-slot.is-hidden{opacity:0;pointer-events:none;width:1px;height:1px;min-height:0;position:absolute;overflow:hidden}.google-signin-fallback{justify-content:center;align-items:center;gap:calc(var(--space) * 1.25);width:100%;max-width:20rem;padding:calc(var(--space) * 1.25) calc(var(--space) * 2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;font-weight:500;transition:border-color .15s,box-shadow .15s;display:inline-flex}.google-signin-fallback:hover:not(:disabled){border-color:var(--accent-border);box-shadow:0 1px 4px #00000014}.google-signin-fallback:disabled{opacity:.6;cursor:not-allowed}.google-signin-icon{flex-shrink:0;display:inline-flex}.auth-google-unavailable{margin:0 0 calc(var(--space) * 2);padding:calc(var(--space) * 1.5);color:var(--muted);border-radius:var(--radius);border:1px dashed var(--border);background:var(--surface-muted);font-size:.8125rem;line-height:1.45}.auth-google-unavailable code{font-size:.75rem}.auth-divider{align-items:center;gap:calc(var(--space) * 1.5);margin-bottom:calc(var(--space) * 2);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-form{gap:calc(var(--space) * 1.75);flex-direction:column;display:flex}.auth-field{gap:calc(var(--space) * .75);flex-direction:column;display:flex}.auth-field-label{color:var(--text);font-size:.8125rem;font-weight:500}.auth-input{padding:calc(var(--space) * 1.5);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--surface-muted);color:var(--text);font:inherit;transition:border-color .15s,box-shadow .15s,background-color .15s}.auth-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg);outline:none}.auth-submit{width:100%;margin-top:calc(var(--space) * .5);padding:calc(var(--space) * 1.5);font-weight:600}.auth-error{margin:0}.notice{margin:calc(var(--space) * 1) 0 0;padding:calc(var(--space) * 1.5);border-radius:var(--radius);background:var(--accent-soft);color:var(--text);border:1px solid var(--accent-border);font-size:.875rem}.paywall-hint{margin:calc(var(--space) * 1) 0 0;color:var(--muted);font-size:.875rem}.theme-toggle{flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle:active{transform:scale(.97)}.theme-toggle-icon{width:1.125rem;height:1.125rem;transition:transform .35s}.theme-toggle:hover .theme-toggle-icon{transform:rotate(-12deg)}[data-theme=dark] .theme-toggle:hover .theme-toggle-icon{transform:rotate(24deg)}.workspace{flex:1;min-height:0;display:flex}.sidebar{width:var(--sidebar-width);padding:calc(var(--space) * 3);border-right:1px solid var(--border);background:var(--bg);flex-shrink:0;overflow-y:auto}.preview-pane{min-width:0;padding:calc(var(--space) * 3);background:var(--preview-pane-bg);flex:1;overflow-y:auto}.set-panel{width:var(--set-panel-width);padding:calc(var(--space) * 3);border-left:1px solid var(--border);background:var(--bg);flex-shrink:0;overflow-y:auto}.preview-toolbar{justify-content:space-between;align-items:center;gap:calc(var(--space) * 1.5);max-width:52rem;margin:0 auto calc(var(--space) * 2);flex-wrap:wrap;display:flex}.preview-tabs{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.preview-tab{padding:calc(var(--space) * .75) calc(var(--space) * 2);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s}.preview-tab.active{background:var(--bg);color:var(--accent);box-shadow:var(--shadow-sm)}.preview-tab:disabled{opacity:.45;cursor:not-allowed}.preview-toolbar-hint{color:var(--muted);margin:0;font-size:.8125rem}.preview-mode-shell{view-transition-name:preview-mode}.preview-mode-panel[hidden]{display:none!important}::view-transition-old(preview-mode){mix-blend-mode:normal;animation-duration:.5s;animation-timing-function:ease-in-out}::view-transition-new(preview-mode){mix-blend-mode:normal;animation-duration:.5s;animation-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){::view-transition-old(preview-mode){animation:none}::view-transition-new(preview-mode){animation:none}.preview-mode-shell{view-transition-name:none}}.form{gap:calc(var(--space) * 2);flex-direction:column;display:flex}label{gap:var(--space);flex-direction:column;font-size:.875rem;display:flex}select,input[type=number],input[type=search]{padding:calc(var(--space) * 1.25);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;transition:border-color .15s,box-shadow .15s}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select:focus,input[type=number]:focus,input[type=search]:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring);outline:none}select:focus-visible,input[type=number]:focus-visible,input[type=search]:focus-visible{border-color:var(--accent-border);outline:2px solid var(--focus-ring);outline-offset:1px}input[type=checkbox]{accent-color:var(--accent)}.multi-select{gap:calc(var(--space) * 1.25);flex-direction:column;font-size:.875rem;display:flex}.multi-select-disabled{opacity:.6}.multi-select-header{justify-content:space-between;align-items:baseline;gap:calc(var(--space) * 1.5);display:flex}.multi-select-label{font-weight:500}.multi-select-count{color:var(--muted);white-space:nowrap;font-size:.75rem}.multi-select-search{width:100%}.multi-select-controls{gap:calc(var(--space) * 1.25);grid-template-columns:1fr;display:grid}.multi-select-control{gap:calc(var(--space) * .5);color:var(--muted);flex-direction:column;font-size:.75rem;display:flex}.multi-select-control select{width:100%;padding:calc(var(--space) * .75) calc(var(--space) * 1);font-size:.8125rem}.multi-select-actions{gap:calc(var(--space) * 1);grid-template-columns:1fr 1fr;display:grid}.multi-select-action{padding:calc(var(--space) * .75) calc(var(--space) * 1);font-size:.75rem}.multi-select-list{gap:calc(var(--space) * .5);max-height:11rem;padding:calc(var(--space) * .75);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;display:flex;overflow-y:auto}.multi-select-empty{padding:calc(var(--space) * 1);color:var(--muted);text-align:center;margin:0;font-size:.8125rem}.multi-select-option{width:100%;padding:calc(var(--space) * .75);border-radius:calc(var(--radius) - 2px);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;transition:background-color .18s,box-shadow .18s,color .18s;display:flex}.multi-select-option-selected{background:var(--surface-selected);box-shadow:inset 3px 0 0 var(--accent-border)}.multi-select-option-selected .multi-select-option-label{color:var(--accent);font-weight:500}@keyframes multi-select-select{0%{transform:scale(1);box-shadow:inset 0 0 #0000}45%{box-shadow:inset 3px 0 0 var(--accent), 0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent);transform:scale(.985)}to{box-shadow:inset 3px 0 0 var(--accent);transform:scale(1)}}@keyframes multi-select-deselect{0%{box-shadow:inset 3px 0 0 var(--accent);transform:scale(1)}45%{box-shadow:inset 1px 0 0 color-mix(in srgb, var(--accent) 40%, transparent);transform:scale(.99)}to{transform:scale(1);box-shadow:inset 0 0 #0000}}.multi-select-option-selecting{animation:.26s multi-select-select}.multi-select-option-deselecting{animation:.26s multi-select-deselect}.multi-select-option:disabled{opacity:.6;cursor:not-allowed}.multi-select-option-body{gap:calc(var(--space) * .25);flex-direction:column;min-width:0;display:flex}.multi-select-option-label{line-height:1.3}.multi-select-option-meta{color:var(--muted);font-size:.75rem;line-height:1.3}.hint{color:var(--muted);margin:0;font-size:.875rem}.level-counts{gap:calc(var(--space) * 1.5);border:none;flex-direction:column;margin:0;padding:0;display:flex}.level-counts legend{margin-bottom:var(--space);font-size:.875rem}.level-count-row{gap:calc(var(--space) * 1.5);grid-template-columns:1fr 4.5rem;align-items:center;display:grid}.level-count-label{gap:calc(var(--space) * .25);flex-direction:column;min-width:0;display:flex}.level-count-stars{letter-spacing:.05em;color:var(--star);font-size:.9375rem;line-height:1.2}.level-count-meta{color:var(--muted);font-size:.75rem}.level-count-available{color:var(--accent);font-weight:500}.level-count-row input{width:100%}.level-count-total{margin-top:var(--space)}.problem-set-list{gap:calc(var(--space) * 1.25);flex-direction:column;height:100%;min-height:0;display:flex}.problem-set-list-header{justify-content:space-between;align-items:baseline;gap:calc(var(--space) * 1.5);display:flex}.problem-set-list-title{margin:0;font-size:.875rem;font-weight:600}.problem-set-list-count{color:var(--muted);font-size:.75rem}.problem-set-items{gap:calc(var(--space) * .75);flex-direction:column;flex:1;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.problem-set-item{gap:calc(var(--space) * .75);padding:calc(var(--space) * 1);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;display:flex}.problem-set-item-main{gap:calc(var(--space) * 1);min-width:0;display:flex}.problem-set-item-index{width:1.25rem;color:var(--muted);text-align:right;flex-shrink:0;font-size:.75rem;font-weight:600}.problem-set-item-body{gap:calc(var(--space) * .25);flex-direction:column;min-width:0;display:flex}.problem-set-item-meta{align-items:center;gap:calc(var(--space) * .5);flex-wrap:wrap;display:flex}.problem-set-item-level{color:var(--star);font-size:.75rem;line-height:1}.problem-set-item-topic{color:var(--muted);font-size:.6875rem;line-height:1.2}.problem-set-item-preview{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.35;display:-webkit-box;overflow:hidden}.problem-set-item-id{color:var(--muted);font-size:.6875rem}.problem-set-item-actions{gap:calc(var(--space) * .5);flex-wrap:wrap;display:flex}.problem-set-action{min-width:2rem;font-size:.8125rem;line-height:1;padding:calc(var(--space) * .5) calc(var(--space) * .75)!important}.problem-set-action-report{margin-left:auto}.report-dialog{max-width:28rem}.report-dialog-title{margin:0}.report-form{gap:calc(var(--space) * 1.5);flex-direction:column;display:flex}.report-message,.report-form input[type=email]{width:100%;padding:calc(var(--space) * 1.25);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;resize:vertical}.report-form-actions{gap:calc(var(--space) * 1);grid-template-columns:1fr 1fr;display:grid}.report-optional{color:var(--muted);font-weight:400}.actions{align-items:stretch;gap:calc(var(--space) * 1.5);margin-top:calc(var(--space) * 3);flex-direction:column;display:flex}.actions button{width:100%}button{padding:calc(var(--space) * 1.25) calc(var(--space) * 2);border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);font:inherit;cursor:pointer;border:none;transition:background-color .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--text);border:1px solid var(--border);background:0 0}button.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent-border);color:var(--text)}button.preview-tab,button.auth-tab,button.multi-select-option{color:var(--muted);background:0 0}button.multi-select-option{color:inherit}button.preview-tab:hover:not(:disabled):not(.active),button.auth-tab:hover:not(:disabled):not(.active){background:var(--surface-hover);color:var(--text)}button.preview-tab.active:hover:not(:disabled),button.auth-tab.active:hover:not(:disabled){background:var(--bg);color:var(--accent)}button.multi-select-option:hover:not(:disabled):not(.multi-select-option-selected){background:var(--surface-hover)}button.multi-select-option-selected:hover:not(:disabled){background:var(--surface-selected-hover);box-shadow:inset 3px 0 0 var(--accent-border)}.checkbox{align-items:center;gap:var(--space);flex-direction:row}.checkbox input{accent-color:var(--accent)}.error{color:var(--error);margin:0 0 calc(var(--space) * 2)}.preview{min-height:100%}.preview-empty,.preview-status{color:var(--muted);padding:calc(var(--space) * 2);margin:0}.preview-error{color:var(--error);padding:calc(var(--space) * 2)}.preview-canvas{background:var(--preview-bg);border:1px solid var(--border);border-radius:var(--radius);max-width:52rem;box-shadow:var(--shadow-sm);margin:0 auto;padding:0;overflow:hidden}.preview-canvas svg:not(.typst-svg-resources){width:100%;height:auto;display:block}@media (width<=768px){html,body{overflow:auto}.app-shell{height:auto;min-height:100%}.workspace{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%}.preview-pane{min-height:60vh;overflow:visible}.set-panel{border-left:none;border-top:1px solid var(--border);width:100%;max-height:none}}