@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";:root{--lexara-blue: #6366f1;--lexara-blue-hover: #4f46e5;--lexara-blue-light: #eef0ff;--lexara-blue-subtle: rgba(99, 102, 241, .08);--lexara-bg: #f8f9fa;--lexara-bg-secondary: #f1f3f5;--lexara-text: #0a0a0a;--lexara-text-secondary: #52525b;--lexara-text-tertiary: #71717a;--lexara-border: rgba(0, 0, 0, .08);--lexara-border-strong: rgba(0, 0, 0, .12);--lexara-white: #ffffff;--lexara-surface: rgba(255, 255, 255, .8);--bg-base: #f8f9fa;--bg-surface: #ffffff;--bg-elevated: #f1f3f5;--border: rgba(0, 0, 0, .08);--text-muted: #52525b;--accent: #6366f1;--color-bg: #f8f9fa;--color-surface: #ffffff;--color-elevated: #f1f3f5;--color-border: rgba(0, 0, 0, .08);--color-text-primary: #0a0a0a;--color-text-secondary: #52525b;--color-text-muted: #71717a;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-accent-glow: rgba(99, 102, 241, .2);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .04);--shadow-glow: 0 0 24px rgba(99, 102, 241, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--page-bg: var(--color-bg);--surface: var(--lexara-white);--surface-muted: var(--lexara-bg-secondary);--surface-strong: #e8eaed;--surface-hover: #eef0f3;--border-subtle: var(--color-border);--border-default: rgba(0, 0, 0, .12);--border-strong: var(--lexara-border-strong);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--lexara-text-tertiary);--text-inverse: var(--lexara-white);--accent-muted: var(--lexara-blue-light);--accent-soft: var(--lexara-blue-subtle);--success: #2f855a;--success-muted: rgba(47, 133, 90, .12);--error: #c2410c;--error-muted: rgba(194, 65, 12, .12);--warning: #b7791f;--font-sans: "Inter", "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Fira Code", monospace;--font-serif: "Instrument Serif", serif;--transition: .15s ease-out;--ease-out: cubic-bezier(.16, 1, .3, 1);--shadow-soft: var(--shadow-md);--shadow-card: var(--shadow-sm)}[data-theme=dark]{--bg-base: #0a0a0a;--bg-surface: #111111;--bg-elevated: #1a1a1a;--border: rgba(255, 255, 255, .08);--text-muted: #a1a1aa;--accent: #6366f1;--color-bg: #0a0a0a;--color-surface: #111111;--color-elevated: #1a1a1a;--color-border: rgba(255, 255, 255, .08);--color-text-primary: #fafafa;--color-text-secondary: #d4d4d8;--color-text-muted: #a1a1aa;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-accent-glow: rgba(99, 102, 241, .3);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .7);--shadow-glow: 0 0 32px rgba(99, 102, 241, .4);--lexara-bg: #0a0a0a;--lexara-bg-secondary: #1a1a1a;--lexara-white: #111111;--lexara-surface: rgba(255, 255, 255, .05);--lexara-text: #fafafa;--lexara-text-secondary: #d4d4d8;--lexara-text-tertiary: #a1a1aa;--lexara-border: rgba(255, 255, 255, .08);--lexara-border-strong: rgba(255, 255, 255, .14);--lexara-blue: #6366f1;--lexara-blue-hover: #818cf8;--lexara-blue-light: rgba(99, 102, 241, .15);--lexara-blue-subtle: rgba(99, 102, 241, .08);--surface: #111111;--surface-muted: #1a1a1a;--surface-strong: #242428;--surface-hover: #1e1e22;--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .18);--text-primary: #fafafa;--text-secondary: #d4d4d8;--text-tertiary: #a1a1aa;--accent-muted: rgba(99, 102, 241, .15);--accent-soft: rgba(99, 102, 241, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden;background:var(--color-bg);transition:background-color .2s ease,color .2s ease}[data-theme=dark] body{background:var(--color-bg)}@media (prefers-reduced-motion: reduce){body{transition:none}}::selection{background:var(--accent-soft);color:var(--text-primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--lexara-border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--lexara-text-tertiary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes loadbar{0%{width:0%}50%{width:100%}to{width:0%}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.fade-up{animation:fadeUp .4s var(--ease-out) both}.lexara-spinner{width:28px;height:28px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .5s linear infinite}@media (prefers-reduced-motion: reduce){.lexara-spinner{animation:none;opacity:.4}}.page-fade{animation:pageFadeIn .15s ease-out both}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes paper-fan{0%{opacity:0;transform:translateY(14px) rotate(-.5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes paper-place{0%{opacity:0;transform:translateY(10px) rotate(.4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes paper-float{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-8px) rotate(.4deg)}}@keyframes paper-slide{0%{opacity:0;transform:translate(-10px) rotate(-.3deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes paper-shuffle{0%{opacity:0;transform:translateY(10px) rotate(.35deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes paper-flip{0%{transform:perspective(600px) rotateX(0)}40%{transform:perspective(600px) rotateX(-90deg) scaleY(.85)}60%{transform:perspective(600px) rotateX(-90deg) scaleY(.85)}to{transform:perspective(600px) rotateX(0)}}.paper-float{animation:paper-float 4.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.paper-float{animation:none}}@keyframes ui-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ui-page-enter{animation:ui-enter .25s ease-out both}button:active:not(:disabled),.btn-press:active{transform:scale(.97)}@media (prefers-reduced-motion: reduce){.ui-page-enter{animation:none}button:active:not(:disabled){transform:none}}@keyframes scrollBounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:.3}}.auth-root{min-height:100vh;display:flex;font-family:var(--font-sans, "Inter", system-ui, sans-serif);background:var(--color-bg)}.auth-left-panel{width:40%;flex-shrink:0;background:linear-gradient(135deg,#0a0a0f,#0f1428 60%,#111827);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;position:relative;overflow:hidden}.auth-left-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(74,122,255,.15) 0%,transparent 70%);pointer-events:none}.auth-left-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.auth-left-tagline{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1.3;max-width:280px}.auth-left-sub{font-size:14px;color:#ffffff80;line-height:1.6;max-width:260px}.auth-left-chips{display:flex;flex-direction:column;gap:10px;width:100%;max-width:260px}.auth-left-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);font-size:13px;color:#ffffffbf}.auth-left-chip-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:#4a7aff33;border:1px solid rgba(74,122,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#4a7aff}.auth-right-panel{flex:1;background:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;overflow-y:auto;position:relative}.auth-top-controls{position:absolute;top:18px;right:20px;display:flex;align-items:center;gap:8px;z-index:10}.auth-lang-select{height:32px;padding:0 8px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);color:var(--color-text-primary);font-size:12px;font-family:inherit;cursor:pointer;outline:none}.auth-theme-toggle{width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.auth-theme-toggle:hover{background:var(--color-surface-hover, var(--color-border));color:var(--color-text-primary)}.auth-container{width:100%;max-width:380px}.auth-logo-row{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:1.5rem}.auth-logo-mark{width:36px;height:36px;background:var(--color-accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;font-family:var(--font-mono)}.auth-logo-name{font-size:20px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.03em}.auth-heading{text-align:center;margin-bottom:1.75rem}.auth-heading h1{font-size:22px;font-weight:700;color:var(--color-text-primary);margin:0 0 4px;letter-spacing:-.02em}.auth-heading p{font-size:14px;color:var(--color-text-secondary);margin:0}.auth-card{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.auth-label-row{display:flex;align-items:center;justify-content:space-between}.auth-forgot{font-size:12px;color:var(--color-accent);background:none;border:none;cursor:pointer;font-family:inherit}.auth-forgot:hover{text-decoration:underline}.auth-input{height:44px;padding:0 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:14px;color:var(--color-text-primary);font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.auth-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow);background:var(--color-surface)}.auth-input.error{border-color:#ef4444}.auth-input.error:focus{box-shadow:0 0 0 3px #ef444426}.auth-input::placeholder{color:var(--color-text-muted)}.auth-error{font-size:12px;color:#dc2626;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);padding:8px 12px;display:flex;align-items:flex-start;gap:6px}.auth-error:before{content:"⚠";flex-shrink:0;margin-top:1px}.auth-btn{height:44px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease-out;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-family:inherit}.auth-btn:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{border:none;border-top:1px solid var(--color-border);margin:20px 0 0}.auth-footer{text-align:center;padding-top:16px}.auth-footer span{font-size:14px;color:var(--color-text-secondary)}.auth-footer button{font-size:14px;font-weight:600;color:var(--color-accent);background:none;border:none;cursor:pointer;font-family:inherit}.auth-footer button:hover{text-decoration:underline}.auth-footer button:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.auth-back-btn{background:none;border:none;font-size:14px;color:var(--color-text-secondary);cursor:pointer;padding:0;font-family:inherit}.auth-back-btn:hover{color:var(--color-text-primary)}.auth-legal{text-align:center;font-size:11px;color:var(--color-text-muted);margin-top:20px}.auth-legal span{cursor:pointer;text-decoration:underline}.auth-admin-note{text-align:center;font-size:11px;color:var(--color-text-muted);margin-top:8px}.field-hint{font-size:11px;color:#ef4444;margin:0}.auth-success{text-align:center;font-size:13px;color:#16a34a;margin-top:12px;animation:fadeUp .3s ease}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{width:min(100%,460px);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:28px}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.auth-modal-header h2{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.auth-modal-close{border:none;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--color-text-secondary)}.auth-modal-form{display:flex;flex-direction:column;gap:12px}.auth-modal-status{margin:0;font-size:12px;color:var(--color-text-secondary)}@media (max-width: 640px){.auth-root{flex-direction:column}.auth-left-panel{display:none}.auth-right-panel{padding:48px 20px;align-items:flex-start}.auth-container{max-width:100%}}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--color-bg)}.app-nav{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;background:var(--glass-bg);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--color-border);box-shadow:0 1px #0000000f,0 2px 8px #0000000a;flex-shrink:0;position:sticky;top:0;z-index:100;gap:8px}[data-theme=dark] .app-nav{box-shadow:0 1px #ffffff0f,0 2px 8px #0000004d}.app-transition-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);display:flex;align-items:center;justify-content:center;z-index:9999}.app-transition-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.app-transition-bar{width:32px;height:2px;background:var(--color-border);border-radius:1px;overflow:hidden}.app-transition-bar-fill{height:100%;background:var(--color-accent);border-radius:1px;animation:loadbar 1s ease-in-out infinite}.nav-brand{display:flex;align-items:center;gap:4px}.nav-logo-btn{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-md);transition:opacity var(--transition)}.nav-logo-btn:hover{opacity:.75}.nav-breadcrumb{display:flex;align-items:center;gap:6px;position:absolute;left:50%;transform:translate(-50%)}.nav-back-btn{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);line-height:1}.nav-back-btn:hover{color:var(--color-text-primary);background:var(--color-elevated)}.nav-breadcrumb-sep{color:var(--color-border);font-size:14px;-webkit-user-select:none;user-select:none}.nav-breadcrumb-current{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary);font-weight:500;letter-spacing:.02em}.nav-controls{display:flex;align-items:center;gap:16px}.nav-links{display:flex;align-items:center;gap:8px}.nav-button{display:flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);position:relative}.nav-button:hover{color:var(--color-text-primary);background:var(--color-elevated)}.nav-button.active{color:var(--color-accent);background:var(--lexara-blue-light);font-weight:600}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease-out;flex-shrink:0}.theme-toggle:hover{background:var(--color-elevated);color:var(--color-text-primary);border-color:var(--color-accent)}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--color-border)}.nav-button.active .nav-dot{background:var(--color-accent);opacity:1}.lang-switcher{display:flex;align-items:center;gap:8px}.lang-switcher-label{font-family:var(--font-mono);font-size:11px;color:var(--lexara-text-tertiary);text-transform:uppercase;letter-spacing:.08em}.lang-switcher-select-wrap{position:relative;display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:0 12px 0 34px;min-height:34px;box-shadow:var(--shadow-sm)}.lang-select{background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 8px;font-size:12px;color:var(--color-text-secondary);cursor:pointer;outline:none;font-family:var(--font-sans)}.app-content{flex:1;overflow:hidden;display:flex}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;cursor:pointer;flex-shrink:0}.hamburger span{display:block;height:2px;border-radius:1px;background:var(--color-text-secondary);transition:background .15s ease}.hamburger:hover span{background:var(--color-text-primary)}.upgrade-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:500;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.upgrade-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:28px 24px 24px;max-width:560px;width:100%;position:relative;box-shadow:0 20px 60px #00000040}.upgrade-modal-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--color-text-muted);line-height:1;padding:4px 8px}.upgrade-modal-close:hover{color:var(--color-text-primary)}.upgrade-modal-title{font-size:1.1rem;font-weight:700;margin:0 0 6px;color:var(--color-text-primary)}.upgrade-modal-desc{font-size:.88rem;color:var(--color-text-muted);margin:0 0 20px}.upgrade-modal-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 440px){.upgrade-modal-plans{grid-template-columns:1fr}}.upgrade-modal-plan{border-radius:12px;padding:16px;border:1px solid var(--color-border)}.upgrade-modal-plan--pro{background:linear-gradient(135deg,#e8eeff,#f0f4ff)}[data-theme=dark] .upgrade-modal-plan--pro{background:#2356d81f}.upgrade-modal-plan--business{background:linear-gradient(135deg,#f3eeff,#f8f4ff)}[data-theme=dark] .upgrade-modal-plan--business{background:#7c3aed1f}.upgrade-modal-plan-name{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:4px}.upgrade-modal-plan-price{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);margin-bottom:12px}.upgrade-modal-plan-price span{font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.upgrade-modal-features{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:5px}.upgrade-modal-features li{font-size:.82rem;color:var(--color-text-secondary);padding-left:14px;position:relative}.upgrade-modal-features li:before{content:"✓";position:absolute;left:0;color:#16a34a;font-weight:700}.upgrade-modal-btn{width:100%;padding:9px 12px;border-radius:8px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s}.upgrade-modal-btn:hover{opacity:.88}.upgrade-modal-btn--pro{background:linear-gradient(135deg,#2356d8,#1a42b0);color:#fff}.upgrade-modal-btn--business{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.mobile-nav-sidebar{position:fixed;top:0;left:0;height:100dvh;width:260px;background:var(--color-surface);border-right:1px solid var(--color-border);z-index:201;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:0}.mobile-nav-sidebar.open{transform:translate(0)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);height:56px}.mobile-nav-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.mobile-nav-close:hover{background:var(--color-elevated);color:var(--color-text-primary)}.mobile-nav-links{display:flex;flex-direction:column;padding:12px;gap:4px}.mobile-nav-links .nav-button{width:100%;justify-content:flex-start;padding:10px 14px;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-page-enter{animation:ui-enter .25s ease-out both}@media (prefers-reduced-motion: reduce){.app-page-enter{animation:none}}@media (max-width: 768px){.hamburger{display:flex}.nav-controls{display:none}}@media (max-width: 840px){.app-nav{padding:0 16px}}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav-button:active,.theme-toggle:active,.mypage-tab-btn:active{transform:scale(.97)}