@import"https://fonts.googleapis.com/css2?family=Khmer&family=Roboto:wght@300;400;500;700&display=swap";/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}:root{--ui-bg:#fff;--ui-bg-subtle:#f8f9fa;--ui-bg-muted:#f1f3f5;--ui-foreground:#111827;--ui-foreground-muted:#6b7280;--ui-border:#e5e7eb;--ui-accent:#0071e3;--ui-accent-hover:#0062c4;--ui-accent-muted:#d1e5ff;--ui-success:#22c55e;--ui-warning:#f59e0b;--ui-error:#ef4444;--ui-accent-alt:#22c55e;--ui-accent-alt-hover:#16a34a;--font-sans:"Roboto",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:Georgia,"Times New Roman",serif;--font-mono:"Courier New",monospace;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-inner:inset 0 2px 4px 0 #0000000f;--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);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-overlay:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900}.dark{--ui-bg:#111827;--ui-bg-subtle:#1f2937;--ui-bg-muted:#374151;--ui-foreground:#f9fafb;--ui-foreground-muted:#9ca3af;--ui-border:#374151;--ui-accent:#3b82f6;--ui-accent-hover:#2563eb;--ui-accent-muted:#1e3a8a}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-\[var\(--spacing-4\)\]{top:var(--spacing-4)}.right-\[var\(--spacing-4\)\]{right:var(--spacing-4)}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[var\(--z-overlay\)\]{z-index:var(--z-overlay)}.z-\[var\(--z-sticky\)\]{z-index:var(--z-sticky)}.col-span-2{grid-column:span 2/span 2}.container{width:100%}.mx-auto{margin-inline:auto}.mt-\[15px\]{margin-top:15px}.mt-\[20px\]{margin-top:20px}.mt-\[25px\]{margin-top:25px}.mt-\[var\(--spacing-1\)\]{margin-top:var(--spacing-1)}.mt-\[var\(--spacing-2\)\]{margin-top:var(--spacing-2)}.mt-\[var\(--spacing-6\)\]{margin-top:var(--spacing-6)}.mt-\[var\(--spacing-8\)\]{margin-top:var(--spacing-8)}.mt-auto{margin-top:auto}.mr-\[5px\]{margin-right:5px}.mr-\[15px\]{margin-right:15px}.mr-\[100px\]{margin-right:100px}.mr-\[var\(--spacing-2\)\]{margin-right:var(--spacing-2)}.mr-\[var\(--spacing-3\)\]{margin-right:var(--spacing-3)}.-mb-px{margin-bottom:-1px}.mb-\[0px\]{margin-bottom:0}.mb-\[15px\]{margin-bottom:15px}.mb-\[var\(--spacing-2\)\]{margin-bottom:var(--spacing-2)}.mb-\[var\(--spacing-4\)\]{margin-bottom:var(--spacing-4)}.mb-\[var\(--spacing-8\)\]{margin-bottom:var(--spacing-8)}.mb-\[var\(--spacing-10\)\]{margin-bottom:var(--spacing-10)}.ml-\[5px\]{margin-left:5px}.ml-\[var\(--spacing-3\)\]{margin-left:var(--spacing-3)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-4\/5{width:80%}.w-full{width:100%}.max-w-none{max-width:none}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\[15px\]{gap:15px}.gap-\[30px\]{gap:30px}.gap-\[var\(--spacing-6\)\]{gap:var(--spacing-6)}.gap-\[var\(--spacing-8\)\]{gap:var(--spacing-8)}:where(.space-y-\[var\(--spacing-3\)\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-3)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-3)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-\[var\(--ui-border\)\]{border-color:var(--ui-border)}.border-transparent{border-color:#0000}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-\[var\(--spacing-4\)\]{padding:var(--spacing-4)}.p-\[var\(--spacing-5\)\]{padding:var(--spacing-5)}.py-\[var\(--spacing-12\)\]{padding-block:var(--spacing-12)}.py-\[var\(--spacing-16\)\]{padding-block:var(--spacing-16)}.pt-\[15px\]{padding-top:15px}.pt-\[var\(--spacing-6\)\]{padding-top:var(--spacing-6)}.pt-\[var\(--spacing-12\)\]{padding-top:var(--spacing-12)}.pb-\[15px\]{padding-bottom:15px}.pb-\[var\(--spacing-8\)\]{padding-bottom:var(--spacing-8)}.pl-\[10px\]{padding-left:10px}.pl-\[15px\]{padding-left:15px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[var\(--text-2xl\)\]{color:var(--text-2xl)}.text-\[var\(--text-3xl\)\]{color:var(--text-3xl)}.text-\[var\(--text-4xl\)\]{color:var(--text-4xl)}.text-\[var\(--text-lg\)\]{color:var(--text-lg)}.text-\[var\(--text-sm\)\]{color:var(--text-sm)}.text-\[var\(--text-xl\)\]{color:var(--text-xl)}.text-\[var\(--ui-foreground\)\]{color:var(--ui-foreground)}.text-\[var\(--ui-foreground-muted\)\]{color:var(--ui-foreground-muted)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.shadow-\[var\(--shadow-md\)\]{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-sm\)\]{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[var\(--transition-fast\)\]{--tw-duration:var(--transition-fast);transition-duration:var(--transition-fast)}.duration-\[var\(--transition-normal\)\]{--tw-duration:var(--transition-normal);transition-duration:var(--transition-normal)}.ease-\[cubic-bezier\(\.2\,\.8\,\.2\,1\)\]{--tw-ease:cubic-bezier(.2,.8,.2,1);transition-timing-function:cubic-bezier(.2,.8,.2,1)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-\[var\(--ui-bg-muted\)\]:hover{background-color:var(--ui-bg-muted)}.hover\:text-\[var\(--ui-foreground\)\]:hover{color:var(--ui-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-75:hover{opacity:.75}.hover\:shadow-\[var\(--shadow-lg\)\]:hover{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[var\(--shadow-md\)\]:hover{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:transform-none:disabled{transform:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@layer components;:root{--khmer-font:"Khmer",system-ui,sans-serif;--latin-font:"Roboto",system-ui,sans-serif;font-family:var(--latin-font);color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-weight:400;line-height:1.5}.khmer{font-family:var(--khmer-font)}.latin{font-family:var(--latin-font)}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.khmer-text{letter-spacing:.5px;line-height:1.8}.khmer-h1,.khmer-h2,.khmer-h3{font-family:var(--khmer-font);font-weight:700}.khmer-h1{font-size:2.5rem}.khmer-h2{font-size:2rem}.khmer-h3{font-size:1.5rem}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width:768px){.khmer-h1{font-size:2rem}.khmer-h2{font-size:1.75rem}.khmer-h3{font-size:1.25rem}.khmer-body{font-size:1rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}:root{--khmer-font: "Khmer", system-ui, sans-serif;--latin-font: "Roboto", system-ui, sans-serif;--a-serie-color: #1f4ed8;--o-serie-color: #d63384;--is-obsolete-color: #6b7280;--primary-color: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--secondary-color: #dc2626;--accent-color: #0891b2;--background-light: #ffffff;--background-medium: #f8fafc;--background-dark: #1e293b;--text-light: #1e293b;--text-medium: #475569;--text-dark: #f8fafc;--text-muted: #64748b;--border-color: #e2e8f0;--navbar-brand: #2563eb;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-radius: 12px;--border-radius-lg: 16px;--transition: all .3s ease;--focus-color: #2563eb;--error-color: #dc2626;--success-color: #16a34a;--warning-color: #d97706}.warning{background-color:#ffc107;color:#000;padding:10px;border-radius:4px}.info{background-color:#17a2b8;color:#fff;padding:10px;border-radius:4px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000;transition:top .3s}.skip-link:focus{top:6px}*:focus{outline:2px solid var(--focus-color);outline-offset:2px}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:3px solid var(--focus-color);outline-offset:2px;box-shadow:0 0 0 3px #2563eb1a}@media (prefers-contrast: high){*:focus{outline:3px solid #000000;outline-offset:2px;background-color:#ff0;color:#000}}@media (prefers-contrast: high){:root{--primary-color: #0000ff;--text-light: #000000;--text-dark: #ffffff;--background-light: #ffffff;--background-medium: #f0f0f0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-light)}.form-label.required:after{content:" *";color:var(--error-color)}.required-indicator{color:var(--error-color);margin-left:.25rem}.form-hint{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background-color:var(--background-light);color:var(--text-light)}.form-input:focus{border-color:var(--focus-color);box-shadow:0 0 0 3px #2563eb1a}.form-input.error{border-color:var(--error-color)}.form-input.error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #dc26261a}.form-error{color:var(--error-color);font-size:.875rem;margin-top:.25rem;font-weight:500}.khmer-text,.ipa-text{font-family:var(--khmer-font);font-size:2rem;line-height:1.8;letter-spacing:.5px}.example-text{font-family:var(--khmer-font);font-size:1.6rem;line-height:1.8;letter-spacing:.5px}.latin-text{font-family:var(--latin-font)}.khmer-h1{font-family:var(--khmer-font);font-size:2.5rem;font-weight:800;line-height:1.2;letter-spacing:-.5px}.khmer-h2{font-family:var(--khmer-font);font-size:2rem;font-weight:700;line-height:1.3;letter-spacing:-.25px}.khmer-h3{font-family:var(--khmer-font);font-size:1.5rem;font-weight:600;line-height:1.4}.khmer-h4{font-family:var(--khmer-font);font-size:1.25rem;font-weight:600;line-height:1.5}.khmer-body{font-family:var(--khmer-font);font-size:1.125rem;line-height:1.8}.khmer-body-large{font-family:var(--khmer-font);font-size:1.25rem;line-height:1.7}.khmer-body-small{font-family:var(--khmer-font);font-size:1rem;line-height:1.6}.khmer-caption{font-family:var(--khmer-font);font-size:.875rem;line-height:1.6}.navbar-khmer{box-shadow:var(--shadow);background-color:#fff;padding:.75rem 0;position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-family:var(--khmer-font);font-weight:800;font-size:1.75rem;color:var(--navbar-brand);text-decoration:none;transition:var(--transition)}.navbar-brand:hover{color:var(--primary-light)}.nav-menu{display:flex;align-items:center;gap:.5rem}.nav-link{font-family:var(--latin-font);font-weight:500;font-size:1rem;color:var(--text-medium);text-decoration:none;padding:.5rem 1rem;border-radius:var(--border-radius);transition:var(--transition);position:relative}.nav-link:hover{color:var(--primary-color);background-color:#4361ee1a}.nav-link.active{color:var(--primary-color);background-color:#4361ee1a;font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-5px;left:1rem;right:1rem;height:3px;background-color:var(--primary-color);border-radius:3px}.nav-dropdown{position:relative}.nav-dropdown-content{position:absolute;top:100%;left:0;background-color:#fff;min-width:200px;box-shadow:var(--shadow-lg);border-radius:var(--border-radius);padding:.5rem 0;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown:hover .nav-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-content .nav-link{display:block;padding:.75rem 1rem;color:var(--text-medium);text-decoration:none;transition:var(--transition);border-radius:0}.nav-dropdown-content .nav-link:hover,.nav-dropdown-content .nav-link.active{background-color:#4361ee1a;color:var(--primary-color)}.nav-dropdown-content .nav-link:first-child{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.nav-dropdown-content .nav-link:last-child{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.nav-auth{display:flex;align-items:center;gap:1rem}.auth-button{display:flex;align-items:center;gap:.5rem;font-family:var(--latin-font);font-weight:500;font-size:1rem;color:var(--text-medium);background:none;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.auth-button:hover{color:var(--primary-color);background-color:#4361ee1a}.nav-auth .nav-dropdown{position:relative}.nav-auth .dropdown-arrow{font-size:.75rem;margin-left:.25rem;transition:transform .2s ease}.nav-auth .dropdown-toggle.active .dropdown-arrow{transform:rotate(180deg)}.auth-dropdown-content{position:absolute;top:100%;right:0;background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);min-width:180px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;margin-top:.5rem}.auth-dropdown-content.show{opacity:1;visibility:visible;transform:translateY(0)}.auth-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-medium);text-decoration:none;font-family:var(--latin-font);font-weight:500;font-size:.9rem;transition:var(--transition);border-bottom:1px solid var(--border-color)}.auth-dropdown-item:last-child{border-bottom:none}.auth-dropdown-item:hover{color:var(--primary-color);background-color:#4361ee1a}.auth-dropdown-item:first-child:hover{border-radius:var(--border-radius) var(--border-radius) 0 0}.auth-dropdown-item:last-child:hover{border-radius:0 0 var(--border-radius) var(--border-radius)}@media (max-width: 768px){.nav-auth{order:999;width:100%;padding-top:1rem;border-top:1px solid var(--border-color);position:relative}.nav-auth .nav-dropdown{width:100%}.nav-auth .auth-button{width:100%;justify-content:flex-start;padding:1rem;margin:0;border-radius:8px}.auth-dropdown-content{position:absolute;top:100%;right:0;transform:none;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);background:var(--background-light);margin-top:.5rem;border-radius:var(--border-radius);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;min-width:180px;max-height:0;overflow:hidden}.auth-dropdown-content.show{opacity:1;visibility:visible;transform:translateY(0);max-height:500px}.auth-dropdown-item{padding:.75rem 1rem;background-color:#4361ee0d;border-radius:var(--border-radius);margin-bottom:.5rem;display:flex;width:100%}.auth-dropdown-item:last-child{margin-bottom:0}}.card-khmer{border-radius:var(--border-radius-lg);box-shadow:var(--shadow);transition:var(--transition);background-color:#fff;border:1px solid var(--border-color);overflow:hidden;width:100%;max-width:100%}.card-khmer:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.card-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:12px;background-color:#4361ee1a;color:var(--primary-color);margin-bottom:1.5rem}.card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.card-title-khmer{font-family:var(--khmer-font);font-weight:700;font-size:1.25rem;margin-bottom:.75rem;color:var(--text-light)}.card-description-khmer{font-family:var(--khmer-font);font-size:1rem;color:var(--text-medium);line-height:1.6;flex-grow:1}.card-link{display:inline-block;margin-top:1rem;font-family:var(--latin-font);font-weight:600;font-size:.9rem;color:var(--primary-color);text-decoration:none;transition:var(--transition)}.card-link:hover{color:var(--primary-dark);text-decoration:underline}.hero-card{border-radius:var(--border-radius-lg);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:3rem;text-align:center;box-shadow:var(--shadow-xl);margin:2rem auto;max-width:1200px}.hero-card h2{font-family:var(--khmer-font);font-weight:800;font-size:2rem;margin-bottom:1rem}.hero-card p{font-family:var(--khmer-font);font-size:1.25rem;max-width:600px;margin:0 auto 2rem;opacity:.9}.search-container{max-width:500px;margin:0 auto;position:relative}.search-input{width:100%;padding:1rem 1rem 1rem 3.5rem;border-radius:50px;border:none;font-size:1.5rem;box-shadow:0 4px 6px #0000001a}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-medium)}.btn{font-family:var(--latin-font);font-weight:600;border-radius:var(--border-radius);padding:.4rem .8rem;border:none;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-size:.9rem}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 4px #4361ee33}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 6px #4361ee4d}.btn-secondary{background-color:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:#4361ee1a;transform:translateY(-1px)}.btn-large{padding:.6rem 1.2rem;font-size:1rem}.btn-small{padding:.2rem .6rem;font-size:.8rem}.input-khmer{font-family:var(--latin-font);border-radius:var(--border-radius);border:2px solid var(--border-color);padding:.4rem .8rem;width:85%;font-size:.9rem;transition:var(--transition);background-color:#fff;height:auto}.input-khmer:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee33}.input-khmer::-moz-placeholder{color:var(--text-medium);opacity:.7}.input-khmer::placeholder{color:var(--text-medium);opacity:.7}.text-primary{color:var(--primary-color)}.bg-primary{background-color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.bg-secondary{background-color:var(--secondary-color)}.text-accent{color:var(--accent-color)}.bg-accent{background-color:var(--accent-color)}.text-medium{color:var(--text-medium)}.text-dark{color:var(--text-dark)}.bg-light{background-color:var(--background-light)}.bg-medium{background-color:var(--background-medium)}.bg-dark{background-color:var(--background-dark)}.w-85{width:85%!important;margin:0 auto!important}.center-flex{display:flex!important;justify-content:center!important}.relative-centered{position:relative!important;width:85%!important;margin:0 auto!important}.section{padding:5rem 0}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{font-family:var(--khmer-font);font-weight:800;font-size:2.25rem;color:var(--text-light);margin-bottom:1rem}.section-title p{font-family:var(--khmer-font);font-size:1.25rem;color:var(--text-medium);max-width:700px;margin:0 auto}.container-lg{max-width:1200px;margin:0 auto;padding:0 1.5rem}.grid-cols-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-form-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem 1rem;width:100%}.auth-card{width:100%;max-width:450px;margin:0 auto;padding:2rem;background:var(--background-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.auth-form-container .form-group{margin-bottom:1.5rem}.auth-form-container .form-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-light);font-size:.875rem}.auth-form-container .form-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background-color:var(--background-light);color:var(--text-light);box-sizing:border-box}.auth-form-container .form-input:focus{border-color:var(--focus-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.auth-form-container .icon-in-input{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.auth-form-container .form-button{width:100%;padding:.875rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);text-align:center;display:inline-block;text-decoration:none;box-sizing:border-box}.auth-form-container .form-button-primary{background-color:var(--primary-color);color:#fff}.auth-form-container .form-button-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.auth-form-container .form-button-primary:disabled{background-color:var(--text-muted);cursor:not-allowed;transform:none}.auth-form-container .form-button-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.auth-form-container .form-button-secondary:hover{background-color:var(--primary-color);color:#fff}.auth-form-container .centered-form-element{text-align:center;margin-top:1.5rem}.auth-form-container .checkbox-group{display:flex;align-items:center;margin-bottom:1rem}.auth-form-container .checkbox-group input[type=checkbox]{width:auto;margin-right:.5rem;margin-top:0}.auth-form-container .checkbox-group label{margin-bottom:0;font-weight:400}.auth-form-container .form-links{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.875rem}.auth-form-container .form-links a{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-form-container .form-links a:hover{color:var(--primary-dark);text-decoration:underline}.auth-form-container .auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-medium)}.auth-form-container .auth-footer a{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-form-container .auth-footer a:hover{color:var(--primary-dark);text-decoration:underline}.auth-form-container .alert{padding:.75rem 1rem;border-radius:var(--border-radius);margin-bottom:1rem;font-size:.875rem}.auth-form-container .alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:var(--error-color)}.auth-form-container .alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:var(--success-color)}@media (max-width: 1024px){.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.section{padding:3rem 0}.section-title h2{font-size:2rem}.section-title p{font-size:1.125rem}.hero-card{padding:2rem}.hero-card h2{font-size:1.75rem}.hero-card p{font-size:1.125rem}}@media (max-width: 768px){.khmer-h1{font-size:2rem}.khmer-h2{font-size:1.75rem}.khmer-h3{font-size:1.25rem}.khmer-body{font-size:1rem}.navbar-container{padding:0 1rem}.navbar-brand{font-size:1.5rem}.nav-link{padding:.5rem .75rem;font-size:.875rem}.hero-card{padding:1.5rem}.hero-card h2{font-size:1.5rem}.section-title h2{font-size:1.75rem}.grid-cols-3{grid-template-columns:1fr}}@media (max-width: 480px){.navbar-brand{font-size:1.25rem}.nav-link{padding:.25rem .5rem}.section{padding:2rem 0}.section-title h2{font-size:1.5rem}.hero-card{padding:1rem}.hero-card h2{font-size:1.25rem}.hero-card p{font-size:1rem}.btn{padding:.4rem .8rem;font-size:.8rem}.btn-large{padding:.6rem 1.2rem;font-size:.9rem}.auth-form-container,.auth-card{padding:1rem}.mobile-menu-toggle{display:block}.nav-menu{position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:1rem;gap:.5rem;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-150%);transition:transform .3s ease-in-out;z-index:99}.nav-menu.mobile-open{transform:translateY(0)}.nav-menu .nav-link{display:block;padding:1rem;margin:.25rem 0;border-radius:8px;text-align:left}.nav-menu .nav-link:hover{background-color:#4361ee0d}.nav-dropdown .nav-link{border-radius:8px}.nav-dropdown-content{position:static;box-shadow:none;padding:0 0 0 1rem;opacity:0;visibility:hidden;transform:none;background:none;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.nav-dropdown-content.show{opacity:1;visibility:visible;max-height:1000px;padding:.5rem 0 0 1rem}.nav-dropdown-content .nav-link{padding:.75rem 1rem;margin:.25rem 0;border-radius:8px}.search-button{display:none}.nav-auth{padding:1rem 0 0;border-top:1px solid var(--border-color)}}.mobile-menu-toggle{display:none}@media (max-width: 768px){.mobile-menu-toggle{display:block;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-light);z-index:100}.nav-menu{position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:1rem;gap:.5rem;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-150%);transition:transform .3s ease-in-out;z-index:99}.nav-menu.mobile-open{transform:translateY(0)}.nav-menu .nav-link{display:block;padding:1rem;margin:.25rem 0;border-radius:8px;text-align:left;width:100%}.nav-menu .nav-link:hover{background-color:#4361ee0d}.nav-dropdown .nav-link{border-radius:8px;width:100%}.nav-dropdown-content{position:static;box-shadow:none;padding:0 0 0 1rem;opacity:0;visibility:hidden;transform:none;background:none;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.nav-dropdown-content.show{opacity:1;visibility:visible;max-height:1000px;padding:.5rem 0 0 1rem}.nav-dropdown-content .nav-link{padding:.75rem 1rem;margin:.25rem 0;border-radius:8px;width:100%}.search-button{display:none}.nav-auth{padding:1rem 0 0;border-top:1px solid var(--border-color)}}@media (prefers-color-scheme: dark){:root{--background-light: #1e293b;--background-medium: #334155;--text-light: #f1f5f9;--text-medium: #cbd5e1;--border-color: #475569}.card-khmer{background-color:#334155;border-color:#475569}.card-title-khmer{color:var(--text-light)}.navbar-khmer{background-color:#1e293b}.nav-link:hover,.nav-link.active{background-color:#4361ee33}.input-khmer{background-color:#1e293b;color:var(--text-light)}.hero-card{background:linear-gradient(135deg,#3a0ca3,#24007a)}}footer.bg-dark{background-color:var(--background-dark)}footer .text-dark{color:var(--text-dark)}footer .text-medium{color:#cbd5e1}footer .bg-medium{background-color:#334155}footer a:hover{color:var(--primary-light)}footer .border-t{border-color:#475569}footer ul{list-style:none;padding:0;margin:0}footer .container-lg{max-width:1200px;margin:0 auto;padding:0 1.5rem}footer .grid{display:grid;gap:2rem}footer .grid-cols-1{grid-column:span 1}footer .md\:grid-cols-2{grid-column:span 1}footer .lg\:grid-cols-4{grid-column:span 1}@media (min-width: 1024px){footer .grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px) and (max-width: 1023px){footer .grid{grid-template-columns:repeat(2,1fr)}footer .grid-cols-1{grid-column:span 2}}@media (max-width: 767px){footer .grid{grid-template-columns:1fr}footer .grid-cols-1,footer .md\:grid-cols-2,footer .lg\:grid-cols-4{grid-column:span 1}}.form-input-container{width:85%;margin:0 auto}.form-input{font-family:var(--latin-font);border-radius:8px;border:2px solid var(--border-color);padding:.3rem .6rem .3rem 2rem;width:100%;font-size:.85rem;transition:var(--transition);background-color:#fff;height:auto;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4361ee33}.form-input::-moz-placeholder{color:var(--text-medium);opacity:.7}.form-input::placeholder{color:var(--text-medium);opacity:.7}.form-button{font-family:var(--latin-font);font-weight:600;border-radius:8px;padding:.3rem .8rem;border:none;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none;font-size:.85rem;width:85%;margin:0 auto;display:block}.form-button-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 1px 3px #4361ee33}.form-button-primary:hover{background-color:var(--primary-dark);transform:translateY(-.5px);box-shadow:0 2px 4px #4361ee4d}.form-button-secondary{background-color:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.form-button-secondary:hover{background-color:#4361ee1a;transform:translateY(-.5px)}.centered-form-element{display:flex;justify-content:center}.icon-in-input{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);z-index:10}.relative-wrapper{position:relative;width:100%}.spacer{height:2rem}.spacer-8{height:.8rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-custom{animation:spin 1s linear infinite}.khmer-script{font-size:4rem}.a-series{color:var(--a-serie-color)}.o-series{color:var(--o-serie-color)}.is-obsolete{color:var(--is-obsolete-color)}.khmer{font-family:Noto Sans Khmer,Khmer OS,Khmer Sangam MN,serif;font-size:1.05rem;margin-top:.4rem}.series{display:inline-block;padding:.12rem .25rem;border-radius:4px;font-weight:600;margin-left:.5rem}.series-a{background:#e6f0ff;color:var(--a-serie-color)}.series-o{background:#fff0f6;color:var(--o-serie-color)}ul{margin-left:1.15rem}code.km-inline{font-family:inherit;background:#f8f9fa;padding:.08rem .25rem;border-radius:3px}.note{font-size:.95rem;color:#374151;margin-top:.4rem}.example{font-style:italic;color:#0f172a}.profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.profile-avatar{position:relative;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;font-weight:700;overflow:hidden;box-shadow:var(--shadow-lg)}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-avatar-upload{position:absolute;bottom:0;right:0;background:var(--primary-color);color:#fff;border:3px solid white;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.profile-avatar-upload:hover{background:var(--primary-dark);transform:scale(1.1)}.profile-info h2{font-family:var(--khmer-font);font-size:2rem;font-weight:700;color:var(--text-light);margin-bottom:.5rem}.profile-info p{color:var(--text-medium);font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-number{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-label{color:var(--text-medium);font-size:.875rem;font-weight:500}.progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:4px;transition:width .3s ease}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem;margin-top:1rem}.achievement-badge{width:80px;height:80px;border-radius:50%;background:var(--background-medium);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:2rem;transition:var(--transition);cursor:pointer}.achievement-badge.unlocked{background:linear-gradient(135deg,gold,#ffed4e);border-color:gold;box-shadow:0 4px 8px #ffd7004d}.achievement-badge:hover{transform:scale(1.1)}.activity-timeline{position:relative;padding-left:2rem}.activity-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--border-color)}.activity-item{position:relative;margin-bottom:1.5rem;padding-left:1rem}.activity-item:before{content:"";position:absolute;left:-1.75rem;top:.25rem;width:8px;height:8px;border-radius:50%;background:var(--primary-color)}.activity-time{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.activity-content{color:var(--text-light);font-size:.875rem}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center;gap:1rem}.profile-avatar{width:100px;height:100px;font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.75rem}.achievement-badge{width:60px;height:60px;font-size:1.5rem}}.floating-profile-button{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-xl);z-index:1000;transition:var(--transition);text-decoration:none;border:3px solid white}.floating-profile-button:hover{transform:scale(1.1);box-shadow:0 8px 25px #2563eb66}.floating-profile-button svg{position:absolute;opacity:.3}.floating-profile-button .profile-initial{font-size:1.25rem;font-weight:700;z-index:1}@media (max-width: 768px){.floating-profile-button{bottom:1rem;right:1rem;width:48px;height:48px}.floating-profile-button .profile-initial{font-size:1rem}}body[data-route="/profile"] .floating-profile-button{display:none}.social-auth-container{margin:2rem 0}.social-auth-divider{position:relative;text-align:center;margin:1.5rem 0}.social-auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-color)}.social-auth-divider span{background-color:var(--background-light);color:var(--text-medium);padding:0 1rem;font-size:.875rem;font-weight:500;position:relative;z-index:1}.social-auth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.social-auth-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-light);color:var(--text-light);font-family:var(--latin-font);font-weight:500;font-size:.875rem;cursor:pointer;transition:var(--transition);text-decoration:none;min-height:44px}.social-auth-button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.social-auth-button:focus{outline:2px solid var(--focus-color);outline-offset:2px}.social-auth-button .social-icon{width:20px;height:20px;flex-shrink:0}.social-auth-button.google:hover{border-color:#4285f4;background-color:#f8f9fa}.social-auth-button.github:hover{border-color:#333;background-color:#f6f8fa}.social-auth-button.apple:hover{border-color:#000;background-color:#f8f9fa}.social-auth-button.facebook:hover{border-color:#1877f2;background-color:#f0f2f5}@media (max-width: 480px){.social-auth-buttons{grid-template-columns:1fr;gap:.5rem}.social-auth-button{padding:.625rem .875rem;font-size:.8rem}}@media (prefers-color-scheme: dark){.social-auth-divider span{background-color:var(--background-light)}.social-auth-button{background-color:var(--background-medium);border-color:var(--border-color);color:var(--text-light)}.social-auth-button.google:hover{background-color:#4285f41a;border-color:#4285f4}.social-auth-button.github:hover{background-color:#3333331a;border-color:#666}.social-auth-button.apple:hover{background-color:#0000001a;border-color:#666}.social-auth-button.facebook:hover{background-color:#1877f21a;border-color:#1877f2}}.auth-button img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;-o-object-fit:cover;object-fit:cover;border-radius:50%}.search-button{display:flex;align-items:center;gap:8px;padding:8px 14px;background-color:var(--background-medium);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-medium);font-size:.875rem;margin:0 8px}.search-button:hover{background-color:#fff;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.search-button:active{transform:scale(.98)}.search-button-hint{font-family:monospace;font-size:.75rem;padding:2px 6px;background-color:#fff;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted)}@media (max-width: 768px){.search-button-hint{display:none}.search-button{padding:8px;margin:0 4px}}.search-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:80px 20px 20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal-container{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:640px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;animation:slideDown .3s ease;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal-header{display:flex;align-items:center;justify-content:flex-end;padding:12px 16px 0}.search-modal-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--gray-400);transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center}.search-modal-close:hover{background-color:var(--gray-100);color:var(--gray-600)}.search-modal-input-container{position:relative;padding:0 20px 20px;display:flex;align-items:center}.search-modal-icon{position:absolute;left:32px;width:24px;height:24px;color:var(--gray-400);pointer-events:none}.search-modal-input{width:100%;padding:16px 50px 16px 56px;border:2px solid var(--gray-200);border-radius:10px;font-size:1.125rem;transition:all .2s ease;background-color:var(--gray-50);outline:none}.search-modal-input:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #6366f11a}.search-modal-input::-moz-placeholder{color:var(--gray-400)}.search-modal-input::placeholder{color:var(--gray-400)}.search-modal-clear{position:absolute;right:32px;padding:6px;background:none;border:none;cursor:pointer;color:var(--gray-400);transition:all .2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center}.search-modal-clear:hover{background-color:var(--gray-100);color:var(--gray-600)}.search-modal-results{flex:1;overflow-y:auto;padding:0 8px;min-height:300px}.search-modal-results-header{padding:8px 12px;border-bottom:1px solid var(--gray-100)}.search-modal-results-count{font-size:.875rem;color:var(--gray-500);font-weight:500}.search-modal-results-list{padding:8px 0}.search-modal-result-item{display:block;padding:12px;margin:4px 0;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit}.search-modal-result-item:hover{background-color:var(--gray-50)}.search-modal-result-item:active{background-color:var(--gray-100)}.search-modal-result-content{display:flex;flex-direction:column;gap:6px}.search-modal-result-title{font-size:1rem;font-weight:600;color:var(--dark);margin:0;line-height:1.4}.search-modal-result-snippet{font-size:.875rem;color:var(--gray-600);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-modal-result-source{display:inline-block;font-size:.75rem;color:var(--primary);background-color:#6366f11a;padding:3px 8px;border-radius:4px;font-weight:500;text-transform:capitalize;align-self:flex-start}.search-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--gray-500)}.search-modal-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.search-modal-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.search-modal-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.search-modal-footer{padding:12px 20px;border-top:1px solid var(--gray-100);background-color:var(--gray-50)}.search-modal-hints{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--gray-500)}.search-modal-kbd{display:inline-block;padding:4px 8px;background-color:#fff;border:1px solid var(--gray-300);border-radius:4px;font-size:.75rem;font-weight:600;font-family:monospace;color:var(--gray-700);box-shadow:0 1px 2px #0000000d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){.search-modal-overlay{padding:20px 16px}.search-modal-container{max-height:calc(100vh - 40px);border-radius:16px}.search-modal-input{font-size:1rem;padding:14px 45px 14px 52px}.search-modal-result-item{padding:10px 8px}.search-modal-empty-state{padding:60px 20px}}@media (max-width: 480px){.search-modal-overlay{padding:0;align-items:stretch}.search-modal-container{max-height:100vh;border-radius:0}}