:root{--primary: #1976d2;--primary-light: #e3f2fd;--primary-dark: #1565c0;--success: #2e7d32;--success-light: #e8f5e9;--warning: #ef6c00;--warning-light: #fff3e0;--danger: #c62828;--danger-light: #ffebee;--info: #7b1fa2;--info-light: #f3e5f5;--bg: #fafafa;--bg-card: #ffffff;--bg-hover: #f5f5f5;--bg-active: #eeeeee;--text: #212121;--text-secondary: #757575;--text-tertiary: #9e9e9e;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--border: #e0e0e0;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 25px rgba(0,0,0,.1), 0 6px 10px rgba(0,0,0,.08);--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--transition: all .15s ease;--transition-bounce: all .2s cubic-bezier(.4, 0, .2, 1);--type-single-bg: #e3f2fd;--type-single-color: #1976d2;--type-multiple-bg: #f3e5f5;--type-multiple-color: #7b1fa2;--type-judge-bg: #e8f5e9;--type-judge-color: #2e7d32;--type-fill-bg: #fff3e0;--type-fill-color: #ef6c00;--type-code-bg: #263238;--type-code-color: #eeffff;--font-size-base: 16px;--font-size-sm: 13px;--font-size-xs: 12px;--font-size-lg: 15px;--font-size-xl: 18px;--font-size-2xl: 24px;--font-size-3xl: 28px}@media(prefers-color-scheme:dark){:root{--bg: #121212;--bg-card: #1e1e1e;--bg-hover: #2c2c2c;--bg-active: #333333;--text: #e0e0e0;--text-secondary: #a0a0a0;--text-tertiary: #7a7a7a;--border: #333333;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.35);--shadow-lg: 0 10px 25px rgba(0,0,0,.4);--primary-light: rgba(25, 118, 210, .2);--success-light: rgba(46, 125, 50, .2);--warning-light: rgba(239, 108, 0, .2);--danger-light: rgba(198, 40, 40, .2);--info-light: rgba(123, 31, 162, .2);--type-single-bg: rgba(25, 118, 210, .2);--type-multiple-bg: rgba(123, 31, 162, .2);--type-judge-bg: rgba(46, 125, 50, .2);--type-fill-bg: rgba(239, 108, 0, .2);--type-code-bg: #1a1a2e}}[data-theme=dark]{--bg: #121212;--bg-card: #1e1e1e;--bg-hover: #2c2c2c;--bg-active: #333333;--text: #e0e0e0;--text-secondary: #a0a0a0;--text-tertiary: #7a7a7a;--border: #333333;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.35);--shadow-lg: 0 10px 25px rgba(0,0,0,.4);--primary-light: rgba(25, 118, 210, .2);--success-light: rgba(46, 125, 50, .2);--warning-light: rgba(239, 108, 0, .2);--danger-light: rgba(198, 40, 40, .2);--info-light: rgba(123, 31, 162, .2);--type-single-bg: rgba(25, 118, 210, .2);--type-multiple-bg: rgba(123, 31, 162, .2);--type-judge-bg: rgba(46, 125, 50, .2);--type-fill-bg: rgba(239, 108, 0, .2);--type-code-bg: #1a1a2e}[data-theme=light]{--bg: #fafafa;--bg-card: #ffffff;--bg-hover: #f5f5f5;--bg-active: #eeeeee;--text: #212121;--text-secondary: #757575;--text-tertiary: #9e9e9e;--border: #e0e0e0;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 25px rgba(0,0,0,.1), 0 6px 10px rgba(0,0,0,.08);--primary-light: #e3f2fd;--success-light: #e8f5e9;--warning-light: #fff3e0;--danger-light: #ffebee;--info-light: #f3e5f5;--type-single-bg: #e3f2fd;--type-multiple-bg: #f3e5f5;--type-judge-bg: #e8f5e9;--type-fill-bg: #fff3e0;--type-code-bg: #263238}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark)}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;outline:none;transition:var(--transition);touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px;touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius);font-weight:500;font-size:14px;transition:var(--transition-bounce);white-space:nowrap;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text);background:var(--bg-hover)}.btn-sm{padding:6px 14px;font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-lg)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) 10px;border-radius:4px;font-size:var(--font-size-xs);font-weight:500;background:var(--bg-hover);color:var(--text-secondary)}.tag-primary{background:var(--primary-light);color:var(--primary)}.tag-success{background:var(--success-light);color:var(--success)}.tag-warning{background:var(--warning-light);color:var(--warning)}.tag-danger{background:var(--danger-light);color:var(--danger)}.progress-bar{height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.progress-bar-fill.success{background:var(--success)}.progress-bar-fill.warning{background:var(--warning)}code{background:var(--bg-hover);color:var(--danger);padding:2px 6px;border-radius:3px;font-family:SF Mono,Fira Code,Consolas,Monaco,monospace;font-size:.9em}pre{background:#263238;color:#eff;padding:var(--space-4);border-radius:var(--radius);font-family:SF Mono,Fira Code,Consolas,Monaco,monospace;font-size:14px;line-height:1.5;overflow-x:auto;margin:var(--space-3) 0}pre code{background:none;color:inherit;padding:0}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-5);border-radius:var(--radius);background:var(--text);color:#fff;font-size:14px;box-shadow:var(--shadow-lg);z-index:10000;animation:toastIn .2s ease;transition:opacity .3s ease,transform .3s ease;max-width:90vw}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-info{background:var(--primary)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:#1976d226}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:768px){.container{padding:0 var(--space-4)}}@media(max-width:480px){.container{padding:0 var(--space-3)}}