:root{--color-primary:#32818b;--color-primary-hover:#2d7179;--color-primary-active:#285f66;--color-primary-light:rgba(50,129,139,.1);--color-primary-lighter:rgba(50,129,139,.05);--color-secondary:#32b6c7;--color-secondary-hover:#2da3b3;--color-secondary-active:#28909f;--color-text-primary:#171b20;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-muted:#9ca3af;--color-text-disabled:#d1d5db;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-quaternary:#e2e8f0;--color-bg-hover:#f1f5f9;--color-bg-glass:rgba(255,255,255,.8);--color-bg-gradient-primary:linear-gradient(135deg,#32818b 0%,#32b6c7 100%);--color-bg-gradient-light:linear-gradient(135deg,rgba(50,129,139,.05) 0%,rgba(50,182,199,.05) 100%);--color-border-primary:#d1d5db;--color-border-secondary:#e5e7eb;--color-border-tertiary:#f3f4f6;--color-border-focus:var(--color-primary);--color-success:#32818b;--color-success-hover:#2d7179;--color-success-light:rgba(50,129,139,.1);--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-light:rgba(239,68,68,.1);--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:rgba(245,158,11,.1);--color-info:#3b82f6;--color-info-hover:#2563eb;--color-info-light:rgba(59,130,246,.1);--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 4px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-lg:0 4px 8px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--shadow-xl:0 8px 16px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.06);--shadow-2xl:0 16px 32px rgba(0,0,0,.12),0 8px 16px rgba(0,0,0,.08);--shadow-3xl:0 24px 48px rgba(0,0,0,.15),0 12px 24px rgba(0,0,0,.1);--shadow-glass:0 8px 32px rgba(50,129,139,.08),0 4px 16px rgba(50,129,139,.04);--shadow-glow:0 0 20px rgba(50,129,139,.15),0 0 40px rgba(50,129,139,.05);--focus-ring:0 0 0 2px var(--color-primary-light);--focus-ring-error:0 0 0 2px var(--color-error-light);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-bounce:.3s cubic-bezier(.68,-.55,.265,1.55);--transition-spring:.4s cubic-bezier(.175,.885,.32,1.275);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--radius-4xl:24px;--radius-full:9999px;--spacing-xs:.125rem;--spacing-sm:.25rem;--spacing-md:.375rem;--spacing-lg:.5rem;--spacing-xl:.625rem;--spacing-2xl:.75rem;--spacing-3xl:1rem;--spacing-4xl:1.25rem;--spacing-5xl:1.5rem;--spacing-6xl:2rem;--font-size-xs:.75rem;--font-size-sm:.8rem;--font-size-md:.875rem;--font-size-lg:.9rem;--font-size-xl:1rem;--font-size-2xl:1.125rem;--font-size-3xl:1.25rem;--font-size-4xl:1.5rem;--font-size-5xl:1.875rem;--font-size-6xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.4;--line-height-relaxed:1.6;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em}[data-theme=dark]{--color-text-primary:#f9fafb;--color-text-secondary:#e5e7eb;--color-text-tertiary:#d1d5db;--color-text-muted:#9ca3af;--color-bg-primary:#1f2937;--color-bg-secondary:#111827;--color-bg-tertiary:#0f172a;--color-bg-hover:#374151;--color-border-primary:#374151;--color-border-secondary:#4b5563;--color-border-tertiary:#6b7280}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:var(--line-height-relaxed);overflow-x:hidden}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}@media (max-width:768px){.container{padding-left:0;padding-right:0}}.container-narrow{width:100%;max-width:1024px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (max-width:768px){::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-full)}input,textarea,select{font-size:16px!important}button,a,[role=button]{min-width:44px;min-height:44px}body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}button,nav,header{-webkit-user-select:none;-moz-user-select:none;user-select:none}*{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}:focus{outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(50,129,139,.3)}50%{box-shadow:0 0 20px rgba(50,129,139,.6),0 0 30px rgba(50,129,139,.4)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.glass-effect{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.shadow-soft{box-shadow:var(--shadow-lg)}.shadow-glow{box-shadow:var(--shadow-glow)}.gradient-primary{background:var(--color-bg-gradient-primary)}.gradient-light{background:var(--color-bg-gradient-light)}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s infinite pulse}.animate-glow{animation:2s ease-in-out infinite alternate glow}.animate-fade-in{animation:fadeIn .4s var(--transition-normal)}.animate-slide-up{animation:slideUp .6s var(--transition-normal)}.animate-scale-in{animation:scaleIn .4s var(--transition-spring)}.resizing{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;cursor:col-resize!important}.resizing *{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;pointer-events:none!important}@media (max-width:768px){body{font-size:14px}}