:root{--primary-50:#e0fefa;--primary-100:#b0fbf1;--primary-200:#72f5e4;--primary-300:#34edd6;--primary-400:#14d8b4;--primary-500:#14d8b4;--primary-600:#0fb899;--primary-700:#0a947a;--primary-800:#066e5b;--primary-900:#04483c;--accent-400:#00c8e8;--accent-500:#00c8e8;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#38bdf8;--neutral-0:#fff;--neutral-50:#f8f9fc;--neutral-100:#f5f7fa;--neutral-150:#e8ecf4;--neutral-200:#dfe3ed;--neutral-300:#c5cbd9;--neutral-400:#a6b2c2;--neutral-500:#7b849e;--neutral-600:#5c6480;--neutral-700:#203445;--neutral-800:#182838;--neutral-900:#0b1e2a;--neutral-950:#07141d;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--space-5xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--shadow-xl:0 16px 50px #00000026;--shadow-glow:0 0 20px #14d8b44d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=light]{--bg:#f5f6fa;--surface:#fff;--surface-variant:#f0f2f8;--surface-elevated:#fff;--text-primary:#0b1e2a;--text-secondary:#5c6480;--text-tertiary:#a6b2c2;--border:#dfe3ed;--border-subtle:#0000000f;--primary:#14d8b4;--primary-text:#fff;--on-surface:#0b1e2a;--card-bg:#fff;--card-border:#0000000f;--glass-bg:#ffffffb3;--glass-border:#ffffffe6;--input-bg:#f0f2f8;--hover-bg:#0000000a;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#00000040;--nav-bg:#ffffffd9;--preview-bg:#e8ecf4;--dropdown-bg:#fff}[data-theme=dark]{--bg:#07141d;--surface:#121c2a;--surface-variant:#0b1e2a;--surface-elevated:#182638;--text-primary:#f5f7fa;--text-secondary:#a6b2c2;--text-tertiary:#5c6480;--border:#203445;--border-subtle:#ffffff0f;--primary:#14d8b4;--primary-text:#07141d;--on-surface:#f5f7fa;--card-bg:#121c2a;--card-border:#ffffff0f;--glass-bg:#121c2ab3;--glass-border:#ffffff14;--input-bg:#0b1e2a;--hover-bg:#ffffff0a;--scrollbar-thumb:#ffffff26;--scrollbar-thumb-hover:#ffffff40;--nav-bg:#07141dd9;--preview-bg:#0b1e2a;--dropdown-bg:#182638}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);min-height:100vh;transition:background var(--transition-normal), color var(--transition-normal);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}h1{letter-spacing:-.5px;font-size:2rem;font-weight:700;line-height:1.2}h2{letter-spacing:0;font-size:1.5rem;font-weight:600;line-height:1.3}h3{font-size:1.25rem;font-weight:600;line-height:1.3}h4{font-size:1rem;font-weight:600;line-height:1.4}p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}small{color:var(--text-tertiary);font-size:.75rem}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);color:var(--primary-text);box-shadow:0 2px 8px #14d8b44d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #14d8b466}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary)}.btn-ghost{color:var(--primary);background:0 0}.btn-ghost:hover:not(:disabled){background:#14d8b414}.btn-sm{padding:8px 16px;font-size:.8125rem}.btn-lg{padding:16px 32px;font-size:1rem}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--hover-bg);color:var(--text-primary)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);border-color:#14d8b44d;transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);letter-spacing:.4px;font-size:.75rem;font-weight:500}.input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--input-bg);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-size:.875rem}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #14d8b426}.input::placeholder{color:var(--text-tertiary)}.select{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;color:var(--text-primary);font-family:var(--font-sans);appearance:none;cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A6B2C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:10px 36px 10px 14px;font-size:.875rem}.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #14d8b426}.stepper{align-items:center;gap:4px;display:flex}.stepper button{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--input-bg);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.stepper button:hover{background:var(--hover-bg);border-color:var(--primary)}.stepper input{text-align:center;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--input-bg);width:56px;height:36px;color:var(--text-primary);font-family:var(--font-sans);outline:none;font-size:.875rem}.stepper input:focus{border-color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{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 slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes borderDash{to{stroke-dashoffset:-20px}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.animate-fadeIn{animation:.4s ease-out forwards fadeIn}.animate-fadeInScale{animation:.3s ease-out forwards fadeInScale}.animate-slideUp{animation:.5s ease-out forwards slideUp}.delay-1{opacity:0;animation-delay:.1s}.delay-2{opacity:0;animation-delay:.2s}.delay-3{opacity:0;animation-delay:.3s}.delay-4{opacity:0;animation-delay:.4s}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.spinner-lg{border-width:4px;width:40px;height:40px}.toast{background:var(--surface-elevated);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border:1px solid var(--border);z-index:1000;max-width:90vw;padding:12px 24px;font-size:.875rem;transition:transform .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{transform:translate(-50%)translateY(0)}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--error)}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);padding:48px 24px;position:relative;overflow:hidden}.drop-zone:hover{border-color:var(--primary);background:#14d8b40a}.drop-zone.dragging{border-color:var(--primary);background:#14d8b414;box-shadow:inset 0 0 30px #14d8b40d}.drop-zone input[type=file]{display:none}.paper-preview{background:#fff;position:relative;overflow:hidden;box-shadow:4px 4px 16px #00000026,0 0 1px #0000001a}.bottom-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--text-tertiary);transition:color var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 0;font-size:.6875rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav a.active,.bottom-nav a:hover{color:var(--primary)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bw-filter{filter:grayscale()}@media (max-width:768px){h1{font-size:1.5rem}h2{font-size:1.25rem}}