:root{--color-primary: #4F5BD5;--color-primary-hover: #3E4BBF;--color-primary-active: #3040B0;--color-primary-subtle: #EEF0FB;--color-ink: #1A1B2E;--color-bg: #F8F7F5;--color-surface: #FFFFFF;--color-border: #E5E3DC;--color-border-strong: #C8C6BE;--color-muted: #6B7080;--color-muted-light: #9EA3B0;--color-error: #C0392B;--color-error-subtle: #FDF0EE;--color-success: #1A7F5A;--color-success-subtle: #EDF7F2;--color-warning: #B45309;--color-warning-subtle: #FDF6ED;--font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-headline: 1.5rem;--font-size-title: 1.125rem;--font-size-body: .9375rem;--font-size-label: .75rem;--font-size-caption: .75rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-float: 0 2px 8px rgba(26, 27, 46, .1), 0 1px 3px rgba(26, 27, 46, .06);--ease: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);font-size:var(--font-size-body);font-weight:400;line-height:1.6;color:var(--color-ink);background-color:var(--color-bg);min-height:100vh}h1,h2,h3,h4{line-height:1.25;font-weight:600}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea,select{font-family:var(--font)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:-1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:500;line-height:1.4;transition:background-color var(--ease),color var(--ease),border-color var(--ease);white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);text-decoration:none}.btn-primary:active{background:var(--color-primary-active)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-border-strong);text-decoration:none}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--color-muted);padding:var(--sp-1) var(--sp-2)}.btn-ghost:hover{color:var(--color-ink);background:var(--color-border);text-decoration:none}.btn-warning{background:var(--color-warning-subtle);color:var(--color-warning);border:1px solid transparent}.btn-warning:hover{background:#faecd5;text-decoration:none}.btn-danger{background:var(--color-error-subtle);color:var(--color-error);border:1px solid transparent}.btn-danger:hover{background:#f9ddd9;text-decoration:none}.form-group{display:flex;flex-direction:column;gap:var(--sp-1)}.form-label{font-size:var(--font-size-label);font-weight:500;color:var(--color-ink);letter-spacing:.02em}.form-input{width:100%;padding:var(--sp-2) var(--sp-3);font-size:var(--font-size-body);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--ease)}.form-input:focus{border-color:var(--color-primary);outline:none}.form-input::placeholder{color:var(--color-muted-light)}.form-input:disabled{background:var(--color-bg);color:var(--color-muted);cursor:not-allowed}.form-hint{font-size:var(--font-size-caption);color:var(--color-muted)}.form-error{font-size:var(--font-size-caption);color:var(--color-error)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-6)}.page-container{max-width:960px;margin:0 auto;padding:0 var(--sp-6)}.page-header{padding:var(--sp-8) 0 var(--sp-6)}.page-title{font-size:var(--font-size-headline);font-weight:600;color:var(--color-ink)}.page-subtitle{margin-top:var(--sp-2);color:var(--color-muted);max-width:60ch}.badge{display:inline-flex;align-items:center;padding:2px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--font-size-label);font-weight:500;letter-spacing:.01em}.badge-success{background:var(--color-success-subtle);color:var(--color-success)}.badge-muted{background:var(--color-bg);color:var(--color-muted)}.badge-error{background:var(--color-error-subtle);color:var(--color-error)}.badge-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.banner{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--font-size-body)}.banner-error{background:var(--color-error-subtle);color:var(--color-error);border:1px solid #f5c6c1}.banner-success{background:var(--color-success-subtle);color:var(--color-success);border:1px solid #b7e4d2}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1b2e59;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--sp-6)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);padding:var(--sp-8);width:100%;max-width:480px}.modal-title{font-size:var(--font-size-title);font-weight:600;margin-bottom:var(--sp-5)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-6)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}