:root{--blue-700: #1E40AF;--blue-600: #1D4ED8;--blue-500: #2563EB;--blue-400: #3B82F6;--blue-300: #60A5FA;--blue-200: #93C5FD;--blue-100: #DBEAFE;--blue-50: #EFF6FF;--gray-900: #1a1d23;--gray-800: #2d3039;--gray-700: #3f4350;--gray-600: #565b6b;--gray-500: #6b7082;--gray-400: #9096a6;--gray-300: #b4b9c8;--gray-200: #d1d5e0;--gray-100: #e8eaf0;--gray-50: #f4f5f7;--green-600: #16A34A;--green-500: #22C55E;--green-100: #DCFCE7;--green-50: #F0FDF4;--red-600: #DC2626;--red-500: #EF4444;--red-100: #FEE2E2;--red-50: #FEF2F2;--amber-700: #B45309;--amber-600: #D97706;--amber-500: #F59E0B;--amber-100: #FEF3C7;--amber-50: #FFFBEB;--purple-600: #7C3AED;--purple-100: #EDE9FE;--bg: #ffffff;--surface: #ffffff;--muted: var(--gray-50);--text: var(--gray-800);--text-strong: var(--gray-900);--text-muted: var(--gray-500);--text-faint: var(--gray-400);--border: var(--gray-100);--border-hover: var(--gray-200);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(26, 29, 35, .04);--shadow-sm: 0 1px 3px rgba(26, 29, 35, .06), 0 1px 2px rgba(26, 29, 35, .04);--shadow-md: 0 4px 16px rgba(26, 29, 35, .08), 0 1px 4px rgba(26, 29, 35, .04);--shadow-lg: 0 12px 40px rgba(26, 29, 35, .12), 0 4px 12px rgba(26, 29, 35, .06);--shadow-xl: 0 20px 60px rgba(26, 29, 35, .16), 0 8px 20px rgba(26, 29, 35, .08);--ease: cubic-bezier(.4, 0, .2, 1);--speed: .2s;--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;--sp-20: 80px;--sp-24: 96px;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--z-dropdown: 50;--z-sticky: 60;--z-nav: 100;--z-modal-bg: 200;--z-modal: 210;--z-toast: 300;--z-tooltip: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:.92rem;color:var(--text);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg,video{max-width:100%}a{color:var(--blue-500);text-decoration:none;transition:color var(--speed) var(--ease)}a:hover{color:var(--blue-600)}::selection{background:var(--blue-100);color:var(--blue-700)}h1,h2,h3,h4,h5,h6{color:var(--text-strong);font-weight:700;line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.1;letter-spacing:-.035em}h2{font-size:clamp(1.6rem,3.5vw,2rem)}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.92rem;text-transform:uppercase;letter-spacing:.06em}p{margin-bottom:1em}p:last-child{margin-bottom:0}.lead{font-size:1.1rem;color:var(--text-muted);line-height:1.7}.small{font-size:.82rem}.tiny{font-size:.75rem}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.strong{font-weight:700;color:var(--text-strong)}.gradient-text{background:linear-gradient(135deg,var(--blue-500),var(--blue-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mono{font-family:var(--font-mono)}.label-upper{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-500)}blockquote{border-left:3px solid var(--blue-500);padding:var(--sp-4) var(--sp-6);margin:var(--sp-6) 0;background:var(--blue-50);border-radius:0 var(--radius) var(--radius) 0;color:var(--gray-700);font-style:italic}code{font-family:var(--font-mono);font-size:.88em;background:var(--gray-50);padding:2px 8px;border-radius:var(--radius-sm);color:var(--blue-600);border:1px solid var(--gray-100)}pre{font-family:var(--font-mono);font-size:.82rem;background:var(--gray-900);color:#c9d1d9;padding:var(--sp-6);border-radius:var(--radius-lg);overflow-x:auto;line-height:1.8;margin:var(--sp-6) 0}pre code{background:none;padding:0;border:none;color:inherit;font-size:inherit}mark{background:var(--amber-100);color:var(--amber-600);padding:1px 6px;border-radius:4px}hr{border:none;height:1px;background:var(--border);margin:var(--sp-8) 0}ul,ol{padding-left:1.5em;margin-bottom:1em}li{margin-bottom:.35em}.container{max-width:1120px;margin:0 auto;padding:0 var(--sp-8)}.container-sm{max-width:720px;margin:0 auto;padding:0 var(--sp-8)}.container-lg{max-width:1320px;margin:0 auto;padding:0 var(--sp-8)}.grid{display:grid;gap:var(--sp-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media(min-width:601px)and (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-family:var(--font-body);font-size:.92rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all var(--speed) var(--ease);white-space:nowrap;line-height:1.4}.btn:active{transform:scale(.97)}.btn svg{width:18px;height:18px;flex-shrink:0}.btn-primary{background:var(--blue-500);color:#fff;border-color:var(--blue-500);box-shadow:0 2px 8px #2563eb40}.btn-primary:hover{background:var(--blue-600);color:#fff;border-color:var(--blue-600);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb4d}.btn-secondary{background:var(--bg);color:var(--text);border-color:var(--gray-200)}.btn-secondary:hover{border-color:var(--gray-400);background:var(--gray-50);color:var(--text-strong)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover{color:var(--text-strong);background:var(--gray-50)}.btn-danger{background:var(--red-600);color:#fff;border-color:var(--red-600)}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.btn-success{background:var(--green-600);color:#fff;border-color:var(--green-600)}.btn-success:hover{background:#15803d;border-color:#15803d}.btn-outline{background:transparent;color:var(--blue-500);border-color:var(--blue-200)}.btn-outline:hover{background:var(--blue-50);border-color:var(--blue-500)}.btn-submit{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:10px;font-size:.95rem;font-weight:600;background:var(--blue-500);color:var(--bg);border:none;cursor:pointer;font-family:inherit;box-shadow:0 2px 8px #2563eb40;transition:all .2s;width:100%;justify-content:center}.btn-submit:hover{background:var(--blue-600);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb4d}.btn-submit svg{width:18px;height:18px}.btn-sm{padding:8px 16px;font-size:.82rem;border-radius:8px}.btn-lg{padding:16px 32px;font-size:1rem;border-radius:12px}.btn-xl{padding:18px 40px;font-size:1.1rem;border-radius:14px}.btn-icon{padding:10px;width:42px;height:42px}.btn-icon.btn-sm{padding:6px;width:32px;height:32px}.btn-block{width:100%}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-secondary.btn-loading:after{border-color:#00000026;border-top-color:var(--gray-600)}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0;margin-left:-1.5px}.btn-group .btn:first-child{border-radius:var(--radius) 0 0 var(--radius);margin-left:0}.btn-group .btn:last-child{border-radius:0 var(--radius) var(--radius) 0}.form-group{margin-bottom:var(--sp-5)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--sp-1);margin-bottom:20px}.form-row-double{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:20px}@media(max-width:600px){.form-row-double{grid-template-columns:1fr}}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--gray-700);margin-bottom:6px}.form-label .required{color:var(--red-500);margin-left:2px}.form-hint{font-size:.75rem;color:var(--text-faint);margin-top:4px}.form-error{font-size:.75rem;color:var(--red-600);margin-top:4px}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:1px solid var(--gray-200);border-radius:var(--radius);font-family:var(--font-body);font-size:.92rem;color:var(--text);background:var(--bg);transition:border-color var(--speed),box-shadow var(--speed);outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-faint)}.form-input:user-invalid,.form-textarea:user-invalid,.form-select:user-invalid{border-color:var(--red-500);box-shadow:0 0 5px #f003}.form-row:has(.form-input:user-invalid,.form-textarea:user-invalid,.form-select:user-invalid) .form-label{color:var(--red-600)}.form-form-input-sm{padding:8px 12px;font-size:.82rem}.form-form-input-lg{padding:16px 20px;font-size:1rem}.form-form-input-error{border-color:var(--red-500)}.form-form-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-form-input-success{border-color:var(--green-500)}.form-form-input-success:focus{box-shadow:0 0 0 3px #22c55e1a}.form-input:disabled{background:var(--gray-50);cursor:not-allowed;opacity:.6}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%236b7082' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}.form-input-wrap{position:relative}.form-input-wrap .form-input-icon~.form-input{padding-left:44px}.form-input-wrap .form-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-faint);pointer-events:none}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:2px;color:var(--text-faint);transition:color var(--speed);line-height:0}.password-toggle:hover{color:var(--text-strong)}.password-toggle svg{width:18px;height:18px}.form-checkbox,.form-radio{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.92rem;user-select:none}.form-checkbox input[type=checkbox],.form-radio input[type=radio]{display:none}.check-mark{width:20px;height:20px;flex-shrink:0;border:2px solid var(--gray-300);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all var(--speed);margin-top:2px}.form-radio .check-mark{border-radius:50%}.form-checkbox input:checked+.check-mark,.form-radio input:checked+.check-mark{background:var(--blue-500);border-color:var(--blue-500)}.check-mark svg{width:12px;height:12px;color:#fff;opacity:0;transition:opacity var(--speed)}.form-checkbox input:checked+.check-mark svg,.form-radio input:checked+.check-mark svg{opacity:1}.form-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.92rem;user-select:none}.form-toggle input{display:none}.form-toggle-track{width:44px;height:24px;border-radius:12px;background:var(--gray-200);position:relative;transition:background var(--speed);flex-shrink:0}.form-toggle-track:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:var(--shadow-sm);transition:transform var(--speed)}.form-toggle input:checked+.form-toggle-track{background:var(--blue-500)}.form-toggle input:checked+.form-toggle-track:after{transform:translate(20px)}.form-divider{display:flex;align-items:center;gap:var(--sp-4);margin:var(--sp-6) 0;color:var(--text-faint);font-size:.82rem;font-weight:500}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 20px;border-radius:var(--radius);font-family:var(--font-body);font-size:.92rem;font-weight:600;cursor:pointer;border:1px solid var(--gray-200);background:var(--bg);color:var(--text);transition:all var(--speed);text-decoration:none}.btn-social:hover{border-color:var(--gray-400);background:var(--gray-50);color:var(--text-strong)}.btn-social svg{width:20px;height:20px;flex-shrink:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-8);transition:border-color var(--speed),box-shadow var(--speed),transform var(--speed)}.card-hover:hover{border-color:var(--blue-100);box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-elevated{box-shadow:var(--shadow-md);border-color:transparent}.card-dark{background:var(--gray-900);color:#fff;border-color:transparent}.card-dark h1,.card-dark h2,.card-dark h3,.card-dark h4{color:#fff}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-10);box-shadow:var(--shadow-md);max-width:420px;width:100%}.auth-header{text-align:center;margin-bottom:var(--sp-8)}.auth-header h2{margin-bottom:var(--sp-2)}.auth-header p{color:var(--text-muted)}.auth-footer{text-align:center;margin-top:var(--sp-6);font-size:.82rem;color:var(--text-muted)}.auth-footer a{font-weight:600}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:.82rem}.table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--gray-50);border-bottom:1px solid var(--border)}.table td{padding:12px 16px;border-bottom:1px solid var(--gray-50);color:var(--text)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--blue-50)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1.4}.badge-blue{background:var(--blue-100);color:var(--blue-700)}.badge-green{background:var(--green-100);color:var(--green-600)}.badge-red{background:var(--red-100);color:var(--red-600)}.badge-amber{background:var(--amber-100);color:var(--amber-600)}.badge-purple{background:var(--purple-100);color:var(--purple-600)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.alert{display:flex;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);font-size:.82rem;line-height:1.6}.alert svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.alert-content{flex:1}.alert-title{font-weight:700;margin-bottom:2px}.alert-close{background:none;border:none;cursor:pointer;opacity:.5;transition:opacity var(--speed);padding:0;color:inherit}.alert-close:hover{opacity:1}.alert-close svg{width:16px;height:16px}.alert-info{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100)}.alert-success{background:var(--green-50);color:#166534;border:1px solid var(--green-100)}.alert-warning{background:var(--amber-50);color:#92400e;border:1px solid var(--amber-100)}.alert-error{background:var(--red-50);color:#991b1b;border:1px solid var(--red-100)}.toast-container{position:fixed;top:80px;right:24px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;min-width:320px;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.82rem;pointer-events:auto;animation:toast-in .4s var(--ease);position:relative;overflow:hidden;transition:opacity .3s,transform .3s}.toast.removing{opacity:0;transform:translate(40px)}.toast svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.toast-content{flex:1}.toast-title{font-weight:700;color:var(--text-strong);margin-bottom:2px}.toast-msg{color:var(--text-muted)}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-faint);padding:0;transition:color var(--speed)}.toast-close:hover{color:var(--text-strong)}.toast-close svg{width:16px;height:16px}.toast-info svg{color:var(--blue-500)}.toast-success svg{color:var(--green-600)}.toast-warning svg{color:var(--amber-500)}.toast-error svg{color:var(--red-500)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 var(--radius-lg) var(--radius-lg);animation:toast-progress linear forwards}.toast-info .toast-progress{background:var(--blue-500)}.toast-success .toast-progress{background:var(--green-500)}.toast-warning .toast-progress{background:var(--amber-500)}.toast-error .toast-progress{background:var(--red-500)}.accordion{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.accordion-item{border-bottom:1px solid var(--border)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--bg);border:none;cursor:pointer;font-family:var(--font-body);font-size:.92rem;font-weight:600;color:var(--text-strong);text-align:left;transition:background var(--speed)}.accordion-trigger:hover{background:var(--gray-50)}.accordion-trigger svg{width:20px;height:20px;color:var(--text-faint);transition:transform .3s var(--ease);flex-shrink:0}.accordion-item.open .accordion-trigger svg{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.accordion-body-inner{padding:0 24px 20px;font-size:.92rem;color:var(--text-muted);line-height:1.7}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal-bg);background:#1a1d2380;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:var(--sp-8);animation:fade-in .2s}.modal-overlay.open{display:flex}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:520px;width:100%;animation:modal-in .3s var(--ease);max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}.modal-header h3{font-size:1.25rem}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-faint);padding:4px;border-radius:var(--radius-sm);transition:color var(--speed),background var(--speed)}.modal-close:hover{color:var(--text-strong);background:var(--gray-50)}.modal-close svg{width:20px;height:20px}.modal-body{padding:20px 28px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px 24px}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:var(--sp-6)}.tab{padding:10px 20px;font-size:.82rem;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;font-family:var(--font-body);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--speed)}.tab:hover{color:var(--text-strong)}.tab.active{color:var(--blue-500);border-color:var(--blue-500)}.tab-panel{display:none}.tab-panel.active{display:block;animation:fade-in .25s}.tooltip{position:relative;display:inline-block}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);white-space:nowrap;padding:6px 12px;border-radius:8px;background:var(--gray-900);color:#fff;font-size:.75rem;font-weight:500;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.avatar{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;color:#fff;background:var(--blue-500);flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:28px;height:28px;font-size:.75rem;border-radius:7px}.avatar-lg{width:56px;height:56px;font-size:1rem;border-radius:14px}.avatar-circle{border-radius:50%}.progress{height:8px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;border-radius:var(--radius-full);background:var(--blue-500);transition:width .4s var(--ease)}.progress-bar.green{background:var(--green-500)}.progress-bar.red{background:var(--red-500)}.progress-bar.amber{background:var(--amber-500)}.divider{height:1px;background:var(--border);margin:var(--sp-8) 0}.divider-sm{height:1px;background:var(--border);margin:var(--sp-4) 0}.divider-lg{height:1px;background:var(--border);margin:var(--sp-16) 0}.divider-text{display:flex;align-items:center;gap:var(--sp-4);color:var(--text-faint);font-size:.82rem;margin:var(--sp-6) 0}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:10px}.skeleton-text:last-child{width:60%}.skeleton-heading{height:24px;width:50%;margin-bottom:16px}.skeleton-circle{width:40px;height:40px;border-radius:50%}.skeleton-box{height:120px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-0{margin-top:0}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mt-12{margin-top:var(--sp-12)}.mt-16{margin-top:var(--sp-16)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.mb-8{margin-bottom:var(--sp-8)}.mb-12{margin-bottom:var(--sp-12)}.p-4{padding:var(--sp-4)}.p-6{padding:var(--sp-6)}.p-8{padding:var(--sp-8)}.p-12{padding:var(--sp-12)}.w-full{width:100%}.max-w-sm{max-width:420px}.max-w-md{max-width:620px}.max-w-lg{max-width:860px}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.bg-muted{background:var(--muted)}.bg-blue-50{background:var(--blue-50)}.bg-dark{background:var(--gray-900);color:#fff}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.article{max-width:760px;margin:0 auto;padding:130px 32px 80px}.article-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border)}.article-header h1{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.2;margin-bottom:12px}.article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--text-faint)}.article-meta span{display:inline-flex;align-items:center;gap:6px}.article-meta svg{width:15px;height:15px}.article-meta a{color:var(--blue-500);font-weight:600}.prose h2{font-size:1.4rem;margin-top:48px;margin-bottom:16px;padding-top:32px;border-top:1px solid var(--border)}.prose h2:first-child{margin-top:0;padding-top:0;border-top:none}.prose h3{font-size:1.1rem;margin-top:32px;margin-bottom:12px}.prose h4{font-size:1rem;margin-top:24px;margin-bottom:8px}.prose p{margin-bottom:1.15em;line-height:1.8;color:var(--gray-700)}.prose a{color:var(--blue-500);font-weight:500;text-decoration:underline;text-decoration-color:var(--blue-200);text-underline-offset:3px;transition:text-decoration-color .2s}.prose a:hover{text-decoration-color:var(--blue-500)}.prose strong{font-weight:700;color:var(--text-strong)}.prose ul,.prose ol{margin-bottom:1.15em;padding-left:1.75em;line-height:1.8;color:var(--gray-700)}.prose li{margin-bottom:.5em}.prose li::marker{color:var(--gray-400)}.prose ol li::marker{font-weight:600;color:var(--blue-500)}.prose ul ul,.prose ol ol,.prose ul ol,.prose ol ul{margin-top:.5em;margin-bottom:.5em}.prose blockquote{margin:24px 0;padding:20px 24px;background:var(--blue-50);border-left:3px solid var(--blue-500);border-radius:0 var(--radius) var(--radius) 0;color:var(--gray-700);font-style:italic;line-height:1.7}.prose blockquote p:last-child{margin-bottom:0}.callout{display:flex;gap:14px;margin:24px 0;padding:20px 24px;border-radius:var(--radius-lg);font-size:.9rem;line-height:1.7}.callout svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.callout-content{flex:1}.callout-content p{margin-bottom:.5em;color:inherit}.callout-content p:last-child{margin-bottom:0}.callout-info{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100)}.callout-warning{background:var(--amber-50);color:#92400e;border:1px solid var(--amber-100)}.callout-danger{background:var(--red-50);color:#991b1b;border:1px solid var(--red-100)}.prose code{font-size:.85em;padding:2px 7px;white-space:pre-wrap}.prose pre,.code-snippet{margin:24px 0;max-width:100%;overflow-x:auto}.prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.88rem}.prose table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;background:var(--gray-50);border-bottom:2px solid var(--border)}.prose table td{padding:12px 16px;border-bottom:1px solid var(--gray-50);color:var(--gray-700);line-height:1.6}.prose table tr:last-child td{border-bottom:none}.prose hr{margin:40px 0;border:none;height:1px;background:var(--border)}.def-list{margin:16px 0 24px}.def-list dt{font-weight:700;color:var(--text-strong);margin-top:16px;margin-bottom:4px}.def-list dd{color:var(--gray-700);line-height:1.8;margin-left:0;padding-left:20px;border-left:2px solid var(--gray-100)}.article-toc{position:sticky;top:88px;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:24px}.article-toc-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:12px}.article-toc a{display:block;padding:5px 0 5px 14px;font-size:.85rem;color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;transition:all .2s;line-height:1.5}.article-toc a:hover{color:var(--text-strong);border-color:var(--gray-200)}.article-toc a.active{color:var(--blue-500);border-color:var(--blue-500);font-weight:600}.article-toc a.sub{padding-left:28px;font-size:.82rem}.article-layout{display:grid;grid-template-columns:1fr 220px;gap:56px;max-width:1060px;margin:0 auto;padding:130px 32px 80px}.article-layout .article{max-width:100%;min-width:0;padding:0}.article-footer{margin-top:48px;padding-top:32px;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-faint);line-height:1.7}.faq-grid{max-width:760px;margin:40px auto 0}.faq-item{background:var(--bg);border:1px solid var(--gray-100);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden;transition:box-shadow .2s}.faq-item:hover{box-shadow:var(--shadow-sm)}.faq-q{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--gray-900);user-select:none;background:none;border:none;width:100%;font-family:inherit;text-align:left}.faq-q svg{width:20px;height:20px;color:var(--gray-400);transition:transform .3s;flex-shrink:0;margin-left:12px}.faq-item.open .faq-q svg{transform:rotate(180deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-item.open .faq-a{max-height:300px}.faq-a-inner{padding:0 24px 20px;font-size:.9rem;color:var(--gray-500);line-height:1.7}@media(max-width:900px){.article-layout{grid-template-columns:1fr;padding:110px 20px 60px}.article-toc{position:static;max-height:none;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:32px;order:-1}.article{padding:110px 20px 60px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toast-progress{0%{width:100%}to{width:0%}}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.fade-in{opacity:0;animation:fade-up .7s ease forwards}.fade-in.d1{animation-delay:.1s}.fade-in.d2{animation-delay:.2s}.fade-in.d3{animation-delay:.3s}.fade-in.d4{animation-delay:.35s}.fade-in.d5{animation-delay:.4s}#flashMessage{position:fixed;top:80px;right:32px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:420px;width:100%}#flashMessage .message{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:.9rem;line-height:1.55;border:1px solid;box-shadow:0 4px 16px #1a1d2314,0 1px 4px #1a1d230a;animation:flashIn .4s ease forwards}#flashMessage .message .close{margin-left:auto;cursor:pointer;font-size:.85rem;line-height:1.5;padding:2px 4px;border-radius:4px;opacity:.5;transition:opacity .2s;flex-shrink:0}#flashMessage .message .close:hover{opacity:1}#flashMessage .message .text{flex:1;font-weight:500}#flashMessage .message.message-success{background:var(--green-50);border-color:var(--green-100);color:var(--green-600)}#flashMessage .message.message-success .close{color:var(--green-600)}#flashMessage .message.message-info{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-700)}#flashMessage .message.message-info .close{color:var(--blue-700)}#flashMessage .message.message-warning{background:var(--amber-50);border-color:var(--amber-100);color:var(--amber-600)}#flashMessage .message.message-warning .close{color:var(--amber-600)}#flashMessage .message.message-danger{background:var(--red-50);border-color:var(--red-100);color:var(--red-600)}#flashMessage .message.message-danger .close{color:var(--red-600)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes iconPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes flashIn{0%{opacity:0;transform:translate(var(--sp-6))}to{opacity:1;transform:translate(0)}}@keyframes flashOut{0%{opacity:1;transform:translate(0);max-height:100px;margin-bottom:0}to{opacity:0;transform:translate(var(--sp-6));max-height:0;margin-bottom:-10px;overflow:hidden}}#flashMessage .message.message-closing{animation:flashOut .35s var(--ease) forwards;pointer-events:none}@media(max-width:600px){#flashMessage{right:var(--sp-4);left:var(--sp-4);max-width:none;top:72px}}