@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-border-style:solid;--tw-font-weight:initial;--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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:#fb2c36;--color-green-400:#05df72;--color-green-500:#00c758;--color-green-600:#00a544;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--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;--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-1{margin-left:calc(var(--spacing)*1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.w-10{width:calc(var(--spacing)*10)}.w-full{width:100%}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-green-500{border-color:var(--color-green-500)}.border-red-500{border-color:var(--color-red-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-500{background-color:var(--color-red-500)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-white{color:var(--color-white)}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.opacity-100{opacity:1}.ring,.ring-1{--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)}.ring-green-500{--tw-ring-color:var(--color-green-500)}.ring-red-500{--tw-ring-color:var(--color-red-500)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\[transform\,filter\,opacity\]{will-change:transform,filter,opacity}.fade-in{--tw-enter-opacity:0}.fade-out{--tw-exit-opacity:0}.slide-in-from-top-2{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--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)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:inline{display:inline}}@media (prefers-color-scheme:dark){.dark\:text-green-400{color:var(--color-green-400)}}}:root{--font-manrope:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-inter:"Inter",sans-serif;--font-montserrat:"Montserrat",sans-serif;--font-roboto:"Roboto",sans-serif;--font-open-sans:"Open Sans",sans-serif;--font-ubuntu:"Ubuntu",sans-serif;--font-literata:"Literata",serif;--font-lora:"Lora",serif;--font-merriweather:"Merriweather",serif;--font-pt-serif:"PT Serif",serif;--font-bitter:"Bitter",serif;--font-jetbrains-mono:"JetBrains Mono",monospace;--font-oswald:"Oswald",sans-serif;--font-atkinson:"Atkinson Hyperlegible",sans-serif;--font-cinzel:"Cinzel RUS",serif;--font-cormorant-garamond:"Cormorant Garamond",serif;--font-forum:"Forum",serif;--font-open-dyslexic:var(--font-atkinson);--font-sans:var(--font-manrope);--font-mono:var(--font-jetbrains-mono);--font-notes:var(--font-sans);--font-cards:var(--font-sans);--notes-line-height:1.6;--cards-font-size:20px;--cards-line-height:1.6;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:var(--text-base);--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-size-base:var(--text-base);--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-13:3.25rem;--space-14:3.5rem;--space-15:3.75rem;--space-16:4rem;--space-17:4.25rem;--space-18:4.5rem;--space-19:4.75rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-3xl:40px;--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;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.3s cubic-bezier(.34,1.56,.64,1);--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500;--z-splash:1000;--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1400px;--touch-target-min:44px;--touch-target-comfortable:48px;--swipe-threshold:50px;--mobile-sidebar-width:280px;--mobile-header-height:56px;--mobile-bottom-nav-height:64px;--mobile-content-padding:var(--space-3);--sidebar-width:250px;--sidebar-collapsed-width:72px;--sidebar-width-effective:var(--sidebar-width);--content-padding:var(--space-8);--home-content-max-width:min(1000px,calc(100vw - var(--sidebar-width-effective) - var(--space-12)));--stats-max-width:var(--home-content-max-width);--modules-max-width:min(850px,calc(var(--home-content-max-width)*.9));--stat-card-padding:clamp(var(--space-2),1vw,var(--space-4));--stat-icon-size:clamp(28px,2.5vw,48px);--stat-value-size:clamp(var(--text-sm),1.2vw,var(--text-xl));--module-icon-size:clamp(36px,3vw,56px);--module-title-size:clamp(var(--text-sm),1.2vw,var(--text-xl));--flashcard-max-width:430px;--flashcard-max-height:573px;--flashcard-aspect-ratio:3/4;--review-category-width:120px;--review-btn-padding:var(--space-2);--review-btn-max-width:140px;--review-btn-min-height:40px;--mini-card-width:230px;--mini-card-height:300px;--text-bold-color:inherit;--text-bold-background:transparent;--text-bold-text-decoration:none;--text-bold-text-shadow:none;--text-bold-background-clip:unset;--text-bold-webkit-background-clip:unset;--text-bold-webkit-text-fill-color:unset;--text-italic-color:inherit;--text-italic-background:transparent;--text-italic-text-decoration:none;--text-italic-text-shadow:none;--text-italic-background-clip:unset;--text-italic-webkit-background-clip:unset;--text-italic-webkit-text-fill-color:unset;--text-underline-color:inherit;--text-underline-background:transparent;--text-underline-text-decoration:underline;--text-underline-text-shadow:none;--text-underline-background-clip:unset;--text-underline-webkit-background-clip:unset;--text-underline-webkit-text-fill-color:unset;--text-highlight-color:inherit;--text-highlight-background:#a7b7c8b3;--text-highlight-text-decoration:none;--text-highlight-text-shadow:none;--text-highlight-background-clip:unset;--text-highlight-webkit-background-clip:unset;--text-highlight-webkit-text-fill-color:unset;--ai-gradient:linear-gradient(135deg,#6366f1 10%,#a855f7 50%,#ec4899 100%);--brand-gradient:radial-gradient(circle at 50% 10%,#c4b5fd 0%,#a78bfa 70%,#8b5cf6 100%);--btn-gradient-start:#c4b5fd;--btn-gradient-mid:#a78bfa;--btn-gradient-end:#8b5cf6;--ai-gradient-start:#6366f1;--ai-gradient-mid:#a855f7;--ai-gradient-end:#ec4899;--color-delete:#991b1b;--color-delete-hover:#ef4444;--bg-primary:var(--color-bg);--bg-secondary:var(--color-surface);--bg-tertiary:var(--color-surface-variant);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--border-primary:var(--color-outline);--border-secondary:var(--color-outline-variant);--color-border:var(--color-outline);--color-on-surface:var(--color-text);--color-on-surface-variant:var(--color-text-secondary);--color-danger:var(--color-error);--color-surface-hover:var(--color-surface-variant)}@supports (color:color-mix(in lab, red, red)){:root{--color-surface-hover:color-mix(in srgb,var(--color-surface-variant)82%,var(--color-primary,#8b5cf6)18%)}}:root{--color-hover:var(--color-surface-hover)}[data-main-font=Manrope]{--font-sans:var(--font-manrope)}[data-main-font=Inter]{--font-sans:var(--font-inter)}[data-main-font=Montserrat]{--font-sans:var(--font-montserrat)}[data-main-font=Roboto]{--font-sans:var(--font-roboto)}[data-main-font=Open\ Sans]{--font-sans:var(--font-open-sans)}[data-main-font=Ubuntu]{--font-sans:var(--font-ubuntu)}[data-main-font=Literata]{--font-sans:var(--font-literata)}[data-main-font=Lora]{--font-sans:var(--font-lora)}[data-main-font=Merriweather]{--font-sans:var(--font-merriweather)}[data-main-font=PT\ Serif]{--font-sans:var(--font-pt-serif)}[data-main-font=Bitter]{--font-sans:var(--font-bitter)}[data-main-font=JetBrains\ Mono]{--font-sans:var(--font-jetbrains-mono)}[data-main-font=Oswald]{--font-sans:var(--font-oswald)}[data-main-font=Atkinson\ Hyperlegible]{--font-sans:var(--font-atkinson)}[data-main-font=Cinzel]{--font-sans:var(--font-cinzel)}[data-main-font=Cormorant\ Garamond]{--font-sans:var(--font-cormorant-garamond)}[data-main-font=Forum]{--font-sans:var(--font-forum)}[data-main-font=OpenDyslexic]{--font-sans:var(--font-open-dyslexic)}[data-notes-font=Manrope]{--font-notes:var(--font-manrope)}[data-notes-font=Inter]{--font-notes:var(--font-inter)}[data-notes-font=Montserrat]{--font-notes:var(--font-montserrat)}[data-notes-font=Roboto]{--font-notes:var(--font-roboto)}[data-notes-font=Open\ Sans]{--font-notes:var(--font-open-sans)}[data-notes-font=Ubuntu]{--font-notes:var(--font-ubuntu)}[data-notes-font=Literata]{--font-notes:var(--font-literata)}[data-notes-font=Lora]{--font-notes:var(--font-lora)}[data-notes-font=Merriweather]{--font-notes:var(--font-merriweather)}[data-notes-font=PT\ Serif]{--font-notes:var(--font-pt-serif)}[data-notes-font=Bitter]{--font-notes:var(--font-bitter)}[data-notes-font=JetBrains\ Mono]{--font-notes:var(--font-jetbrains-mono)}[data-notes-font=Oswald]{--font-notes:var(--font-oswald)}[data-notes-font=Atkinson\ Hyperlegible]{--font-notes:var(--font-atkinson)}[data-notes-font=Cinzel]{--font-notes:var(--font-cinzel)}[data-notes-font=Cormorant\ Garamond]{--font-notes:var(--font-cormorant-garamond)}[data-notes-font=Forum]{--font-notes:var(--font-forum)}[data-notes-font=OpenDyslexic]{--font-notes:var(--font-open-dyslexic)}[data-cards-font=Manrope]{--font-cards:var(--font-manrope)}[data-cards-font=Inter]{--font-cards:var(--font-inter)}[data-cards-font=Montserrat]{--font-cards:var(--font-montserrat)}[data-cards-font=Roboto]{--font-cards:var(--font-roboto)}[data-cards-font=Open\ Sans]{--font-cards:var(--font-open-sans)}[data-cards-font=Ubuntu]{--font-cards:var(--font-ubuntu)}[data-cards-font=Literata]{--font-cards:var(--font-literata)}[data-cards-font=Lora]{--font-cards:var(--font-lora)}[data-cards-font=Merriweather]{--font-cards:var(--font-merriweather)}[data-cards-font=PT\ Serif]{--font-cards:var(--font-pt-serif)}[data-cards-font=Bitter]{--font-cards:var(--font-bitter)}[data-cards-font=JetBrains\ Mono]{--font-cards:var(--font-jetbrains-mono)}[data-cards-font=Oswald]{--font-cards:var(--font-oswald)}[data-cards-font=Atkinson\ Hyperlegible]{--font-cards:var(--font-atkinson)}[data-cards-font=Cinzel]{--font-cards:var(--font-cinzel)}[data-cards-font=Cormorant\ Garamond]{--font-cards:var(--font-cormorant-garamond)}[data-cards-font=Forum]{--font-cards:var(--font-forum)}[data-cards-font=OpenDyslexic]{--font-cards:var(--font-open-dyslexic)}[data-theme=light]{--color-bg:#fafafc;--color-surface:#fcfcfe;--color-surface-rgb:252,252,254;--color-surface-variant:#f4f4f8;--color-surface-container:#f8f8fb;--color-surface-container-high:#efeff3;--color-surface-container-highest:#e8e8ed;--color-outline:#d0d0d8;--color-outline-variant:#e0e0e6;--color-text:#1a1a1f;--color-text-secondary:#454550;--color-text-tertiary:#70707a;--color-success:#22c55e;--color-success-container:#dcfce7;--color-warning:#f59e0b;--color-warning-container:#fef3c7;--color-error:#ef4444;--color-error-container:#fee2e2;--color-info:#3b82f6;--color-info-container:#dbeafe;--color-card:#fff;--color-card-border:#e8e8ed;--modal-backdrop:#0006;--shadow-card:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-card-hover:0 4px 12px #0000001a;--shadow-modal:0 25px 50px -12px #00000040;--brand-gradient:radial-gradient(circle,#6d28d9 0%,#4338ca 70%,#1e1b4b 100%);--btn-gradient-start:#6d28d9;--btn-gradient-mid:#4338ca;--btn-gradient-end:#1e1b4b}[data-theme=dark]{--color-bg:#050508;--color-surface:#0a0a0f;--color-surface-rgb:10,10,15;--color-surface-variant:#15151a;--color-surface-container:#101015;--color-surface-container-high:#1a1a20;--color-surface-container-highest:#24242a;--color-outline:#2f2f35;--color-outline-variant:#202026;--color-text:#e8e8ec;--color-text-secondary:#9999a5;--color-text-tertiary:#6a6a75;--color-success:#4ade80;--color-success-container:#14532d;--color-warning:#fbbf24;--color-warning-container:#713f12;--color-error:#ff5a5f;--color-error-container:#7f1d1d;--color-info:#60a5fa;--color-info-container:#1e3a5f;--color-card:#18181d;--color-card-border:#2a2a30;--modal-backdrop:#000000b3;--shadow-card:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-card-hover:0 4px 12px #0006;--shadow-modal:0 25px 50px -12px #0009}[data-accent=violet]{--color-primary:#7c4dff;--color-primary-hover:#651fff;--color-primary-container:#7c4dff1f;--color-primary-container-hover:#7c4dff33;--color-on-primary:#fff}[data-theme=dark][data-accent=violet]{--color-primary:#9e7cff;--color-primary-hover:#b49fff;--color-primary-container:#9e7cff33}[data-accent=teal]{--color-primary:#00bfa5;--color-primary-hover:#00a896;--color-primary-container:#00bfa51f;--color-primary-container-hover:#00bfa533;--color-on-primary:#fff}[data-theme=dark][data-accent=teal]{--color-primary:#64ffda;--color-primary-hover:#7fffdf;--color-primary-container:#64ffda33}[data-accent=blue]{--color-primary:#2979ff;--color-primary-hover:#2962ff;--color-primary-container:#2979ff1f;--color-primary-container-hover:#2979ff33;--color-on-primary:#fff}[data-theme=dark][data-accent=blue]{--color-primary:#69a6ff;--color-primary-hover:#82b5ff;--color-primary-container:#69a6ff33}[data-accent=orange]{--color-primary:#ff9100;--color-primary-hover:#ff6d00;--color-primary-container:#ff91001f;--color-primary-container-hover:#ff910033;--color-on-primary:#fff}[data-theme=dark][data-accent=orange]{--color-primary:#ffab40;--color-primary-hover:#ffbd60;--color-primary-container:#ffab4033}[data-accent=pink]{--color-primary:#ff4081;--color-primary-hover:#f50057;--color-primary-container:#ff40811f;--color-primary-container-hover:#ff408133;--color-on-primary:#fff}[data-theme=dark][data-accent=pink]{--color-primary:#ff80ab;--color-primary-hover:#ff99bc;--color-primary-container:#ff80ab33}[data-accent=coral]{--color-primary:#ff6b6b;--color-primary-hover:#ff5252;--color-primary-container:#ff6b6b1f;--color-primary-container-hover:#ff6b6b33;--color-on-primary:#fff}[data-theme=dark][data-accent=coral]{--color-primary:#ff8a8a;--color-primary-hover:#ffa0a0;--color-primary-container:#ff8a8a33}[data-accent=gold]{--color-primary:#ffd54f;--color-primary-hover:#ffc107;--color-primary-container:#ffd54f26;--color-primary-container-hover:#ffd54f40;--color-on-primary:#1a1a1f}[data-theme=dark][data-accent=gold]{--color-primary:#ffe082;--color-primary-hover:#ffe89f;--color-primary-container:#ffe08233;--color-on-primary:#1a1a1f}[data-accent=lime]{--color-primary:#76ff03;--color-primary-hover:#64dd17;--color-primary-container:#76ff031f;--color-primary-container-hover:#76ff0333;--color-on-primary:#1a1a1f}[data-theme=dark][data-accent=lime]{--color-primary:#b2ff59;--color-primary-hover:#c5ff7a;--color-primary-container:#b2ff5933;--color-on-primary:#1a1a1f}[data-accent=indigo]{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-container:#6366f11f;--color-primary-container-hover:#6366f133;--color-on-primary:#fff}[data-theme=dark][data-accent=indigo]{--color-primary:#818cf8;--color-primary-hover:#a5b4fc;--color-primary-container:#818cf833}:root{--color-again:#ef5350;--color-hard:#78909c;--color-good:#66bb6a;--color-easy:#42a5f5}[data-theme=light]{--color-again-container:#ffebee;--color-hard-container:#f5f5f5;--color-good-container:#e8f5e9;--color-easy-container:#e3f2fd}[data-theme=dark]{--color-again-container:#3d2020;--color-hard-container:#2a2d30;--color-good-container:#1b3d1f;--color-easy-container:#1a2f3d}[data-theme=light]{--color-new:#2196f3;--color-learning:#ff9800;--color-review:#4caf50;--color-mastered:#00c853}[data-theme=dark]{--color-new:#64b5f6;--color-learning:#ffb74d;--color-review:#81c784;--color-mastered:#69f0ae}:root{--folder-violet:#7c4dff;--folder-teal:#00bfa5;--folder-blue:#2979ff;--folder-orange:#ff9100;--folder-pink:#ff4081;--folder-green:#00e676;--folder-yellow:#ffd54f;--folder-coral:#ff6b6b}@media (min-width:1400px) and (min-height:900px){:root{--content-padding:var(--space-8);--flashcard-max-width:450px;--flashcard-max-height:600px;--flashcard-aspect-ratio:3/4;--review-category-width:130px;--review-btn-max-width:150px;--review-btn-min-height:45px;--mini-card-width:200px;--mini-card-height:267px}}@media (min-width:1200px) and (max-width:1399px) and (min-height:800px){:root{--content-padding:var(--space-6);--flashcard-max-width:400px;--flashcard-max-height:533px;--flashcard-aspect-ratio:3/4;--review-category-width:120px;--review-btn-max-width:140px;--review-btn-min-height:42px;--mini-card-width:180px;--mini-card-height:240px}}@media (min-width:1200px) and (min-height:600px) and (max-height:799px){:root{--content-padding:var(--space-4);--flashcard-max-width:300px;--flashcard-max-height:400px;--flashcard-aspect-ratio:3/4;--review-category-width:110px;--review-btn-max-width:130px;--review-btn-min-height:38px;--mini-card-width:150px;--mini-card-height:200px}}@media (min-width:1024px) and (max-width:1199px) and (min-height:700px){:root{--content-padding:var(--space-5);--flashcard-max-width:350px;--flashcard-max-height:467px;--flashcard-aspect-ratio:3/4;--review-category-width:110px;--review-btn-padding:var(--space-1)var(--space-3);--review-btn-max-width:130px;--review-btn-min-height:40px;--mini-card-width:160px;--mini-card-height:213px}}@media (min-width:1024px) and (max-width:1199px) and (min-height:550px) and (max-height:699px){:root{--content-padding:var(--space-3);--flashcard-max-width:280px;--flashcard-max-height:373px;--flashcard-aspect-ratio:3/4;--review-category-width:100px;--review-btn-max-width:120px;--review-btn-min-height:36px;--mini-card-width:130px;--mini-card-height:173px}}@media (min-width:768px) and (max-width:1023px) and (min-height:600px){:root{--content-padding:var(--space-4);--flashcard-max-width:320px;--flashcard-max-height:427px;--flashcard-aspect-ratio:3/4;--review-category-width:100px;--review-btn-padding:var(--space-1)var(--space-2);--review-btn-max-width:120px;--review-btn-min-height:38px;--mini-card-width:130px;--mini-card-height:173px}}@media (min-width:768px) and (max-width:1023px) and (max-height:599px){:root{--content-padding:var(--space-3);--flashcard-max-width:260px;--flashcard-max-height:347px;--flashcard-aspect-ratio:3/4;--review-category-width:90px;--review-btn-max-width:110px;--review-btn-min-height:36px;--mini-card-width:110px;--mini-card-height:147px}}@media (min-width:480px) and (max-width:767px){:root{--content-padding:var(--space-3);--flashcard-max-width:min(85vw,320px);--flashcard-max-height:min(55vh,420px);--flashcard-aspect-ratio:3/4;--review-category-width:80px;--review-btn-max-width:none;--review-btn-min-height:44px}}@media (min-width:375px) and (max-width:479px){:root{--content-padding:var(--space-2);--flashcard-max-width:calc(100vw - var(--space-4));--flashcard-max-height:min(50vh,380px);--flashcard-aspect-ratio:3/4;--review-category-width:70px;--review-btn-max-width:none;--review-btn-min-height:44px}}@media (max-width:374px){:root{--content-padding:var(--space-2);--flashcard-max-width:calc(100vw - var(--space-3));--flashcard-max-height:min(48vh,340px);--flashcard-aspect-ratio:3/4;--review-category-width:65px;--review-btn-max-width:none;--review-btn-min-height:42px}}@media (min-width:1400px) and (max-height:599px){:root{--flashcard-max-width:260px;--flashcard-max-height:347px;--mini-card-width:120px;--mini-card-height:160px}}@media (min-width:1400px) and (min-height:600px) and (max-height:899px){:root{--flashcard-max-width:320px;--flashcard-max-height:427px;--mini-card-width:160px;--mini-card-height:213px}}:root{--control-surface-bg:transparent;--control-surface-bg-hover:var(--color-surface-container)}@supports (color:color-mix(in lab, red, red)){:root{--control-surface-bg-hover:color-mix(in srgb,var(--color-surface-container)70%,transparent)}}:root{--control-surface-bg-active:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root{--control-surface-bg-active:color-mix(in srgb,var(--color-primary)8%,transparent)}}:root{--control-surface-border:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){:root{--control-surface-border:color-mix(in srgb,var(--color-outline-variant)55%,transparent)}}:root{--control-surface-border-strong:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){:root{--control-surface-border-strong:color-mix(in srgb,var(--color-outline-variant)65%,transparent)}}:root{--control-surface-border-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root{--control-surface-border-hover:color-mix(in srgb,var(--color-primary)45%,transparent)}}:root{--control-surface-border-active:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root{--control-surface-border-active:color-mix(in srgb,var(--color-primary)55%,transparent)}}:root{--control-surface-dropdown-bg:var(--color-bg);--control-surface-radius:var(--radius-lg);--control-surface-min-height:48px;--control-surface-transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);--control-dropdown-animation:controlDropdownIn .22s cubic-bezier(.16,1,.3,1);--control-dropdown-up-animation:controlDropdownInUp .22s cubic-bezier(.16,1,.3,1);--control-dropdown-mobile-animation:controlDropdownMobileIn .22s cubic-bezier(.16,1,.3,1);--control-dropdown-mobile-up-animation:controlDropdownMobileInUp .22s cubic-bezier(.16,1,.3,1);--control-dropdown-trigger-transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}@keyframes controlDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes controlDropdownInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes controlDropdownMobileIn{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes controlDropdownMobileInUp{0%{opacity:0;clip-path:inset(100% 0 0)}to{opacity:1;clip-path:inset(0)}}@media (max-width:768px){:root{--control-dropdown-animation:var(--control-dropdown-mobile-animation);--control-dropdown-up-animation:var(--control-dropdown-mobile-up-animation)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scrollbar-gutter:stable;font-size:16px;overflow-y:auto}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base);overscroll-behavior-x:none;overscroll-behavior-y:auto;touch-action:pan-x pan-y pinch-zoom;line-height:1.6;overflow-x:hidden}.route-transition-curtain{z-index:10000;background-color:var(--color-bg);opacity:0;pointer-events:none;will-change:opacity;transition:opacity .32s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.route-transition-curtain--visible{opacity:1;pointer-events:auto;transition-duration:1ms}@media (prefers-reduced-motion:reduce){.route-transition-curtain{transition:none}}@media (max-width:768px){html,body{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom!important;overscroll-behavior-x:none!important;overscroll-behavior-y:auto!important}*{overscroll-behavior-x:none!important;touch-action:pan-x pan-y pinch-zoom!important}#app,.app-container{touch-action:pan-x pan-y pinch-zoom!important;overscroll-behavior-x:none!important}}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);color:var(--color-text);line-height:1.3}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--color-text)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}strong{font-weight:var(--font-semibold);color:var(--color-text)}code{font-family:var(--font-mono);background:var(--color-surface-container-high);border-radius:var(--radius-sm);padding:.2em .4em;font-size:.9em}pre{font-family:var(--font-mono);background:var(--color-surface-container-highest);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto}pre code{background:0 0;padding:0}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-2)}input,textarea,select{font-family:inherit;font-size:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea,select{width:100%;padding:var(--space-3)var(--space-4);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}select{padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;appearance:none;cursor:pointer;background-size:20px}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-container);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-outline);border-radius:22px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--color-outline)transparent}::selection{background:var(--color-primary-container);color:var(--color-text)}body.home-page-active #main-content,body.notes-page-active #main-content,body.cards-page-active #main-content,body.tests-page-active #main-content,body.guides-page-active #main-content{height:100vh!important;min-height:100vh!important;padding:0!important;overflow:hidden!important}:is(html:has(body.home-page-active),html:has(body.notes-page-active),html:has(body.cards-page-active),html:has(body.tests-page-active),html:has(body.guides-page-active)){scrollbar-gutter:auto}@media (max-width:768px){body.home-page-active #main-content,body.notes-page-active #main-content,body.cards-page-active #main-content,body.tests-page-active #main-content,body.guides-page-active #main-content{height:auto!important;min-height:auto!important;overflow:auto!important}body.mobile-sidebar-open{left:0;right:0;width:100%!important;height:100dvh!important;position:fixed!important;overflow:hidden!important}}.sidebar-file-header{padding:var(--space-6);border-bottom:1px solid var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.sidebar-file-header{border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}.sidebar-file-header{justify-content:space-between;align-items:center;display:flex}.sidebar-file-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text)}.sidebar-file-actions{gap:8px;margin-left:auto;display:flex}.sidebar-file-actions .btn-primary.btn-icon-text,.sidebar-file-actions .btn-secondary.btn-icon-text{width:auto;min-width:auto;height:auto;color:var(--color-text-secondary);transition:color var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:flex;background:0 0!important}.sidebar-file-actions .btn-primary.btn-icon-text:hover,.sidebar-file-actions .btn-secondary.btn-icon-text:hover{color:var(--color-primary);background:0 0;transform:none}.sidebar-file-actions .btn-primary.btn-icon-text:active,.sidebar-file-actions .btn-secondary.btn-icon-text:active{color:var(--color-primary);background:0 0}.sidebar-file-actions .btn-primary.btn-icon-text svg,.sidebar-file-actions .btn-secondary.btn-icon-text svg{width:20px;height:20px}.sidebar-file-content{padding:var(--space-4);flex:1;min-height:0;overflow-y:auto}.sidebar-file-search{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-6);border-bottom:1px solid var(--color-outline-variant);display:flex}@supports (color:color-mix(in lab, red, red)){.sidebar-file-search{border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}.sidebar-file-search-icon{width:16px;height:16px;color:var(--color-text-tertiary);transition:color var(--transition-fast);flex-shrink:0}.sidebar-file-search-input{color:var(--color-text);font-size:var(--text-sm);background:0 0;border-radius:0;outline:none;flex:1;padding:0;border:none!important}.sidebar-file-search-input::placeholder{color:var(--color-text-tertiary)}.sidebar-file-search-input:focus{box-shadow:none;border:none}.sidebar-file-search:focus-within .sidebar-file-search-icon{color:var(--color-primary)}.sidebar-file-footer{padding:var(--space-3)var(--space-4);padding-bottom:calc(var(--space-3));border-top:1px solid var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.sidebar-file-footer{border-top:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}.sidebar-file-footer{box-sizing:border-box;flex-shrink:0;justify-content:center;width:100%;display:flex}.sidebar-file-footer .btn-magic-ai{width:100%;max-width:240px;height:45px;font-weight:var(--font-semibold);box-sizing:border-box;gap:.625rem;font-size:1rem;line-height:1.1}.sidebar-file-footer .btn-magic-ai svg{width:20px;height:20px}[data-main-font=Cinzel] .sidebar-file-footer .btn-magic-ai,[data-main-font=Cinzel] .sidebar-file-footer .btn-magic-ai span{font-feature-settings:"smcp" 1,"c2sc" 1;letter-spacing:.015em;font-size:.95rem;font-variant-caps:small-caps}@media (max-width:1400px){.sidebar-file-header{padding:var(--space-5)}.sidebar-file-title{font-size:var(--text-xl)}.sidebar-file-content{padding:var(--space-3)}}@media (max-height:900px){.sidebar-file-header{padding:var(--space-5)}.sidebar-file-title{font-size:var(--text-xl)}.sidebar-file-content{padding:var(--space-2)}}.app-container{z-index:1;width:100%;min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);background:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.sidebar{background:color-mix(in srgb,var(--color-surface)88%,transparent)}}.sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.sidebar{border-right:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}.sidebar{height:100dvh;z-index:var(--z-sticky);transition:width var(--transition-base),transform var(--transition-base)ease-out;flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.sidebar-header{border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant)45%,transparent)}}.sidebar-brand{flex-direction:column;display:flex;position:relative}.sidebar-brand:after{content:"";height:var(--space-3);pointer-events:auto;position:absolute;top:100%;left:0;right:0}.logo{align-items:center;gap:var(--space-2);font-family:var(--font-cinzel);font-size:var(--text-2xl);font-weight:var(--font-bold);font-feature-settings:"smcp" 1,"c2sc" 1;letter-spacing:0;font-variant-caps:small-caps;display:flex}.logo svg{width:30px;height:30px;color:var(--btn-gradient-mid);margin-left:var(--space-4);filter:drop-shadow(0 0 8px #a855f74d);transition:filter .3s}.logo:hover svg{filter:drop-shadow(0 0 12px #a855f780)}.logo span{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-brand-trigger{width:auto;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.sidebar-nav{padding:var(--space-3);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.nav-item{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;width:100%;text-decoration:none;display:flex}.nav-item svg{flex-shrink:0;width:22px;height:22px}.nav-item:hover{background:var(--color-primary);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.nav-item:hover{background:color-mix(in srgb,var(--color-primary)12%,transparent)}}.nav-item:hover{color:var(--color-primary);box-shadow:none}.nav-item.active{background:var(--color-primary);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.nav-item.active{background:color-mix(in srgb,var(--color-primary)10%,transparent)}}.nav-item.active{color:var(--color-primary)}.nav-item.active:hover{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.nav-item.active:hover{background:color-mix(in srgb,var(--color-primary)14%,transparent)}}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.sidebar-footer{border-top:1px solid color-mix(in srgb,var(--color-outline-variant)45%,transparent)}}.sidebar-footer{gap:var(--space-2);flex-direction:column;display:flex}.sidebar.collapsed{border-right:none;padding:0;overflow:hidden;width:0!important;min-width:0!important}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .sidebar-nav,.sidebar.collapsed .sidebar-footer{opacity:0;visibility:hidden}.sidebar-resize-handle{cursor:ew-resize;width:8px;height:100%;z-index:calc(var(--z-sticky) + 1);transition:background-color .2s;position:absolute;top:0;right:-4px}.sidebar-resize-handle:hover,.sidebar-resize-handle.resizing{background:linear-gradient(to right,transparent,var(--color-primary-container)50%,transparent)}.sidebar-resize-handle:after{content:"";background:var(--color-outline-variant);opacity:0;border-radius:22px;width:4px;height:40px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-resize-handle:hover:after,.sidebar-resize-handle.resizing:after{opacity:1;background:var(--color-primary)}.sidebar-width-indicator{padding:var(--space-1)var(--space-2);background:var(--color-surface-container-high);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-secondary);opacity:.8;pointer-events:none;white-space:nowrap;z-index:calc(var(--z-sticky) + 2);animation:.2s fadeInIndicator;position:absolute;top:50%;right:-60px;transform:translateY(-50%)}@keyframes fadeInIndicator{0%{opacity:0;transform:translateY(-50%)translate(-10px)}to{opacity:.8;transform:translateY(-50%)translate(0)}}.sidebar-expand-btn{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:0 var(--radius-md)var(--radius-md)0;cursor:pointer;width:24px;height:48px;color:var(--color-text-secondary);z-index:var(--z-sticky);border-left:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.sidebar-expand-btn:hover{background:var(--color-primary-container);color:var(--color-primary);width:28px}.sidebar-resize-handle-right{cursor:ew-resize;width:8px;height:100%;z-index:calc(var(--z-sticky) + 1);transition:background-color .2s;position:absolute;top:0;left:-4px}.sidebar-resize-handle-right:hover,.sidebar-resize-handle-right.resizing{background:linear-gradient(to left,transparent,var(--color-primary-container)50%,transparent)}.sidebar-resize-handle-right:after{content:"";border-radius:var(--radius-full);background:var(--color-outline-variant);opacity:0;width:4px;height:40px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-resize-handle-right:hover:after,.sidebar-resize-handle-right.resizing:after{opacity:1;background:var(--color-primary)}.sidebar-width-indicator-right{padding:var(--space-1)var(--space-2);background:var(--color-surface-container-high);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-secondary);opacity:.8;pointer-events:none;white-space:nowrap;z-index:calc(var(--z-sticky) + 2);animation:.2s fadeInIndicatorRight;position:absolute;top:50%;left:-60px;transform:translateY(-50%)}@keyframes fadeInIndicatorRight{0%{opacity:0;transform:translateY(-50%)translate(10px)}to{opacity:.8;transform:translateY(-50%)translate(0)}}.sidebar-expand-btn-right{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md)0 0 var(--radius-md);cursor:pointer;width:24px;height:48px;color:var(--color-text-secondary);z-index:var(--z-sticky);border-right:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.sidebar-expand-btn-right:hover{background:var(--color-primary-container);color:var(--color-primary);width:28px}.main-content{margin-left:var(--sidebar-width-effective,250px);width:calc(100% - var(--sidebar-width-effective,250px));padding:var(--content-padding);background:var(--color-bg);box-sizing:border-box;flex:1;min-height:100vh;overflow-x:hidden}.subscription-expiry-banner{bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));right:var(--space-6);z-index:calc(var(--z-toast) - 1);align-items:start;gap:var(--space-3);width:min(360px,calc(100vw - var(--space-8)));background:linear-gradient(var(--color-surface),var(--color-surface))padding-box,linear-gradient(135deg,#f59e0b47,#f59e0b14)border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:100% 100%;border:1px solid #0000;border-radius:20px;grid-template-columns:auto minmax(0,1fr);padding:14px 44px 14px 16px;transition:opacity .45s,transform .45s;display:grid;position:fixed;box-shadow:0 14px 32px #0f172a2e,inset 0 0 0 1px #ffffff08}.subscription-expiry-banner--fading{opacity:0;pointer-events:none;transform:translateY(8px)scale(.985)}.subscription-expiry-banner__dismiss{color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:12px;right:12px}.subscription-expiry-banner__dismiss:hover{color:var(--color-error);background:0 0;transform:none}.subscription-expiry-banner__icon{border-radius:var(--radius-full);color:#f59e0b;background:#f59e0b1a;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.subscription-expiry-banner__content{flex:1;min-width:0}.subscription-expiry-banner__eyebrow{font-size:11px;font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:#f59e0b;margin-bottom:2px}.subscription-expiry-banner__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:4px;line-height:1.35}.subscription-expiry-banner__text{color:var(--color-text-secondary);font-size:13px;line-height:1.45}.subscription-expiry-banner__actions{flex-shrink:0;grid-column:2;align-items:center;gap:8px;margin-top:2px;display:flex}.subscription-expiry-banner__button{color:var(--color-text);min-height:32px;font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast);background:#f59e0b14;border:1px solid #f59e0b24;border-radius:999px;padding:7px 12px}.subscription-expiry-banner__button:hover{background:#f59e0b24;transform:translateY(-1px)}.subscription-expiry-banner__button--ghost{color:var(--color-text-secondary);background:0 0}.subscription-expiry-banner__button--ghost:hover{color:var(--color-text);background:#ffffff0a}.vault-invite-banner{bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));right:var(--space-6);z-index:calc(var(--z-toast) - 1);align-items:start;gap:var(--space-3);width:min(380px,calc(100vw - var(--space-8)));border:1px solid var(--control-surface-border);border-radius:var(--control-surface-radius);background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:100% 100%;grid-template-columns:auto minmax(0,1fr);padding:14px 16px;display:grid;position:fixed;box-shadow:0 14px 32px #0f172a29}.vault-invite-banner--above-subscription{bottom:calc(var(--space-6) + 158px + env(safe-area-inset-bottom,0px))}.vault-invite-banner__icon{border-radius:var(--control-surface-radius);background:var(--color-primary-container);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@supports (color:color-mix(in lab, red, red)){.vault-invite-banner__icon{background:color-mix(in srgb,var(--color-primary-container)78%,transparent)}}.vault-invite-banner__icon{color:var(--color-primary)}.vault-invite-banner__content{min-width:0}.vault-invite-banner__eyebrow{color:var(--color-primary);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.vault-invite-banner__title{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:4px;line-height:1.35}.vault-invite-banner__text{color:var(--color-text-secondary);font-size:13px;line-height:1.45}.vault-invite-banner__actions{grid-column:2;align-items:center;gap:8px;margin-top:2px;display:flex}.vault-invite-banner__button{border:1px solid var(--control-surface-border-active);border-radius:var(--control-surface-radius);background:var(--control-surface-bg-active);min-height:32px;color:var(--color-text);font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;cursor:pointer;transition:var(--control-surface-transition);justify-content:center;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.vault-invite-banner__button:hover:not(:disabled){background:var(--color-primary-container);color:var(--color-primary)}.vault-invite-banner__button:disabled{opacity:.6;cursor:not-allowed}.vault-invite-banner__button--ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.vault-invite-banner__button--ghost:hover:not(:disabled){background:var(--control-surface-bg-hover);color:var(--color-text)}.splash-screen{background:var(--color-bg);width:100%;min-height:100dvh;z-index:var(--z-splash);opacity:1;visibility:visible;isolation:isolate;contain:layout paint style;will-change:opacity;justify-content:center;align-items:center;transition:opacity .42s cubic-bezier(.4,0,.2,1),visibility 0s linear .42s;display:flex;position:fixed;inset:0}.splash-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-content{text-align:center;min-width:min(300px,100vw - 48px);font-family:var(--font-cinzel);font-feature-settings:"smcp" 1,"c2sc" 1;font-variant-caps:small-caps;animation:.52s cubic-bezier(.2,.8,.2,1) both splash-content-enter;transform:translateZ(0)}.splash-logo{background:linear-gradient(var(--color-surface),var(--color-surface))padding-box,radial-gradient(circle at 50% 10%,var(--btn-gradient-start)0%,var(--btn-gradient-mid)30%,var(--btn-gradient-end)100%)border-box;border-radius:var(--radius-full);width:84px;height:84px;margin:0 auto var(--space-6);color:var(--btn-gradient-mid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #0000;justify-content:center;align-items:center;animation:2.4s ease-in-out infinite pulse-glow;display:flex;transform:perspective(1000px)rotateX(2deg)rotateY(-2deg);box-shadow:0 8px 20px #8b5cf640,0 0 24px #a78bfa2e,inset 0 1px #ffffff1f}.splash-icon{width:46px;height:46px;color:var(--btn-gradient-mid);margin:0 auto var(--space-1);filter:drop-shadow(0 0 12px #a78bfa52);transform-origin:50%;will-change:transform,opacity;animation:2.8s ease-in-out infinite splash-icon-breathe;display:block}.splash-title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);background:radial-gradient(circle at 50% 10%,var(--btn-gradient-start)0%,var(--btn-gradient-mid)30%,var(--btn-gradient-end)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.12}.splash-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.45}.splash-loader{background:var(--color-outline-variant);border-radius:var(--radius-full);width:min(300px,100vw - 64px);height:7px;position:relative;overflow:hidden;transform:translateZ(0)}.loader-bar{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-full);transform-origin:0;will-change:transform;width:100%;height:100%;animation:1.5s cubic-bezier(.22,1,.36,1) forwards loader;transform:scaleX(0)}@keyframes splash-content-enter{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes splash-icon-breathe{0%,to{opacity:.92;transform:translateZ(0)scale(1)}50%{opacity:1;transform:translateZ(0)scale(1.035)}}@keyframes loader{0%{transform:scaleX(0)}50%{transform:scaleX(.72)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.splash-screen,.splash-content,.splash-icon,.loader-bar{transition:none;animation:none}.loader-bar{transform:scaleX(1)}}@keyframes pulse-glow{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.08)}}@media (max-width:1400px){.sidebar{width:var(--sidebar-width-effective)}.sidebar-header{padding:var(--space-5)}.sidebar-nav{padding:var(--space-2);gap:var(--space-2)}.nav-item{padding:var(--space-3)var(--space-4);font-size:var(--text-sm)}.nav-item svg{width:20px;height:20px}.logo{font-size:var(--text-xl);gap:var(--space-3)}.logo svg{width:28px;height:28px}.sidebar-brand-switch{left:calc(28px + var(--space-4) + var(--space-3))}}@media (max-height:900px){.sidebar-header{padding:var(--space-4)}.sidebar-nav{padding:var(--space-2);gap:var(--space-2)}.nav-item{padding:var(--space-2)var(--space-3)}.sidebar-footer{padding:var(--space-2)}}@media (max-width:1400px){:root{--sidebar-width:260px}}@media (min-width:769px) and (max-width:1024px){.app-container{width:100%;max-width:100%}.main-content{width:100%!important;max-width:100%!important;margin-left:0!important}}@media (max-width:768px){.app-container{touch-action:pan-x pan-y pinch-zoom;width:100%;max-width:100%}.sidebar{width:var(--mobile-sidebar-width,280px);height:100dvh;z-index:var(--z-modal);box-shadow:var(--shadow-xl);transition:transform .2s ease-out;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar .logo span,.sidebar .nav-item span{display:inline}.main-content{padding:var(--space-4);overflow-x:hidden;width:100%!important;max-width:100%!important;margin-left:0!important}.subscription-expiry-banner{bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));left:var(--space-4);right:var(--space-4);transform-origin:bottom;width:auto;padding:13px 40px 13px 14px}.subscription-expiry-banner__actions{flex-wrap:wrap;grid-column:1/-1;margin-top:0}.subscription-expiry-banner__button{white-space:normal;flex:1;min-width:120px}.vault-invite-banner{bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));left:var(--space-4);right:var(--space-4);transform-origin:bottom;width:auto;padding:13px 14px}.vault-invite-banner--above-subscription{bottom:calc(var(--space-4) + 176px + env(safe-area-inset-bottom,0px))}.vault-invite-banner__actions{flex-wrap:wrap;grid-column:1/-1;margin-top:0}.vault-invite-banner__button{white-space:normal;flex:1;min-width:120px}}.mobile-menu-btn{top:var(--space-4);left:var(--space-4);z-index:calc(var(--z-sticky) + 1);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:none;position:fixed}.mobile-menu-btn:hover{background:var(--color-surface-container);box-shadow:var(--shadow-md)}.mobile-menu-btn svg{color:var(--color-text)}@media (max-width:768px){.mobile-menu-btn{box-shadow:none;padding:var(--space-2);background:0 0;border:none;justify-content:center;align-items:center;width:32px;min-height:32px;display:flex}.mobile-menu-btn:hover{box-shadow:none;background:0 0}.mobile-menu-btn--chevron{top:var(--space-1);width:auto;height:auto;box-shadow:none;padding:var(--space-2);z-index:var(--z-sticky);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:fixed;left:0;transform:translateY(0)}.mobile-menu-btn--chevron svg{color:var(--color-text-tertiary);width:16px;height:16px}.mobile-menu-btn--chevron:hover{background:0 0}.mobile-menu-btn--chevron:active{background:0 0;transform:scale(.95)}.mobile-menu-btn--hidden{display:none!important}}.sidebar-backdrop{z-index:var(--z-sticky);transition:opacity var(--transition-base)ease-out;animation:fadeIn var(--transition-fast)ease-out;background:#00000080;position:fixed;inset:0}.sidebar-panel{background:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.sidebar-panel{background:color-mix(in srgb,var(--color-surface)90%,transparent)}}.sidebar-panel{-webkit-backdrop-filter:blur(16px);height:100dvh;z-index:var(--z-sticky);border-right:1px solid var(--color-outline-variant);flex-direction:column;display:flex;position:fixed;top:0;overflow:visible}@supports (color:color-mix(in lab, red, red)){.sidebar-panel{border-right:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}.sidebar-panel{transition:width var(--transition-base)}.sidebar-panel--left{border-right:1px solid var(--color-outline-variant);left:0}@supports (color:color-mix(in lab, red, red)){.sidebar-panel--left{border-right:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}.sidebar-panel--right{border-left:1px solid var(--color-outline-variant);right:0}@supports (color:color-mix(in lab, red, red)){.sidebar-panel--right{border-left:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}.sidebar-panel--right{border-right:none}.sidebar-panel--collapsed{border-left:none;border-right:none;padding:0;overflow:hidden;width:0!important;min-width:0!important}.sidebar-panel--mobile{width:var(--mobile-sidebar-width,280px);box-shadow:var(--shadow-xl);z-index:var(--z-modal);-webkit-overflow-scrolling:touch;transition:none;position:fixed;overflow:hidden auto}.sidebar-panel--mobile .sidebar-resize-handle,.sidebar-panel--mobile .sidebar-resize-handle-right{display:none}@media (max-width:768px){.sidebar-panel.sidebar-panel--mobile.transition-enabled{transition:transform .2s ease-out}}.sidebar-panel--mobile.sidebar-panel--left{transform:translate(-100%)}.sidebar-panel--mobile.sidebar-panel--right{transform:translate(100%)}.sidebar-panel--mobile.sidebar-panel--open{transform:translate(0)}.mobile-sidebar-toggle{z-index:var(--z-sticky);background:var(--color-surface);border:1px solid var(--color-outline-variant);cursor:pointer;width:28px;height:56px;transition:all var(--transition-fast);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:none;position:fixed;top:50%;transform:translateY(-50%)}.mobile-sidebar-toggle--left{border-radius:0 var(--radius-lg)var(--radius-lg)0;border-left:none;left:0}.mobile-sidebar-toggle--right{border-radius:var(--radius-lg)0 0 var(--radius-lg);border-right:none;right:0}@media (max-width:768px){.mobile-sidebar-toggle--right{top:var(--space-1);box-shadow:none;width:auto;height:auto;padding:var(--space-2);background:0 0;border:none;transform:translateY(0)}.mobile-sidebar-toggle--right:active{background:0 0;transform:scale(.95)}}.mobile-sidebar-toggle:active{background:var(--color-primary-container);transform:translateY(-50%)scale(.95)}.mobile-sidebar-toggle svg{color:var(--color-text-tertiary);width:16px;height:16px}@media (max-width:768px){.mobile-sidebar-toggle{display:flex}.mobile-sidebar-toggle:active{transform:translateY(-50%)scale(.95)}.mobile-sidebar-toggle--right:active{background:0 0;transform:scale(.95)}}@media (hover:none) and (pointer:coarse){button:not(.pagination-dot):not(.nav-page-btn),.btn,.btn-icon,.btn-primary,.btn-secondary,.btn-ghost,a.btn{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{min-height:var(--touch-target-min)}a[role=button]{min-height:var(--touch-target-min);align-items:center;display:inline-flex}button:hover,.btn:hover,.btn-icon:hover{transform:none}button:active,.btn:active,.btn-icon:active{opacity:.9;transform:scale(.98)}button:is(.custom-select-trigger,.vault-inline-select__trigger,.vault-inline-select__option,.vault-language-select__trigger,.vault-language-select__option,.sort-selector-trigger,.note-selector-trigger,.inline-command-select-btn,.user-menu-trigger,.view-mode-toggle-btn,.cards-text-import-tool-btn,.deck-menu-btn,.note-dialog-model-dropdown-btn,.note-dialog-presets-btn,.ai-chat-model-dropdown-btn):active{opacity:1;transform:none}input[type=checkbox],input[type=radio]{cursor:pointer;width:24px;height:24px}*{-webkit-tap-highlight-color:transparent}button,.btn,.btn-icon,a[role=button]{-webkit-user-select:none;user-select:none}.scrollable,[data-scrollable],.overflow-auto,.overflow-y-auto,.overflow-x-auto{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}button,a,input,select,textarea{touch-action:manipulation}}@media (max-width:768px){body{font-size:max(var(--text-base),16px)}.fixed-element,[data-fixed]{max-width:100vw}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;max-width:100%}.container,.content-wrapper,main{padding-left:var(--mobile-content-padding);padding-right:var(--mobile-content-padding)}}@media (max-width:480px){.container,.content-wrapper,main{padding-left:var(--space-3);padding-right:var(--space-3)}}@media (max-width:360px){.container,.content-wrapper,main{padding-left:var(--space-2);padding-right:var(--space-2)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}}.test-questions-empty{text-align:center;padding:25vh var(--space-6)var(--space-16);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:960px;min-height:100%;margin:0 auto;display:flex}.empty-state-content{justify-content:center;width:100%;display:flex}.test-questions-empty .empty-icon{margin-bottom:var(--space-8)}.test-questions-empty .empty-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-4)0;color:var(--color-text);line-height:1.2}.test-questions-empty h3.empty-title{margin:0 0 var(--space-4)0;line-height:1.2}.test-questions-empty .empty-description{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--space-8)0;max-width:400px;line-height:1.6}.test-questions-empty-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex}.test-questions-empty p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}@media (max-width:768px){.test-questions-empty-actions{align-items:center;gap:var(--space-4);flex-direction:column}.test-questions-empty-actions button{text-align:center;justify-content:center}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;line-height:1;display:inline-flex}.btn svg{width:18px;height:18px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-container);border-color:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-primary-container);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-primary-container)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-surface-container-high);color:var(--color-text)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-danger-outline{color:var(--color-error);border-color:var(--color-error);background:0 0}.btn-danger-outline:hover:not(:disabled){background:var(--color-error-container)}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}.btn-sm svg{width:14px;height:14px}.btn-lg{padding:var(--space-4)var(--space-6);font-size:var(--text-base)}.btn-lg svg{width:20px;height:20px}.btn-icon{padding:var(--space-3);border-radius:var(--radius-lg)}.btn-icon.rounded{border-radius:var(--radius-full)}.btn-icon-small{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);min-width:38px;min-height:38px;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-icon-small:hover{color:var(--color-text);background:0 0;border-color:#0000}.btn-icon-small:disabled{opacity:.5;cursor:not-allowed}.btn-icon-minimal{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-icon-minimal:hover:not(:disabled){color:var(--color-text)}.btn-icon-accent{color:var(--color-primary);background:0 0;border:none}.sidebar-vault-switcher{position:relative}.vault-switcher-trigger{overflow:hidden}.vault-switcher-trigger--feedback{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.vault-switcher-trigger--feedback{background:color-mix(in srgb,var(--color-primary)10%,transparent)}}.vault-switcher-trigger--feedback{color:var(--color-primary)}.sidebar-vault-label{white-space:nowrap;flex:auto;min-width:0;display:block;overflow:hidden}.sidebar-vault-label--feedback{max-width:100%;color:inherit;text-overflow:clip;animation:2.4s cubic-bezier(.16,1,.3,1) both vaultSwitchFeedbackText;-webkit-mask-image:linear-gradient(90deg,#000 0% calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 0% calc(100% - 24px),#0000 100%)}.vault-switcher-popover{left:0;right:0;bottom:calc(100% + var(--space-2));gap:var(--space-2);padding:var(--space-2);border:1px solid var(--control-surface-border);border-radius:var(--radius-md);background:var(--control-surface-dropdown-bg);max-height:min(460px,100dvh - 120px);box-shadow:0 -18px 42px var(--color-primary),0 -10px 30px #0000003d;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;overflow:visible}@supports (color:color-mix(in lab, red, red)){.vault-switcher-popover{box-shadow:0 -18px 42px color-mix(in srgb,var(--color-primary)12%,transparent),0 -10px 30px #0000003d}}.vault-switcher-popover{z-index:calc(var(--z-dropdown,1000) + 5);animation:var(--control-dropdown-up-animation)}.vault-switcher-header{padding:var(--space-2)var(--space-3)calc(var(--space-2) + 1px);text-align:center;justify-content:center;display:flex;position:relative}.vault-switcher-header:after{content:"";left:var(--space-2);right:var(--space-2);background:linear-gradient(90deg,transparent 0%,var(--color-outline-variant)18%,var(--color-outline-variant)50%,var(--color-outline-variant)82%,transparent 100%);height:1px;position:absolute;bottom:0}@supports (color:color-mix(in lab, red, red)){.vault-switcher-header:after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-outline-variant)55%,transparent)18%,color-mix(in srgb,var(--color-outline-variant)70%,transparent)50%,color-mix(in srgb,var(--color-outline-variant)55%,transparent)82%,transparent 100%)}}.vault-switcher-header strong{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vault-switcher-list{overscroll-behavior:contain;min-height:0;max-height:none;padding:0 var(--space-1)var(--space-1)0;scrollbar-gutter:stable;flex-direction:column;gap:3px;display:flex;overflow:hidden auto}.vault-switcher-item,.vault-switcher-create{width:100%;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;border-radius:8px}.vault-switcher-item{text-align:left;grid-template-columns:minmax(0,1fr) 32px;align-items:center;min-height:46px;padding:0;display:grid;position:relative}.vault-switcher-item.menu-open{z-index:8}.vault-switcher-item:hover,.vault-switcher-item.menu-open,.vault-switcher-create:hover{background:var(--color-surface-container-high)}@supports (color:color-mix(in lab, red, red)){.vault-switcher-item:hover,.vault-switcher-item.menu-open,.vault-switcher-create:hover{background:color-mix(in srgb,var(--color-surface-container-high)72%,transparent)}}.vault-switcher-item.active{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.vault-switcher-item.active{background:color-mix(in srgb,var(--color-primary)10%,transparent)}}.vault-switcher-item__main{align-items:center;gap:var(--space-2);width:100%;min-width:0;min-height:46px;padding:4px 0 6px var(--space-3);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;grid-template-columns:28px minmax(0,1fr);display:grid}.vault-switcher-item__icon{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-primary);background:var(--color-primary-container);justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.vault-switcher-item__icon{background:color-mix(in srgb,var(--color-primary-container)70%,transparent)}}.vault-switcher-item__body{flex-direction:column;justify-content:center;gap:1px;min-width:0;height:100%;display:flex}.vault-switcher-item__name{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.vault-switcher-item__meta{color:var(--color-text-tertiary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.vault-switcher-item__menu-trigger{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);background:0 0;border:none;justify-content:center;justify-self:end;align-items:center;margin-right:4px;display:inline-flex}.vault-switcher-item:hover .vault-switcher-item__menu-trigger,.vault-switcher-item:focus-within .vault-switcher-item__menu-trigger,.vault-switcher-item.menu-open .vault-switcher-item__menu-trigger{opacity:1}.vault-switcher-item__menu-trigger:hover,.vault-switcher-item__menu-trigger[aria-expanded=true]{background:var(--color-primary-container);color:var(--color-primary)}.vault-switcher-item__actions{z-index:calc(var(--z-dropdown,1000) + 8);box-sizing:border-box;border:1px solid var(--control-surface-border);border-radius:var(--radius-md);background:var(--control-surface-dropdown-bg);width:208px;max-width:min(240px,100vw - 32px);box-shadow:0 16px 36px var(--color-primary),0 12px 28px #0000003d;gap:2px;padding:6px;display:grid;position:absolute;right:6px}@supports (color:color-mix(in lab, red, red)){.vault-switcher-item__actions{box-shadow:0 16px 36px color-mix(in srgb,var(--color-primary)10%,transparent),0 12px 28px #0000003d}}.vault-switcher-item__actions{isolation:isolate}.vault-switcher-item__actions--down{animation:var(--control-dropdown-animation)}.vault-switcher-item__actions--up{animation:var(--control-dropdown-up-animation)}.vault-switcher-item__actions button,.vault-switcher-item__actions a{align-items:center;gap:var(--space-2);width:100%;min-width:0;min-height:34px;padding:0 var(--space-2);color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;border-radius:6px;text-decoration:none;display:inline-flex}.vault-switcher-item__actions svg{flex:none}.vault-switcher-item__action-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.vault-switcher-item__actions button:hover,.vault-switcher-item__actions a:hover{background:var(--control-surface-bg-hover);color:var(--color-text)}.vault-switcher-confirm-row{grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:2px;display:grid}.vault-switcher-confirm-row .danger{gap:5px;padding:0 6px}.vault-switcher-confirm-row .vault-switcher-item__action-label{text-overflow:clip;flex:none;overflow:visible}.vault-switcher-item__actions .vault-switcher-confirm-cancel{color:var(--color-text-tertiary);justify-content:center;padding:0}.vault-switcher-item__actions .danger,.vault-switcher-item__actions .danger svg{color:var(--color-delete)}.vault-switcher-item__actions .danger:hover{background:var(--color-surface-variant);color:var(--color-delete-hover)}.vault-switcher-item__actions .danger:hover svg{color:var(--color-delete-hover)}.vault-switcher-rename-form{align-items:center;gap:var(--space-1);width:100%;padding:5px 6px 5px var(--space-3);grid-column:1/-1;grid-template-columns:minmax(0,1fr) 30px 30px;display:grid}.vault-switcher-rename-form input{border:1px solid var(--control-surface-border-active);background:var(--control-surface-bg);min-width:0;height:34px;color:var(--color-text);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:0 var(--space-2);border-radius:8px}.vault-switcher-rename-form input:focus{outline:none}.vault-switcher-rename-form button{background:var(--control-surface-bg-hover);width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.vault-switcher-rename-form button:hover:not(:disabled){color:var(--color-primary);background:var(--control-surface-bg-active)}.vault-switcher-rename-form button:disabled{opacity:.5;cursor:not-allowed}.vault-switcher-create,.vault-switcher-manage{z-index:1;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);flex:none;display:inline-flex;position:relative}.vault-switcher-create{min-height:42px}.vault-switcher-manage{min-height:42px;margin-top:var(--space-1);color:var(--color-text-secondary);border-radius:8px;text-decoration:none}.vault-switcher-manage:hover{background:var(--color-surface-container-high);color:var(--color-text)}.vault-undo-toast-stack{left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));z-index:var(--z-toast);width:max-content;max-width:min(720px,calc(100vw - var(--space-8)));align-items:center;gap:var(--space-2);flex-direction:column-reverse;display:flex;position:fixed;transform:translate(-50%)}.vault-undo-toast{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--color-outline-variant);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);border-radius:8px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards vaultUndoToastIn;display:inline-flex}.vault-undo-toast--fading{animation:.4s forwards vaultUndoToastOut}.vault-undo-toast__text{min-width:0;color:var(--color-text-secondary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vault-undo-toast__text strong{color:var(--color-text);font-weight:var(--font-semibold)}.vault-undo-toast__button{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);color:var(--color-primary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:none;display:inline-flex}.vault-undo-toast__button:hover{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.vault-undo-toast__button:hover{background:color-mix(in srgb,var(--color-primary)10%,transparent)}}@keyframes vaultUndoToastIn{0%{opacity:0}to{opacity:1}}@keyframes vaultUndoToastOut{0%{opacity:1}to{opacity:0}}@keyframes vaultSwitchFeedbackText{0%{opacity:0;transform:translateY(5px)}12%,78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@media (hover:none),(pointer:coarse){.vault-switcher-item__menu-trigger{opacity:1}}@media (max-width:768px){.vault-undo-toast-stack{left:var(--space-3);right:var(--space-3);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));width:auto;max-width:none;transform:none}.vault-undo-toast{flex-wrap:wrap;justify-content:space-between}.vault-undo-toast__text{white-space:normal;flex:min(100%,240px)}}.btn-icon-accent:hover:not(:disabled){color:var(--color-primary-hover);background:0 0;border-color:#0000;transform:translateY(-1px)}.btn-icon-magic{box-shadow:none;background:0 0;border:none}.btn-icon-magic svg{stroke:url(#magic-icon-gradient);fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.btn-icon-magic:hover:not(:disabled){transform:translateY(-1px)}.btn-icon-magic:hover:not(:disabled) svg{filter:drop-shadow(0 0 8px #6366f180)drop-shadow(0 0 12px #a855f759)drop-shadow(0 0 16px #ec489940)}.ai-icon-magic{stroke:url(#magic-icon-gradient);fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.ai-icon-purple{stroke:var(--color-primary,#a855f7);fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;transition:filter .2s}.ai-icon-purple:hover,:hover>.ai-icon-purple{filter:brightness(1.2)drop-shadow(0 0 6px var(--color-primary,#a855f7))}@supports (color:color-mix(in lab, red, red)){.ai-icon-purple:hover,:hover>.ai-icon-purple{filter:brightness(1.2)drop-shadow(0 0 6px color-mix(in srgb,var(--color-primary,#a855f7)50%,transparent))}}.ai-icon-gradient{stroke:#a855f7;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.btn-icon-text{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);background:var(--color-surface-variant);color:var(--color-text);font-size:var(--text-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);text-align:center;display:inline-flex}.btn-icon-text:hover:not(:disabled){background:var(--color-surface-container-high);border-color:var(--color-outline)}.btn-secondary.btn-icon-text{background:var(--color-surface-variant);color:var(--color-text);border:1px solid var(--color-outline-variant)}.btn-primary.btn-icon-text{background:var(--color-primary);color:var(--color-on-primary);border:1px solid var(--color-primary)}.btn-primary.btn-icon-text:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-magic-ai{background:linear-gradient(var(--color-surface),var(--color-surface))padding-box,radial-gradient(circle at 50% 10%,var(--btn-gradient-start)0%,var(--btn-gradient-mid)30%,var(--btn-gradient-end)100%)border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;padding:calc(var(--space-3) + 1px)var(--space-4);font-size:var(--text-md);justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;border:2px solid #0000;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 4px 16px #8b5cf638,0 0 20px #a78bfa1f,inset 0 1px #ffffff1a}.btn-magic-ai span{background:radial-gradient(circle at 50% 10%,var(--btn-gradient-start)0%,var(--btn-gradient-mid)30%,var(--btn-gradient-end)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .btn-magic-ai{color:var(--btn-gradient-mid)}[data-theme=light] .btn-magic-ai span{background:0 0;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:var(--btn-gradient-mid);color:var(--btn-gradient-mid)}.btn-magic-ai svg{stroke:url(#brand-btn-gradient);fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex-shrink:0}.btn-magic-ai svg.ai-icon-purple{stroke:#a855f7;fill:none}.btn-magic-ai svg.ai-icon-magic{stroke:url(#magic-icon-gradient);fill:none}.btn-magic-text{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none}.btn-magic-text:hover:not(:disabled),.btn-magic-ai.btn-magic-text:hover:not(:disabled){box-shadow:none;transform:none}.btn-magic-ai:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf659,0 0 28px #a78bfa40,inset 0 1px #ffffff2e}.btn-magic-ai:hover:not(:disabled) span,.btn-magic-ai:hover:not(:disabled) svg{filter:drop-shadow(0 0 8px #a78bfa99)drop-shadow(0 0 12px #8b5cf666)drop-shadow(0 0 16px #c4b5fd4d)}.btn-magic-ai:active:not(:disabled){transform:translateY(0)}.btn-magic-ai:disabled{opacity:.5;cursor:not-allowed}.btn-magic-primary{border:2px solid var(--color-primary);color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary));position:relative}@supports (color:color-mix(in lab, red, red)){.btn-magic-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary)12%,transparent),color-mix(in srgb,var(--color-primary)5%,transparent))}}.btn-magic-primary{box-shadow:0 4px 16px var(--color-primary),0 0 20px var(--color-primary),inset 0 1px 0 #ffffff1a}@supports (color:color-mix(in lab, red, red)){.btn-magic-primary{box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary)22%,transparent),0 0 20px color-mix(in srgb,var(--color-primary)12%,transparent),inset 0 1px 0 #ffffff1a}}.btn-magic-primary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-magic-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary),var(--color-primary))}@supports (color:color-mix(in lab, red, red)){.btn-magic-primary:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary)20%,transparent),color-mix(in srgb,var(--color-primary)12%,transparent))}}.btn-magic-primary:hover:not(:disabled){border-color:var(--color-primary-hover);box-shadow:0 8px 24px var(--color-primary),0 0 28px var(--color-primary),inset 0 1px 0 #ffffff2e}@supports (color:color-mix(in lab, red, red)){.btn-magic-primary:hover:not(:disabled){box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary)35%,transparent),0 0 28px color-mix(in srgb,var(--color-primary)20%,transparent),inset 0 1px 0 #ffffff2e}}.btn-magic-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-magic-primary:active:not(:disabled){transform:translateY(0)}.btn-magic-secondary{color:#94a3b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;background:linear-gradient(135deg,#64748b1f,#64748b0d);border:2px solid #64748b;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 16px #64748b33,0 0 20px #64748b1a,inset 0 1px #ffffff1a}.btn-magic-secondary:hover:not(:disabled){color:#cbd5e1;background:linear-gradient(135deg,#64748b33,#64748b1f);border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 24px #64748b4d,0 0 28px #64748b2e,inset 0 1px #ffffff2e}.btn-magic-secondary:active:not(:disabled){transform:translateY(0)}.btn-magic-cyan{color:#06b6d4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;background:linear-gradient(135deg,#06b6d41f,#06b6d40d);border:2px solid #06b6d4;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 16px #06b6d438,0 0 20px #06b6d41f,inset 0 1px #ffffff1a}.btn-magic-cyan:hover:not(:disabled){background:linear-gradient(135deg,#06b6d433,#06b6d41f);border-color:#22d3ee;transform:translateY(-2px);box-shadow:0 8px 24px #06b6d459,0 0 28px #06b6d433,inset 0 1px #ffffff2e}.btn-magic-cyan:active:not(:disabled){transform:translateY(0)}.btn-magic-primary.btn-magic-text{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-primary);background:0 0;border:none}.btn-magic-primary.btn-magic-text:hover:not(:disabled){box-shadow:none;color:var(--color-primary-hover);background:0 0;border:none;transform:none}.btn-magic-primary.btn-magic-text:hover:not(:disabled) svg,.btn-magic-primary.btn-magic-text:hover:not(:disabled) span{filter:drop-shadow(0 0 8px var(--color-primary))drop-shadow(0 0 12px var(--color-primary))}@supports (color:color-mix(in lab, red, red)){.btn-magic-primary.btn-magic-text:hover:not(:disabled) svg,.btn-magic-primary.btn-magic-text:hover:not(:disabled) span{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--color-primary)60%,transparent))drop-shadow(0 0 12px color-mix(in srgb,var(--color-primary)40%,transparent))}}.btn-magic-secondary.btn-magic-text{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-text-secondary);background:0 0;border:none}.btn-magic-secondary.btn-magic-text:hover:not(:disabled){box-shadow:none;color:var(--color-text);background:0 0;border:none;transform:none}.btn-magic-secondary.btn-magic-text:hover:not(:disabled) svg,.btn-magic-secondary.btn-magic-text:hover:not(:disabled) span{filter:drop-shadow(0 0 6px #64748b66)drop-shadow(0 0 10px #64748b40)}.btn-magic-cyan.btn-magic-text{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#06b6d4;background:0 0;border:none}.btn-magic-cyan.btn-magic-text:hover:not(:disabled){box-shadow:none;color:#22d3ee;background:0 0;border:none;transform:none}.btn-magic-cyan.btn-magic-text:hover:not(:disabled) svg,.btn-magic-cyan.btn-magic-text:hover:not(:disabled) span{filter:drop-shadow(0 0 8px #06b6d499)drop-shadow(0 0 12px #06b6d466)}.btn-ghost-minimal{color:var(--color-text-secondary);padding:var(--space-3)var(--space-4);font-weight:var(--font-medium);cursor:pointer;background:0 0;border:none;transition:color .2s}.btn-ghost-minimal:hover:not(:disabled){color:var(--color-text);background:0 0}.btn-ghost-magic{color:var(--color-text-secondary);padding:var(--space-3)var(--space-4);font-weight:var(--font-medium);cursor:pointer;background:0 0;border:none;transition:all .2s}.btn-ghost-magic:hover:not(:disabled){color:var(--color-text);background:0 0}.btn-ghost-magic:hover:not(:disabled) svg,.btn-ghost-magic:hover:not(:disabled) span{filter:drop-shadow(0 0 4px #64748b4d)}.card{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-fast)}.card-hover:hover{border-color:var(--color-primary-container);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-clickable{cursor:pointer}.card-outline{background:var(--color-surface);border:1px solid var(--color-outline-variant)}.card-outline:hover{border-color:var(--color-primary)}.module-card{background:var(--color-card);border:2px solid var(--color-card-border);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;position:relative;overflow:hidden}.module-card-icon{background:var(--color-primary-container);border-radius:var(--radius-lg);width:56px;height:56px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.module-card-icon svg{width:28px;height:28px;color:var(--color-primary)}.module-card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.module-card-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.module-card-stats{gap:var(--space-4);display:flex}.module-stat{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);display:flex}.module-stat svg{width:16px;height:16px}.deck-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex}.deck-card:hover{border-color:var(--color-primary);background:var(--color-primary-container)}.deck-color-bar{border-radius:var(--radius-sm);flex-shrink:0;width:4px;height:48px}.deck-info{flex:1;min-width:0}.deck-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.deck-stats{gap:var(--space-4);font-size:var(--text-sm);display:flex}.deck-stat{align-items:center;gap:var(--space-1);display:flex}.deck-stat-value{font-weight:var(--font-medium)}.deck-stat-label{color:var(--color-text-tertiary)}.deck-chevron{color:var(--color-text-tertiary);opacity:.5}.deck-chevron svg{width:20px;height:20px}.flashcard{aspect-ratio:3/2;perspective:1000px;cursor:pointer;width:100%;max-width:600px;margin:0 auto}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);width:100%;height:100%;padding:var(--space-8);text-align:center;box-shadow:var(--shadow-lg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.flashcard-back{background:var(--color-surface-container);transform:rotateY(180deg)}.flashcard-label{top:var(--space-4);left:var(--space-4);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;position:absolute}.flashcard-content{font-size:var(--text-xl);line-height:1.5}.flashcard-hint{bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);position:absolute}.rating-buttons{gap:var(--space-3);grid-template-columns:repeat(4,1fr);max-width:500px;margin:0 auto;display:grid}.rating-btn{align-items:center;gap:var(--space-1);padding:var(--space-3)var(--space-2);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:#fff;font-weight:var(--font-medium);border:none;flex-direction:column;display:flex}.rating-btn:hover{transform:scale(1.05)}.rating-btn:active{transform:scale(.98)}.rating-btn.again{background:var(--color-again)}.rating-btn.hard{background:var(--color-hard)}.rating-btn.good{background:var(--color-good)}.rating-btn.easy{background:var(--color-easy)}.rating-btn-label{font-size:var(--text-sm)}.rating-btn-interval{font-size:var(--text-xs);opacity:.8}.input-group{margin-bottom:var(--space-4)}.input-with-icon{position:relative}.input-with-icon input{padding-right:var(--space-10)}.input-toggle{right:var(--space-2);padding:var(--space-2);color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.input-toggle:hover{color:var(--color-text)}.input-toggle svg{width:18px;height:18px}.radio-group,.checkbox-group{gap:var(--space-2);flex-direction:column;display:flex}.radio-option,.checkbox-option{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;display:flex}.radio-option:hover,.checkbox-option:hover{border-color:var(--color-primary);background:var(--color-primary-container);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.radio-option.selected,.checkbox-option.selected{border-color:var(--color-primary);background:var(--color-primary-container);box-shadow:0 2px 8px #00000014}.radio-circle{border:2px solid var(--color-outline);width:20px;min-width:20px;height:20px;min-height:20px;transition:all var(--transition-fast);box-sizing:border-box;border-radius:50%;flex-shrink:0;margin:0;padding:0;display:block;position:relative}.radio-option.selected .radio-circle{border-color:var(--color-primary);background:var(--color-surface)}.radio-option.selected .radio-circle:after{content:"";background:var(--color-primary);box-sizing:border-box;border-radius:50%;width:10px;height:10px;margin:0;padding:0;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-box{border:2px solid var(--color-outline);border-radius:var(--radius-sm);width:24px;min-width:24px;height:24px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.checkbox-option.selected .checkbox-box{border-color:var(--color-primary);background:var(--color-primary)}.checkbox-option.selected .checkbox-box svg{width:14px;height:14px;color:var(--color-on-primary)}.option-content{flex:1;min-width:0}.option-label{font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-1);line-height:1.4}.option-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.slider-container{padding:var(--space-2)0}.slider-input{appearance:none;background:var(--color-outline-variant);border-radius:var(--radius-full);outline:none;width:100%;height:6px}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;width:20px;height:20px;transition:transform var(--transition-fast)}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-input::-moz-range-thumb{background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;border:none;width:20px;height:20px}.slider-labels{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);justify-content:space-between;display:flex}.slider-value{text-align:center;font-weight:var(--font-semibold);color:var(--color-primary);margin-top:var(--space-2)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background:var(--color-primary-container);color:var(--color-primary);display:inline-flex}.badge-success{background:var(--color-success-container);color:var(--color-success)}.badge-warning{background:var(--color-warning-container);color:var(--color-warning)}.badge-error{background:var(--color-error-container);color:var(--color-error)}.ai-model-menu{grid-template-columns:max-content;gap:4px;width:max-content;min-width:0;display:inline-grid}.ai-model-menu--compact{width:max-content}.ai-model-menu__item{width:auto;color:var(--color-text-secondary);text-align:left;cursor:pointer;box-shadow:none;transition:color var(--transition-fast),opacity var(--transition-fast);background:0 0;border:none;border-radius:14px;justify-content:flex-start;align-items:center;padding:8px 12px;display:flex}.ai-model-menu__item:hover:not(:disabled){color:var(--color-primary);background:0 0}.ai-model-menu__item.active{color:var(--color-primary);box-shadow:none;background:0 0}.ai-model-menu__item:focus-visible{color:var(--color-primary);background:0 0;outline:none}.ai-model-menu__item.locked,.ai-model-menu__item:disabled{opacity:.42;cursor:not-allowed}.ai-model-menu__title{letter-spacing:0;text-transform:none;font-family:inherit;font-size:.95rem;line-height:1.2;font-weight:var(--font-medium);white-space:nowrap}.icon-3d-effect{border:2px solid var(--color-primary);border-radius:var(--radius-full);width:100px;height:100px;margin-bottom:var(--space-6);color:var(--color-primary);box-shadow:0 4px 16px var(--color-primary),0 0 20px var(--color-primary),inset 0 1px 0 #ffffff1a;background:0 0;justify-content:center;align-items:center;display:flex;position:relative;transform:perspective(1000px)rotateX(2deg)rotateY(-2deg)}@supports (color:color-mix(in lab, red, red)){.icon-3d-effect{box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary)22%,transparent),0 0 20px color-mix(in srgb,var(--color-primary)12%,transparent),inset 0 1px 0 #ffffff1a}}.icon-3d-effect{transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.icon-3d-effect:hover{border-color:var(--color-primary-hover);box-shadow:0 8px 24px var(--color-primary),0 0 28px var(--color-primary),inset 0 1px 0 #ffffff2e;background:0 0;transform:perspective(1000px)rotateX(0)rotateY(0)scale(1.03)}@supports (color:color-mix(in lab, red, red)){.icon-3d-effect:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary)35%,transparent),0 0 28px color-mix(in srgb,var(--color-primary)20%,transparent),inset 0 1px 0 #ffffff2e}}.icon-3d-effect svg{width:50px;max-width:50px;height:50px;max-height:50px;filter:drop-shadow(0 2px 4px var(--color-primary));flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.icon-3d-effect svg{filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--color-primary)30%,transparent))}}.btn-empty-state{--empty-state-btn-font-size:var(--text-base);--empty-state-btn-gap:.4375rem;padding:var(--space-4);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--empty-state-btn-gap);text-align:center;white-space:nowrap;flex-wrap:nowrap;width:200px;min-width:200px;max-width:200px;line-height:1.1;display:inline-flex;font-size:var(--empty-state-btn-font-size)!important;border:2px solid var(--color-primary)!important;background:0 0!important}[data-main-font=Cinzel] .btn-empty-state,[data-main-font=Cinzel] .btn-empty-state span{--empty-state-btn-font-size:.95rem;font-feature-settings:"smcp" 1,"c2sc" 1;letter-spacing:.015em;padding:.35rem .15rem;font-variant-caps:small-caps}.btn-empty-state svg{flex:none;width:18px;height:18px}.btn-empty-state span{min-width:0;line-height:inherit}.btn-primary.btn-empty-state{border:2px solid var(--color-primary);color:var(--color-primary);box-shadow:0 4px 16px var(--color-primary),0 0 20px var(--color-primary),inset 0 1px 0 #ffffff1a;background:0 0;position:relative}@supports (color:color-mix(in lab, red, red)){.btn-primary.btn-empty-state{box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary)22%,transparent),0 0 20px color-mix(in srgb,var(--color-primary)12%,transparent),inset 0 1px 0 #ffffff1a}}.btn-primary.btn-empty-state{border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary.btn-empty-state:hover:not(:disabled){border-color:var(--color-primary-hover);box-shadow:0 8px 24px var(--color-primary),0 0 28px var(--color-primary),inset 0 1px 0 #ffffff2e;background:0 0}@supports (color:color-mix(in lab, red, red)){.btn-primary.btn-empty-state:hover:not(:disabled){box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary)35%,transparent),0 0 28px color-mix(in srgb,var(--color-primary)20%,transparent),inset 0 1px 0 #ffffff2e}}.btn-primary.btn-empty-state:hover:not(:disabled){transform:translateY(-2px)}.btn-primary.btn-empty-state:active:not(:disabled){transform:translateY(0)}.btn-magic-primary.btn-empty-state{justify-content:center;align-items:center;gap:var(--empty-state-btn-gap);padding:var(--space-3)var(--space-4);display:inline-flex}.btn-magic-ai.btn-empty-state{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#0000;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #8b5cf638,0 0 20px #a78bfa1f,inset 0 1px #ffffff1a;background:linear-gradient(var(--color-surface),var(--color-surface))padding-box,radial-gradient(circle at 50% 10%,var(--btn-gradient-start)0%,var(--btn-gradient-mid)30%,var(--btn-gradient-end)100%)border-box!important;border:2px solid #0000!important}.btn-magic-ai.btn-empty-state span{background:radial-gradient(circle at 50% 10%,var(--btn-gradient-start)0%,var(--btn-gradient-mid)30%,var(--btn-gradient-end)100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.btn-magic-ai.btn-empty-state svg{stroke:url(#brand-btn-gradient)!important;color:#0000!important;fill:none!important}.btn-magic-ai.btn-empty-state svg.ai-icon-magic{stroke:url(#magic-icon-gradient)!important}.btn-magic-ai.btn-empty-state:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf659,0 0 28px #a78bfa40,inset 0 1px #ffffff2e}.btn-magic-ai.btn-empty-state:hover:not(:disabled) span,.btn-magic-ai.btn-empty-state:hover:not(:disabled) svg{filter:drop-shadow(0 0 8px #a78bfa99)drop-shadow(0 0 12px #8b5cf666)drop-shadow(0 0 16px #c4b5fd4d)!important}.guide-text-link{z-index:var(--z-sticky);max-width:calc(100vw - var(--space-8));white-space:nowrap;justify-content:center;align-items:center;position:fixed;flex-direction:row!important;width:auto!important;min-width:max-content!important;display:inline-flex!important}.guide-text-link svg{flex:none}.guide-text-link span{white-space:nowrap;flex:none}.empty-guide-link{right:calc(var(--right-sidebar-width-real,0px) + var(--space-6));bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}@media (max-width:768px){.guide-text-link{max-width:calc(100vw - var(--space-6))}.empty-guide-link{right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}}.empty-state{padding:var(--space-16);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:80px;height:80px;color:var(--color-outline);margin-bottom:var(--space-6)}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-state-description{color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:400px}.empty-state-tabs{gap:var(--space-4);margin-bottom:var(--space-6);background:0 0;border-radius:0;width:fit-content;margin-left:auto;margin-right:auto;padding:0;display:flex;position:relative}.empty-state-tabs:after{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary-container-hover)10%,var(--color-primary)50%,var(--color-primary-container-hover)90%,transparent 100%);height:1.5px;box-shadow:0 0 10px var(--color-primary-container-hover),0 0 18px var(--color-primary-container);z-index:1;position:absolute;bottom:0;left:-20px;right:-20px}.empty-state-tab{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:2;white-space:nowrap;background:0 0;border:none;border-radius:0;display:flex;position:relative}.empty-state-tab span{white-space:nowrap}.empty-state-tab:hover:not(.active){color:var(--color-text)}.empty-state-tab.active{color:var(--color-primary);box-shadow:none;background:0 0}@media (max-width:768px){.empty-state-tabs{gap:var(--space-3)}.empty-state-tab{padding:var(--space-3)var(--space-3);gap:6px;font-size:clamp(11px,3.2vw,13px)}.empty-state-tab svg{flex-shrink:0;width:14px;height:14px}}@media (max-width:430px){.empty-state-tab svg{display:none}.empty-state-tab{gap:0}}.error-page,.loading-page{justify-content:center;align-items:center;gap:var(--space-4);min-height:60vh;padding:var(--space-8);text-align:center;color:var(--color-on-surface);flex-direction:column;display:flex}.error-content{align-items:center;gap:var(--space-4);flex-direction:column;max-width:400px;display:flex}.error-content h2{margin:0;font-size:1.25rem;font-weight:600}.error-content p{color:var(--color-on-surface-variant);margin:0;font-size:.9rem}.error-retry-btn{padding:var(--space-2)var(--space-6);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary,#fff);cursor:pointer;border:none;font-size:.9rem;font-weight:500;transition:opacity .15s}.error-retry-btn:hover{opacity:.85}.loading-page p{color:var(--color-on-surface-variant);margin:0;font-size:.9rem}.loading-spinner{border:3px solid var(--color-outline-variant);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{gap:var(--space-2);display:flex}.loading-dot{background:var(--color-primary);border-radius:var(--radius-full);width:8px;height:8px;animation:1.4s infinite bounce}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.tabs{gap:var(--space-1);background:var(--color-surface-container);padding:var(--space-1);border-radius:var(--radius-lg);display:flex}.tab{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1}.tab:hover{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.tab:hover{background:color-mix(in srgb,var(--color-primary)10%,transparent)}}.tab:hover{color:var(--color-primary)}.tab.active{background:var(--color-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.divider{background:var(--color-outline-variant);height:1px;margin:var(--space-4)0}.divider-vertical{background:var(--color-outline-variant);width:1px;height:100%}[data-tooltip]{--tooltip-delay:.5s;position:relative}[data-tooltip][data-tooltip-delay]{--tooltip-delay:attr(data-tooltip-delay ms,.5s)}[data-tooltip][data-tooltip-bg]:after{background:var(--color-surface-variant);border-radius:4px;padding:4px 8px}[data-tooltip]:after{content:attr(data-tooltip);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--font-bold);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none;z-index:10000;text-shadow:0 1px 2px #0000001a,0 0 10px var(--color-bg);background:0 0;padding:0;transition-delay:0s;position:absolute;transform:scale(.9)}[data-tooltip]:before{display:none!important}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transition-delay:var(--tooltip-delay,1s);transform:scale(1)}[data-tooltip]:after{transition-delay:0s}[data-tooltip]:not([data-tooltip-pos]):after,[data-tooltip][data-tooltip-pos=top]:after{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)scale(.9)}[data-tooltip]:not([data-tooltip-pos]):hover:after,[data-tooltip][data-tooltip-pos=top]:hover:after,[data-tooltip]:not([data-tooltip-pos]):focus-visible:after,[data-tooltip][data-tooltip-pos=top]:focus-visible:after{transform:translate(-50%)scale(1)}[data-tooltip][data-tooltip-pos=bottom]:after{top:calc(100% + 5px);left:50%;transform:translate(-50%)scale(.9)}[data-tooltip][data-tooltip-pos=bottom]:hover:after,[data-tooltip][data-tooltip-pos=bottom]:focus-visible:after{transform:translate(-50%)scale(1)}[data-tooltip][data-tooltip-pos=left]:after{top:50%;right:calc(100% + 5px);transform:translateY(-50%)scale(.9)}[data-tooltip][data-tooltip-pos=left]:hover:after,[data-tooltip][data-tooltip-pos=left]:focus-visible:after{transform:translateY(-50%)scale(1)}[data-tooltip][data-tooltip-pos=right]:after{top:50%;left:calc(100% + 5px);transform:translateY(-50%)scale(.9)}[data-tooltip][data-tooltip-pos=right]:hover:after,[data-tooltip][data-tooltip-pos=right]:focus-visible:after{transform:translateY(-50%)scale(1)}[data-tooltip][data-tooltip-pos=right-bottom]:after{top:calc(100% + 7px);left:calc(25% + 7px);transform:scale(.9)}[data-tooltip][data-tooltip-pos=right-bottom]:hover:after,[data-tooltip][data-tooltip-pos=right-bottom]:focus-visible:after{transform:scale(1)}[data-tooltip][data-tooltip-pos=right-top]:after{bottom:calc(100% + 7px);left:calc(25% + 7px);transform:scale(.9)}[data-tooltip][data-tooltip-pos=right-top]:hover:after,[data-tooltip][data-tooltip-pos=right-top]:focus-visible:after{transform:scale(1)}[data-tooltip][data-tooltip-pos=left-bottom]:after{top:calc(100% + 7px);right:calc(25% + 7px);transform:scale(.9)}[data-tooltip][data-tooltip-pos=left-bottom]:hover:after,[data-tooltip][data-tooltip-pos=left-bottom]:focus-visible:after{transform:scale(1)}[data-tooltip][data-tooltip-pos=left-top]:after{bottom:calc(100% + 7px);right:calc(25% + 7px);transform:scale(.9)}[data-tooltip][data-tooltip-pos=left-top]:hover:after,[data-tooltip][data-tooltip-pos=left-top]:focus-visible:after{transform:scale(1)}.source-type-tabs{gap:var(--space-1);background:var(--color-surface-container);padding:var(--space-1);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex}.source-type-tab{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;display:flex}.source-type-tab:hover:not(.active){background:var(--color-surface-container-high);color:var(--color-text)}.source-type-tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 2px 8px #00000014}.source-type-tab svg{width:16px;height:16px}@media (max-width:480px){.source-type-tabs{gap:0}.source-type-tab{padding:var(--space-2)var(--space-2);font-size:var(--text-xs);gap:var(--space-1)}.source-type-tab svg{width:14px;height:14px}.source-type-tab span{white-space:nowrap}}.note-selector{width:100%;position:relative}.note-selector-trigger{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);text-align:left;display:flex}.note-selector-trigger:hover{border-color:var(--color-outline);background:var(--color-surface-container)}.note-selector-trigger.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-container)}.note-selector-trigger.has-value{background:var(--color-primary-container);border-color:var(--color-primary-container)}.note-selector-placeholder{align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);flex:1;display:flex}.note-selector-value{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.note-selector-icon{color:var(--color-text-tertiary);flex-shrink:0}.note-selector-trigger.has-value .note-selector-icon{color:var(--color-primary)}.note-selector-title{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);flex:1;overflow:hidden}.note-selector-chevron{color:var(--color-text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.note-selector-trigger.active .note-selector-chevron{transform:rotate(180deg)}.note-selector-clear{background:var(--color-surface-container);border-radius:var(--radius-full);width:20px;height:20px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.note-selector-clear:hover{background:var(--color-error-container);color:var(--color-error)}.note-selector-dropdown{top:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);z-index:100;animation:var(--control-dropdown-animation);position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #00000026}.note-selector-search{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface-container);display:flex}.note-selector-search svg{color:var(--color-text-tertiary);flex-shrink:0}.note-selector-search-input{font-size:var(--text-sm);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.note-selector-search-input::placeholder{color:var(--color-text-tertiary)}.note-selector-search-clear{border-radius:var(--radius-full);width:20px;height:20px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.note-selector-search-clear:hover{background:var(--color-surface-container-high);color:var(--color-text)}.note-selector-list{max-height:300px;padding:var(--space-2);overflow-y:auto}.note-selector-list::-webkit-scrollbar{width:6px}.note-selector-list::-webkit-scrollbar-track{background:0 0}.note-selector-list::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-full)}.note-selector-empty{padding:var(--space-8)var(--space-4);color:var(--color-text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.note-selector-empty svg{margin-bottom:var(--space-3);opacity:.5}.note-selector-empty span{font-weight:var(--font-medium);margin-bottom:var(--space-1)}.note-selector-empty p{font-size:var(--text-sm);opacity:.7}.note-selector-item{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.note-selector-item:hover{background:var(--color-surface-container)}.note-selector-item.selected{background:var(--color-primary-container)}.note-selector-item-icon{background:var(--color-surface-container);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.note-selector-item.selected .note-selector-item-icon{background:var(--color-primary);color:var(--color-on-primary)}.note-selector-item-content{flex:1;min-width:0}.note-selector-item-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.note-selector-item-title{font-weight:var(--font-medium);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-selector-item-folder{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-surface-container-high);border-radius:var(--radius-sm);flex-shrink:0;display:inline-flex}.note-selector-item-preview{font-size:var(--text-xs);color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-selector-item-check{color:var(--color-primary);margin-top:var(--space-2);flex-shrink:0;justify-content:center;align-items:center;display:flex}.source-text-container{position:relative}.source-text-area{width:100%;min-height:150px;max-height:250px;padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);resize:vertical;transition:all var(--transition-fast);font-family:inherit;line-height:1.6}.source-text-area:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-container);outline:none}.source-text-area::placeholder{color:var(--color-text-tertiary)}@media (max-width:480px){.source-text-area{min-height:100px;max-height:150px;padding:var(--space-3);font-size:var(--text-xs)}}.source-text-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);justify-content:space-between;align-items:center;display:flex}.source-text-count{font-variant-numeric:tabular-nums}.material-upload-widget{left:calc(var(--space-5) + var(--sidebar-width-effective,0px));bottom:calc(var(--space-5) + 56px);z-index:905;width:fit-content;max-width:min(248px,calc(100vw - (var(--space-5)*2)));border:1px solid var(--color-outline-variant);flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.material-upload-widget{border:1px solid color-mix(in srgb,var(--color-outline-variant)72%,transparent)}}.material-upload-widget{background:linear-gradient(180deg,var(--color-surface),var(--color-surface-container));border-radius:18px}@supports (color:color-mix(in lab, red, red)){.material-upload-widget{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface)54%,transparent),color-mix(in srgb,var(--color-surface-container)38%,transparent))}}.material-upload-widget{-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);box-shadow:0 10px 28px #00000024}.material-upload-widget--success{border-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.material-upload-widget--success{border-color:color-mix(in srgb,var(--color-success)35%,var(--color-outline-variant))}}.material-upload-widget__header{align-items:center;gap:10px;min-width:0;display:flex}.material-upload-widget__icon{width:22px;height:22px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.material-upload-widget--success .material-upload-widget__icon{color:var(--color-success)}.material-upload-widget__title{font-size:13px;font-weight:var(--font-medium);letter-spacing:.01em;color:var(--color-text);line-height:1.35}.bug-report-fab{bottom:var(--space-5);left:calc(var(--space-5) + var(--sidebar-width-effective,0px));z-index:900;border-radius:var(--radius-full);border:1px solid var(--color-outline-variant);background:var(--color-surface-container);width:40px;height:40px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);opacity:.6;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 2px 8px #0000001a}.bug-report-fab:hover{opacity:1;color:var(--color-primary);border-color:var(--color-primary-container);background:var(--color-surface-container-high);transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.bug-report-fab:active{opacity:1;transform:translateY(0)}.bug-report-form{gap:var(--space-4);flex-direction:column;display:flex}.bug-report-page-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-surface-container);border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);width:fit-content;display:inline-flex}.bug-report-page-badge strong{color:var(--color-text);font-weight:var(--font-semibold)}.bug-report-field{gap:var(--space-2);flex-direction:column;display:flex}.bug-report-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.bug-report-required{color:var(--color-error)}.bug-report-optional{font-weight:var(--font-normal);color:var(--color-text-tertiary);font-size:var(--text-xs)}.bug-report-input,.bug-report-textarea{width:100%;padding:var(--space-3);font-family:inherit;font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.bug-report-input:focus,.bug-report-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-container)}.bug-report-input::placeholder,.bug-report-textarea::placeholder{color:var(--color-text-tertiary)}.bug-report-input:disabled,.bug-report-textarea:disabled{opacity:.6;cursor:not-allowed}.bug-report-textarea{resize:vertical;min-height:80px;max-height:200px}.bug-report-spinner{animation:1s linear infinite spin}@media (max-width:480px){.material-upload-widget{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-5) + 54px);width:auto}.bug-report-fab{bottom:var(--space-4);left:var(--space-4);width:36px;height:36px}.bug-report-fab svg{width:16px;height:16px}}.modal{width:100%;height:100%;z-index:var(--z-modal);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal.active{pointer-events:auto}.modal-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(8px);cursor:pointer;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.modal-container{z-index:1;background:var(--color-surface);background-image:linear-gradient(var(--color-surface),var(--color-surface)),linear-gradient(135deg,var(--color-primary)0%,transparent 30%,transparent 70%,var(--color-primary)100%);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-modal),0 0 0 1px var(--color-primary-container),0 0 12px var(--color-primary-container),0 0 24px var(--color-primary-container);transition:transform var(--transition-spring),box-shadow var(--transition-base);pointer-events:auto;background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden;transform:translateY(20px)scale(.95)translateZ(0)}.modal.active .modal-container{box-shadow:var(--shadow-modal),0 0 0 1px var(--color-primary-container-hover),0 0 16px var(--color-primary-container-hover),0 0 32px var(--color-primary-container);transform:translateY(0)scale(1)}.modal-small .modal-container,.modal-container.modal-small{max-width:380px}.modal-large .modal-container,.modal-container.modal-large{max-width:700px}.modal-container:not(.modal-small):not(.modal-large){max-height:90vh}.modal-header{padding:var(--space-5)var(--space-6);padding-top:var(--space-8);padding-bottom:var(--space-6);flex-grow:0;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.modal-header:after{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary-container-hover)10%,var(--color-primary)50%,var(--color-primary-container-hover)90%,transparent 100%);border-radius:var(--radius-full);width:85%;height:1.5px;box-shadow:0 0 12px var(--color-primary-container-hover),0 0 20px var(--color-primary-container);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.modal-header:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary-container)10%,var(--color-primary-container-hover)50%,var(--color-primary-container)90%,transparent 100%);border-radius:var(--radius-full);filter:blur(8px);z-index:-1;width:85%;height:12px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.modal-title{align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);display:flex}.modal-title svg{width:24px;height:24px;color:var(--color-primary)}.modal-close{top:var(--space-4);right:var(--space-4);z-index:10;border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.modal-close:hover,.modal-close:active{color:var(--color-error);box-shadow:none;background:0 0;border-color:#0000;transform:none}.modal-close svg{width:20px;height:20px}.modal-body{padding:var(--space-6);padding-top:calc(var(--space-6));-webkit-overflow-scrolling:touch;flex:auto;min-height:0;max-height:calc(90vh - 180px);position:relative;overflow:hidden auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}.modal-description{color:var(--color-text-secondary);margin-bottom:var(--space-5)}.modal-form-group{margin-bottom:0}.modal-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-top:var(--space-4);margin-bottom:var(--space-5);display:block}.modal-form-group:first-child .modal-label{margin-top:0}.modal-input,.modal-textarea{width:100%;padding:var(--space-3)var(--space-4);background:var(--color-surface-variant);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-fast)}.modal-input:focus,.modal-textarea:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-container);outline:none}.modal-input::placeholder,.modal-textarea::placeholder{color:var(--color-text-tertiary)}.modal-textarea{resize:vertical;min-height:80px}.size-options-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.size-option-btn{padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;min-width:0;overflow:hidden}.size-option-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-container);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.size-option-btn.active{border-color:var(--color-primary);background:var(--color-primary-container);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.size-option-btn:disabled{opacity:.5;cursor:not-allowed}.size-option-title{font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-1);font-size:var(--text-base)}.size-option-desc{font-size:var(--text-sm);color:var(--color-text-tertiary)}@media (max-width:480px){.size-options-grid{gap:var(--space-2)}.size-option-btn{padding:var(--space-3)var(--space-2)}.size-option-title{font-size:var(--text-xs);margin-bottom:0}.size-option-desc{display:none}}.model-tier-selector{gap:var(--space-2);display:flex}.model-tier-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--color-surface);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;flex:1;transition:all .2s;display:flex}.model-tier-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.model-tier-btn.active{border-color:var(--color-primary);background:var(--color-primary-container);color:var(--color-primary)}.model-tier-btn:disabled{opacity:.5;cursor:not-allowed}.model-tier-btn-locked{opacity:.4;cursor:not-allowed}.model-tier-btn-locked:hover{border-color:var(--color-outline-variant);color:var(--color-text-secondary)}.modal-label-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.material-attach-wrapper{position:relative}.material-attach-btn{color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:inline-flex}.material-attach-btn:hover:not(:disabled){color:var(--color-primary)}.material-attach-btn:disabled{opacity:.4;cursor:not-allowed}.material-picker-dropdown{z-index:100;background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);min-width:260px;max-width:360px;padding:var(--space-3);animation:var(--control-dropdown-animation);position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000026}.material-picker-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);padding:0 var(--space-2)}.material-picker-list{flex-direction:column;gap:2px;max-height:200px;display:flex;overflow-y:auto}.material-picker-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-2);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--color-text);transition:background .15s;display:flex}.material-picker-item:hover{background:var(--color-surface-variant)}.material-picker-item input[type=checkbox]{accent-color:var(--color-primary);flex-shrink:0;width:16px;height:16px}.material-picker-icon{color:var(--color-text-tertiary);flex-shrink:0}.material-picker-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attached-materials-chips{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.material-chip{align-items:center;gap:var(--space-1);background:var(--color-primary-container);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);max-width:200px;padding:3px 8px 3px 6px;display:inline-flex}.material-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.material-chip-remove{color:var(--color-primary);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:1px;transition:opacity .15s;display:inline-flex}.material-chip-remove:hover{opacity:1}.ai-chat-attached-chips{gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.progress-container{margin-top:var(--space-5);padding:var(--space-4);background:var(--color-surface-container);border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant)}.progress-bar-track{background:var(--color-surface-variant);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover),var(--color-primary));border-radius:var(--radius-full);background-size:200% 100%;height:100%;transition:width .3s ease-out;animation:2s infinite shimmer}.section-separator{background:linear-gradient(90deg,transparent 0%,var(--color-primary-container-hover)10%,var(--color-primary)50%,var(--color-primary-container-hover)90%,transparent 100%);border-radius:var(--radius-full);height:1.5px;margin:var(--space-5)0;box-shadow:0 0 10px var(--color-primary-container-hover),0 0 18px var(--color-primary-container);position:relative}.section-separator:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary-container)10%,var(--color-primary-container-hover)50%,var(--color-primary-container)90%,transparent 100%);border-radius:var(--radius-full);filter:blur(6px);z-index:-1;height:10px;position:absolute;top:-4px;left:0;right:0}.modal-footer{padding:var(--space-5)var(--space-6);padding-top:var(--space-6);justify-content:flex-end;align-items:center;gap:var(--space-3);flex-grow:0;flex-shrink:0;display:flex;position:relative}.modal-footer:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary-container-hover)10%,var(--color-primary)50%,var(--color-primary-container-hover)90%,transparent 100%);border-radius:var(--radius-full);width:85%;height:1.5px;box-shadow:0 0 12px var(--color-primary-container-hover),0 0 20px var(--color-primary-container);position:absolute;top:0;left:50%;transform:translate(-50%)}.modal-footer:after{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary-container)10%,var(--color-primary-container-hover)50%,var(--color-primary-container)90%,transparent 100%);border-radius:var(--radius-full);filter:blur(8px);z-index:-1;width:85%;height:12px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.onboarding-modal{max-width:600px}.modal-progress{gap:var(--space-2);padding-right:var(--space-10);flex-direction:column;flex:1;display:flex}.modal-progress .progress-bar{height:4px}.modal-progress .progress-fill{background:linear-gradient(90deg,var(--color-primary)0%,var(--color-primary-hover)50%,var(--color-primary)100%);box-shadow:0 0 12px var(--color-primary-container-hover),0 0 20px var(--color-primary-container);background-size:200% 100%;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes text-shimmer{0%{background-position:-200%}to{background-position:200%}}.progress-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-tertiary);letter-spacing:.01em}.onboarding-step{animation:fadeSlideIn var(--transition-base)ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-3);color:var(--color-text);letter-spacing:-.02em;line-height:1.2}.step-description{color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:var(--text-base);line-height:1.6}.step-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-4);font-style:italic;line-height:1.5}.onboarding-text-input{width:100%;padding:var(--space-4)var(--space-5);background:var(--color-surface);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-fast)}.onboarding-text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-container);outline:none}.onboarding-text-input::placeholder{color:var(--color-text-tertiary);font-weight:var(--font-normal)}.validation-error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-3);font-weight:var(--font-medium)}.onboarding-step select{padding:var(--space-4)var(--space-5);padding-right:var(--space-12);background-color:var(--color-surface);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-medium);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4)center;appearance:none;cursor:pointer;transition:all var(--transition-fast);background-size:20px}.onboarding-step select:hover{border-color:var(--color-primary)}.onboarding-step select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-container);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");outline:none}.custom-select-wrapper{width:100%;position:relative}.custom-select-wrapper.open{z-index:calc(var(--z-sticky) + 3)}.custom-select-trigger{width:100%;padding:var(--space-4)var(--space-5);padding-right:var(--space-12);background:var(--color-surface);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-medium);text-align:left;cursor:pointer;transition:all var(--transition-fast);justify-content:flex-start;align-items:center;display:flex;position:relative}.custom-select-trigger:hover{border-color:var(--color-primary)}.custom-select-trigger.open{border-color:var(--color-primary);border-bottom-right-radius:0;border-bottom-left-radius:0}.custom-select-value{flex:1}.custom-select-value .markdown-content,.custom-select-option .markdown-content{font-size:inherit;color:inherit;line-height:1.5}.custom-select-value .markdown-content img,.custom-select-option .markdown-content img{max-height:120px!important;margin-left:0!important;margin-right:auto!important}.custom-select-arrow{top:50%;right:var(--space-4);transition:transform var(--transition-fast);color:var(--color-text-tertiary);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)rotate(0)}.custom-select-arrow svg{display:block}.custom-select-trigger:hover .custom-select-arrow{color:var(--color-primary)}.custom-select-trigger.open .custom-select-arrow{color:var(--color-primary);transform:translateY(-50%)rotate(180deg)}.custom-select-dropdown{background:var(--color-surface);border:2px solid var(--color-primary);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);box-shadow:none;z-index:1000;max-height:240px;animation:var(--control-dropdown-animation);border-top:none;position:absolute;top:calc(100% - 2px);left:0;right:0;overflow:hidden auto}@media (max-width:768px){.custom-select-trigger{transition:var(--control-dropdown-trigger-transition)}}.custom-select-option{width:100%;padding:var(--space-3)var(--space-4);color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-medium);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.custom-select-option:hover{background:var(--color-primary-container)}.custom-select-option.selected{background:var(--color-primary-container);color:var(--color-primary)}.custom-select-option svg{color:var(--color-primary)}.ai-select-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.ai-select-header label{margin:0}.vault-select-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.ai-edit-presets-toggle{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ai-edit-presets-toggle:hover{color:var(--color-text)}.ai-edit-presets-toggle.active{color:var(--color-primary)}.ai-presets-edit-container{gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}.ai-preset-edit-item{gap:var(--space-2);padding-bottom:var(--space-2);flex-direction:column;display:flex}.ai-preset-edit-item:last-child{padding-bottom:0}.ai-preset-edit-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.ai-preset-edit-title{font-weight:var(--font-semibold)}.ai-preset-edit-actions{align-items:center;gap:var(--space-1);display:inline-flex}.ai-presets-add-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--color-outline-variant);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:inline-flex}.ai-presets-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-container)}.vault-add-btn{border-radius:var(--radius-md);width:100%;padding:var(--space-2)var(--space-2);color:var(--color-text-secondary);border:none;justify-content:center}.vault-add-btn:hover{color:var(--color-primary);background:0 0}.divider-gray{height:1px;margin:var(--space-2)var(--space-3);background:linear-gradient(90deg,transparent 0%,var(--color-outline-variant)20%,var(--color-outline-variant)80%,transparent 100%)}.radio-group-compact{gap:var(--space-2);flex-flow:row;display:flex}.radio-option-compact{min-width:0;padding:var(--space-2)var(--space-3);text-align:center;white-space:nowrap;flex:1 1 0;justify-content:center}.radio-option-compact .radio-circle{display:none}.radio-option-compact .option-content{flex:none}.radio-option-compact .option-label{font-size:clamp(.72rem,2.6vw,var(--text-sm));font-weight:var(--font-semibold);margin-bottom:0}@media (max-width:768px){.radio-group-compact{flex-wrap:wrap}.radio-option-compact{flex:1 1 calc(50% - var(--space-2))}}.profile-info{gap:var(--space-3);flex-direction:column;display:flex}.profile-item{font-size:var(--text-base);color:var(--color-text);line-height:1.6}.profile-item strong{font-weight:var(--font-semibold);color:var(--color-text)}.confirm-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-warning-container);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.confirm-icon svg{width:32px;height:32px;color:var(--color-warning)}.confirm-icon.danger{background:var(--color-error-container)}.confirm-icon.danger svg{color:var(--color-error)}.confirm-icon.success{background:0 0}.confirm-icon.success svg{color:var(--color-warning)}.confirm-icon.reset{background:0 0}.confirm-icon.reset svg{color:var(--color-error)}.confirm-icon.test{background:var(--color-primary-container)}.confirm-icon.test svg{color:var(--color-primary)}.confirm-icon.exit{background:var(--color-error-container)}@supports (color:color-mix(in lab, red, red)){.confirm-icon.exit{background:color-mix(in srgb,var(--color-error-container)60%,var(--color-surface)40%)}}.confirm-icon.exit svg{color:var(--color-error)}.confirm-title{font-size:var(--text-lg);font-weight:var(--font-semibold);text-align:center;margin-bottom:var(--space-2)}.confirm-message{text-align:center;color:var(--color-text-secondary)}.modal-footer .btn-danger{border:2px solid var(--color-outline-variant);color:var(--color-text-secondary);background:0 0!important}.modal-footer .btn-danger:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error);background:0 0!important}.modal-footer .btn-danger:hover:not(:disabled) svg{color:var(--color-error)}.materials-modal{max-width:600px}.materials-content{padding:var(--space-8)var(--space-6)}.materials-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-3);color:var(--color-text);letter-spacing:-.02em}.materials-description{color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:var(--text-base);line-height:1.6}.upload-zone{padding:var(--space-10);border:2px dashed var(--color-outline);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface-variant);position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--color-primary);background:var(--color-primary-container)}.upload-icon{width:48px;height:48px;color:var(--color-text-tertiary);margin:0 auto var(--space-3)}.upload-zone:hover .upload-icon,.upload-zone.drag-over .upload-icon{color:var(--color-primary)}.upload-text{font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-1);font-size:var(--text-base)}.upload-link{color:var(--color-primary);cursor:pointer;text-decoration:underline}.upload-hint{font-size:var(--text-sm);color:var(--color-text-tertiary)}.upload-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.uploaded-files{margin-top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.uploaded-file{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-container);border-radius:var(--radius-md);display:flex}.file-icon{background:var(--color-primary-container);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.file-icon svg{width:18px;height:18px;color:var(--color-primary)}.file-info{flex:1;min-width:0}.file-name{font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-size{font-size:var(--text-xs);color:var(--color-text-tertiary)}.file-remove{padding:var(--space-2);color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none}.file-remove:hover{background:var(--color-error-container);color:var(--color-error)}.file-remove svg{width:16px;height:16px}.generate-progress-container{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface-container);border-radius:var(--radius-lg)}.progress-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.progress-bar{background:var(--color-surface-variant);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-primary)0%,var(--color-primary-hover)100%);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-3);z-index:var(--z-toast);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:280px;max-width:400px;animation:slideInRight var(--transition-spring);display:flex}.toast.removing{animation:slideOutRight var(--transition-base)forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;width:24px;height:24px}.toast.success .toast-icon{color:var(--color-success)}.toast.warning .toast-icon{color:var(--color-warning)}.toast.error .toast-icon{color:var(--color-error)}.toast.info .toast-icon{color:var(--color-info)}.toast-content{flex:1}.toast-title{font-weight:var(--font-medium);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-sm);color:var(--color-text-secondary)}.toast-close{padding:var(--space-1);color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none}.toast-close:hover{color:var(--color-error)}.toast-close svg{width:16px;height:16px}@media (max-width:640px){.modal-container{width:95%;max-height:95vh;margin:auto}.onboarding-modal{max-width:none}.modal-header,.modal-body,.modal-footer{padding-left:var(--space-4);padding-right:var(--space-4)}.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}.toast{min-width:auto;max-width:none}}.form-input{width:100%;padding:var(--space-3)var(--space-4);background:var(--color-surface-variant);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-container);outline:none}.count-option{padding:var(--space-3);background:var(--color-surface);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);color:var(--color-text);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);flex:1}.count-option:hover{border-color:var(--color-primary);background:var(--color-primary-container)}.count-option.active{border-color:var(--color-primary);background:var(--color-primary-container);color:var(--color-primary)}.form-radio-group .radio-option{min-width:120px;padding:var(--space-3);background:var(--color-surface);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;display:flex}.form-radio-group .radio-option:hover{border-color:var(--color-primary);background:var(--color-primary-container)}.form-radio-group .radio-option.active{border-color:var(--color-primary);background:var(--color-primary-container);color:var(--color-primary)}.form-radio-group .radio-option span{font-weight:var(--font-medium);font-size:var(--text-sm)}.generate-progress{text-align:center;padding:var(--space-6)}.generate-progress-icon{margin:0 auto var(--space-4);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.generate-progress h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--color-text)}.generate-progress-bar{background:var(--color-surface-variant);border-radius:var(--radius-full);width:100%;height:8px;margin-bottom:var(--space-2);overflow:hidden}.generate-progress-text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary)}.animate-spin{animation:1s linear infinite spin}.profile-info-card{padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary-container)0%,var(--color-primary-container-hover)100%);border:1px solid var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.profile-info-header{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);margin-bottom:var(--space-2);display:flex}.profile-info-header svg{width:16px;height:16px}.profile-info-details{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}@media (max-width:480px){.profile-info-card{padding:var(--space-3);margin-bottom:var(--space-3)}.profile-info-header,.profile-info-details{font-size:var(--text-xs)}}.unlimited-checkbox,.shuffle-checkbox{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-surface);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);-webkit-user-select:none;user-select:none;margin-top:var(--space-2);display:flex}.unlimited-checkbox input[type=checkbox],.shuffle-checkbox input[type=checkbox]{display:none}.unlimited-checkbox svg,.shuffle-checkbox svg{color:var(--color-text-secondary);vertical-align:middle;flex-shrink:0;width:20px;height:20px;margin-right:0;transition:all .5s cubic-bezier(.4,0,.2,1);display:inline-block}.unlimited-checkbox:hover,.shuffle-checkbox:hover{border-color:var(--color-primary);background:var(--color-primary-container)}:is(.unlimited-checkbox:has(input:checked),.shuffle-checkbox:has(input:checked)){background:var(--color-primary-container);border-color:var(--color-primary)}:is(.unlimited-checkbox:has(input:checked) svg,.shuffle-checkbox:has(input:checked) svg){color:var(--color-primary)}.unlimited-checkbox:has(input:checked) svg{transform:rotate(180deg)}.shuffle-checkbox:has(input:checked) svg{transform:scaleY(-1)}.form-slider-group{margin-bottom:var(--space-4)}.form-slider-label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.form-slider-value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary);text-align:center;margin-bottom:var(--space-3)}.form-slider{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:20px}.form-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);margin-top:-7px}.form-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 8px var(--color-primary-container);transform:scale(1.2)}.form-slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);border:none}.form-slider::-moz-range-thumb:hover{box-shadow:0 0 0 8px var(--color-primary-container);transform:scale(1.2)}.form-slider::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:var(--color-surface-variant);height:6px}.form-slider::-moz-range-track{border-radius:var(--radius-full);background:var(--color-surface-variant);height:6px}.form-slider:focus{box-shadow:none;outline:none}.ai-modal.modal-container{max-width:520px}.ai-modal-body{gap:var(--space-4);flex-direction:column;display:flex}.ai-explain-section,.ai-edit-section,.ai-translate-section{gap:var(--space-2);flex-direction:column;display:flex}.ai-explain-label,.ai-edit-label,.ai-translate-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.ai-modal-textarea{width:100%;min-height:100px;padding:var(--space-3)var(--space-4);background:var(--color-surface-variant);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-base);font-family:var(--font-sans);resize:vertical;transition:all var(--transition-fast)}.ai-modal-textarea:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-container);outline:none}.ai-modal-input{width:100%;padding:var(--space-3)var(--space-4);background:var(--color-surface-variant);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-fast)}.ai-modal-input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-container);outline:none}.ai-options-column{gap:var(--space-4);flex-direction:column;display:flex}.ai-loading-container{align-items:center;gap:var(--space-3);padding:var(--space-6);color:var(--color-text-secondary);flex-direction:column;display:flex}.ai-loading-spinner{border:3px solid var(--color-surface-variant);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.ai-result-container{padding:var(--space-4);background:var(--color-surface-container);border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant)}.ai-result-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.ai-result-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary)}.ai-result-content{font-size:var(--text-base);color:var(--color-text);line-height:1.6}.ai-preset-action-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ai-preset-action-btn:hover{color:var(--color-text)}.ai-preset-action-btn.delete{color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.ai-preset-action-btn.delete{color:color-mix(in srgb,var(--color-error)60%,transparent)}}.ai-preset-action-btn.delete{transition:color var(--transition-fast)}.ai-preset-action-btn.delete svg{color:currentColor}.ai-preset-action-btn.delete:hover{color:var(--color-error)}.ai-preset-action-btn.delete.confirm{color:var(--color-error-container);border:1px solid var(--color-error-container);background:0 0;justify-content:space-between;min-width:56px;padding:0 6px}.ai-preset-action-btn.delete.confirm:hover{border-color:var(--color-error)}.ai-preset-action-btn.delete.confirm .cancel-btn{color:var(--color-text-secondary);margin-left:4px;animation:.6s cubic-bezier(.4,0,.2,1) slideInRight}.ai-preset-action-btn.delete.confirm .cancel-btn:hover{color:var(--color-text)}.ai-chat-panel{bottom:var(--space-6);right:var(--space-6);background:var(--color-surface);background-image:linear-gradient(var(--color-surface),var(--color-surface)),linear-gradient(135deg,var(--color-primary)0%,transparent 30%,transparent 70%,var(--color-primary)100%);border-radius:var(--radius-xl);width:420px;max-height:600px;box-shadow:var(--shadow-modal),0 0 0 1px var(--color-primary-container),0 0 20px var(--color-primary-container);z-index:var(--z-modal);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;flex-direction:column;display:flex;position:fixed}.ai-chat-panel-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-outline-variant);background:linear-gradient(135deg,var(--color-primary-container)0%,var(--color-surface)100%);justify-content:space-between;align-items:center;display:flex}.ai-chat-panel-title{align-items:center;gap:var(--space-3);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);display:flex}.ai-chat-panel-subtitle{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.ai-chat-panel-close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:flex}.ai-chat-panel-close:hover{color:var(--color-error);background:0 0;border-color:#0000}.ai-chat-panel-body{min-height:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow:hidden}.ai-chat-messages{gap:var(--space-4);padding-right:var(--space-2);margin-bottom:var(--space-4);z-index:1;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.ai-chat-messages::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-full)}.ai-chat-empty{text-align:center;height:100%;padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex}.ai-chat-empty-icon{border-radius:var(--radius-full);background:var(--color-primary-container);width:56px;height:56px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.ai-chat-empty-icon svg{width:28px;height:28px;color:var(--color-primary);opacity:.7}.ai-chat-empty-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.ai-chat-empty-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);max-width:280px}.ai-chat-hints{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.ai-chat-hint-btn{padding:var(--space-2)var(--space-4);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ai-chat-hint-btn:hover{border-color:var(--color-primary);background:var(--color-primary-container)}.ai-chat-hint-btn.active{background:var(--color-primary-container);border-color:var(--color-primary)}.ai-chat-hint-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.ai-chat-hint-icon svg{width:18px;height:18px}.ai-chat-hint-btn.active .ai-chat-hint-icon svg{color:var(--color-primary)}.ai-chat-hint-btn span:last-child{text-align:left;flex:1}.ai-chat-hints-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.user-message-bubble{max-width:85%;padding:var(--space-3)var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg)var(--radius-lg)var(--radius-sm)var(--radius-lg);margin-left:auto}.assistant-message-bubble{max-width:85%;padding:var(--space-3)var(--space-4);background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg)var(--radius-lg)var(--radius-lg)var(--radius-sm)}.ai-chat-input-area{border-top:1px solid var(--color-outline-variant);padding-top:var(--space-4)}.ai-chat-toggles{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.ai-chat-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex}.ai-chat-toggle.active{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary)}.ai-chat-toggle svg{width:14px;height:14px}.ai-chat-input-wrapper{position:relative}.ai-chat-window .ai-chat-input-wrapper{gap:var(--space-2);padding:var(--space-3)var(--space-4)var(--space-4);background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);flex-direction:column;flex:1;width:100%;margin:0;transition:border-color .15s;display:flex;position:relative}.ai-chat-window .ai-chat-input-wrapper.ai-chat-input-wrapper--drag-over{border-color:var(--color-primary);background:var(--color-primary-container)}@supports (color:color-mix(in lab, red, red)){.ai-chat-window .ai-chat-input-wrapper.ai-chat-input-wrapper--drag-over{background:color-mix(in srgb,var(--color-primary-container)30%,var(--color-surface-container))}}.ai-chat-textarea-row{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-1);width:100%;display:flex}.ai-chat-input-bottom-row{margin-top:var(--space-2);justify-content:space-between;align-items:center;padding:0;display:flex}.ai-chat-input-bottom-left{align-items:center;gap:var(--space-1);display:flex}.ai-chat-window .ai-chat-input-bottom-left{position:static;bottom:auto;left:auto}.ai-chat-input-bottom-right{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.ai-chat-input{width:100%;color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-sans);resize:none;min-height:28px;transition:all var(--transition-fast);box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.ai-chat-window .ai-chat-input{max-height:120px;padding:0 0 0 var(--space-2);flex:1;overflow-y:auto;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.ai-chat-input:focus{box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;appearance:none!important;background:0 0!important;border:none!important;outline:none!important}.ai-chat-send-btn{color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:transform .2s,opacity .2s;display:inline-flex}.ai-chat-window .ai-chat-send-btn,.ai-chat-window .ai-chat-stop-btn{width:auto;height:auto;position:static;transform:none}.ai-chat-send-btn:hover:not(:disabled){background:0 0;transform:scale(1.15)}.ai-chat-stop-btn:hover:not(:disabled){transform:scale(1.05)}.ai-chat-send-btn:disabled{opacity:.3;cursor:not-allowed}.ai-chat-send-btn svg{width:18px;height:18px}.ai-chat-clear-btn{color:var(--color-text-tertiary)}.ai-chat-clear-btn:hover{color:var(--color-danger);background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.ai-chat-clear-btn:hover{background:color-mix(in srgb,var(--color-danger)10%,transparent)}}.ai-chat-stop-btn{background:0 0;border:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:none;display:flex;transform:translateY(-50%)}.ai-chat-stop-ring{background:var(--color-primary);border-radius:50%;width:30px;height:30px}@supports (color:color-mix(in lab, red, red)){.ai-chat-stop-ring{background:color-mix(in srgb,var(--color-primary)12%,transparent)}}.ai-chat-stop-ring{justify-content:center;align-items:center;display:flex}.ai-chat-stop-square{background:var(--color-primary);width:10px;height:10px;box-shadow:0 0 6px var(--color-primary);border-radius:3px}@supports (color:color-mix(in lab, red, red)){.ai-chat-stop-square{box-shadow:0 0 6px color-mix(in srgb,var(--color-primary)50%,transparent)}}.ai-chat-backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:100%;height:100%;z-index:calc(var(--z-modal) - 1);animation:.2s ease-out fadeIn;position:fixed;top:0;left:0}.ai-chat-window{background:var(--color-surface);background-image:linear-gradient(rgba(var(--color-surface-rgb),.95),rgba(var(--color-surface-rgb),.95)),linear-gradient(to bottom,var(--color-primary)0%,var(--color-primary-hover)25%,var(--color-primary-hover)75%,var(--color-primary)100%);border:2px solid #0000;flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.ai-chat-window{background-image:linear-gradient(rgba(var(--color-surface-rgb),.95),rgba(var(--color-surface-rgb),.95)),linear-gradient(to bottom,color-mix(in srgb,var(--color-primary)60%,transparent)0%,color-mix(in srgb,var(--color-primary-hover)10%,transparent)25%,color-mix(in srgb,var(--color-primary-hover)10%,transparent)75%,color-mix(in srgb,var(--color-primary)60%,transparent)100%)}}.ai-chat-window{box-shadow:0 20px 50px -12px #0006,0 0 0 1px var(--color-primary);background-origin:border-box;background-clip:padding-box,border-box;border-radius:12px}@supports (color:color-mix(in lab, red, red)){.ai-chat-window{box-shadow:0 20px 50px -12px #0006,0 0 0 1px color-mix(in srgb,var(--color-primary)15%,transparent)}}.ai-chat-window{-webkit-backdrop-filter:blur(24px)saturate(180%);transition:opacity .4s,transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;animation:.4s cubic-bezier(.34,1.56,.64,1) fadeIn;overflow:hidden}.ai-chat-window:focus-within{box-shadow:0 25px 60px -15px #00000059,0 0 0 2px var(--color-primary),0 0 40px var(--color-primary-hover)}@supports (color:color-mix(in lab, red, red)){.ai-chat-window:focus-within{box-shadow:0 25px 60px -15px #00000059,0 0 0 2px color-mix(in srgb,var(--color-primary)20%,transparent),0 0 40px color-mix(in srgb,var(--color-primary-hover)25%,transparent)}}.ai-chat-window:focus-within{transform:translateY(-2px)}.ai-chat-window.ai-chat-fullscreen{box-shadow:none;background-image:none;background:var(--color-surface);border:none;border-radius:0;width:100vw!important;height:100vh!important;top:0!important;left:0!important}.ai-chat-window.ai-chat-fullscreen .ai-chat-messages,.ai-chat-window.ai-chat-fullscreen .ai-chat-window-footer{width:100%;max-width:760px;margin:0 auto}.ai-chat-window.ai-chat-fullscreen .ai-chat-empty{max-width:760px;margin:0 auto}.ai-chat-window.ai-chat-fullscreen .ai-chat-resize-handle{display:none}.ai-chat-window-header{padding:var(--space-4)var(--space-5);-webkit-user-select:none;user-select:none;z-index:10;background:0 0;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.ai-chat-window-header-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.ai-chat-window-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.ai-chat-note-title{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-normal)}.ai-chat-window-header-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ai-chat-header-divider{background:linear-gradient(to bottom,transparent 0%,rgba(var(--color-primary-rgb,99,102,241),.3)20%,rgba(var(--color-primary-rgb,99,102,241),.3)80%,transparent 100%);width:1px;height:20px;margin:0 var(--space-1);flex-shrink:0;align-self:center}.ai-chat-close-btn{margin-left:var(--space-1);position:static!important}.ai-chat-header-btn{padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.ai-chat-header-btn:hover,.ai-chat-header-btn.active{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary)}.ai-chat-header-btn svg{flex-shrink:0;width:16px;height:16px}.ai-chat-window-body{background:0 0;flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.ai-chat-messages{gap:var(--space-5);padding:var(--space-6);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-chat-messages::-webkit-scrollbar{width:5px}.ai-chat-messages::-webkit-scrollbar-track{background:0 0}.ai-chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-full);opacity:.3}.ai-chat-message{word-wrap:break-word;overflow-wrap:break-word;z-index:1;max-width:95%;margin-bottom:var(--space-3);flex-direction:column;display:flex;position:relative}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-chat-message.ai-chat-user{align-self:flex-end}.ai-chat-message.ai-chat-assistant{max-width:100%;margin-bottom:var(--space-2);align-self:flex-start}.ai-chat-message-header{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:2px;font-size:11px;font-weight:600;line-height:1;display:flex}.ai-chat-message-wrapper{flex-direction:column;width:100%;margin-bottom:24px;display:flex;position:relative}@media (max-width:768px){.ai-chat-window{width:100dvw!important;max-width:none!important;height:100dvh!important;max-height:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;position:fixed!important;top:0!important;left:0!important;transform:none!important}.ai-chat-window-header{padding:var(--space-4)var(--space-5);border-radius:0}.ai-chat-window-body{height:calc(100dvh - 140px)}.ai-chat-messages{height:100%}.ai-chat-window-footer{padding:var(--space-4)var(--space-5)}.ai-chat-resize-handle{display:none!important}.ai-chat-header-btn{border:none;background:0 0!important}.ai-chat-fullscreen-btn{display:none!important}}.ai-chat-copy-btn{opacity:1;cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:inline-flex;position:absolute;bottom:-25px;right:15px}.ai-chat-copy-btn:hover{background:var(--color-surface-container-high);color:var(--color-primary);transform:scale(1.1)}.ai-chat-copy-btn:active{transform:scale(.95)}.ai-chat-message-content{padding:var(--space-4)var(--space-5);font-size:clamp(13px,2.8vw,15px);line-height:1.6;position:relative;box-shadow:0 4px 15px #00000014}.ai-chat-user .ai-chat-message-content{background:var(--color-surface)!important;color:var(--color-text)!important;background-image:linear-gradient(rgba(var(--color-surface-rgb),.95),rgba(var(--color-surface-rgb),.95)),linear-gradient(to bottom,var(--color-primary)0%,var(--color-primary-hover)25%,var(--color-primary-hover)75%,var(--color-primary)100%)!important;border:1px solid #0000!important}@supports (color:color-mix(in lab, red, red)){.ai-chat-user .ai-chat-message-content{background-image:linear-gradient(rgba(var(--color-surface-rgb),.95),rgba(var(--color-surface-rgb),.95)),linear-gradient(to bottom,color-mix(in srgb,var(--color-primary)60%,transparent)0%,color-mix(in srgb,var(--color-primary-hover)10%,transparent)25%,color-mix(in srgb,var(--color-primary-hover)10%,transparent)75%,color-mix(in srgb,var(--color-primary)60%,transparent)100%)!important}}.ai-chat-user .ai-chat-message-content{-webkit-backdrop-filter:blur(24px)saturate(180%)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;border-radius:12px 12px 2px!important;box-shadow:0 4px 15px #0000001a!important}.ai-chat-user-message{background:var(--color-surface);color:var(--color-text);background-image:linear-gradient(rgba(var(--color-surface-rgb),.95),rgba(var(--color-surface-rgb),.95)),linear-gradient(to bottom,var(--color-primary)0%,var(--color-primary-hover)25%,var(--color-primary-hover)75%,var(--color-primary)100%);border:1px solid #0000}@supports (color:color-mix(in lab, red, red)){.ai-chat-user-message{background-image:linear-gradient(rgba(var(--color-surface-rgb),.95),rgba(var(--color-surface-rgb),.95)),linear-gradient(to bottom,color-mix(in srgb,var(--color-primary)60%,transparent)0%,color-mix(in srgb,var(--color-primary-hover)10%,transparent)25%,color-mix(in srgb,var(--color-primary-hover)10%,transparent)75%,color-mix(in srgb,var(--color-primary)60%,transparent)100%)}}.ai-chat-user-message{-webkit-backdrop-filter:blur(24px)saturate(180%);background-origin:border-box;background-clip:padding-box,border-box;border-radius:12px 12px 4px;box-shadow:0 4px 15px #0000001a}.ai-chat-assistant .ai-chat-message-content{word-break:break-word;overflow-wrap:break-word;width:100%;box-shadow:none!important;color:var(--color-text)!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.ai-chat-assistant .ai-chat-message-content.prose{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.ai-chat-streaming .streaming-text-reveal{animation:.16s ease-out both aiChatStreamingTextReveal}@keyframes aiChatStreamingTextReveal{0%{opacity:.68}to{opacity:1}}.ai-chat-assistant .ai-chat-message-content.prose>:first-child{margin-top:0}.ai-chat-assistant .ai-chat-message-content.prose>:last-child{margin-bottom:0}.ai-chat-assistant .ai-chat-message-content.prose p{margin:.6em 0;line-height:1.6}.ai-chat-assistant .ai-chat-message-content.prose p:first-of-type{margin-top:0}.ai-chat-assistant .ai-chat-message-content.prose p:last-of-type{margin-bottom:0}.ai-chat-assistant .ai-chat-message-content.prose p:only-child{margin:0}.ai-chat-assistant .ai-chat-message-content.prose ul,.ai-chat-assistant .ai-chat-message-content.prose ol{margin:.6em 0;padding-left:1.5em}.ai-chat-assistant .ai-chat-message-content.prose li{margin:.2em 0;line-height:1.6}.ai-chat-assistant .ai-chat-message-content.prose h1,.ai-chat-assistant .ai-chat-message-content.prose h2,.ai-chat-assistant .ai-chat-message-content.prose h3,.ai-chat-assistant .ai-chat-message-content.prose h4,.ai-chat-assistant .ai-chat-message-content.prose h5,.ai-chat-assistant .ai-chat-message-content.prose h6{margin-top:1em;margin-bottom:.5em;line-height:1.3}.ai-chat-assistant .ai-chat-message-content.prose hr{margin:1.5em 0}.ai-chat-assistant .ai-chat-message-content.prose pre{border-radius:var(--radius-md);margin:.6em 0;overflow-x:auto}.ai-chat-assistant .ai-chat-message-content.prose code{word-break:break-word}.ai-chat-assistant .ai-chat-message-content.prose blockquote{border-left:3px solid var(--color-outline-variant);margin:.6em 0;padding-left:1em}.ai-chat-assistant .ai-chat-message-content.prose li>p,.ai-chat-assistant .ai-chat-message-content.prose li>ul,.ai-chat-assistant .ai-chat-message-content.prose li>ol{margin:.2em 0}.ai-chat-assistant .ai-chat-message-content.prose li:first-child{margin-top:0}.ai-chat-assistant .ai-chat-message-content.prose li:last-child{margin-bottom:0}.ai-chat-message.ai-chat-loading{align-self:flex-start;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:row;padding:0;display:flex}@media (prefers-reduced-motion:reduce){.ai-chat-streaming .streaming-text-reveal{animation:none}}.ai-chat-empty{justify-content:center;align-items:center;gap:var(--space-4);color:var(--color-text-tertiary);text-align:center;padding:var(--space-8);flex-direction:column;flex:1;display:flex}.ai-chat-window-footer{padding:var(--space-3)var(--space-5)var(--space-4);z-index:10;background:0 0;border-top:none;position:relative}.ai-chat-model-dropdown-wrapper{flex-shrink:0;position:relative}.ai-chat-model-dropdown-btn{border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:3px;padding:4px 6px;display:flex}.ai-chat-model-dropdown-btn:hover:not(:disabled){color:var(--color-text-secondary)}.ai-chat-model-dropdown-btn:disabled{opacity:.5;cursor:not-allowed}.ai-chat-model-chevron{transition:transform .2s}.ai-chat-model-chevron-open{transform:rotate(180deg)}.ai-chat-model-dropdown-menu{background:var(--color-surface);width:max-content;min-width:0;max-width:calc(100vw - 24px);position:absolute;bottom:calc(100% + 6px);right:0}@supports (color:color-mix(in lab, red, red)){.ai-chat-model-dropdown-menu{background:color-mix(in srgb,var(--color-surface)96%,transparent)}}.ai-chat-model-dropdown-menu{border:1px solid var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.ai-chat-model-dropdown-menu{border:1px solid color-mix(in srgb,var(--color-outline-variant)48%,transparent)}}.ai-chat-model-dropdown-menu{box-shadow:0 14px 32px var(--color-shadow,#000);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.ai-chat-model-dropdown-menu{box-shadow:0 14px 32px color-mix(in srgb,var(--color-shadow,#000)16%,transparent)}}.ai-chat-model-dropdown-menu{z-index:100;animation:var(--control-dropdown-up-animation);padding:8px}.ai-chat-model-dropdown-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.ai-chat-model-dropdown-item:hover:not(:disabled){color:var(--color-text)}.ai-chat-model-dropdown-item.active{color:var(--color-primary)}.ai-chat-model-dropdown-item.locked{opacity:.4;cursor:not-allowed}.ai-chat-fullscreen-btn{box-shadow:none!important;background:0 0!important;border:none!important}.ai-chat-suggestions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.ai-chat-suggestions button{padding:var(--space-3)var(--space-5);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d}.ai-chat-suggestions button:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}@supports (color:color-mix(in lab, red, red)){.ai-chat-suggestions button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary)10%,transparent),color-mix(in srgb,var(--color-primary-hover)10%,transparent))}}.ai-chat-suggestions button:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 6px 15px var(--color-primary);transform:translateY(-2px)scale(1.02)}@supports (color:color-mix(in lab, red, red)){.ai-chat-suggestions button:hover{box-shadow:0 6px 15px color-mix(in srgb,var(--color-primary)15%,transparent)}}.ai-chat-resize-handle{z-index:10;background:0 0;position:absolute}.ai-chat-resize-handle:hover{background:rgba(var(--color-primary-rgb,159,122,234),.1)}.ai-chat-resize-nw,.ai-chat-resize-ne,.ai-chat-resize-sw,.ai-chat-resize-se{width:4px;height:4px}.ai-chat-resize-nw{cursor:nwse-resize;top:0;left:0}.ai-chat-resize-ne{cursor:nesw-resize;top:0;right:0}.ai-chat-resize-sw{cursor:nesw-resize;bottom:0;left:0}.ai-chat-resize-se{cursor:nwse-resize;bottom:0;right:0}.ai-chat-resize-n,.ai-chat-resize-s{height:3px;left:0;right:0}.ai-chat-resize-n{cursor:ns-resize;top:0}.ai-chat-resize-s{cursor:ns-resize;bottom:0}.ai-chat-resize-e,.ai-chat-resize-w{width:3px;top:0;bottom:0}.ai-chat-resize-e{cursor:ew-resize;right:0}.ai-chat-resize-w{cursor:ew-resize;left:0}.media-dropzone{padding:var(--space-4);border:2px dashed var(--color-outline);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.media-dropzone:hover,.media-dropzone--active{border-color:var(--color-primary);background:var(--color-primary-container)}.media-dropzone--uploading{opacity:.7;pointer-events:none}.media-dropzone__content{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.media-dropzone__hint{font-size:var(--text-sm);color:var(--color-text-tertiary)}.media-dropzone__uploading{font-size:var(--text-sm);color:var(--color-primary)}.unified-side-input{gap:var(--space-3);padding:var(--space-3)var(--space-3)var(--space-2);border:2px dashed var(--color-outline-variant);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:0 0;flex-direction:column;min-height:0;display:flex;position:relative}.unified-side-input:hover,.unified-side-input.active{border-color:var(--color-primary);background:var(--color-primary-container)}.unified-side-input__textarea{resize:vertical;width:100%;min-height:72px;color:var(--color-text);font-size:var(--text-base);background:0 0;border:none;outline:none;padding:0;line-height:1.5}.unified-side-input__textarea:focus{box-shadow:none;outline:none}.unified-side-input__upload{right:var(--space-3);bottom:var(--space-3);width:40px;height:40px;color:var(--color-on-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.unified-side-input__upload:hover{box-shadow:none;color:var(--color-primary);background:0 0;transform:none}.unified-side-input__preview{padding-right:calc(40px + var(--space-3))}.media-drop-input-container{gap:var(--space-2);flex-direction:column;display:flex}.media-row{gap:var(--space-4);align-items:flex-start;display:flex}.media-group{flex:1;min-width:0}.media-group label{justify-content:center;align-items:center;gap:var(--space-1);margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);display:flex}.media-drop-input{align-items:center;gap:var(--space-2);padding:var(--space-2);border:2px dashed var(--color-outline-variant);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:0 0;display:flex}.media-drop-input:hover,.media-drop-input.active{border-color:var(--color-primary);background:var(--color-primary-container)}.media-text-input{padding:var(--space-2)var(--space-3);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none;flex:1}.media-text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-container)}.media-upload-btn{background:var(--color-primary);width:40px;height:40px;color:var(--color-on-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.media-upload-btn:hover{background:var(--color-primary-hover);box-shadow:0 2px 8px var(--color-primary-container);transform:translateY(-1px)}.media-drop-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);align-items:center;gap:var(--space-1);padding-left:var(--space-1);display:flex}@media (max-width:768px){.media-row{gap:var(--space-3);flex-direction:column}}.media-preview-list{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.media-preview-item{border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);width:80px;height:80px;position:relative;overflow:hidden}.media-preview-img{object-fit:cover;width:100%;height:100%}.media-preview-video-placeholder{background:var(--color-surface-variant);width:100%;height:100%;color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.media-preview-remove{top:var(--space-1);right:var(--space-1);background:var(--color-error);width:20px;height:20px;padding:0;position:absolute}@supports (color:color-mix(in lab, red, red)){.media-preview-remove{background:color-mix(in srgb,var(--color-error)90%,transparent)}}.media-preview-remove{border-radius:var(--radius-full);color:#fff;cursor:pointer;opacity:0;transition:opacity var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.media-preview-item:hover .media-preview-remove{opacity:1}.media-preview-loading{background:var(--color-surface-variant);justify-content:center;align-items:center;display:flex}.options-list-edit{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.option-edit-row{align-items:center;gap:var(--space-2);display:flex}.option-select-btn{background:var(--color-surface);border:2px solid var(--color-outline-variant);border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.option-select-btn .dot{background:var(--color-outline-variant);border-radius:var(--radius-full);width:8px;height:8px}.option-select-btn:hover{border-color:var(--color-primary);background:var(--color-primary-container)}.option-select-btn.active{border-color:var(--color-success);background:var(--color-success);color:#fff}.option-select-btn.active .dot{display:none}.btn-remove{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-error);cursor:pointer;transition:all var(--transition-fast);opacity:.6;background:0 0;border:none;padding:0}.btn-remove:hover{opacity:1;background:var(--color-error-container)}.ai-chat-brand-icon{stroke:url(#ai-chat-gradient);fill:none;filter:drop-shadow(0 0 8px var(--color-primary-hover))}@supports (color:color-mix(in lab, red, red)){.ai-chat-brand-icon{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--color-primary-hover)30%,transparent))}}[data-theme=dark] .ai-chat-brand-icon{filter:drop-shadow(0 0 12px var(--color-primary-hover))}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .ai-chat-brand-icon{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--color-primary-hover)50%,transparent))}}.text-style-presets{margin-bottom:var(--space-4)}.text-style-preset-grid{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.text-style-preset-btn{padding:var(--space-3)var(--space-4);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);text-align:center}.text-style-preset-btn:hover{border-color:var(--color-outline);background:var(--color-surface-container)}.text-style-preset-btn.active{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary)}.text-style-config-group{margin-top:var(--space-5)}.text-style-mode-grid{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.text-style-mode-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex}.text-style-mode-btn:hover{border-color:var(--color-outline);background:var(--color-surface-container);color:var(--color-text)}.text-style-mode-btn.active{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary)}.text-style-mode-btn svg{flex-shrink:0;width:16px;height:16px}.text-style-color-trigger{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:100%;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-top:var(--space-3);max-height:46px;display:flex}.text-style-color-trigger:hover{border-color:var(--color-primary);background:var(--color-primary-container)}.text-style-color-preview{background:var(--preview-color);border:1px solid var(--color-outline);border-radius:50%;flex-shrink:0;width:24px;height:24px}.gradient-editor{margin-top:var(--space-3);padding:var(--space-4);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md)}.gradient-editor-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.gradient-colors-list{gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.gradient-color-item{align-items:center;gap:var(--space-2);display:flex;position:relative}.gradient-color-preview{border:2px solid var(--color-outline);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border-radius:50%}.gradient-color-preview:hover{border-color:var(--color-primary);transform:scale(1.1)}.gradient-color-remove{border-radius:var(--radius-full);background:var(--color-error-container);width:20px;height:20px;color:var(--color-error);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.gradient-color-remove:hover{background:var(--color-error);color:#fff}.gradient-add-color-btn{padding:var(--space-2);background:var(--color-primary-container);color:var(--color-primary);border:1px dashed var(--color-primary);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;width:32px;height:32px;display:flex}.gradient-add-color-btn:hover{background:var(--color-primary);color:#fff;border-style:solid}.gradient-preview-text{font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-3);text-align:right;width:100%;display:inline-block}.gradient-preview{margin-top:var(--space-4);padding:var(--space-6);border-radius:var(--radius-md);text-align:center;font-weight:var(--font-bold);color:#fff;text-shadow:0 2px 4px #0000004d}@media (max-width:768px){.modal{align-items:stretch;padding:8px 0}.modal-container{border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:100%;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);margin:0;display:flex;overflow:hidden;transform:translateY(100%)}.modal-container>form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.modal.active .modal-container{transform:translateY(0)}.modal-small .modal-container,.modal-container.modal-small,.modal-large .modal-container,.modal-container.modal-large{max-width:100%;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.modal-header{padding:var(--space-5)var(--space-4);padding-top:var(--space-4);flex-shrink:0;align-items:center}.modal-title{font-size:var(--text-lg);line-height:1.4}.modal-close{width:var(--touch-target-min);height:var(--touch-target-min);top:var(--space-3);right:var(--space-3);justify-content:center;align-items:center;display:flex}.modal-close:hover{transform:none}.modal-close:active{opacity:1;transform:none}.modal-body{padding:var(--space-3)var(--space-4);-webkit-overflow-scrolling:touch;flex:auto;min-height:0;max-height:none;overflow:hidden auto}.modal-footer{padding:var(--space-3)var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));gap:var(--space-2);border-top:1px solid var(--color-outline-variant);background:var(--color-surface);flex-flow:row;flex-shrink:0;justify-content:stretch}.onboarding-modal .modal-footer{gap:var(--space-2);flex-flow:row;justify-content:space-between}.onboarding-modal .modal-footer button{flex:1 1 0;width:auto;min-width:0}.modal-footer button{width:auto;min-height:var(--touch-target-min);padding:var(--space-2)var(--space-3);flex:auto;justify-content:center}.modal-footer-actions{gap:var(--space-2);flex-direction:row;width:100%}.modal-footer-actions button{flex:1}.modal-container:before{display:none}.confirm-dialog .modal-container{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.confirm-dialog-content{padding:var(--space-4)}.confirm-dialog-icon{width:56px;height:56px}.confirm-dialog-title{font-size:var(--text-lg)}.confirm-dialog-message{font-size:var(--text-sm)}.confirm-dialog-actions{gap:var(--space-2);flex-direction:column;width:100%}.confirm-dialog-actions button{width:100%;min-height:var(--touch-target-comfortable)}.color-picker-modal .modal-container{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.color-picker-grid{gap:var(--space-2);grid-template-columns:repeat(6,1fr)}.color-swatch{width:var(--touch-target-min);height:var(--touch-target-min)}.help-modal .modal-container{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.help-shortcut-grid{gap:var(--space-2);grid-template-columns:1fr}.help-shortcut-item{padding:var(--space-3)}.text-style-modal .modal-container{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.text-style-options{gap:var(--space-2)}.text-style-option{min-height:var(--touch-target-comfortable);padding:var(--space-3)}}.quick-presets-group{margin-top:var(--space-3)}.quick-presets-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.quick-preset-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.quick-preset-btn:hover,.quick-preset-btn.active{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary)}.quick-preset-btn.active svg{color:var(--color-primary)}.quick-preset-label{white-space:nowrap}.custom-select-option-row{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast);display:flex}.custom-select-option-row:hover,.custom-select-option-row.selected{background:var(--color-primary-container)}.custom-select-option-row .custom-select-option{background:0 0;border-radius:0;flex:1;padding:0}.custom-select-option-row .custom-select-option:hover,.custom-select-option-row:hover .custom-select-option,.custom-select-option-row.selected .custom-select-option{background:0 0}.custom-select-option-row:hover .custom-select-option-label,.custom-select-option-row.selected .custom-select-option-label{color:var(--color-primary)}.custom-select-option-actions{align-items:center;gap:var(--space-2);display:flex}.ai-preset-delete-btn{color:var(--color-delete)!important}.ai-preset-delete-btn:hover{color:var(--color-delete-hover)!important;background:0 0!important}.delete-confirm-btn{animation:.25s forwards fadeInPop;color:var(--color-delete)!important}.delete-confirm-btn:hover{color:var(--color-delete-hover)!important;background:0 0!important}.delete-cancel-btn{animation:.25s forwards fadeInPop;color:var(--color-text-tertiary)!important}.delete-cancel-btn:hover{color:var(--color-text)!important;background:0 0!important}.quick-preset-star{border-radius:var(--radius-md);width:32px;height:100%;min-height:40px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);margin-right:var(--space-2);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.quick-preset-star:hover{color:var(--color-warning)}.quick-preset-star.active,.quick-preset-star.active:hover{color:#0000}@media (max-width:480px){.modal-header{padding:var(--space-4)var(--space-3);padding-top:var(--space-4)}.modal-title{font-size:var(--text-base);line-height:1.4}.modal-close{top:var(--space-2);right:var(--space-2)}.modal-body{padding:var(--space-2)var(--space-3)}.modal-footer{padding:var(--space-2)var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));gap:var(--space-2);flex-direction:row}.modal-footer button{padding:var(--space-2);font-size:var(--text-sm)}.unlimited-checkbox,.shuffle-checkbox{padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}.unlimited-checkbox svg,.shuffle-checkbox svg{width:18px;height:18px}.color-picker-grid{grid-template-columns:repeat(5,1fr)}.color-swatch{width:var(--touch-target-min);height:var(--touch-target-min)}.settings-section-title{font-size:var(--text-sm)}.settings-option{padding:var(--space-3)}.settings-option-label{font-size:var(--text-sm)}.model-tier-selector{gap:var(--space-1)}.model-tier-btn{padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}.material-picker-dropdown{min-width:220px;max-width:calc(100vw - 40px)}.material-picker-item{padding:var(--space-2);font-size:var(--text-xs)}.material-chip{max-width:160px;padding:2px 6px 2px 4px;font-size:10px}.modal-label-row{margin-bottom:var(--space-1)}.ai-chat-model-toggle{gap:1px}.ai-chat-model-btn{padding:2px 4px!important}.ai-chat-attached-chips{padding:0 var(--space-3)var(--space-1)}}@media (hover:none) and (pointer:coarse){.modal-close:hover{transform:none}.modal-close:active{opacity:1;transform:none}.modal-footer button:hover{transform:none}.modal-footer button:active{opacity:.9;transform:scale(.98)}.modal button,.modal input,.modal select,.modal textarea{min-height:var(--touch-target-min)}.modal input[type=checkbox],.modal input[type=radio]{width:24px;height:24px;min-height:auto}.modal *{-webkit-tap-highlight-color:transparent}}.vault-modal .modal-container{max-width:480px}.vault-modal__field{margin-bottom:var(--space-5)}.vault-modal__field:last-child{margin-bottom:0}.vault-modal__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.vault-modal__input{width:100%;padding:var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);transition:all var(--transition-fast)}.vault-modal__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-container);outline:none}.vault-modal__input::placeholder{color:var(--color-text-tertiary)}.vault-modal__icons{gap:var(--space-2);flex-wrap:wrap;display:flex}.vault-modal__icon-btn{background:var(--color-surface-container);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;font-size:20px;display:flex}.vault-modal__icon-btn:hover{background:var(--color-surface-container-high);transform:scale(1.05)}.vault-modal__icon-btn--active{border-color:var(--color-primary);background:var(--color-primary-container)}.vault-modal__colors{gap:var(--space-2);flex-wrap:wrap;display:flex}.vault-modal__color-btn{border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:2px solid #0000}.vault-modal__color-btn:hover{transform:scale(1.1)}.vault-modal__color-btn--active{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px currentColor}.vault-modal__preview{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-container);border-radius:var(--radius-lg);display:flex}.vault-modal__preview-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.vault-modal__preview-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text)}.vault-modal__footer-spacer{flex:1}.vault-modal__delete-confirm{text-align:center;padding:var(--space-4)}.vault-modal__delete-text{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-2)}.vault-modal__delete-warning{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.vault-modal__delete-actions{gap:var(--space-3);justify-content:center;display:flex}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger)85%,black)}}.btn-danger:hover:not(:disabled){border-color:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.btn-danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-danger)85%,black)}}.btn-danger-text{color:var(--color-danger)}.btn-danger-text:hover:not(:disabled){background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.btn-danger-text:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger)10%,transparent)}}@media (max-width:480px){.vault-modal__icons{gap:var(--space-1)}.vault-modal__icon-btn{width:36px;height:36px;font-size:18px}.vault-modal__color-btn{width:28px;height:28px}}.create-vault-modal .modal-body{padding:var(--space-5)}.create-vault-description{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-container);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex}.create-vault-description .create-vault-icon{color:var(--color-primary);flex-shrink:0}.create-vault-description p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.create-vault-hint{margin-bottom:var(--space-5)}.create-vault-hint p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0;line-height:1.5}.create-vault-form{gap:var(--space-2);flex-direction:column;display:flex}.create-vault-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.create-vault-input{width:100%;padding:var(--space-3)var(--space-4);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.create-vault-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-container)}.create-vault-input::placeholder{color:var(--color-text-tertiary)}.vaults-modal .modal-body{padding:var(--space-5)}.vaults-description{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-container);border-radius:var(--radius-lg);margin-bottom:var(--space-5);display:flex}.vaults-description .vaults-icon{color:var(--color-primary);flex-shrink:0}.vaults-description p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.welcome-modal .modal-container{max-width:440px}.welcome-content{text-align:center;padding:var(--space-6)var(--space-6)var(--space-4);flex-direction:column;align-items:center;display:flex;position:relative}.welcome-close-btn{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.welcome-close-btn:hover{color:var(--color-error);background:0 0}.welcome-icon-wrapper{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-container),var(--color-secondary-container,var(--color-primary-container)));width:64px;height:64px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.welcome-icon{color:var(--color-primary)}.welcome-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-3)}.welcome-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4);line-height:1.6}.welcome-text strong{color:var(--color-text);font-weight:var(--font-medium)}.welcome-beta-block{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-surface-variant);border-radius:var(--radius-lg);text-align:left;width:100%;margin-bottom:var(--space-5);display:flex}.welcome-beta-icon{border-radius:var(--radius-md);background:var(--color-surface);width:36px;min-width:36px;height:36px;color:var(--color-text-secondary);border:1px solid var(--color-outline-variant);justify-content:center;align-items:center;display:flex}.welcome-beta-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.welcome-bug-highlight{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-outline-variant);vertical-align:middle;width:22px;height:22px;color:var(--color-text-secondary);justify-content:center;align-items:center;margin:0 2px;display:inline-flex}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);max-width:1200px;z-index:var(--z-sticky);margin-left:auto;margin-right:auto;display:flex;position:relative}.page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--color-text)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.6}.page-actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}@media (min-width:769px){body.home-page-active{overflow:hidden}body.home-page-active #main-content{flex-direction:column;justify-content:center;height:100vh;display:flex;overflow:hidden}}@media (max-width:768px){body.home-page-active{overflow:auto}body.home-page-active #main-content{height:auto;overflow:auto}}.home-page{width:100%;max-width:100%;padding:var(--space-8)clamp(var(--space-2),1vw,var(--space-4));box-sizing:border-box;flex-direction:column;justify-content:center;min-height:100%;display:flex;position:relative}@keyframes home-dashboard-fade-in{0%{opacity:0}to{opacity:1}}.home-dashboard-fade-in{opacity:0;will-change:opacity;animation:.9s ease-out 50ms forwards home-dashboard-fade-in}@media (prefers-reduced-motion:reduce){.home-dashboard-fade-in{opacity:1;animation:none}}.home-page .page-header,.home-page .quick-stats,.home-page .home-content{width:100%;max-width:min(1000px,100vw - 300px - 3rem);margin-left:auto;margin-right:auto}.home-page .page-header{margin-bottom:var(--space-8);text-align:center;flex-direction:column;align-items:center;display:flex}.home-page .header-content{width:100%}.home-page .home-greeting-row{justify-content:center;align-items:center;gap:var(--space-4);display:inline-flex}.home-page .header-auth{align-items:center;display:inline-flex;position:static}.home-page .page-title{font-size:clamp(var(--text-3xl),3vw,var(--text-5xl));font-weight:var(--font-bold);line-height:1.2}.home-page .page-subtitle{font-size:clamp(var(--text-lg),1.5vw,var(--text-xl));margin-top:var(--space-4);color:var(--color-text-tertiary)}.home-subject-divider{width:min(360px,75%);height:1px;margin:var(--space-4)auto 0;background:linear-gradient(90deg,transparent 0%,var(--color-primary-container-hover)20%,var(--color-primary)50%,var(--color-primary-container-hover)80%,transparent 100%)}@supports (color:color-mix(in lab, red, red)){.home-subject-divider{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-primary-container-hover)50%,transparent)20%,color-mix(in srgb,var(--color-primary)55%,transparent)50%,color-mix(in srgb,var(--color-primary-container-hover)50%,transparent)80%,transparent 100%)}}.home-subject-divider{position:relative}.home-subject-divider:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary-container)20%,var(--color-primary-container-hover)50%,var(--color-primary-container)80%,transparent 100%);height:5px;position:absolute;top:-2px;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.home-subject-divider:before{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-primary-container)50%,transparent)20%,color-mix(in srgb,var(--color-primary-container-hover)55%,transparent)50%,color-mix(in srgb,var(--color-primary-container)50%,transparent)80%,transparent 100%)}}.home-subject-divider:before{filter:blur(5px);pointer-events:none}.profile-quick-btn{flex-shrink:0}.home-stats-row{gap:var(--space-6);margin-bottom:var(--space-10);z-index:1;flex-wrap:wrap;justify-content:center;width:100%;max-width:min(1000px,100vw - 300px - 3rem);margin-left:auto;margin-right:auto;display:flex;position:relative}.home-stat-pill{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full,9999px);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;transition:all .25s;display:flex}.home-stat-pill:hover{opacity:.8;background:0 0;transform:translateY(-1px)}.home-stat-pill svg{flex-shrink:0}.home-stat-pill.notes svg{color:#8b5cf6}.home-stat-pill.cards svg{color:#3b82f6}.home-stat-pill.tests svg{color:#10b981}.home-stat-pill.streak svg{color:#f97316}.home-stat-pill-value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text)}.home-stat-pill-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.home-vault-bootstrap{z-index:1;justify-content:center;align-items:center;gap:var(--space-4);min-height:220px;color:var(--color-text-secondary);font-size:var(--text-sm);letter-spacing:0;flex-direction:column;display:flex;position:relative}.home-vault-bootstrap__mark{border-radius:var(--radius-full);border:1px solid var(--color-primary);place-items:center;width:42px;height:42px;display:grid}@supports (color:color-mix(in lab, red, red)){.home-vault-bootstrap__mark{border:1px solid color-mix(in srgb,var(--color-primary)34%,transparent)}}.home-vault-bootstrap__mark{background:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.home-vault-bootstrap__mark{background:color-mix(in srgb,var(--color-surface)70%,transparent)}}.home-vault-bootstrap__pulse{border-radius:var(--radius-full);background:var(--color-primary);width:14px;height:14px;box-shadow:0 0 18px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.home-vault-bootstrap__pulse{box-shadow:0 0 18px color-mix(in srgb,var(--color-primary)55%,transparent)}}.home-vault-bootstrap__pulse{animation:1.25s ease-in-out infinite home-vault-bootstrap-pulse}@keyframes home-vault-bootstrap-pulse{0%,to{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}.home-content{width:100%;display:block}.home-divider{background:linear-gradient(90deg,transparent,var(--color-primary),transparent);width:100px;height:2px}@supports (color:color-mix(in lab, red, red)){.home-divider{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-primary)50%,transparent),transparent)}}.home-divider{margin:var(--space-8)auto}.modules-section{margin-top:0;margin-bottom:var(--space-6)}.home-guides-link{right:var(--space-6);bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));z-index:var(--z-sticky);margin:0;position:fixed}.home-guides-link svg{flex-shrink:0}.home-vk-link{left:var(--sidebar-width-effective,0px);right:0;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));z-index:var(--z-sticky);border-radius:var(--radius-full);width:42px;height:42px;color:var(--color-text);justify-content:center;align-items:center;margin-inline:auto;display:inline-flex;position:fixed;transform:none}@supports (color:color-mix(in lab, red, red)){.home-vk-link{color:color-mix(in srgb,var(--color-text)58%,transparent)}}.home-vk-link{background:var(--color-surface);text-decoration:none}@supports (color:color-mix(in lab, red, red)){.home-vk-link{background:color-mix(in srgb,var(--color-surface)42%,transparent)}}.home-vk-link{border:1px solid var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.home-vk-link{border:1px solid color-mix(in srgb,var(--color-primary)16%,transparent)}}.home-vk-link{box-shadow:0 14px 34px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.home-vk-link{box-shadow:0 14px 34px color-mix(in srgb,var(--color-primary)10%,transparent)}}.home-vk-link{-webkit-backdrop-filter:blur(12px);transition:color .25s,border-color .25s,background .25s,box-shadow .25s,transform .25s}.home-vk-link:hover,.home-vk-link:focus-visible{color:var(--color-text);border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.home-vk-link:hover,.home-vk-link:focus-visible{border-color:color-mix(in srgb,var(--color-primary)32%,transparent)}}.home-vk-link:hover,.home-vk-link:focus-visible{background:var(--color-primary-container)}@supports (color:color-mix(in lab, red, red)){.home-vk-link:hover,.home-vk-link:focus-visible{background:color-mix(in srgb,var(--color-primary-container)22%,transparent)}}.home-vk-link:hover,.home-vk-link:focus-visible{box-shadow:0 18px 44px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.home-vk-link:hover,.home-vk-link:focus-visible{box-shadow:0 18px 44px color-mix(in srgb,var(--color-primary)18%,transparent)}}.home-vk-link:hover,.home-vk-link:focus-visible{transform:translateY(-2px)}.home-modules-grid{gap:clamp(var(--space-3),2vw,var(--space-5));grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;max-width:min(900px,95vw - 285px - 2.85rem);margin:0 auto;display:grid}.home-module-card{text-align:center;align-items:center;gap:var(--space-3);padding:clamp(var(--space-5),3vw,var(--space-8))clamp(var(--space-4),2vw,var(--space-6));border-radius:var(--radius-xl,16px);background:var(--color-surface);flex-direction:column;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.home-module-card{background:color-mix(in srgb,var(--color-surface)50%,transparent)}}.home-module-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.home-module-card{border:1px solid color-mix(in srgb,var(--color-outline-variant)25%,transparent)}}.home-module-card{cursor:pointer;color:inherit;font:inherit;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.home-module-card:hover{transform:translateY(-4px)}.home-module-card:active{transform:translateY(-1px)}.home-module-icon{z-index:1;transition:transform .3s;position:relative}.home-module-card:hover .home-module-icon{transform:scale(1.1)}.home-module-card.notes .home-module-icon{color:#8b5cf6}.home-module-card.cards .home-module-icon{color:#3b82f6}.home-module-card.tests .home-module-icon{color:#10b981}.home-module-body{z-index:1;gap:var(--space-2);flex-direction:column;flex:1;display:flex;position:relative}.home-module-title{font-size:clamp(var(--text-base),1.3vw,var(--text-xl));font-weight:var(--font-bold);color:var(--color-text);line-height:1.3}.home-module-desc{font-size:clamp(var(--text-sm),.95vw,var(--text-base));color:var(--color-text-secondary);line-height:1.55}.home-module-arrow{z-index:1;color:var(--color-text-tertiary);opacity:0;transition:all .3s;position:relative;transform:translate(-4px)}.home-module-card:hover .home-module-arrow{opacity:1;transform:translate(0)}.home-module-card.magic-bento-card--border-glow:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--glow-x,50%)var(--glow-y,50%),rgba(var(--magic-bento-glow-color,132,0,255),calc(.14*var(--glow-intensity,0)))0%,transparent 60%);pointer-events:none;z-index:0;opacity:1;transition:opacity .3s;position:absolute;inset:0}@media (max-width:768px){.home-vk-link{margin-inline:0;left:50%;right:auto;transform:translate(-50%)}.home-vk-link:hover,.home-vk-link:focus-visible{transform:translate(-50%)translateY(-2px)}.home-page{padding:var(--space-3)var(--space-3)var(--space-4);box-sizing:border-box;width:100%;max-width:100%}.home-page .page-title{font-size:var(--text-3xl)}.home-page .page-header{margin-bottom:var(--space-3)}.home-stats-row{gap:var(--space-2);margin-bottom:var(--space-4);max-width:100%}.home-stat-pill{padding:var(--space-1)var(--space-3);font-size:var(--text-sm)}.home-stat-pill-label{display:none}.home-content{box-sizing:border-box;width:100%;max-width:100%}.modules-section{margin-bottom:var(--space-4);box-sizing:border-box;width:100%;max-width:100%}.home-guides-link{right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}.home-vk-link{bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));width:38px;height:38px}.home-modules-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}.home-module-card{text-align:center;min-width:0;padding:var(--space-3)var(--space-2);align-items:center;gap:var(--space-2);flex-direction:column}.home-module-icon{width:24px;height:24px}.home-module-body{gap:var(--space-1);width:100%;min-width:0}.home-module-title{font-size:clamp(14px,2.4vw,16px);line-height:1.2}.home-module-desc{display:none}.home-module-arrow{opacity:.5;width:16px;height:16px;transform:none}}@media (max-width:480px){.page-header{flex-direction:column;align-items:flex-start!important;gap:var(--space-3)!important}.home-stat-pill{padding:var(--space-1)var(--space-2);gap:var(--space-1)}.home-stat-pill-value{font-size:var(--text-sm)}.home-modules-grid{gap:6px}.home-module-card{border-radius:var(--radius-lg);padding:10px 6px}.home-module-icon{width:20px;height:20px}.home-module-title{font-size:13px}}@media (max-width:1024px){.home-page{max-width:100%;padding:var(--space-4)}.home-page .page-header,.home-page .quick-stats,.home-page .home-content{width:100%!important;max-width:100%!important}.home-page .page-header{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column}.home-page .header-content{text-align:center;width:100%}.home-page .home-greeting-row{justify-content:center;width:100%}.home-page .header-auth{z-index:auto;position:static}}@media (max-width:768px){.home-page{padding:var(--space-3)}.home-page .page-header,.home-page .quick-stats,.home-page .home-content{width:100%!important;max-width:100%!important}.home-page .page-header{text-align:center;align-items:center;gap:var(--space-4);margin-top:var(--space-2);flex-direction:column;position:relative}.home-page .header-content{text-align:center;width:100%}.home-page .home-greeting-row{gap:var(--space-3);justify-content:center;width:100%}.home-page .header-auth{z-index:auto;align-items:center;width:auto;height:auto;display:flex;position:static;transform:none}}.notes-page{gap:var(--space-6);height:calc(100vh - var(--space-16));display:flex}.notes-main{flex-direction:column;flex:1;order:1;min-width:0;display:flex}.notes-sidebar{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;order:2;width:280px;display:flex}.notes-sidebar .sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.notes-sidebar .sidebar-header h2{font-size:var(--text-base);font-weight:var(--font-semibold)}.notes-sidebar .sidebar-actions{gap:var(--space-1);display:flex}.notes-sidebar .sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-outline-variant)}.tree-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-1);-webkit-user-select:none;user-select:none;display:flex}.tree-item:hover{background:var(--color-surface-container-high)}.tree-item.active{background:var(--color-primary-container);color:var(--color-primary)}.tree-item svg{flex-shrink:0;width:18px;height:18px}.tree-item-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tree-expand{width:16px;height:16px;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.tree-item.expanded .tree-expand{transform:rotate(90deg)}.tree-children{padding-left:var(--space-5)}.editor-header-bar{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-outline-variant);align-items:center;gap:var(--space-3);background:var(--color-surface);flex-shrink:0;display:flex}.note-title-input{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;flex:1}.note-title-input:hover{background:var(--color-surface-container)}.note-title-input:focus{background:var(--color-surface-container-high);outline:none}.header-actions{gap:var(--space-1);display:flex}.mode-toggle{position:relative}.mode-toggle.reading{color:var(--color-primary)}.mode-toggle.editing{color:var(--color-success)}.editor-unified-area{flex:1;position:relative;overflow-y:auto}.editor-unified-area.read-mode{cursor:text}.editor-unified-area.edit-mode{flex-direction:column;display:flex}.editor-unified-area .note-textarea{width:100%;padding:var(--space-5);resize:none;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:0 0;border:none;flex:1;line-height:1.8}.editor-unified-area .note-textarea:focus{outline:none}.editor-unified-area .note-preview{padding:var(--space-5);line-height:1.8}.editor-bottom-toolbar{border-top:1px solid var(--color-outline-variant);background:var(--color-surface);transition:all var(--transition-base);flex-direction:column;flex-shrink:0;display:flex}.editor-bottom-toolbar.collapsed .toolbar-content{display:none}.toolbar-collapse-btn{width:100%;padding:var(--space-2);cursor:pointer;color:var(--color-text-tertiary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.toolbar-collapse-btn:hover{background:var(--color-surface-container);color:var(--color-text)}.toolbar-collapse-btn svg{width:16px;height:16px}.toolbar-content{padding:var(--space-3)var(--space-4);align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-outline-variant);flex-wrap:wrap;display:flex}.toolbar-content.disabled{opacity:.5;pointer-events:none}.toolbar-group{gap:var(--space-1);display:flex}.toolbar-divider{background:var(--color-outline-variant);width:1px;height:24px;margin:0 var(--space-2)}.format-btn{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;height:32px;display:flex}.format-btn:hover:not(:disabled){background:var(--color-surface-container-high);color:var(--color-text)}.format-btn:active:not(:disabled){background:var(--color-primary-container);color:var(--color-primary)}.format-btn:disabled{opacity:.4;cursor:not-allowed}.format-btn svg{width:18px;height:18px}.format-btn.ai-btn{color:var(--color-primary,#818cf8)}.format-btn.ai-btn:hover:not(:disabled){background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.format-btn.ai-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary)12%,transparent)}}.format-btn.ai-btn:hover:not(:disabled){color:var(--color-primary-hover,#6366f1)}.format-btn.ai-btn:active:not(:disabled){background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.format-btn.ai-btn:active:not(:disabled){background:color-mix(in srgb,var(--color-primary)20%,transparent)}}.format-btn.ai-btn:active:not(:disabled){color:var(--color-primary-hover,#6366f1)}.toolbar-status{padding:var(--space-2)var(--space-4);align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex}.toolbar-status .status-item{align-items:center;gap:var(--space-1);display:flex}.toolbar-status .status-item svg{width:14px;height:14px}.editor-header{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.editor-tabs{gap:var(--space-1);display:flex}.editor-tab{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}.editor-tab:hover{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.editor-tab:hover{background:color-mix(in srgb,var(--color-primary)10%,transparent)}}.editor-tab:hover{color:var(--color-primary)}.editor-tab.active{background:var(--color-primary-container);color:var(--color-primary)}.editor-toolbar{gap:var(--space-1);display:flex}.editor-content{flex:1;overflow-y:auto}.editor-textarea{width:100%;height:100%;padding:var(--space-5);resize:none;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:0 0;border:none;line-height:1.7}.editor-textarea:focus{outline:none}.editor-preview{padding:var(--space-5);height:100%;overflow-y:auto}.markdown-preview{line-height:1.8}.markdown-preview h1{font-size:var(--text-3xl);margin-top:var(--space-6);margin-bottom:var(--space-4)}.markdown-preview h2{font-size:var(--text-2xl);margin-top:var(--space-5);margin-bottom:var(--space-3)}.markdown-preview h3{font-size:var(--text-xl);margin-top:var(--space-4);margin-bottom:var(--space-2)}.markdown-preview h4{font-size:var(--text-lg);margin-top:var(--space-4);margin-bottom:var(--space-2)}.markdown-preview p{margin-bottom:var(--space-4);color:var(--color-text)}.markdown-preview ul,.markdown-preview ol{margin-bottom:var(--space-4)}.markdown-preview blockquote{padding:var(--space-4);color:#818cf8;margin:var(--space-4)0;border-radius:var(--radius-md);background:#818cf81f;border-left:none}.markdown-preview pre{margin:var(--space-4)0;border-radius:var(--radius-lg)}.markdown-preview table{border-collapse:collapse;width:100%;margin:var(--space-4)0}.markdown-preview th,.markdown-preview td{padding:var(--space-3);border:1px solid var(--color-outline-variant);text-align:left}.markdown-preview th{background:var(--color-surface-container);font-weight:var(--font-semibold)}.callout{padding:var(--space-4);border-radius:var(--radius-md);margin:var(--space-4)0;border:none;flex-direction:column;display:flex}.callout-title{font-weight:var(--font-semibold);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:1.1em;line-height:1.2;display:flex}.callout-icon{justify-content:center;align-items:center;font-size:1.25em;line-height:1;display:inline-flex}.callout-content{font-size:1em;line-height:1.6}.callout-content *{color:inherit!important}.callout-content strong,.callout-content b{font-weight:var(--font-bold);color:inherit!important}.callout-note,.callout-abstract,.callout-summary,.callout-tldr,.callout-info,.callout-glyph{color:#4483f2;background:#4483f21a}.callout-note *,.callout-abstract *,.callout-summary *,.callout-tldr *,.callout-info *,.callout-glyph *{color:#4483f2}.callout-tip,.callout-hint,.callout-success,.callout-check,.callout-done{color:#10b981;background:#10b98114}.callout-tip *,.callout-hint *,.callout-success *,.callout-check *,.callout-done *{color:#10b981}.callout-important,.callout-question,.callout-help,.callout-faq{color:#a855f7;background:#a855f71a}.callout-important *,.callout-question *,.callout-help *,.callout-faq *{color:#a855f7}.callout-warning,.callout-caution,.callout-attention{color:#fb923c;background:#fb923c1a}.callout-warning *,.callout-caution *,.callout-attention *{color:#fb923c}.callout-danger,.callout-failure,.callout-fail,.callout-missing,.callout-error,.callout-bug{color:#f43f5e;background:#f43f5e1a}.callout-danger *,.callout-failure *,.callout-fail *,.callout-missing *,.callout-error *,.callout-bug *{color:#f43f5e}.callout-example,.callout-quote,.callout-cite{color:#22d3ee;background:#22d3ee1a}.callout-example *,.callout-quote *,.callout-cite *{color:#22d3ee}.cards-page{gap:var(--space-6);height:calc(100vh - var(--space-16));display:flex}.cards-main{flex-direction:column;flex:1;order:1;min-width:0;display:flex}.decks-sidebar{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;order:2;width:320px;display:flex}.decks-list{gap:var(--space-3);padding:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.review-screen{padding:var(--space-8);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.review-progress{width:100%;max-width:600px;margin-bottom:var(--space-6);align-items:center;gap:var(--space-4);display:flex}.review-stats{gap:var(--space-4);font-size:var(--text-sm);display:flex}.review-stat{align-items:center;gap:var(--space-1);display:flex}.review-stat-value{font-weight:var(--font-semibold)}.review-new{color:var(--color-new)}.review-learning{color:var(--color-learning)}.review-review{color:var(--color-review)}.cards-welcome{text-align:center;padding:var(--space-8);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.cards-welcome .welcome-icon{background:var(--color-primary-container);border-radius:var(--radius-xl);width:80px;height:80px;margin-bottom:var(--space-6);justify-content:center;align-items:center;display:flex}.cards-welcome .welcome-icon svg{width:40px;height:40px;color:var(--color-primary)}.cards-welcome h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.cards-welcome>p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.cards-welcome .welcome-actions{gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.today-stats-compact{gap:var(--space-6);padding:var(--space-4);background:var(--color-surface-container);border-radius:var(--radius-lg);display:flex}.today-stats-compact .stat{align-items:center;gap:var(--space-2);display:flex}.today-stats-compact .stat-value{font-size:var(--text-xl);font-weight:var(--font-bold)}.today-stats-compact .stat-value.due{color:var(--color-warning)}.today-stats-compact .stat-value.new{color:var(--color-info)}.today-stats-compact .stat-value.learned{color:var(--color-success)}.today-stats-compact .stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.deck-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.deck-header-main{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.deck-header-main h2{font-size:var(--text-2xl);font-weight:var(--font-semibold)}.deck-stats-main{gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.deck-stats-main .stat{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--color-surface-container);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.deck-stats-main .stat svg{width:16px;height:16px;color:var(--color-text-tertiary)}.decks-sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.decks-sidebar-header h3{font-size:var(--text-base);font-weight:var(--font-semibold)}.deck-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;display:flex}.deck-item:hover{background:var(--color-surface-container);border-color:var(--color-outline-variant)}.deck-item.active{background:var(--color-primary-container);border-color:var(--color-primary)}.deck-item .deck-color{border-radius:var(--radius-sm);flex-shrink:0;width:4px;height:32px}.deck-item .deck-info{flex:1;min-width:0}.deck-item .deck-name{font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.deck-item .deck-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);gap:var(--space-2);display:flex}.cards-grid-container{flex:1;overflow-y:auto}.card-item{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.card-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.card-item .card-front{font-weight:var(--font-medium);margin-bottom:var(--space-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-item .card-back{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;margin-bottom:var(--space-3);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-item .card-actions{gap:var(--space-2);opacity:0;transition:opacity var(--transition-fast);display:flex}.card-item:hover .card-actions{opacity:1}.empty-deck{text-align:center;padding:var(--space-8);color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-deck svg{width:48px;height:48px;color:var(--color-outline);margin-bottom:var(--space-4)}.empty-deck h3{margin-bottom:var(--space-2);color:var(--color-text)}.empty-deck p{margin-bottom:var(--space-4)}.tests-page{max-width:900px}.test-config{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.config-section{margin-bottom:var(--space-6)}.config-section:last-child{margin-bottom:0}.config-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.question-types{gap:var(--space-2);flex-wrap:wrap;display:flex}.type-chip{padding:var(--space-2)var(--space-4);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.type-chip:hover{border-color:var(--color-primary)}.type-chip.active{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary)}.test-question{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4)}.question-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.question-number{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary)}.question-type-badge{font-size:var(--text-xs);padding:var(--space-1)var(--space-2);background:var(--color-surface-container);border-radius:var(--radius-full);color:var(--color-text-secondary)}.question-text{font-size:var(--text-lg);font-weight:var(--font-medium);margin-bottom:var(--space-5)}.question-options{gap:var(--space-2);flex-direction:column;display:flex}.question-option{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex}.question-option:hover{border-color:var(--color-primary)}.question-option.selected{border-color:var(--color-primary);background:var(--color-primary-container)}.question-option.correct{border-color:var(--color-success);background:var(--color-success-container)}.question-option.incorrect{border-color:var(--color-error);background:var(--color-error-container)}.option-marker{border:2px solid var(--color-outline);border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--text-sm);font-weight:var(--font-medium);flex-shrink:0;justify-content:center;align-items:center;display:flex}.question-option.selected .option-marker{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.option-text{flex:1}.test-results{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.results-score{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-2)}.results-label{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.results-breakdown{justify-content:center;gap:var(--space-8);margin-bottom:var(--space-6);display:flex}.result-item{text-align:center}.result-value{font-size:var(--text-2xl);font-weight:var(--font-semibold)}.result-value.correct{color:var(--color-success)}.result-value.incorrect{color:var(--color-error)}.result-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.question-explanation{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface-container);border-radius:var(--radius-md);border-left:4px solid var(--color-info)}.explanation-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-info);margin-bottom:var(--space-2)}.explanation-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.generate-section{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.generate-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.generate-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.generate-icon svg{width:20px;height:20px;color:var(--color-on-primary)}.generate-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.generate-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.generate-form{gap:var(--space-4);flex-direction:column;display:flex}.tests-page{height:100%}.tests-layout{gap:var(--space-4);height:100%;display:flex}.tests-list{padding:var(--space-2);flex:1;overflow-y:auto}.test-item{padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:space-between;align-items:center;display:flex}.test-item:hover{background:var(--color-hover)}.test-item.active{background:var(--color-primary-container);border-color:var(--color-primary)}.test-item-content{flex:1;min-width:0}.test-item-title{font-weight:var(--font-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.test-item-meta{font-size:var(--text-xs);color:var(--color-text-secondary);gap:var(--space-2);display:flex}.test-score{font-weight:var(--font-semibold)}.test-score.excellent{color:var(--color-success)}.test-score.good{color:var(--color-primary)}.test-score.average{color:var(--color-warning)}.test-score.poor{color:var(--color-error)}.test-item-actions{gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);display:flex}.test-item:hover .test-item-actions{opacity:1}.tests-welcome{padding:var(--space-8);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.tests-welcome .welcome-icon{background:var(--color-primary-container);border-radius:var(--radius-xl);width:80px;height:80px;margin-bottom:var(--space-6);justify-content:center;align-items:center;display:flex}.tests-welcome .welcome-icon svg{width:40px;height:40px;color:var(--color-primary)}.tests-welcome h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.tests-welcome p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.test-create-form{flex-direction:column;height:100%;display:flex}.test-create-form .form-header{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--color-card-border);justify-content:space-between;align-items:center;display:flex}.test-create-form .form-header h2{font-size:var(--text-xl);font-weight:var(--font-semibold)}.test-create-form .form-body{padding:var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.test-create-form .form-footer{padding:var(--space-4)var(--space-6);border-top:1px solid var(--color-card-border);justify-content:flex-end;gap:var(--space-3);display:flex}.slider-container{align-items:center;gap:var(--space-4);display:flex}.slider-container input[type=range]{background:var(--color-hover);appearance:none;cursor:pointer;border-radius:2px;flex:1;height:4px}.slider-container input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;width:16px;height:16px;transition:transform var(--transition-fast);border-radius:50%}.slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-value{text-align:center;min-width:40px;font-weight:var(--font-semibold);color:var(--color-primary)}.test-screen{flex-direction:column;height:100%;display:flex}.test-header{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--color-card-border)}.test-progress{background:var(--color-hover);height:4px;margin-bottom:var(--space-3);border-radius:2px;overflow:hidden}.test-progress-bar{background:var(--color-primary);height:100%;transition:width var(--transition-base);border-radius:2px}.test-info{justify-content:space-between;align-items:center;display:flex}.test-counter{font-size:var(--text-sm);color:var(--color-text-secondary)}.test-question{padding:var(--space-6);flex:1;overflow-y:auto}.question-type-badge{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);background:var(--color-primary-container);color:var(--color-primary);margin-bottom:var(--space-3);display:inline-block}.question-text{font-size:var(--text-xl);font-weight:var(--font-medium);margin-bottom:var(--space-6);line-height:1.5}.question-answers{gap:var(--space-3);flex-direction:column;display:flex}.answer-option{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-card);border:2px solid var(--color-card-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.answer-option:hover{border-color:var(--color-primary);background:var(--color-hover)}.answer-option.selected{border-color:var(--color-primary);background:var(--color-primary-container)}.answer-option input{display:none}.answer-marker{border:2px solid var(--color-card-border);width:20px;height:20px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;position:relative}.answer-option.checkbox .answer-marker{border-radius:var(--radius-sm)}.answer-option.selected .answer-marker{border-color:var(--color-primary);background:var(--color-primary)}.answer-option.selected .answer-marker:after{content:"";background:var(--color-on-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.answer-option.checkbox.selected .answer-marker:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") 50%/contain no-repeat;border-radius:0;width:10px;height:10px}.answer-text{flex:1}.matching-question{gap:var(--space-3);flex-direction:column;display:flex}.matching-item{align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-md);display:flex}.matching-text{font-weight:var(--font-medium);flex:1}.matching-select{min-width:200px;padding:var(--space-2)var(--space-3);background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-sm);font-size:var(--text-sm)}.open-answer textarea{width:100%;padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-card-border);border-radius:var(--radius-md);font-size:var(--text-base);resize:vertical;min-height:120px;line-height:1.5}.open-answer textarea:focus{border-color:var(--color-primary);outline:none}.test-footer{padding:var(--space-4)var(--space-6);border-top:1px solid var(--color-card-border);justify-content:space-between;align-items:center;display:flex}.question-dots{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.question-dots .dot{background:var(--color-hover);cursor:pointer;width:10px;height:10px;transition:all var(--transition-fast);border-radius:50%}.question-dots .dot:hover{background:var(--color-text-secondary)}.question-dots .dot.current{background:var(--color-primary);transform:scale(1.2)}.question-dots .dot.answered{background:var(--color-success)}.test-results{flex-direction:column;height:100%;display:flex}.results-header{padding:var(--space-8);text-align:center;background:var(--color-primary-container)}.results-header.excellent{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.results-header.excellent{background:color-mix(in srgb,var(--color-success)15%,transparent)}}.results-header.good{background:var(--color-primary-container)}.results-header.average{background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.results-header.average{background:color-mix(in srgb,var(--color-warning)15%,transparent)}}.results-header.poor{background:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.results-header.poor{background:color-mix(in srgb,var(--color-error)15%,transparent)}}.results-score{margin-bottom:var(--space-4)}.score-value{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-text)}.score-label{color:var(--color-text-secondary);font-size:var(--text-sm);display:block}.results-stats{justify-content:center;gap:var(--space-6);display:flex}.results-stats .stat{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);display:flex}.results-stats .stat svg{width:18px;height:18px}.results-body{padding:var(--space-6);flex:1;overflow-y:auto}.results-body h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.results-questions{gap:var(--space-4);flex-direction:column;display:flex}.result-question{padding:var(--space-4);border:1px solid var(--color-card-border);border-radius:var(--radius-md)}.result-question.correct{border-left:4px solid var(--color-success)}.result-question.incorrect{border-left:4px solid var(--color-error)}.result-question-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.result-number{font-size:var(--text-sm);color:var(--color-text-secondary)}.result-status{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);display:flex}.result-question.correct .result-status{color:var(--color-success)}.result-question.incorrect .result-status{color:var(--color-error)}.result-status svg{width:16px;height:16px}.result-question-text{margin-bottom:var(--space-3)}.result-answers{padding:var(--space-3);background:var(--color-hover);border-radius:var(--radius-sm);font-size:var(--text-sm)}.result-user-answer,.result-correct-answer{gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.result-correct-answer{margin-bottom:0}.result-answers .label{color:var(--color-text-secondary);min-width:140px}.result-user-answer .value{color:var(--color-error)}.result-correct-answer .value{color:var(--color-success);font-weight:var(--font-medium)}.result-explanation{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-primary-container);border-radius:var(--radius-sm);font-size:var(--text-sm);align-items:flex-start;gap:var(--space-2);display:flex}.result-explanation svg{width:16px;height:16px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.results-footer{padding:var(--space-4)var(--space-6);border-top:1px solid var(--color-card-border);justify-content:flex-end;gap:var(--space-3);display:flex}.test-details{padding:var(--space-8);text-align:center}.test-details h2{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.test-meta{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6);color:var(--color-text-secondary);display:flex}.test-meta span{align-items:center;gap:var(--space-2);display:flex}.test-meta svg{width:16px;height:16px}.test-actions{justify-content:center;display:flex}.generation-progress{padding:var(--space-8);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.generation-progress h3{margin-top:var(--space-6);font-size:var(--text-xl)}.generation-progress p{color:var(--color-text-secondary);margin-top:var(--space-2)}@media (max-width:1024px){.home-page{width:100%;max-width:100%;padding-left:var(--space-4);padding-right:var(--space-4);box-sizing:border-box;max-height:100vh;margin-left:0;margin-right:0;overflow-y:auto}.home-page .page-header{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;width:100%!important;max-width:800px!important;margin-left:auto!important;margin-right:auto!important}.home-page .header-content{text-align:center;width:100%}.home-page .home-greeting-row{justify-content:center;width:100%}.home-page .header-auth{z-index:auto;position:static}.home-page .quick-stats,.home-page .home-content{width:100%!important;max-width:100%!important}.home-content{box-sizing:border-box;width:100%;max-width:100%}.home-page .quick-stats{box-sizing:border-box;grid-template-columns:repeat(2,1fr)!important;width:100%!important;max-width:500px!important;margin-left:auto!important;margin-right:auto!important}.quick-stats .stat-card{padding:clamp(var(--space-4),2vw,var(--space-6));text-align:center;justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;max-height:none}.quick-stats .stat-icon{width:clamp(40px,4vw,56px);height:clamp(40px,4vw,56px)}.quick-stats .stat-icon svg{width:clamp(24px,2.5vw,36px);height:clamp(24px,2.5vw,36px)}.quick-stats .stat-value{font-size:clamp(var(--text-lg),1.5vw,var(--text-2xl))}.quick-stats .stat-label{font-size:clamp(var(--text-sm),.8vw,var(--text-base))}.modules-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);width:100%;max-width:100%}.notes-page,.cards-page,.tests-page{flex-direction:column;height:auto}.file-tree,.decks-sidebar,.tests-sidebar{width:100%;height:300px}.tests-layout{flex-direction:column}}@media (max-width:768px){.home-page{max-width:100%;padding:var(--space-3);justify-content:flex-start;padding-top:18vh}.home-page .page-header,.home-page .quick-stats,.home-page .home-content{width:100%!important;max-width:100%!important}.home-page .quick-stats{max-width:400px!important;margin-left:auto!important;margin-right:auto!important}.home-page .page-header{text-align:center;align-items:center;gap:var(--space-4);padding-top:calc(var(--space-4) + 40px);margin-top:var(--space-2);flex-direction:column;position:relative}.home-page .header-content{text-align:center;width:100%}.home-page .home-greeting-row{gap:var(--space-3);justify-content:center;width:100%}.home-page .header-auth{z-index:auto;align-items:center;width:auto;height:auto;display:flex;position:static;transform:none}.home-page .header-auth .auth-buttons{align-items:center;gap:var(--space-2);display:flex}.home-page .header-auth .user-menu{align-items:center;display:flex}.home-page .header-auth .auth-button{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);align-items:center;gap:var(--space-1);min-height:32px;display:flex}.home-page .header-auth .auth-button span{font-size:.75rem}.home-page .header-auth .user-menu-trigger{padding:var(--space-2);align-items:center;gap:var(--space-1);min-height:32px;box-shadow:none;background:0 0;border:none;display:flex}.home-page .header-auth .user-menu-trigger:hover,.home-page .header-auth .user-menu-trigger:focus-visible{box-shadow:none;background:0 0;border:none}.home-page .header-auth .user-menu-chevron{width:14px;height:14px}.home-page .page-title{font-size:var(--text-xl);text-align:center}.home-page .page-subtitle{text-align:center}.quick-stats{grid-template-columns:repeat(2,1fr)}.modules-grid{gap:var(--space-2);margin:0 auto;grid-template-columns:repeat(3,1fr)!important;width:100%!important;max-width:100%!important}.module-card{min-width:0;max-width:100%;padding:var(--space-2)}}@media (max-width:1024px) and (min-width:769px){.notes-file-sidebar:not(.sidebar-panel--collapsed){width:var(--right-sidebar-width-real,250px)!important;max-width:none!important;height:100vh!important;max-height:none!important;z-index:var(--z-sticky)!important;border-left:1px solid var(--color-outline-variant)!important;position:fixed!important;inset:0 0 auto auto!important;transform:none!important}@supports (color:color-mix(in lab, red, red)){.notes-file-sidebar:not(.sidebar-panel--collapsed){border-left:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)!important}}.notes-file-sidebar:not(.sidebar-panel--collapsed){box-shadow:none!important;overflow:visible!important}.notes-file-sidebar.sidebar-panel--mobile:not(.sidebar-panel--collapsed){width:var(--right-sidebar-width-real,250px)!important;max-width:none!important;height:100vh!important;max-height:none!important;z-index:var(--z-sticky)!important;border-left:1px solid var(--color-outline-variant)!important;position:fixed!important;inset:0 0 auto auto!important;transform:none!important}@supports (color:color-mix(in lab, red, red)){.notes-file-sidebar.sidebar-panel--mobile:not(.sidebar-panel--collapsed){border-left:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)!important}}.notes-file-sidebar.sidebar-panel--mobile:not(.sidebar-panel--collapsed){box-shadow:none!important;overflow:visible!important}.notes-file-sidebar.sidebar-panel--open{transform:none!important}.notes-file-sidebar .mobile-sidebar-header,.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header,.notes-file-sidebar.sidebar-panel--mobile:before{display:none!important}.tests-sidebar{height:100vh!important;max-height:none!important}}@media (max-width:768px){.notes-container{flex-direction:column}.notes-main{width:100%;padding:var(--space-2);padding-bottom:0;background:0 0!important}.notes-center-content{background:0 0!important}.notes-editor-wrapper{flex-direction:column;height:100%;max-height:100%;display:flex;overflow:hidden}.notes-editor-container,.notes-content-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.notes-editor-area{min-height:0;padding-bottom:calc(70px + var(--space-4));flex:1;overflow-y:auto}.mobile-bottom-toolbar{background:var(--color-surface);border-top:1px solid var(--color-outline-variant);padding:var(--space-2)var(--space-3);z-index:var(--z-sticky);flex-shrink:0;justify-content:center;align-items:center;height:50px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-toolbar-scroll{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;max-width:400px;display:flex}.mobile-format-buttons{align-items:center;gap:var(--space-1);display:flex}.mobile-format-menu{flex-shrink:0;order:1;width:40px;min-width:40px;display:flex}.mobile-toolbar-btn{border-radius:var(--radius-full);width:40px;min-width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-toolbar-btn:hover{background:var(--color-surface-variant);color:var(--color-text)}.mobile-toolbar-btn:active{transform:scale(.95)}.mobile-toolbar-btn--ai{color:var(--color-primary)}.mobile-toolbar-btn--ai:hover{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.mobile-toolbar-btn--ai:hover{background:color-mix(in srgb,var(--color-primary)10%,transparent)}}.mobile-toolbar-btn--ai:hover{color:var(--color-primary)}.mobile-toolbar-btn--ai svg{stroke:currentColor}.mobile-toolbar-btn--chat svg{stroke:url(#magic-icon-gradient)}.mobile-toolbar-btn--menu{color:var(--color-text-secondary)}.mobile-ai-buttons{justify-content:center;align-items:center;gap:var(--space-2);flex:1;order:2;display:flex}.mobile-toolbar-divider{background:var(--color-outline-variant);width:1px;height:24px;margin:0 var(--space-2)}.notes-file-sidebar.sidebar-panel--mobile{height:100dvh;max-height:100dvh;z-index:var(--z-modal);background:var(--color-surface);box-shadow:var(--shadow-xl);border-left:none;flex-direction:column;transition:none;display:flex;position:fixed;inset:0;overflow:hidden;transform:translate(100%);width:100%!important;max-width:100%!important}.notes-file-sidebar.sidebar-panel--mobile .sidebar-file-content{flex:1;min-height:0;overflow-y:auto}.notes-file-sidebar.sidebar-panel--open{transform:translate(0)}.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header{border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header{background:var(--color-surface);flex-shrink:0}.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);flex:1;margin:0}.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header-actions{align-items:center;gap:var(--space-3);display:flex}.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header-actions .btn-icon{justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;display:flex}.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header-actions .btn-icon svg{width:20px;height:20px}.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header-actions .sort-selector-trigger{border-radius:var(--radius-md);width:40px;min-width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header-actions .sort-selector-trigger:hover{background:rgba(var(--color-primary-rgb,99,102,241),.1);color:var(--color-primary)}.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header-actions .sort-selector-trigger.open{background:rgba(var(--color-primary-rgb,99,102,241),.1);color:var(--color-primary);height:20px}.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header-actions .btn-icon-minimal{justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;display:flex}.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-header-actions .btn-icon-minimal svg{width:20px;height:20px}.notes-file-sidebar.sidebar-panel--mobile .mobile-sidebar-actions{display:none!important}.notes-content-wrapper{width:100%!important;max-width:100%!important;padding:var(--space-3)0!important;box-shadow:none!important;background:0 0!important;border-left:none!important;border-right:none!important}.notes-content-wrapper .cm-editor,.notes-content-wrapper .cm-scroller,.notes-content-wrapper .cm-content,.notes-editor-area .markdown-editor .cm-content{padding-left:0!important;padding-right:0!important}.editor-resize-handle{display:none!important}.mobile-toolbar-divider{display:none}.mobile-toolbar-scroll{justify-content:space-between;align-items:center;width:100%}.mobile-format-menu{flex-shrink:0;order:1}.mobile-ai-buttons{justify-content:center;gap:var(--space-2);flex:1;order:2}.mobile-chat-button{flex-shrink:0;order:3}.mobile-format-menu-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-format-menu-dropdown{background:var(--color-surface);border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%;max-width:400px;max-height:50vh;animation:.3s ease-out slideUp;overflow-y:auto}.mobile-format-menu-header{padding:var(--space-4)var(--space-4)var(--space-2);border-bottom:none;justify-content:space-between;align-items:center;display:flex;position:relative}.mobile-format-menu-header:after{content:"";left:var(--space-4);right:var(--space-4);background:linear-gradient(90deg,transparent,var(--color-outline-variant),transparent);height:1px;position:absolute;bottom:0}.mobile-format-menu-header h3{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text);margin:0}.mobile-format-menu-close{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-format-menu-close:hover{color:var(--color-error)}.mobile-format-menu-btn:hover{background:var(--color-surface-variant);transform:translateY(-2px)}.mobile-format-menu-btn:active{transform:scale(.95)}.mobile-format-menu-btn svg{width:24px;height:24px;color:var(--color-text-secondary)}.mobile-format-menu-btn:hover svg{color:var(--color-primary)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ai-chat-fab{bottom:calc(var(--touch-target-comfortable) + var(--space-8))!important}.notes-empty-icon{width:100px;height:100px}.notes-empty-icon svg{width:48px;height:48px}.notes-empty-title{font-size:var(--text-xl)}.notes-empty-actions{align-items:center;gap:var(--space-4);flex-direction:row;width:100%}.notes-empty-actions button{text-align:center;justify-content:center}}@media (max-width:480px){.notes-empty-actions{align-items:center;gap:var(--space-4);flex-direction:column;width:100%}.notes-title-input{font-size:var(--text-lg)}.mobile-toolbar-btn{width:var(--touch-target-min);height:var(--touch-target-min)}}@media (max-width:360px){.mobile-sidebar-actions button span,.mobile-toolbar-divider{display:none}}:root{--magic-bento-spotlight:132,0,255;--magic-bento-stat-icon-size:clamp(36px,3vw,48px);--magic-bento-stat-icon-size-sm:clamp(22px,2.2vw,32px);--magic-bento-stat-value-size:clamp(var(--text-base),1.3vw,var(--text-2xl))}.magic-bento-grid{gap:clamp(var(--space-2),1vw,var(--space-4));isolation:isolate;display:grid;position:relative}.magic-bento-card{border-radius:var(--radius-2xl);padding:clamp(var(--space-3),1.2vw,var(--space-5));will-change:transform;min-height:auto;color:var(--color-text);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;--magic-bento-glow-color:var(--magic-bento-spotlight);background:0 0;border:none;flex-direction:column;justify-content:space-between;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.magic-bento-card:before{content:"";background:radial-gradient(circle at var(--glow-x)var(--glow-y),rgba(var(--magic-bento-glow-color),.25),transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.magic-bento-card--border-glow:after{content:"";border-radius:inherit;background:radial-gradient(var(--glow-radius)circle at var(--glow-x)var(--glow-y),rgba(var(--magic-bento-glow-color),clamp(var(--glow-intensity),0,.9))0%,rgba(var(--magic-bento-glow-color),clamp(var(--glow-intensity),0,.4))30%,transparent 65%);opacity:0;pointer-events:none;z-index:1;-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card:hover{box-shadow:0 12px 28px rgba(var(--magic-bento-glow-color),.22)}.magic-bento-card:hover:before,.magic-bento-card:hover:after{opacity:1}.magic-bento-card>*{z-index:2;position:relative}.particle{pointer-events:none;z-index:5;position:absolute}.global-spotlight{mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity}.magic-bento-grid.quick-stats{grid-template-columns:repeat(4,minmax(120px,1fr))}.magic-bento-card.home-stat-card{justify-content:center;align-items:center;gap:clamp(var(--space-1),.6vw,var(--space-2));padding:clamp(var(--space-2),.75vw,var(--space-3));border-radius:var(--radius-lg);text-align:center;flex-direction:row;min-height:auto}.magic-bento-card.home-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6366f114;border-color:var(--color-primary-container-hover)!important}.magic-bento-card.deck-stat-card,.magic-bento-card.test-stat-card,.magic-bento-card.results-stat-card{align-items:center;gap:var(--space-3);width:auto;height:auto;min-height:auto;padding:var(--space-2);border-radius:var(--radius-lg);background:0 0;border:none;flex-direction:row;justify-content:flex-start}.magic-bento-card.deck-stat-card .stat-icon,.magic-bento-card.test-stat-card .stat-icon,.magic-bento-card.results-stat-card .stat-card-icon{z-index:1;width:var(--magic-bento-stat-icon-size);height:var(--magic-bento-stat-icon-size);border-radius:var(--radius-xl);box-shadow:none;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.magic-bento-card.deck-stat-card .stat-icon svg,.magic-bento-card.test-stat-card .stat-icon svg,.magic-bento-card.results-stat-card .stat-card-icon svg{width:var(--magic-bento-stat-icon-size-sm);height:var(--magic-bento-stat-icon-size-sm)}.magic-bento-card.deck-stat-card .stat-content,.magic-bento-card.test-stat-card .stat-content,.magic-bento-card.results-stat-card .stat-card-content{z-index:1;gap:var(--space-1);text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex;position:relative}.magic-bento-card.deck-stat-card .stat-value,.magic-bento-card.test-stat-card .stat-value,.magic-bento-card.results-stat-card .stat-card-value{font-size:var(--magic-bento-stat-value-size);font-weight:var(--font-bold);color:var(--color-text);line-height:1}.magic-bento-card.deck-stat-card .stat-label,.magic-bento-card.test-stat-card .stat-label,.magic-bento-card.results-stat-card .stat-card-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.magic-bento-grid.deck-stats-grid,.magic-bento-grid.results-stats-grid{gap:clamp(var(--space-2),1vw,var(--space-4));grid-template-columns:repeat(4,minmax(140px,1fr));width:100%;display:grid}.magic-bento-grid.test-stats-grid{gap:clamp(var(--space-2),1vw,var(--space-4));grid-template-columns:repeat(3,minmax(140px,1fr));width:100%;display:grid}.magic-bento-grid.results-stats-grid{animation:.5s ease-out .1s backwards slideUp}.deck-stat-card.new .stat-icon svg{color:#3b82f6}.deck-stat-card.due{--magic-bento-glow-color:16,185,129}.deck-stat-card.due .stat-icon svg{color:#10b981}.deck-stat-card.upcoming{--magic-bento-glow-color:139,92,246}.deck-stat-card.upcoming .stat-icon svg{color:#8b5cf6}.deck-stat-card.mastered{--magic-bento-glow-color:245,158,11}.deck-stat-card.mastered .stat-icon svg{color:#f59e0b}.stat-icon-gold svg{color:var(--color-warning)}.stat-icon-blue svg{color:var(--color-info)}.stat-icon-green svg{color:var(--color-success)}.stat-card-gold .stat-value{color:var(--color-warning)}.stat-card-blue .stat-value{color:var(--color-info)}.stat-card-green .stat-value{color:var(--color-success)}.stat-correct .stat-card-icon,.stat-correct .stat-card-value{color:#22c55e}.stat-incorrect .stat-card-icon,.stat-incorrect .stat-card-value{color:#f87171}.stat-time .stat-card-icon,.stat-time .stat-card-value{color:#3b82f6}.stat-score .stat-card-icon,.stat-score .stat-card-value{color:#f59e0b}.results-stat-card{gap:clamp(var(--space-1),.6vw,var(--space-2))}.deck-stat-card:hover,.test-stat-card:hover,.results-stat-card:hover{background:0 0;box-shadow:0 8px 24px #0000001a}@media (max-width:768px){.magic-bento-grid.test-stats-grid{gap:var(--space-2);flex-wrap:nowrap;justify-content:space-between;display:flex}.magic-bento-grid.test-stats-grid .test-stat-card{flex:1 1 0;min-width:0}.magic-bento-grid.deck-stats-grid,.magic-bento-grid.results-stats-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.magic-bento-card.deck-stat-card,.magic-bento-card.test-stat-card,.magic-bento-card.results-stat-card{padding:var(--space-2);flex-direction:column;justify-content:center;align-items:center}.magic-bento-card.deck-stat-card .stat-icon,.magic-bento-card.test-stat-card .stat-icon,.magic-bento-card.results-stat-card .stat-card-icon{display:none}.magic-bento-card.deck-stat-card .stat-content,.magic-bento-card.test-stat-card .stat-content,.magic-bento-card.results-stat-card .stat-card-content{text-align:center;align-items:center;width:100%}.magic-bento-card.deck-stat-card,.magic-bento-card.test-stat-card,.magic-bento-card.results-stat-card{text-align:center;justify-content:center}.magic-bento-card.deck-stat-card .stat-value,.magic-bento-card.test-stat-card .stat-value,.magic-bento-card.results-stat-card .stat-card-value{text-align:center;font-size:clamp(1rem,3.5vw,1.5rem)}.magic-bento-card.deck-stat-card .stat-label,.magic-bento-card.test-stat-card .stat-label,.magic-bento-card.results-stat-card .stat-card-label{text-align:center;font-size:clamp(.75rem,2.2vw,1rem)}.deck-stat-card.new .stat-value{color:#3b82f6}.deck-stat-card.due .stat-value{color:#ef4444}.deck-stat-card.upcoming .stat-value{color:#8b5cf6}.deck-stat-card.mastered .stat-value,.test-stat-card.best .stat-value{color:#f59e0b}.test-stat-card.average .stat-value{color:#3b82f6}.test-stat-card.attempts .stat-value,.results-stat-card.stat-correct .stat-card-value{color:#22c55e}.results-stat-card.stat-incorrect .stat-card-value{color:#f87171}.results-stat-card.stat-time .stat-card-value{color:#3b82f6}.results-stat-card.stat-score .stat-card-value{color:#f59e0b}.deck-stat-card:before{opacity:0!important}.magic-bento-card.test-stat-card.stat-card-gold .stat-value{color:var(--color-warning)}.magic-bento-card.test-stat-card.stat-card-blue .stat-value{color:var(--color-info)}.magic-bento-card.test-stat-card.stat-card-green .stat-value{color:var(--color-success)}.magic-bento-card.results-stat-card.stat-correct .stat-card-value{color:#22c55e}.magic-bento-card.results-stat-card.stat-incorrect .stat-card-value{color:#f87171}.magic-bento-card.results-stat-card.stat-time .stat-card-value{color:#3b82f6}.magic-bento-card.results-stat-card.stat-score .stat-card-value{color:#f59e0b}}@media (max-width:480px){.magic-bento-grid.deck-stats-grid,.magic-bento-grid.results-stats-grid,.magic-bento-grid.test-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.magic-bento-grid.test-stats-grid .test-stat-card{flex:initial}.magic-bento-card.deck-stat-card,.magic-bento-card.test-stat-card,.magic-bento-card.results-stat-card{padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm)}.magic-bento-card.test-stat-card .stat-value,.magic-bento-card.results-stat-card .stat-card-value{font-size:var(--text-lg)}.magic-bento-card.test-stat-card .stat-label,.magic-bento-card.results-stat-card .stat-card-label{font-size:.65rem;line-height:1.2}.test-stat-card.best .stat-value{color:#f59e0b}.test-stat-card.average .stat-value{color:#3b82f6}.test-stat-card.attempts .stat-value{color:#22c55e}}.home-stat-icon{border-radius:var(--radius-xl);background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:clamp(40px,3vw,48px);height:clamp(40px,3vw,48px);display:inline-flex}.home-stat-icon svg{width:clamp(22px,2.4vw,32px);height:clamp(22px,2.4vw,32px)}.home-stat-info{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.home-stat-value{font-size:var(--stat-value-size);font-weight:var(--font-bold)}.home-stat-label{font-size:clamp(var(--text-xs),.9vw,var(--text-sm));color:var(--color-text-secondary)}.home-stat-card.notes .home-stat-icon svg{color:#8b5cf6}.home-stat-card.cards .home-stat-icon svg{color:#3b82f6}.home-stat-card.tests .home-stat-icon svg{color:#10b981}.home-stat-card.streak .home-stat-icon svg{color:#f97316}.magic-bento-grid.modules-grid{gap:clamp(var(--space-4),2vw,var(--space-6));grid-template-columns:repeat(3,minmax(0,1fr))}.magic-bento-card.module-card{text-align:center;padding:var(--space-2);border-radius:var(--radius-xl);cursor:pointer;align-items:center;gap:var(--space-3);z-index:1;pointer-events:auto;background:0 0;border-width:2px;border-color:#0000;width:100%;height:100%;min-height:auto;position:relative}.magic-bento-card.module-card:before,.magic-bento-card.module-card:after{pointer-events:none}.magic-bento-card.module-card>*{z-index:2;pointer-events:none;position:relative}.module-card h3{font-size:clamp(var(--text-base),1.1vw,var(--text-2xl));margin-bottom:var(--space-2)}.module-card p{color:var(--color-text-secondary);font-size:clamp(var(--text-sm),1vw,var(--text-base));line-height:1.6}.module-card .module-action{align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);margin-top:auto;display:inline-flex}.module-card:hover .module-action{color:var(--color-primary)}.module-card .module-action svg{transition:transform .22s}.module-card:hover .module-action svg{transform:scale(1.08)}.home-stat-card.notes{--magic-bento-glow-color:139,92,246}.home-stat-card.cards{--magic-bento-glow-color:59,130,246}.home-stat-card.tests{--magic-bento-glow-color:16,185,129}.home-stat-card.streak{--magic-bento-glow-color:249,115,22}.module-card.notes{--magic-bento-glow-color:139,92,246}.module-card.cards{--magic-bento-glow-color:59,130,246}.module-card.tests{--magic-bento-glow-color:16,185,129}@media (max-width:1024px){.magic-bento-grid.quick-stats{grid-template-columns:repeat(2,minmax(140px,1fr));justify-content:center}.magic-bento-card.home-stat-card{flex-direction:row;justify-content:center;align-items:center}.home-stat-info{text-align:left;align-items:flex-start}.magic-bento-grid.modules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.magic-bento-grid.quick-stats{grid-template-columns:repeat(2,1fr)}.magic-bento-grid.modules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:420px){.magic-bento-grid.quick-stats{gap:var(--space-2);grid-template-columns:repeat(2,minmax(120px,1fr))}.magic-bento-card.home-stat-card{gap:var(--space-2);padding:var(--space-2)}.home-stat-icon{width:clamp(48px,3.5vw,60px);height:clamp(48px,3.5vw,60px)}.home-stat-icon svg{width:clamp(26px,3vw,36px);height:clamp(26px,3vw,36px)}.magic-bento-grid.modules-grid{gap:clamp(var(--space-1),1vw,var(--space-2));grid-template-columns:repeat(3,minmax(0,1fr))}.home-stat-info{text-align:left;align-items:flex-start}}.magic-particle-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.magic-particle-bg canvas{display:block;width:100%!important;height:100%!important}.magic-particle-bg--hero{pointer-events:auto}.magic-particle-bg--ambient{opacity:.85}.magic-particle-bg--minimal{opacity:.6}.magic-particle-bg:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.magic-particle-bg--hero:after{background:radial-gradient(ellipse 90% 85% at 50% 50%,transparent 60%,var(--color-bg)100%)}.magic-particle-bg--ambient:after{background:radial-gradient(ellipse 85% 80% at 50% 50%,transparent 50%,var(--color-bg)100%)}.magic-particle-bg--minimal:after{background:radial-gradient(ellipse 75% 65% at 50% 50%,transparent 30%,var(--color-bg)100%)}@media (prefers-reduced-motion:reduce){.magic-particle-bg{display:none}}@media (max-width:768px){.magic-particle-bg--hero{pointer-events:none}.magic-particle-bg--ambient{opacity:.65}.magic-particle-bg--minimal{opacity:.4}}.arcanon-canvas{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.arcanon-canvas--hero{pointer-events:auto;cursor:crosshair}.arcanon-canvas--ambient,.arcanon-canvas--light{pointer-events:auto}@media (prefers-reduced-motion:reduce){.arcanon-canvas{display:none}}@media (max-width:768px){.arcanon-canvas--hero{pointer-events:none;cursor:default}.arcanon-canvas--ambient,.arcanon-canvas--light{pointer-events:none}}.landing{color:#e8e4ff;isolation:isolate;background:0 0;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.landing:before{display:none}.landing-background{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 30%,#110e24 0%,#0a0816 40%,#060510 100%);width:100%;height:100%;position:fixed;top:0;left:0}.landing-section{box-sizing:border-box;z-index:1;isolation:isolate;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:clamp(5.25rem,10vh,8.75rem) clamp(1.5rem,5vw,4rem);position:relative}.landing-demos{box-shadow:none;background:0 0}.landing-section-inner{z-index:2;max-width:1120px;margin:0 auto;position:relative}.landing-section-light{z-index:0;pointer-events:none;opacity:.82;position:absolute;inset:0;transform:translateZ(0)}.landing-section-light:before,.landing-section-light:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.landing-webgl-effect{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.landing-webgl-effect canvas{width:100%;height:100%;display:block}.landing-section-light--advantages:before{filter:blur(16px);background:radial-gradient(#a78bfa12,#08071238 45%,#0000 74%);width:min(940px,90vw);height:360px;top:28%;left:50%;transform:translate(-50%)}.landing-section-header{text-align:center;margin-bottom:clamp(3rem,6vh,5rem)}.landing-section-lead{max-width:680px;margin:var(--space-4)auto 0;color:#e8e4ff7a;font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.75}.landing-demos .landing-section-inner{max-width:none}.landing-demos .landing-section-header{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}.landing-demos .landing-section-lead{margin-left:auto;margin-right:auto}.landing-steps .landing-section-inner{max-width:none}.landing-pricing .landing-section-header{align-items:end;gap:clamp(var(--space-5),5vw,var(--space-10));text-align:left;grid-template-columns:minmax(0,.9fr) minmax(280px,.7fr);display:grid}.landing-pricing .landing-section-lead{margin:0}.landing-steps .landing-section-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:760px;margin-left:auto;margin-right:auto;display:flex}.landing-steps .landing-section-lead{margin-left:auto;margin-right:auto}.landing-steps-title-reveal,.landing-steps-lead-reveal{text-align:center;justify-content:center;align-self:center;margin-left:auto;margin-right:auto}.landing-steps-title-reveal{margin-top:0;margin-bottom:0}.landing-steps-lead-reveal{width:100%}.landing-advantages .landing-section-header{margin-bottom:clamp(2.5rem,5vh,4rem)}.scroll-reveal{margin:0}.scroll-reveal-text,.landing-scroll-reveal-text{color:#e8e4ff;letter-spacing:-.02em;font-size:clamp(1.6rem,3.5vw,2.75rem);font-weight:700;line-height:1.4}.scroll-reveal-word{display:inline-block}.landing-cta-title-blur{color:#e8e4ff;letter-spacing:-.02em;justify-content:center;font-size:clamp(2rem,4.6vw,3.4rem);font-weight:700}.landing-steps:before,.landing-advantages:before,.landing-pricing:before,.landing-cta:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#a78bfa33 20%,#a78bfa59 50%,#a78bfa33 80%,#0000);width:min(400px,60%);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.landing-demos:before,.landing-steps:before,.landing-advantages:before,.landing-pricing:before,.landing-cta:before{display:none}.landing-nav{top:var(--space-4);z-index:30;width:min(1100px,calc(100% - var(--space-8)));align-items:center;gap:var(--space-4);min-height:58px;padding:var(--space-2)var(--space-5);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);isolation:isolate;background:#08071294;border:1px solid #a78bfa1f;grid-template-columns:auto 1fr auto;display:grid;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 44px #0003}.landing-nav:before{display:none}.landing-nav-brand{-webkit-text-fill-color:transparent;font-family:var(--font-cinzel);font-size:var(--text-base);font-weight:var(--font-bold);font-feature-settings:"smcp" 1,"c2sc" 1;letter-spacing:0;cursor:pointer;background:linear-gradient(#fff,#b0a3f0,#5c37b3);-webkit-background-clip:text;background-clip:text;border:0;font-variant-caps:small-caps;transition:color .2s,text-shadow .2s}.landing-nav-brand:hover{text-shadow:0 0 12px #c4b5fd47}.landing-nav-links{justify-content:center;align-items:center;gap:var(--space-1);display:flex}.landing-nav-links button{min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-lg);color:#e8e4ff8f;font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;transition:color .26s,background .26s,transform .26s cubic-bezier(.16,1,.3,1);position:relative}.landing-nav-links button:hover,.landing-nav-links button:focus-visible{color:#e8e4ff;background:#a78bfa14;transform:translateY(-1px)}.landing-nav-auth{justify-content:flex-end;display:flex}.landing-nav .auth-buttons{gap:var(--space-2)}.landing-nav .auth-button{min-height:38px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-lg)}.landing-hero{box-sizing:border-box;z-index:1;isolation:isolate;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100dvh;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:clamp(5rem,12vh,7rem) 2rem 4.75rem;display:flex;position:relative;overflow:hidden}.landing-hero:before,.landing-hero:after{display:none}.landing-hero-content{z-index:3;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:0;max-width:min(1120px,100%);animation:1.15s cubic-bezier(.16,1,.3,1) .2s both landing-hero-appear;display:flex;position:relative}.landing-hero-content>*{pointer-events:auto}@keyframes landing-hero-appear{0%{opacity:0;filter:blur(6px);transform:translateY(40px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.landing-hero-brand-group{isolation:isolate;align-items:center;gap:var(--space-3);touch-action:pan-y;flex-direction:column;display:flex;position:relative}.landing-hero-brand{--wordmark-exit-x:0px;--wordmark-enter-x:0px;font-family:var(--font-cinzel);font-size:clamp(4.5rem,11.5vw,8.75rem);font-weight:var(--font-bold);font-feature-settings:"smcp" 1,"c2sc" 1;letter-spacing:0;isolation:isolate;place-items:center;min-width:max-content;min-height:1.1em;margin:0;font-variant-caps:small-caps;line-height:1.1;display:grid;position:relative;overflow:visible}.landing-hero-brand--to-en,.landing-hero-brand--to-ru{--wordmark-exit-x:0px;--wordmark-enter-x:0px}.landing-hero-brand-text{-webkit-text-fill-color:transparent;opacity:1;filter:blur()drop-shadow(0 0 22px #7c5cff29);will-change:opacity,transform,filter;background:linear-gradient(#fff 0%,#f6f1ff 22%,#c9befb 48%,#7c5cff 78%,#5330a2 100%);-webkit-background-clip:text;background-clip:text;grid-area:1/1;transition:opacity .34s cubic-bezier(.45,0,.18,1),transform .34s cubic-bezier(.45,0,.18,1),filter .34s cubic-bezier(.45,0,.18,1);display:block;transform:translate(0)}.landing-hero-brand--exit .landing-hero-brand-text{opacity:0;filter:blur(3px)drop-shadow(0 0 28px #a78bfa38);transform:scale(.996)}.landing-hero-brand--enter .landing-hero-brand-text{animation:.96s cubic-bezier(.16,1,.3,1) both landing-wordmark-enter}.landing-hero-brand--mode-swipe-left.landing-hero-brand--exit .landing-hero-brand-text{opacity:0;filter:blur(1.5px)drop-shadow(0 0 22px #a78bfa2e);transition:opacity .24s cubic-bezier(.45,0,.18,1),transform .24s cubic-bezier(.45,0,.18,1),filter .24s cubic-bezier(.45,0,.18,1);transform:translate(-48px)}.landing-hero-brand--mode-swipe-right.landing-hero-brand--exit .landing-hero-brand-text{opacity:0;filter:blur(1.5px)drop-shadow(0 0 22px #a78bfa2e);transition:opacity .24s cubic-bezier(.45,0,.18,1),transform .24s cubic-bezier(.45,0,.18,1),filter .24s cubic-bezier(.45,0,.18,1);transform:translate(48px)}.landing-hero-brand--mode-swipe-left.landing-hero-brand--enter .landing-hero-brand-text{animation:.5s cubic-bezier(.16,1,.3,1) both landing-wordmark-swipe-in-from-right}.landing-hero-brand--mode-swipe-right.landing-hero-brand--enter .landing-hero-brand-text{animation:.5s cubic-bezier(.16,1,.3,1) both landing-wordmark-swipe-in-from-left}@keyframes landing-wordmark-swipe-in-from-right{0%{opacity:0;filter:blur(1.5px)drop-shadow(0 0 22px #a78bfa33);transform:translate(56px)}to{opacity:1;filter:blur()drop-shadow(0 0 22px #7c5cff29);transform:translate(0)}}@keyframes landing-wordmark-swipe-in-from-left{0%{opacity:0;filter:blur(1.5px)drop-shadow(0 0 22px #a78bfa33);transform:translate(-56px)}to{opacity:1;filter:blur()drop-shadow(0 0 22px #7c5cff29);transform:translate(0)}}@keyframes landing-wordmark-enter{0%{opacity:0;filter:blur(4px)drop-shadow(0 0 28px #a78bfa3d);transform:scale(.992)}58%{opacity:1;filter:blur(.5px)drop-shadow(0 0 28px #a78bfa3b)}to{opacity:1;filter:blur()drop-shadow(0 0 22px #7c5cff29);transform:scale(1)}}.landing-brand-dots{background:0 0;border:0;justify-content:center;align-items:center;gap:0;min-height:18px;padding:0;display:flex}.landing-brand-dots button{color:#e8e4ff57;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:20px;height:18px;padding:0;font-size:0;line-height:0;transition:color .36s,filter .36s;display:inline-flex;position:relative}.landing-brand-dots button:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;transition:transform .36s,filter .36s;position:absolute;top:50%;transform:translateY(-50%)}.landing-brand-dots button:first-child:before{right:6px}.landing-brand-dots button:last-child:before{left:6px}.landing-brand-dots button:hover,.landing-brand-dots button:focus-visible{color:#c4b5fdc2}.landing-brand-dots button:hover:before,.landing-brand-dots button:focus-visible:before{transform:translateY(calc(-50% - 1px))}.landing-brand-dots button.active{color:#c4b5fd}.landing-brand-dots button.active:before{filter:drop-shadow(0 0 8px var(--color-primary));transform:translateY(calc(-50% - 1px))scale(1.15)}@supports (color:color-mix(in lab, red, red)){.landing-brand-dots button.active:before{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--color-primary)70%,transparent))}}.landing-hero-subtitle{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;max-width:860px;margin:2.5rem auto 0;display:flex}.landing-hero-subtitle-main{color:#fff;font-size:clamp(1.35rem,2.6vw,2.35rem);font-weight:var(--font-bold);letter-spacing:0;margin:0;line-height:1.25}.landing-hero-subtitle-secondary{color:#e8e4ff94;max-width:780px;margin:0;font-size:clamp(.96rem,1.45vw,1.12rem);line-height:1.75}.landing-hero-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.landing-hero-btn{font-size:var(--text-base)!important;border-radius:var(--radius-lg)!important;padding:14px 32px!important}.landing-primary-cta{isolation:isolate;position:relative;overflow:hidden;box-shadow:0 10px 24px var(--color-primary),0 0 0 1px #ffffff1f inset!important}@supports (color:color-mix(in lab, red, red)){.landing-primary-cta{box-shadow:0 10px 24px color-mix(in srgb,var(--color-primary)14%,transparent),0 0 0 1px #ffffff1f inset!important}}.landing-primary-cta{transform:translateY(0);transition:transform .36s cubic-bezier(.16,1,.3,1),box-shadow .36s,filter .36s!important}.landing-primary-cta:before{content:"";z-index:-1;opacity:.16;background:linear-gradient(115deg,#0000 0%,#ffffff29 38%,#0000 58%),radial-gradient(circle at 50% 0,#ffffff29,#0000 52%);transition:opacity .36s,transform .58s cubic-bezier(.16,1,.3,1);position:absolute;inset:-1px;transform:translate(-22%)}.landing-primary-cta:hover{transform:translateY(-1px);box-shadow:0 14px 30px var(--color-primary),0 0 0 1px #ffffff26 inset!important}@supports (color:color-mix(in lab, red, red)){.landing-primary-cta:hover{box-shadow:0 14px 30px color-mix(in srgb,var(--color-primary)20%,transparent),0 0 0 1px #ffffff26 inset!important}}.landing-primary-cta:hover{filter:saturate(1.04)}.landing-primary-cta:hover:before,.landing-primary-cta:focus-visible:before{opacity:.28;transform:translate(2%)}.landing-primary-cta:hover span,.landing-primary-cta:focus-visible span,.landing-primary-cta:hover svg,.landing-primary-cta:focus-visible svg{filter:none!important;text-shadow:none!important}.landing-btn-ghost{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);font-family:var(--font-sans);cursor:pointer;color:#e8e4ff99;white-space:nowrap;background:0 0;border:none;padding:14px 24px;transition:color .3s,text-shadow .3s,background .3s,transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.landing-btn-ghost:hover{color:#e8e4ff;text-shadow:0 0 12px #c4b5fd66;background:0 0;transform:none}.landing-scroll-indicator{z-index:2;color:#c4b5fdad;cursor:pointer;border-radius:var(--radius-full);width:42px;height:42px;box-shadow:none;filter:drop-shadow(0 0 10px var(--color-primary));background:0 0;border:0;place-items:center;padding:0;animation:3.2s cubic-bezier(.37,0,.63,1) infinite landing-scroll-bounce;display:grid;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.landing-scroll-indicator{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-primary)28%,transparent))}}.landing-scroll-indicator{transition:color .3s,transform .3s,filter .3s}.landing-scroll-indicator:hover{color:#e8e4ffeb;box-shadow:none;filter:drop-shadow(0 0 16px var(--color-primary));background:0 0}@supports (color:color-mix(in lab, red, red)){.landing-scroll-indicator:hover{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--color-primary)48%,transparent))}}@keyframes landing-scroll-bounce{0%,to{opacity:.4;transform:translate(-50%)translateY(0)}50%{opacity:.9;transform:translate(-50%)translateY(10px)}}@keyframes landing-scroll-ring{0%,to{opacity:.1;transform:scale(.86)}50%{opacity:.58;transform:scale(1.08)}}.landing-start-flow-frame{--start-card-width:clamp(560px,46vw,680px);--start-near-offset:calc(var(--start-card-width)*.62 + clamp(5rem,7vw,8rem));--start-far-offset:calc(var(--start-near-offset) + clamp(7rem,9vw,11rem));isolation:isolate;width:100vw;margin:0 0 0 calc(50% - 50vw);position:relative}.landing-start-flow-frame:before,.landing-start-flow-frame:after{display:none}.landing-start-flow{box-sizing:border-box;width:100%;min-height:410px;padding:clamp(var(--space-4),3vw,var(--space-7))0;overscroll-behavior:auto;scrollbar-width:auto;scroll-behavior:smooth;scroll-snap-type:none;touch-action:auto;-webkit-overflow-scrolling:auto;margin:0;scroll-padding-inline:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000003d 7%,#000 18% 82%,#0000003d 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000003d 7%,#000 18% 82%,#0000003d 93%,#0000 100%)}.landing-start-flow::-webkit-scrollbar{display:none}.landing-start-flow:before{display:none}.landing-start-track{box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:350px;padding-inline:0;display:block;position:relative}.landing-start-track:before,.landing-start-track:after{display:none}.landing-start-switch{isolation:isolate;width:fit-content;max-width:100%;margin:0 auto var(--space-4);border-radius:var(--radius-full);background:#e8e4ff0d;border:1px solid #a78bfa29;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid;position:relative;box-shadow:0 18px 44px #00000029,inset 0 1px #ffffff09}.landing-start-switch:before{content:"";z-index:0;border-radius:var(--radius-full);background:linear-gradient(135deg,#c4b5fd33,#7dd3fc1c),#a78bfa1a;width:calc(50% - 4px);transition:transform 1.1s cubic-bezier(.16,1,.3,1),background 1.1s,box-shadow 1.1s,opacity 1.1s;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 10px 28px #a78bfa1f,inset 0 1px #ffffff0d}.landing-steps[data-start-mode=topic] .landing-start-switch:before{background:linear-gradient(135deg,#7dd3fc2e,#a78bfa1f),#7dd3fc14;transform:translate(100%)}.landing-start-switch button{z-index:1;justify-content:center;align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-5);border-radius:var(--radius-full);color:#e8e4ff85;font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;cursor:pointer;background:0 0;border:0;transition:color .95s cubic-bezier(.16,1,.3,1),background .95s cubic-bezier(.16,1,.3,1),box-shadow .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.landing-start-switch button:hover,.landing-start-switch button:focus-visible{color:#e8e4ffdb;background:0 0}.landing-start-switch button.active{color:#fff;box-shadow:none;background:0 0;transform:none}.landing-start-switch-mark{border-radius:var(--radius-full);background:#e8e4ff33;width:8px;height:8px;transition:background .85s,box-shadow .85s,transform .85s cubic-bezier(.16,1,.3,1)}.landing-start-switch button.active .landing-start-switch-mark{background:#c4b5fd;transform:scale(1.08);box-shadow:0 0 14px #c4b5fd8f}.landing-steps[data-start-mode=topic] .landing-start-switch button.active .landing-start-switch-mark{background:#7dd3fc;box-shadow:0 0 14px #7dd3fc7a}.landing-start-mode-note{max-width:720px;height:66px;margin:0 auto var(--space-6);color:#e8e4ff80;font-size:var(--text-sm);text-align:center;opacity:1;place-items:center;line-height:1.75;transition:opacity 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1),filter 1.05s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden;transform:translateY(0)}.landing-start-mode-note span{animation:1.28s cubic-bezier(.16,1,.3,1) both landing-start-content-in;display:block}.landing-start-flow{opacity:1;filter:blur();transition:opacity 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1),filter 1.05s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.landing-start-mode-note.is-transitioning,.landing-start-flow.is-transitioning{opacity:.98;filter:none;transform:none}.landing-start-row[data-step="2"] .landing-start-copy,.landing-start-row[data-step="2"] .landing-start-preview{animation:1.32s cubic-bezier(.16,1,.3,1) both landing-start-content-in}.landing-start-row[data-step="2"] .landing-start-preview{animation-delay:.12s}@keyframes landing-start-content-in{0%{opacity:0;filter:blur(2.5px);transform:translateY(5px)}to{opacity:1;filter:blur();transform:translateY(0)}}.landing-start-row{--start-accent:#a78bfa;--start-x:0px;--start-y:0px;--start-rotate:0deg;--start-scale:.9;--start-opacity:.38;--start-blur:1.4px;isolation:isolate;box-sizing:border-box;width:var(--start-card-width);align-items:center;gap:clamp(var(--space-4),2.4vw,var(--space-7));min-width:0;min-height:285px;padding:clamp(var(--space-4),2.2vw,var(--space-6));text-align:left;font:inherit;color:inherit;cursor:pointer;appearance:none;clip-path:inset(0 round 18px);background:linear-gradient(180deg,#ffffff09,transparent 48%),radial-gradient(circle at 0 50%,var(--start-accent),transparent 44%),linear-gradient(135deg,var(--start-accent),transparent 34%),#0d0b1dfb;border:1px solid #a78bfa1a;border-radius:18px;grid-template-columns:auto minmax(0,1fr);display:grid;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.landing-start-row{background:linear-gradient(180deg,#ffffff09,transparent 48%),radial-gradient(circle at 0 50%,color-mix(in srgb,var(--start-accent)10%,transparent),transparent 44%),linear-gradient(135deg,color-mix(in srgb,var(--start-accent)7%,transparent),transparent 34%),#0d0b1dfb}}.landing-start-row{opacity:1;filter:blur(var(--start-blur));backface-visibility:hidden;transform:translate3d(calc(-50% + var(--start-x)),calc(-50% + var(--start-y)),0)scale(var(--start-scale))rotate(var(--start-rotate));scroll-snap-align:none;scroll-snap-stop:normal;transition:opacity 1.18s,filter 1.18s,transform 1.48s cubic-bezier(.16,1,.3,1),box-shadow .58s,border-color .58s,background .58s;box-shadow:0 18px 48px #0000002e,inset 0 1px #ffffff07}.landing-start-flow[data-active-step="1"] .landing-start-row[data-step="1"],.landing-start-flow[data-active-step="2"] .landing-start-row[data-step="2"],.landing-start-flow[data-active-step="3"] .landing-start-row[data-step="3"]{--start-slot:0;--start-scale:1;--start-opacity:1;--start-blur:0px;z-index:3}.landing-start-flow[data-active-step="1"] .landing-start-row[data-step="2"]{--start-x:var(--start-near-offset);--start-y:-18px;--start-rotate:.55deg;--start-scale:.91;--start-opacity:.58;--start-blur:.9px;z-index:2}.landing-start-flow[data-active-step="1"] .landing-start-row[data-step="3"]{--start-x:var(--start-far-offset);--start-y:26px;--start-rotate:-.75deg;--start-scale:.87;--start-opacity:.36;--start-blur:2.2px;z-index:1}.landing-start-flow[data-active-step="2"] .landing-start-row[data-step="1"]{--start-x:calc(-1*var(--start-near-offset));--start-y:18px;--start-rotate:-.55deg;--start-scale:.91;--start-opacity:.56;--start-blur:.9px;z-index:2}.landing-start-flow[data-active-step="2"] .landing-start-row[data-step="3"]{--start-x:var(--start-near-offset);--start-y:-16px;--start-rotate:.5deg;--start-scale:.91;--start-opacity:.58;--start-blur:.9px;z-index:2}.landing-start-flow[data-active-step="3"] .landing-start-row[data-step="1"]{--start-x:calc(-1*var(--start-far-offset));--start-y:-26px;--start-rotate:.75deg;--start-scale:.86;--start-opacity:.32;--start-blur:2.4px;z-index:1}.landing-start-flow[data-active-step="3"] .landing-start-row[data-step="2"]{--start-x:calc(-1*var(--start-near-offset));--start-y:18px;--start-rotate:-.55deg;--start-scale:.91;--start-opacity:.58;--start-blur:.9px;z-index:2}.landing-start-row{opacity:var(--start-opacity)}.landing-start-row:before{content:"";z-index:0;background:linear-gradient(90deg,var(--start-accent),transparent 58%),radial-gradient(circle at 96% 50%,var(--start-accent),transparent 44%),linear-gradient(180deg,#0c0a1b57,#0c0a1bc7);border-radius:17px;position:absolute;inset:1px}@supports (color:color-mix(in lab, red, red)){.landing-start-row:before{background:linear-gradient(90deg,color-mix(in srgb,var(--start-accent)4%,transparent),transparent 58%),radial-gradient(circle at 96% 50%,color-mix(in srgb,var(--start-accent)7%,transparent),transparent 44%),linear-gradient(180deg,#0c0a1b57,#0c0a1bc7)}}.landing-start-row:before{opacity:.86;pointer-events:none}.landing-start-row:after{content:"";inset:auto clamp(var(--space-4),3vw,var(--space-6))-1px 72px;background:linear-gradient(90deg,var(--start-accent),transparent);height:1px;position:absolute}@supports (color:color-mix(in lab, red, red)){.landing-start-row:after{background:linear-gradient(90deg,color-mix(in srgb,var(--start-accent)42%,transparent),transparent)}}.landing-start-row:after{opacity:.38;z-index:1;pointer-events:none}.landing-start-row[data-step="1"]{--start-accent:#a78bfa;margin:0}.landing-start-row[data-step="2"]{--start-accent:#7dd3fc;margin:0}.landing-start-row[data-step="3"]{--start-accent:#c4b5fd;margin:0}.landing-step-number{z-index:2;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--start-accent),#8b5cf629);width:40px;height:40px;position:relative}@supports (color:color-mix(in lab, red, red)){.landing-step-number{background:linear-gradient(135deg,color-mix(in srgb,var(--start-accent)18%,transparent),#8b5cf629)}}.landing-step-number{border:1px solid var(--start-accent)}@supports (color:color-mix(in lab, red, red)){.landing-step-number{border:1px solid color-mix(in srgb,var(--start-accent)42%,transparent)}}.landing-step-number{color:var(--start-accent)}@supports (color:color-mix(in lab, red, red)){.landing-step-number{color:color-mix(in srgb,var(--start-accent)78%,#fff 22%)}}.landing-step-number{font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;transition:box-shadow .3s,border-color .3s;display:flex;box-shadow:0 4px 20px #8b5cf626}.landing-start-row:hover .landing-step-number{box-shadow:0 4px 25px var(--start-accent)}@supports (color:color-mix(in lab, red, red)){.landing-start-row:hover .landing-step-number{box-shadow:0 4px 25px color-mix(in srgb,var(--start-accent)22%,transparent)}}.landing-start-row:hover .landing-step-number{border-color:var(--start-accent)}@supports (color:color-mix(in lab, red, red)){.landing-start-row:hover .landing-step-number{border-color:color-mix(in srgb,var(--start-accent)62%,transparent)}}.landing-start-row:hover{transform:translate3d(calc(-50% + var(--start-x)),calc(-50% + var(--start-y) - 3px),0)scale(var(--start-scale))rotate(var(--start-rotate));border-color:var(--start-accent)}@supports (color:color-mix(in lab, red, red)){.landing-start-row:hover{border-color:color-mix(in srgb,var(--start-accent)28%,transparent)}}.landing-start-row:hover{box-shadow:0 18px 44px var(--start-accent),inset 0 1px 0 #ffffff09}@supports (color:color-mix(in lab, red, red)){.landing-start-row:hover{box-shadow:0 18px 44px color-mix(in srgb,var(--start-accent)7%,#00000024),inset 0 1px 0 #ffffff09}}.landing-start-row:focus-visible{outline:1px solid var(--start-accent)}@supports (color:color-mix(in lab, red, red)){.landing-start-row:focus-visible{outline:1px solid color-mix(in srgb,var(--start-accent)46%,transparent)}}.landing-start-row:focus-visible{outline-offset:4px}.landing-start-copy{z-index:2;align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.landing-step-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:#e8e4ff}.landing-step-desc{font-size:var(--text-sm);color:#e8e4ff66;line-height:1.7}.landing-step-desc strong{color:var(--color-primary);font-weight:var(--font-bold)}.landing-start-preview{z-index:2;justify-content:flex-start;align-items:center;gap:var(--space-2);flex-wrap:wrap;grid-column:2;margin-top:auto;display:flex;position:relative}.landing-start-preview span{min-height:30px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--start-accent);align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.landing-start-preview span{background:color-mix(in srgb,var(--start-accent)8%,transparent)}}.landing-start-preview span{border:1px solid var(--start-accent)}@supports (color:color-mix(in lab, red, red)){.landing-start-preview span{border:1px solid color-mix(in srgb,var(--start-accent)18%,transparent)}}.landing-start-preview span{color:#e8e4ff9e;font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;transition:color .3s,border-color .3s,background .3s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.landing-start-row:hover .landing-start-preview span{color:#e8e4ffc7;border-color:var(--start-accent)}@supports (color:color-mix(in lab, red, red)){.landing-start-row:hover .landing-start-preview span{border-color:color-mix(in srgb,var(--start-accent)28%,transparent)}}.landing-start-row:hover .landing-start-preview span{background:var(--start-accent)}@supports (color:color-mix(in lab, red, red)){.landing-start-row:hover .landing-start-preview span{background:color-mix(in srgb,var(--start-accent)12%,transparent)}}.landing-start-row:hover .landing-start-preview span{box-shadow:0 8px 20px var(--start-accent)}@supports (color:color-mix(in lab, red, red)){.landing-start-row:hover .landing-start-preview span{box-shadow:0 8px 20px color-mix(in srgb,var(--start-accent)6%,transparent)}}.landing-start-row:hover .landing-start-preview span{transform:translateY(-1px)!important}.landing-start-cta{isolation:isolate;margin:var(--space-7)auto 0;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex;position:relative}.landing-start-cta p{color:#e8e4ff8f;font-size:var(--text-base);margin:0;line-height:1.65}.landing-demo-shell{--demo-accent:#a78bfa;isolation:isolate;box-sizing:border-box;width:min(1380px,100vw - clamp(2rem,6vw,7rem));max-width:100%;padding:clamp(var(--space-4),3vw,var(--space-7));border:1px solid var(--demo-accent);margin:0 auto;position:relative}@supports (color:color-mix(in lab, red, red)){.landing-demo-shell{border:1px solid color-mix(in srgb,var(--demo-accent)18%,transparent)}}.landing-demo-shell{background:radial-gradient(circle at 50% 0%,var(--demo-accent),transparent 44%),linear-gradient(115deg,#7dd3fc0e,transparent 34%),linear-gradient(245deg,#a78bfa0d,transparent 38%),#05050e7a;border-radius:clamp(22px,2vw,34px)}@supports (color:color-mix(in lab, red, red)){.landing-demo-shell{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--demo-accent)16%,transparent),transparent 44%),linear-gradient(115deg,#7dd3fc0e,transparent 34%),linear-gradient(245deg,#a78bfa0d,transparent 38%),#05050e7a}}.landing-demo-shell{box-shadow:0 34px 96px #00000042,0 0 72px var(--demo-accent),inset 0 1px 0 #ffffff0a}@supports (color:color-mix(in lab, red, red)){.landing-demo-shell{box-shadow:0 34px 96px #00000042,0 0 72px color-mix(in srgb,var(--demo-accent)8%,transparent),inset 0 1px 0 #ffffff0a}}.landing-demo-shell{transition:border-color .6s,background .6s,box-shadow .6s}.landing-demo-shell[data-active-demo=notes]{--demo-accent:#a78bfa}.landing-demo-shell[data-active-demo=cards]{--demo-accent:#818cf8}.landing-demo-shell[data-active-demo=tests]{--demo-accent:#7dd3fc}.landing-demo-shell:after{display:none}.landing-demo-shell:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(circle at 22% 12%,var(--demo-accent),transparent 22%),radial-gradient(circle at 78% 16%,#7dd3fc13,transparent 24%),linear-gradient(115deg,transparent 0 25%,var(--demo-accent)25.2%,transparent 37%),linear-gradient(64deg,transparent 0 52%,#e8e4ff0d 52.2%,transparent 68%),linear-gradient(180deg,#ffffff06,transparent 58%);height:520px;position:absolute;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.landing-demo-shell:before{background:radial-gradient(circle at 22% 12%,color-mix(in srgb,var(--demo-accent)12%,transparent),transparent 22%),radial-gradient(circle at 78% 16%,#7dd3fc13,transparent 24%),linear-gradient(115deg,transparent 0 25%,color-mix(in srgb,var(--demo-accent)11%,transparent)25.2%,transparent 37%),linear-gradient(64deg,transparent 0 52%,#e8e4ff0d 52.2%,transparent 68%),linear-gradient(180deg,#ffffff06,transparent 58%)}}.landing-demo-shell:before{pointer-events:none;-webkit-mask-image:linear-gradient(#000000e6,#0000008f 54%,#0000 100%);mask-image:linear-gradient(#000000e6,#0000008f 54%,#0000 100%)}.landing-demo-profile{justify-content:center;align-items:center;gap:var(--space-2);margin:0 auto var(--space-5);color:#e8e4ff8f;font-size:var(--text-xs);flex-wrap:wrap;display:flex}.landing-demo-profile>span{min-height:30px;padding:0 var(--space-3);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--demo-accent),transparent 70%),#a78bfa0a;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.landing-demo-profile>span{background:linear-gradient(135deg,color-mix(in srgb,var(--demo-accent)8%,transparent),transparent 70%),#a78bfa0a}}.landing-demo-profile>span{border:1px solid var(--demo-accent)}@supports (color:color-mix(in lab, red, red)){.landing-demo-profile>span{border:1px solid color-mix(in srgb,var(--demo-accent)16%,transparent)}}.landing-demo-profile>span{white-space:nowrap;box-shadow:inset 0 1px #ffffff07}.landing-demo-tabs{justify-content:center;align-items:center;gap:var(--space-2);width:fit-content;max-width:100%;margin:0 auto var(--space-6);border:1px solid var(--demo-accent);flex-wrap:wrap;padding:4px;display:flex}@supports (color:color-mix(in lab, red, red)){.landing-demo-tabs{border:1px solid color-mix(in srgb,var(--demo-accent)15%,transparent)}}.landing-demo-tabs{background:#ffffff06;border-radius:18px;box-shadow:inset 0 1px #ffffff06}.landing-demo-tabs button{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-lg);color:#e8e4ff9e;font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;background:0 0;border:1px solid #0000;transition:color .28s,border-color .28s,background .28s,box-shadow .28s,transform .28s cubic-bezier(.16,1,.3,1);display:inline-flex}.landing-demo-tabs button svg{color:currentColor}.landing-demo-tabs button:hover,.landing-demo-tabs button:focus-visible{color:#e8e4ff;border-color:var(--demo-accent)}@supports (color:color-mix(in lab, red, red)){.landing-demo-tabs button:hover,.landing-demo-tabs button:focus-visible{border-color:color-mix(in srgb,var(--demo-accent)28%,transparent)}}.landing-demo-tabs button:hover,.landing-demo-tabs button:focus-visible{background:var(--demo-accent)}@supports (color:color-mix(in lab, red, red)){.landing-demo-tabs button:hover,.landing-demo-tabs button:focus-visible{background:color-mix(in srgb,var(--demo-accent)8%,transparent)}}.landing-demo-tabs button:hover,.landing-demo-tabs button:focus-visible{transform:translateY(-1px)!important}.landing-demo-tabs button.active{color:#e8e4ff;border-color:var(--demo-accent)}@supports (color:color-mix(in lab, red, red)){.landing-demo-tabs button.active{border-color:color-mix(in srgb,var(--demo-accent)42%,transparent)}}.landing-demo-tabs button.active{background:radial-gradient(circle at 50% 0%,var(--demo-accent),transparent 72%),linear-gradient(135deg,var(--demo-accent),#a78bfa12)}@supports (color:color-mix(in lab, red, red)){.landing-demo-tabs button.active{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--demo-accent)18%,transparent),transparent 72%),linear-gradient(135deg,color-mix(in srgb,var(--demo-accent)14%,transparent),#a78bfa12)}}.landing-demo-tabs button.active{box-shadow:0 12px 30px var(--demo-accent)}@supports (color:color-mix(in lab, red, red)){.landing-demo-tabs button.active{box-shadow:0 12px 30px color-mix(in srgb,var(--demo-accent)12%,transparent)}}.landing-demo-viewport{perspective:1200px;border-radius:20px;align-items:start;min-width:0;min-height:660px;display:grid;position:relative}.landing-demo-viewport:before{display:none}.landing-demo-panel{transform-origin:50% 0;width:100%;min-width:0;animation:1.08s cubic-bezier(.19,1,.22,1) both landing-demo-panel-in}@keyframes landing-demo-panel-in{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.985)rotateX(1.5deg)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)rotateX(0)}}.landing-app-demo{width:100%;min-width:0;max-width:100%;min-height:620px;margin:0 auto}.landing-note-demo{max-width:min(900px,100%)}.landing-note-streaming-preview{--landing-note-collapsed-height:620px;min-height:620px;padding:var(--space-6);border:1px solid var(--demo-accent,#a78bfa);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.landing-note-streaming-preview{border:1px solid color-mix(in srgb,var(--demo-accent,#a78bfa)18%,transparent)}}.landing-note-streaming-preview{background:radial-gradient(circle at 50% 0%,var(--demo-accent,#a78bfa),transparent 42%),linear-gradient(180deg,#ffffff0a,transparent 120px),var(--color-surface);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.landing-note-streaming-preview{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--demo-accent,#a78bfa)10%,transparent),transparent 42%),linear-gradient(180deg,#ffffff0a,transparent 120px),color-mix(in srgb,var(--color-surface)72%,transparent)}}.landing-note-streaming-preview{will-change:max-height;transition:max-height 1.18s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;box-shadow:0 18px 52px #00000038,inset 0 1px #ffffff06}.landing-note-streaming-preview.collapsed{overflow:hidden}.landing-note-streaming-preview.expanded{border-color:#7dd3fc38;overflow:hidden;box-shadow:0 20px 54px #00000038,0 0 34px #7dd3fc0f,inset 0 1px #ffffff09}.landing-note-streaming-preview .markdown-content{max-width:none}.landing-note-streaming-preview .landing-note-markdown{color:#e8e4ffc7;font-size:var(--text-base);line-height:1.75}.landing-note-streaming-preview .landing-note-markdown h1,.landing-note-streaming-preview .landing-note-markdown h2,.landing-note-streaming-preview .landing-note-markdown h3{-webkit-line-clamp:unset;line-clamp:unset;text-overflow:clip;white-space:normal;color:#f1edff;letter-spacing:0;overflow:visible;display:block!important}.landing-note-streaming-preview .landing-note-markdown .heading-text{display:inline}.landing-note-streaming-preview .landing-note-markdown .preview-fold-chevron,.landing-note-streaming-preview .landing-note-markdown .preview-fold-dots{display:none!important}.landing-note-streaming-preview .landing-note-markdown h1{margin-bottom:var(--space-4);font-size:clamp(1.65rem,2.6vw,2.2rem);line-height:1.18}.landing-note-streaming-preview .landing-note-markdown strong{color:var(--color-primary);font-weight:var(--font-bold)}.landing-note-streaming-preview .landing-note-markdown h2{margin-top:var(--space-5);margin-bottom:var(--space-2);font-size:clamp(1.2rem,1.7vw,1.55rem)}.landing-note-streaming-preview .landing-note-markdown ul{padding-left:1.25rem}.landing-note-streaming-preview .landing-note-markdown p{margin-bottom:var(--space-3)}.landing-note-fade{border-radius:0 0 var(--radius-xl)var(--radius-xl);background:linear-gradient(180deg,transparent,var(--color-surface)72%);height:180px;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.landing-note-fade{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-surface)94%,transparent)72%)}}.landing-note-fade{pointer-events:none}.landing-note-expand-btn{justify-content:center;align-items:center;gap:var(--space-2);width:fit-content;padding:var(--space-2)0;color:var(--color-primary);font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;background:0 0;border:0;margin:0 auto;transition:color .2s,transform .2s,filter .2s;display:inline-flex}.landing-note-expand-btn:hover,.landing-note-expand-btn:focus-visible{color:#7dd3fc;filter:drop-shadow(0 0 10px #7dd3fc2e)}.landing-note-expand-btn svg{transition:transform .72s cubic-bezier(.16,1,.3,1)}.landing-note-streaming-preview.expanded .landing-note-expand-btn svg{transform:rotate(180deg)}.landing-note-preview-footer{z-index:2;align-items:center;gap:var(--space-1);padding:var(--space-12)var(--space-5)var(--space-5);border-radius:0 0 var(--radius-xl)var(--radius-xl);background:linear-gradient(180deg,transparent,var(--color-surface)55%);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.landing-note-preview-footer{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-surface)95%,transparent)55%)}}.landing-note-preview-footer{transition:padding .82s cubic-bezier(.16,1,.3,1),margin .82s cubic-bezier(.16,1,.3,1),background .82s}.landing-note-streaming-preview.expanded .landing-note-preview-footer{padding-top:var(--space-4);margin-top:var(--space-4);background:linear-gradient(#0000,#ffffff06);position:relative;bottom:auto;left:auto;right:auto}.landing-note-preview-footer p{color:#e8e4ff6b;font-size:var(--text-xs);margin:0;line-height:1.5}.landing-card-review-demo{--flashcard-max-width:380px;--flashcard-max-height:507px;--review-reserved:130px;--mini-card-width:150px;--mini-card-height:200px;--cards-font-size:16px;--cards-line-height:1.48;max-width:980px}@media (min-width:1024px){.landing-card-review-demo{--cards-font-size:18px;--cards-line-height:1.56}}.landing-card-stage{justify-content:center;align-items:flex-start;min-height:620px;display:flex;position:relative}.landing-card-stage:before{content:"";background:radial-gradient(ellipse at center,var(--demo-accent,#818cf8),transparent 72%);border-radius:999px;width:min(620px,88%);height:170px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.landing-card-stage:before{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--demo-accent,#818cf8)17%,transparent),transparent 72%)}}.landing-card-stage:before{filter:blur(20px);pointer-events:none}.landing-card-center{z-index:2;flex-direction:column;align-items:center;width:min(560px,100%);display:flex;position:relative}.landing-card-center .flashcard-container{width:min(var(--flashcard-max-width),100%)}.landing-card-side{z-index:1;opacity:.82;pointer-events:none;position:absolute;top:150px}.landing-card-side--left{left:calc(50% - 430px)}.landing-card-side--right{right:calc(50% - 430px)}.landing-card-review-footer{width:min(620px,100%);max-width:620px;min-height:84px;margin-top:var(--space-4);margin-bottom:0}.landing-card-review-demo .flashcard-face{border-radius:var(--radius-xl)}.landing-card-review-demo .flashcard-content{padding:clamp(var(--space-4),2vw,var(--space-6))}.landing-card-review-demo .flashcard-text,.landing-card-review-demo .flashcard-text.markdown-content{max-width:min(100%,35ch)}.landing-card-review-demo .card-content-wrapper{justify-content:center;align-items:center;width:100%;min-height:100%;display:flex;overflow:visible}.landing-card-complete{width:min(var(--flashcard-max-width),100%);aspect-ratio:3/4;justify-content:center;align-items:center;gap:var(--space-4);min-height:420px;padding:var(--space-6);text-align:center;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid #a78bfa47;flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.landing-card-complete{background:color-mix(in srgb,var(--color-surface)76%,transparent)}}.landing-card-complete{box-shadow:0 20px 40px -15px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.landing-card-complete{box-shadow:0 20px 40px -15px color-mix(in srgb,var(--color-primary)25%,transparent)}}.landing-card-complete h3{color:var(--color-text);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.landing-card-complete p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.65}.landing-demo-caption{max-width:520px;margin:var(--space-4)auto 0;color:#e8e4ff75;font-size:var(--text-sm);text-align:center;line-height:1.6}.landing-test-runner-demo{width:100%;min-width:0;max-width:760px;position:relative}.landing-test-mini{border:1px solid var(--demo-accent,#7dd3fc);flex-direction:column;width:100%;min-width:0;height:auto;min-height:620px;display:flex}@supports (color:color-mix(in lab, red, red)){.landing-test-mini{border:1px solid color-mix(in srgb,var(--demo-accent,#7dd3fc)17%,transparent)}}.landing-test-mini{border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 0%,var(--demo-accent,#7dd3fc),transparent 44%),var(--color-bg);overflow:visible}@supports (color:color-mix(in lab, red, red)){.landing-test-mini{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--demo-accent,#7dd3fc)8%,transparent),transparent 44%),color-mix(in srgb,var(--color-bg)88%,transparent)}}.landing-test-mini{box-shadow:0 18px 52px #00000038,inset 0 1px #ffffff06}.landing-test-mini-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5)var(--space-5)var(--space-3);display:flex}.landing-test-title-section{align-items:flex-start;gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.landing-test-title{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.25;display:block}.landing-test-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);display:block}.landing-test-stats{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.landing-test-stat{align-items:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-variant);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold);display:inline-flex}.landing-test-stat-icon{color:var(--color-primary);align-items:center;display:inline-flex}.landing-test-progress-wrapper{max-width:none;padding:var(--space-2)var(--space-5)var(--space-4)}.landing-test-progress-bar{border-radius:var(--radius-full);background:var(--color-surface-variant);height:6px;overflow:hidden}.landing-test-progress-fill{border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));height:100%;transition:width .35s}.landing-test-mini-content{padding:var(--space-4)var(--space-5);flex:1;justify-content:center;align-items:flex-start;display:flex}.landing-test-question-container{width:100%;max-width:620px}.landing-test-question-meta{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:0;display:flex}.landing-test-type-badge{min-height:30px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-container);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);align-items:center;display:inline-flex}.landing-test-counter{color:var(--color-text-tertiary);font-size:var(--text-sm)}.landing-test-question-text{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);text-align:left;margin-bottom:var(--space-4)}.landing-test-question-text p{margin:0}.landing-test-options{gap:var(--space-3);flex-direction:column;display:flex}.landing-test-option{justify-content:flex-start;align-items:center;gap:var(--space-3);width:100%;min-height:58px;padding:var(--space-3)var(--space-4);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-bg);display:flex}@supports (color:color-mix(in lab, red, red)){.landing-test-option{background:color-mix(in srgb,var(--color-bg)86%,transparent)}}.landing-test-option{color:var(--color-text);text-align:left;font:inherit;font-size:var(--text-sm);cursor:pointer;line-height:1.5;transition:border-color .2s,background .2s,transform .2s}.landing-test-option .option-text{font-size:var(--text-sm)}.landing-test-option .landing-option-checkbox{margin:0}.landing-option-checkbox{z-index:1;border:2px solid var(--color-outline);border-radius:var(--radius-sm);color:#0000;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;transition:all .2s;display:flex;position:relative}.landing-test-option:hover .landing-option-checkbox{border-color:var(--color-primary)}.landing-test-option.selected .landing-option-checkbox:not(.border-green-500):not(.border-red-500){border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.landing-test-option:hover{border-color:var(--color-primary);background:var(--color-primary-container)}@supports (color:color-mix(in lab, red, red)){.landing-test-option:hover{background:color-mix(in srgb,var(--color-primary-container)32%,var(--color-bg))}}.landing-test-option.selected{border-color:var(--color-primary);background:var(--color-primary-container)}.landing-test-option-mark{border:2px solid var(--color-outline);border-radius:var(--radius-full);justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;display:inline-flex}.landing-test-option-mark span{border-radius:var(--radius-full);background:var(--color-on-primary);width:9px;height:9px}.landing-test-option.landing-option-correct{border-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.landing-test-option.landing-option-correct{border-color:color-mix(in srgb,var(--color-success)70%,transparent)}}.landing-test-option.landing-option-correct{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.landing-test-option.landing-option-correct{background:color-mix(in srgb,var(--color-success)13%,var(--color-bg))}}.landing-test-option.landing-option-correct .landing-test-option-mark{border-color:var(--color-success);background:var(--color-success)}.landing-test-option.landing-option-wrong{border-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.landing-test-option.landing-option-wrong{border-color:color-mix(in srgb,var(--color-error)70%,transparent)}}.landing-test-option.landing-option-wrong{background:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.landing-test-option.landing-option-wrong{background:color-mix(in srgb,var(--color-error)12%,var(--color-bg))}}.landing-test-option.landing-option-wrong .landing-test-option-mark{border-color:var(--color-error);background:var(--color-error)}.landing-test-feedback{margin-top:var(--space-4);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);color:#e8e4ffa8;font-size:var(--text-sm);background:#ffffff08;border:1px solid #a78bfa1f;line-height:1.6}.landing-test-feedback.is-correct{border-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.landing-test-feedback.is-correct{border-color:color-mix(in srgb,var(--color-success)34%,transparent)}}.landing-test-feedback.is-wrong{border-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.landing-test-feedback.is-wrong{border-color:color-mix(in srgb,var(--color-error)34%,transparent)}}.landing-test-feedback p{margin:0 0 var(--space-2)}.landing-test-feedback ul{margin:var(--space-2)0 0;padding-left:var(--space-5)}.landing-matching-container{gap:var(--space-4);flex-direction:column;display:flex}.landing-match-row{gap:var(--space-4);grid-template-columns:minmax(150px,.8fr) auto minmax(0,1.35fr);align-items:stretch;display:grid}.landing-match-term{min-height:64px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-variant);border:2px solid;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.landing-match-term{background:color-mix(in srgb,var(--color-surface-variant)72%,transparent)}}.landing-match-term{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.landing-match-term{border-color:color-mix(in srgb,var(--color-outline-variant)65%,transparent)}}.landing-match-term{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold)}.landing-match-row .matching-arrow{min-width:24px;min-height:64px;color:var(--color-primary);font-size:var(--text-xl);font-weight:var(--font-bold);align-self:center;place-items:center;line-height:1;display:grid}.landing-match-row.landing-option-correct .landing-match-term,.landing-match-row.landing-option-correct .custom-select-trigger{border-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.landing-match-row.landing-option-correct .landing-match-term,.landing-match-row.landing-option-correct .custom-select-trigger{border-color:color-mix(in srgb,var(--color-success)60%,transparent)}}.landing-match-row.landing-option-wrong .landing-match-term,.landing-match-row.landing-option-wrong .custom-select-trigger{border-color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.landing-match-row.landing-option-wrong .landing-match-term,.landing-match-row.landing-option-wrong .custom-select-trigger{border-color:color-mix(in srgb,var(--color-error)60%,transparent)}}.landing-match-select-cell{min-width:0}.landing-matching-select .custom-select-trigger{min-height:64px;padding:var(--space-3)var(--space-4);padding-right:var(--space-12);background:var(--color-bg)}@supports (color:color-mix(in lab, red, red)){.landing-matching-select .custom-select-trigger{background:color-mix(in srgb,var(--color-bg)86%,transparent)}}.landing-matching-select .custom-select-trigger{border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:none;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.55}.landing-matching-select .custom-select-trigger:hover,.landing-matching-select .custom-select-trigger.open{border-color:var(--color-primary);background:var(--color-primary-container)}@supports (color:color-mix(in lab, red, red)){.landing-matching-select .custom-select-trigger:hover,.landing-matching-select .custom-select-trigger.open{background:color-mix(in srgb,var(--color-primary-container)32%,var(--color-bg))}}.landing-matching-select .custom-select-trigger.open{border-bottom-right-radius:0;border-bottom-left-radius:0}.landing-matching-select .custom-select-dropdown{background:var(--color-bg);border-width:2px;border-color:var(--color-primary);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);z-index:20;border-top:0;max-height:260px;top:calc(100% - 2px);overflow-y:auto}.landing-matching-select .custom-select-option{font-size:var(--text-sm);line-height:1.45}.landing-match-explanation{margin:var(--space-2)0 0;color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.55}.landing-test-mini-footer{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);border-top:1px solid #a78bfa14;grid-template-columns:auto minmax(120px,1fr) auto;display:grid}.landing-test-nav-btn{height:44px;min-height:44px;padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);position:relative;overflow:hidden;border:1.5px solid var(--color-info)!important}@supports (color:color-mix(in lab, red, red)){.landing-test-nav-btn{border:1.5px solid color-mix(in srgb,var(--color-info)65%,transparent)!important}}.landing-test-nav-btn{background:linear-gradient(135deg,var(--color-info),var(--color-info))!important}@supports (color:color-mix(in lab, red, red)){.landing-test-nav-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--color-info)12%,transparent),color-mix(in srgb,var(--color-info)5%,transparent))!important}}.landing-test-nav-btn{box-shadow:0 3px 10px var(--color-info);color:var(--color-info)!important}@supports (color:color-mix(in lab, red, red)){.landing-test-nav-btn{box-shadow:0 3px 10px color-mix(in srgb,var(--color-info)14%,transparent)}}.landing-test-nav-btn{font-size:var(--text-sm);box-sizing:border-box}.landing-test-nav-btn:hover:not(:disabled){border-color:var(--color-info)!important}@supports (color:color-mix(in lab, red, red)){.landing-test-nav-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-info)85%,transparent)!important}}.landing-test-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-info),var(--color-info))!important}@supports (color:color-mix(in lab, red, red)){.landing-test-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--color-info)20%,transparent),color-mix(in srgb,var(--color-info)10%,transparent))!important}}.landing-test-nav-btn:hover:not(:disabled){box-shadow:0 6px 16px var(--color-info)}@supports (color:color-mix(in lab, red, red)){.landing-test-nav-btn:hover:not(:disabled){box-shadow:0 6px 16px color-mix(in srgb,var(--color-info)20%,transparent)}}.landing-test-nav-btn:hover:not(:disabled){transform:translateY(-1px)}.landing-test-dots{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.landing-test-dot{border-radius:var(--radius-full);color:#e8e4ff7a;width:32px;min-width:32px;height:32px;font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;background:0 0;border:2px solid #a78bfa2e;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s,background .2s,transform .2s;display:inline-flex}.landing-test-dot:hover,.landing-test-dot:focus-visible{color:#e8e4ff;border-color:#a78bfa61}.landing-test-dot.answered{color:var(--color-success);border-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.landing-test-dot.answered{border-color:color-mix(in srgb,var(--color-success)48%,transparent)}}.landing-test-dot.active{color:#fff;background:#a78bfa24;border-color:#a78bfab3;transform:translateY(-1px)}.landing-advantages-system{gap:clamp(var(--space-3),1.5vw,var(--space-5));grid-template-columns:minmax(0,1fr);grid-template-areas:"choice""core""side""bottom";max-width:1040px;margin:0 auto;display:grid;position:relative}.landing-advantages-system:before{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(#a78bfa0e,#7dd3fc06 38%,#0000 72%);border-radius:999px;width:min(860px,84vw);height:420px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-advantage{--adv-accent:#a78bfa;isolation:isolate;align-items:flex-start;gap:var(--space-3);min-width:0;padding:clamp(var(--space-4),1.8vw,var(--space-5));border:1px solid var(--adv-accent);border-radius:18px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.landing-advantage{border:1px solid color-mix(in srgb,var(--adv-accent)16%,transparent)}}.landing-advantage{background:linear-gradient(135deg,var(--adv-accent),transparent 46%),#ffffff05}@supports (color:color-mix(in lab, red, red)){.landing-advantage{background:linear-gradient(135deg,color-mix(in srgb,var(--adv-accent)9%,transparent),transparent 46%),#ffffff05}}.landing-advantage{transition:transform .36s cubic-bezier(.16,1,.3,1),border-color .32s,background .32s,box-shadow .32s;box-shadow:0 16px 42px #0000001f,inset 0 1px #ffffff06}.landing-advantage:before{content:"";background:radial-gradient(ellipse at center,var(--adv-accent)0%,var(--adv-accent)38%,transparent 72%);border-radius:999px;width:230px;height:230px;position:absolute;top:-82px;right:-82px}@supports (color:color-mix(in lab, red, red)){.landing-advantage:before{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--adv-accent)18%,transparent)0%,color-mix(in srgb,var(--adv-accent)7%,transparent)38%,transparent 72%)}}.landing-advantage:before{filter:blur(18px);mix-blend-mode:screen;opacity:.86;pointer-events:none;border:0}.landing-advantage:after{display:none}.landing-advantage:hover{border-color:var(--adv-accent);transform:translateY(-4px)!important}@supports (color:color-mix(in lab, red, red)){.landing-advantage:hover{border-color:color-mix(in srgb,var(--adv-accent)32%,transparent)}}.landing-advantage:hover{background:linear-gradient(135deg,var(--adv-accent),transparent 48%),#ffffff06}@supports (color:color-mix(in lab, red, red)){.landing-advantage:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--adv-accent)13%,transparent),transparent 48%),#ffffff06}}.landing-advantage:hover{box-shadow:0 24px 56px var(--adv-accent),inset 0 1px 0 #ffffff09}@supports (color:color-mix(in lab, red, red)){.landing-advantage:hover{box-shadow:0 24px 56px color-mix(in srgb,var(--adv-accent)7%,#0000002e),inset 0 1px 0 #ffffff09}}.landing-advantage-icon{z-index:1;color:var(--adv-accent);filter:drop-shadow(0 0 5px var(--adv-accent));flex-shrink:0;margin-top:2px;position:relative}@supports (color:color-mix(in lab, red, red)){.landing-advantage-icon{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--adv-accent)20%,transparent))}}.landing-advantage-icon{transition:filter .3s,transform .3s}.landing-advantage:hover .landing-advantage-icon{filter:drop-shadow(0 0 12px var(--adv-accent));transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.landing-advantage:hover .landing-advantage-icon{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--adv-accent)40%,transparent))}}.landing-advantage-text{z-index:1;min-width:0;position:relative}.landing-advantage-text h3{margin:0 0 var(--space-1);color:#e8e4ff;font-size:clamp(var(--text-base),1.15vw,var(--text-lg));font-weight:var(--font-bold);line-height:1.3}.landing-advantage-text p{color:#e8e4ff75;font-size:var(--text-sm);margin:0;line-height:1.65}.landing-advantage--core{--adv-accent:#a78bfa;text-align:center;min-height:198px;padding:clamp(var(--space-5),2.2vw,var(--space-7));background:radial-gradient(circle at 18% 12%,var(--adv-accent),transparent 34%),linear-gradient(180deg,#ffffff08,transparent 44%),#ffffff05;flex-direction:column;grid-area:core;justify-content:center;align-items:center}@supports (color:color-mix(in lab, red, red)){.landing-advantage--core{background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--adv-accent)16%,transparent),transparent 34%),linear-gradient(180deg,#ffffff08,transparent 44%),#ffffff05}}.landing-advantage--core:before{opacity:.72;width:300px;height:300px;top:-96px;right:-82px}.landing-advantage--core .landing-advantage-icon{width:30px;height:30px}.landing-advantage--core .landing-advantage-text h3{font-size:clamp(1.35rem,2vw,1.85rem)}.landing-advantages-side{gap:clamp(var(--space-3),1.4vw,var(--space-4));grid-area:side;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-advantages-side .landing-advantage{min-height:172px}.landing-advantage--control{--adv-accent:#7dd3fc}.landing-advantage--control:before{background:linear-gradient(135deg,var(--adv-accent),transparent 58%),radial-gradient(ellipse at center,var(--adv-accent),transparent 72%);border-radius:999px;width:260px;height:140px;transform:rotate(18deg)}@supports (color:color-mix(in lab, red, red)){.landing-advantage--control:before{background:linear-gradient(135deg,color-mix(in srgb,var(--adv-accent)14%,transparent),transparent 58%),radial-gradient(ellipse at center,color-mix(in srgb,var(--adv-accent)12%,transparent),transparent 72%)}}.landing-advantage--vault{--adv-accent:#5eead4}.landing-advantage--vault:before{background:radial-gradient(ellipse at center,var(--adv-accent),transparent 72%);border-radius:38% 62% 46% 54%/44% 38% 62% 56%;width:230px;height:170px}@supports (color:color-mix(in lab, red, red)){.landing-advantage--vault:before{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--adv-accent)16%,transparent),transparent 72%)}}.landing-advantage--memory{--adv-accent:#38bdf8}.landing-advantage--memory:before{background:radial-gradient(ellipse at center,var(--adv-accent),transparent 72%);border-radius:999px;width:260px;height:150px;transform:rotate(-12deg)}@supports (color:color-mix(in lab, red, red)){.landing-advantage--memory:before{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--adv-accent)18%,transparent),transparent 72%)}}.landing-advantages-choice{gap:clamp(var(--space-3),1.5vw,var(--space-5));grid-area:choice;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.landing-advantage--materials,.landing-advantage--quick{min-height:188px;padding:clamp(var(--space-5),2.2vw,var(--space-6));align-items:center}.landing-advantage--materials{--adv-accent:#c084fc}.landing-advantage--quick{--adv-accent:#7dd3fc}.landing-advantage--materials:before{filter:blur(20px);background:radial-gradient(at 28%,#c084fc2e,#0000 56%),radial-gradient(at 78% 40%,#d8ccff13,#0000 62%),linear-gradient(90deg,#0000,#c4b5fd0f,#0000);border-radius:999px;width:min(520px,82%);height:190px;top:-92px;left:9%;right:auto;transform:rotate(-7deg)}.landing-advantage--quick:before{filter:blur(22px);background:radial-gradient(at 58%,#7dd3fc2b,#0000 62%),radial-gradient(at 16% 38%,#818cf814,#0000 66%);border-radius:42% 58% 55% 45%/52% 42% 58% 48%;width:min(420px,76%);height:230px;inset:auto -72px -84px auto;transform:rotate(11deg)}.landing-advantages-bottom{gap:clamp(var(--space-3),1.5vw,var(--space-5));grid-area:bottom;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);display:grid}.landing-advantages-bottom .landing-advantage{min-height:132px}.landing-advantage--goals{--adv-accent:#c4b5fd}.landing-advantage--goals:before{background:radial-gradient(ellipse at center,var(--adv-accent),transparent 74%);border-radius:50% 50% 46% 54%/30% 70%;transform:rotate(28deg)}@supports (color:color-mix(in lab, red, red)){.landing-advantage--goals:before{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--adv-accent)15%,transparent),transparent 74%)}}.landing-advantage--together{--adv-accent:#7dd3fc}.landing-advantage--together:before{background:radial-gradient(ellipse at center,var(--adv-accent),transparent 72%),linear-gradient(145deg,#7dd3fc11,transparent 58%);border-radius:999px;width:280px;height:160px;transform:rotate(16deg)}@supports (color:color-mix(in lab, red, red)){.landing-advantage--together:before{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--adv-accent)16%,transparent),transparent 72%),linear-gradient(145deg,#7dd3fc11,transparent 58%)}}.landing-pricing-grid{gap:clamp(var(--space-4),2vw,var(--space-6));grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;max-width:1060px;margin:0 auto;display:grid;position:relative}.landing-pricing-grid:before{display:none}.landing-pricing-card{--pricing-accent:#7dd3fc;isolation:isolate;gap:var(--space-5);min-height:100%;padding:clamp(var(--space-5),2.2vw,var(--space-7));border-radius:var(--radius-xl);border:1px solid var(--pricing-accent);flex-direction:column;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card{border:1px solid color-mix(in srgb,var(--pricing-accent)18%,transparent)}}.landing-pricing-card{background:linear-gradient(145deg,var(--pricing-accent),transparent 42%),var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card{background:linear-gradient(145deg,color-mix(in srgb,var(--pricing-accent)9%,transparent),transparent 42%),color-mix(in srgb,var(--color-surface)68%,transparent)}}.landing-pricing-card{transition:transform .42s cubic-bezier(.16,1,.3,1),border-color .35s,background .35s,box-shadow .35s;box-shadow:0 18px 46px #00000029,inset 0 1px #ffffff06}.landing-pricing-card:before{content:"";z-index:-1;border-radius:calc(var(--radius-xl) - 1px);background:radial-gradient(circle at 50% 0%,var(--pricing-accent),transparent 58%),linear-gradient(180deg,#ffffff07,transparent 44%);position:absolute;inset:1px}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card:before{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--pricing-accent)12%,transparent),transparent 58%),linear-gradient(180deg,#ffffff07,transparent 44%)}}.landing-pricing-card:before{opacity:.74;pointer-events:none}.landing-pricing-card:after{content:"";background:linear-gradient(90deg,transparent,var(--pricing-accent),transparent);height:1px;position:absolute;top:-1px;left:18%;right:18%}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--pricing-accent)55%,transparent),transparent)}}.landing-pricing-card:after{opacity:.66;pointer-events:none}.landing-pricing-card:hover{border-color:var(--pricing-accent);transform:translateY(-5px)!important}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card:hover{border-color:color-mix(in srgb,var(--pricing-accent)34%,transparent)}}.landing-pricing-card:hover{background:linear-gradient(145deg,var(--pricing-accent),transparent 46%),var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--pricing-accent)13%,transparent),transparent 46%),color-mix(in srgb,var(--color-surface)72%,transparent)}}.landing-pricing-card:hover{box-shadow:0 26px 66px var(--pricing-accent),inset 0 1px 0 #ffffff09}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card:hover{box-shadow:0 26px 66px color-mix(in srgb,var(--pricing-accent)9%,#0003),inset 0 1px 0 #ffffff09}}.landing-pricing-card:first-child{margin-top:clamp(var(--space-6),5vw,var(--space-10))}.landing-pricing-card--student{--pricing-accent:#7dd3fc}.landing-pricing-card--adept{--pricing-accent:#818cf8}.landing-pricing-card--archmage{--pricing-accent:#a78bfa;background:radial-gradient(circle at 76% 0%,#a78bfa1b,transparent 44%),linear-gradient(145deg,#a78bfa12,transparent 44%),var(--color-surface);border-color:#a78bfa33}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card--archmage{background:radial-gradient(circle at 76% 0%,#a78bfa1b,transparent 44%),linear-gradient(145deg,#a78bfa12,transparent 44%),color-mix(in srgb,var(--color-surface)68%,transparent)}}.landing-pricing-card--archmage{box-shadow:0 20px 52px #0000002b,0 0 34px #a78bfa0d,inset 0 1px #ffffff07}.landing-pricing-card--archmage:before{opacity:.82;background:radial-gradient(circle at 76% 4%,#d8ccff1c,#0000 50%),radial-gradient(circle at 0 100%,#8b5cf60f,#0000 48%),linear-gradient(#ffffff07,#0000 44%)}.landing-pricing-card--archmage:after{opacity:.58;background:linear-gradient(90deg,#0000,#d8ccff57,#a78bfa4d,#0000);left:18%;right:18%}.landing-pricing-card--archmage .landing-pricing-head h3,.landing-pricing-card--archmage .landing-pricing-head p{text-shadow:0 0 16px #a78bfa21,0 0 30px #8b5cf60e}.landing-pricing-card--archmage:hover{background:radial-gradient(circle at 76% 0%,#a78bfa24,transparent 46%),linear-gradient(145deg,#a78bfa18,transparent 46%),var(--color-surface);border-color:#d8ccff52}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card--archmage:hover{background:radial-gradient(circle at 76% 0%,#a78bfa24,transparent 46%),linear-gradient(145deg,#a78bfa18,transparent 46%),color-mix(in srgb,var(--color-surface)72%,transparent)}}.landing-pricing-card--archmage:hover{box-shadow:0 26px 64px #0003,0 0 48px #a78bfa18,inset 0 1px #ffffff09}.landing-pricing-card:nth-child(3){margin-top:clamp(var(--space-4),3vw,var(--space-7))}.landing-pricing-card.featured{border-color:var(--pricing-accent);margin-top:-8px}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card.featured{border-color:color-mix(in srgb,var(--pricing-accent)54%,transparent)}}.landing-pricing-card.featured{background:radial-gradient(circle at 50% 0%,var(--pricing-accent),transparent 42%),linear-gradient(180deg,var(--pricing-accent),transparent 46%),linear-gradient(135deg,#7dd3fc0b,transparent 44%),var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card.featured{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--pricing-accent)19%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--pricing-accent)13%,transparent),transparent 46%),linear-gradient(135deg,#7dd3fc0b,transparent 44%),color-mix(in srgb,var(--color-surface)72%,transparent)}}.landing-pricing-card.featured{box-shadow:0 32px 82px #00000040,0 0 62px var(--pricing-accent),inset 0 1px 0 #ffffff0b}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card.featured{box-shadow:0 32px 82px #00000040,0 0 62px color-mix(in srgb,var(--pricing-accent)22%,transparent),inset 0 1px 0 #ffffff0b}}.landing-pricing-card.featured:hover{box-shadow:0 38px 88px #00000047,0 0 70px var(--pricing-accent),inset 0 1px 0 #ffffff0e;transform:translateY(-8px)!important}@supports (color:color-mix(in lab, red, red)){.landing-pricing-card.featured:hover{box-shadow:0 38px 88px #00000047,0 0 70px color-mix(in srgb,var(--pricing-accent)22%,transparent),inset 0 1px 0 #ffffff0e}}.landing-pricing-badge{min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--pricing-accent);align-items:center;display:inline-flex;position:absolute;top:-14px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.landing-pricing-badge{border:1px solid color-mix(in srgb,var(--pricing-accent)46%,transparent)}}.landing-pricing-badge{background:radial-gradient(circle at 50% 0%,var(--pricing-accent),transparent 72%),var(--color-bg)}@supports (color:color-mix(in lab, red, red)){.landing-pricing-badge{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--pricing-accent)20%,transparent),transparent 72%),color-mix(in srgb,var(--color-bg)92%,transparent)}}.landing-pricing-badge{color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;box-shadow:0 10px 30px var(--pricing-accent)}@supports (color:color-mix(in lab, red, red)){.landing-pricing-badge{box-shadow:0 10px 30px color-mix(in srgb,var(--pricing-accent)18%,transparent)}}.landing-pricing-head{gap:var(--space-2);flex-direction:column;display:flex}.landing-pricing-head h3{color:var(--color-text);font-size:clamp(var(--text-xl),2.2vw,1.75rem);font-weight:var(--font-bold);margin:0}.landing-pricing-head p{color:#fff;font-size:clamp(1.55rem,2.8vw,2.25rem);font-weight:var(--font-bold);letter-spacing:0;text-shadow:0 0 20px var(--pricing-accent);margin:0;line-height:1.06}@supports (color:color-mix(in lab, red, red)){.landing-pricing-head p{text-shadow:0 0 20px color-mix(in srgb,var(--pricing-accent)22%,transparent)}}.landing-pricing-head span{width:fit-content;min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--pricing-accent);align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.landing-pricing-head span{background:color-mix(in srgb,var(--pricing-accent)9%,transparent)}}.landing-pricing-head span{border:1px solid var(--pricing-accent)}@supports (color:color-mix(in lab, red, red)){.landing-pricing-head span{border:1px solid color-mix(in srgb,var(--pricing-accent)18%,transparent)}}.landing-pricing-head span{color:#e8e4ff9e;font-size:var(--text-xs);font-weight:var(--font-medium)}.landing-pricing-features{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.landing-pricing-features li{align-items:flex-start;gap:var(--space-2);color:#e8e4ff94;font-size:var(--text-sm);line-height:1.55;display:flex}.landing-pricing-features svg{color:var(--pricing-accent);flex-shrink:0;margin-top:.18rem}.landing-pricing-feature-highlight{color:var(--color-text)}@supports (color:color-mix(in lab, red, red)){.landing-pricing-feature-highlight{color:color-mix(in srgb,var(--color-text)88%,var(--color-primary)12%)}}.landing-pricing-feature-highlight{font-weight:var(--font-bold)}.landing-pricing-cta{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);width:100%;min-height:44px;margin-top:auto;display:inline-flex;border:1px solid var(--pricing-accent)!important}@supports (color:color-mix(in lab, red, red)){.landing-pricing-cta{border:1px solid color-mix(in srgb,var(--pricing-accent)24%,transparent)!important}}.landing-pricing-cta{background:radial-gradient(circle at 50% 0%,var(--pricing-accent),transparent 70%),#ffffff07!important}@supports (color:color-mix(in lab, red, red)){.landing-pricing-cta{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--pricing-accent)9%,transparent),transparent 70%),#ffffff07!important}}.landing-pricing-cta{color:var(--color-text)!important}@supports (color:color-mix(in lab, red, red)){.landing-pricing-cta{color:color-mix(in srgb,var(--color-text)86%,var(--pricing-accent)14%)!important}}.landing-pricing-cta{font-size:var(--text-sm);font-weight:var(--font-semibold);box-shadow:inset 0 1px #ffffff07;transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .32s,background .32s,box-shadow .32s!important}.landing-pricing-cta:hover,.landing-pricing-cta:focus-visible{transform:translateY(-1px);border-color:var(--pricing-accent)!important}@supports (color:color-mix(in lab, red, red)){.landing-pricing-cta:hover,.landing-pricing-cta:focus-visible{border-color:color-mix(in srgb,var(--pricing-accent)42%,transparent)!important}}.landing-pricing-cta:hover,.landing-pricing-cta:focus-visible{background:radial-gradient(circle at 50% 0%,var(--pricing-accent),transparent 70%),#ffffff0a!important}@supports (color:color-mix(in lab, red, red)){.landing-pricing-cta:hover,.landing-pricing-cta:focus-visible{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--pricing-accent)14%,transparent),transparent 70%),#ffffff0a!important}}.landing-pricing-cta:hover,.landing-pricing-cta:focus-visible{box-shadow:0 14px 34px var(--pricing-accent),inset 0 1px 0 #ffffff09}@supports (color:color-mix(in lab, red, red)){.landing-pricing-cta:hover,.landing-pricing-cta:focus-visible{box-shadow:0 14px 34px color-mix(in srgb,var(--pricing-accent)12%,transparent),inset 0 1px 0 #ffffff09}}.landing-cta{background:0 0;place-items:start center;min-height:520px;padding:clamp(3.6rem,7vh,5.4rem) clamp(1.5rem,5vw,4rem) clamp(4rem,8vh,6rem);display:grid;position:relative;overflow:visible}.landing-cta:before,.landing-cta:after{display:none}.landing-cta-scene{z-index:0;pointer-events:none;opacity:1;mix-blend-mode:screen;height:clamp(500px,64vh,720px);position:absolute;inset:clamp(-14rem,-19vh,-8.5rem) 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#0000002e 8%,#0000008c 18%,#000 32% 64%,#000000c7 84%,#0000 100%);mask-image:linear-gradient(#0000 0%,#0000002e 8%,#0000008c 18%,#000 32% 64%,#000000c7 84%,#0000 100%)}.landing-cta-rays{--landing-cta-rays-brightness:.75;opacity:1;width:100%;height:100%;position:absolute;inset:0 0 auto;transform:none;-webkit-mask-image:linear-gradient(#0000 0%,#0003 10%,#000000b3 24%,#000 42% 64%,#0000009e 84%,#0000 100%);mask-image:linear-gradient(#0000 0%,#0003 10%,#000000b3 24%,#000 42% 64%,#0000009e 84%,#0000 100%)}.landing-cta-rays canvas{filter:saturate(1.4)contrast(1.05)brightness(var(--landing-cta-rays-brightness))}.landing-cta-content{z-index:2;text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;max-width:690px;margin:clamp(.5rem,4vh,2.75rem) auto 0;display:flex;position:relative}.landing-cta-content:before{display:none}.landing-cta-desc{color:#e8e4ff7a;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65}.landing-cta-actions{z-index:3;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex;position:relative}.landing-cta-actions:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#04040d8a,#04040d2e 46%,#0000 72%);border-radius:999px;position:absolute;inset:-16px -40px}.landing-footer{box-sizing:border-box;z-index:1;width:100vw;padding:var(--space-6)clamp(1.5rem,5vw,4rem);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative}.landing-footer:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#a78bfa0e 18%,#a78bfa1c 50%,#a78bfa0e 82%,#0000 100%);width:min(1280px,100vw - 3rem);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.landing-footer-inner{align-items:center;gap:var(--space-5);grid-template-columns:1fr auto auto 1fr;max-width:1100px;margin:0 auto;display:grid}.landing-footer-inner>.landing-footer-brand{justify-self:start}.landing-footer-inner>.landing-footer-copy{justify-self:end}.landing-footer-brand{font-family:var(--font-cinzel);font-weight:var(--font-bold);font-feature-settings:"smcp" 1,"c2sc" 1;color:#e8e4ff73;font-variant-caps:small-caps;font-size:var(--text-base);letter-spacing:0}.landing-footer-copy{font-size:var(--text-sm);color:#e8e4ff33;text-align:right}.landing-footer-support{color:#e8e4ff6b;font-size:var(--text-sm);text-decoration:none;transition:color .2s}.landing-footer-support:hover{color:#e8e4ffc7}.landing-footer-social{border-radius:var(--radius-full);color:#e8e4ffad;background:#a78bfa0e;border:1px solid #a78bfa21;justify-content:center;align-items:center;width:42px;height:42px;padding:0;text-decoration:none;transition:color .25s,border-color .25s,background .25s,box-shadow .25s,transform .25s;display:inline-flex;box-shadow:0 10px 30px #5c37b31a}.landing-footer-social:hover{color:#e8e4ff;background:#a78bfa21;border-color:#a78bfa4d;transform:translateY(-2px);box-shadow:0 14px 38px #5c37b32e}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.landing-hero-content,.landing-parallax-soft,.landing-demo-panel,.landing-start-flow,.landing-start-mode-note{filter:none!important;transform:none!important}.landing-start-flow{width:min(920px,100%);min-height:auto;margin:0 auto;overflow:visible;-webkit-mask-image:none;mask-image:none}.landing-start-flow-frame{width:min(920px,100%);margin:0 auto}.landing-start-flow-frame:before,.landing-start-flow-frame:after{display:none}.landing-start-track{gap:var(--space-4);width:100%;min-height:0;display:grid}.landing-start-track:before,.landing-start-track:after{display:none}.landing-start-row{width:100%;position:relative;top:auto;left:auto;opacity:1!important;filter:none!important;transform:none!important}}@media (max-width:1023px){.landing-demos .landing-section-header,.landing-steps .landing-section-header,.landing-pricing .landing-section-header{text-align:center;max-width:760px;margin-left:auto;margin-right:auto;display:block}.landing-demos .landing-section-lead,.landing-steps .landing-section-lead,.landing-pricing .landing-section-lead{margin-left:auto;margin-right:auto}.landing-nav{grid-template-columns:1fr auto 1fr}.landing-nav-links{display:none}.landing-nav-brand{grid-column:2;justify-self:center}.landing-nav-auth{grid-column:3;justify-self:end}.landing-start-flow-frame,.landing-start-flow{--start-gap:var(--space-4)}.landing-start-flow-frame{width:min(760px,100%);margin:0 auto}.landing-start-flow{min-height:auto;padding:var(--space-3)0 var(--space-5);scroll-snap-type:none;scroll-padding-inline:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.landing-start-track{gap:var(--space-4);grid-template-columns:1fr;width:100%;min-width:0;min-height:0;padding-inline:0;display:grid}.landing-start-row,.landing-start-row:nth-of-type(2),.landing-start-row:nth-of-type(3),.landing-start-row:nth-of-type(4){opacity:1;filter:none;cursor:default;scroll-snap-align:none;flex:none;grid-template-columns:1fr;align-items:flex-start;width:100%;min-height:auto;margin-left:0;margin-right:0;position:relative;top:auto;left:auto;transform:none}.landing-start-row:hover{transform:translateY(-3px)}.landing-start-preview{grid-column:1;justify-content:flex-start}.landing-advantages-system{grid-template-columns:1fr;grid-template-areas:"choice""core""side""bottom";max-width:760px;margin:0 auto}.landing-advantages-side{grid-template-columns:1fr}.landing-advantages-choice,.landing-advantages-bottom{gap:var(--space-4);grid-template-columns:1fr}.landing-advantage,.landing-advantage--core,.landing-advantage--materials,.landing-advantage--quick{text-align:left;border-radius:18px;flex-direction:row;justify-content:flex-start;align-items:flex-start;min-height:auto}.landing-advantage--core{padding:clamp(var(--space-4),1.8vw,var(--space-5))}.landing-advantage--core .landing-advantage-icon{width:22px;height:22px}.landing-advantage--core .landing-advantage-text h3{font-size:clamp(var(--text-base),1.15vw,var(--text-lg))}.landing-pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.landing-pricing-card:first-child,.landing-pricing-card:nth-child(3){margin-top:0}.landing-pricing-card.featured{margin-top:0;transform:none}.landing-demo-viewport,.landing-app-demo{min-height:0}.landing-card-review-demo{--mini-card-width:112px;--mini-card-height:150px}.landing-card-side--left{left:calc(50% - 385px)}.landing-card-side--right{right:calc(50% - 385px)}.landing-card-side{opacity:.58;top:155px}}@media (max-width:640px){.landing-nav{top:var(--space-2);width:calc(100% - var(--space-4));gap:var(--space-2);padding:var(--space-2)}.landing-nav-brand{letter-spacing:.02em;font-size:clamp(.95rem,4.2vw,1.1rem)}.landing-nav .auth-buttons{gap:var(--space-1)}.landing-nav .auth-button{justify-content:center;width:38px;height:38px;min-height:38px;padding:0}.landing-nav .auth-button span{display:none}.landing-hero{min-height:100dvh;padding:1.5rem}.landing-hero-brand{letter-spacing:0;font-size:clamp(3.1rem,16vw,4.8rem)}.landing-brand-dots{gap:var(--space-2)!important;min-height:16px!important}.landing-brand-dots button{width:14px!important;height:16px!important}.landing-brand-dots button:first-child:before{right:1px!important}.landing-brand-dots button:last-child:before{left:1px!important}.landing-hero-actions{flex-direction:column;width:100%;max-width:300px}.landing-hero-btn,.landing-btn-ghost{justify-content:center;width:100%}.landing-section{padding:clamp(4rem,8vh,6rem)var(--space-4)}.landing-advantage{-webkit-backdrop-filter:none}.scroll-reveal-text,.landing-scroll-reveal-text{font-size:clamp(1.3rem,5vw,1.8rem)}.landing-footer{padding:var(--space-5)var(--space-4)}.landing-footer-inner{align-items:center;gap:var(--space-3)var(--space-3);grid-template-columns:1fr auto 1fr;grid-template-areas:"support support support""brand social copy";max-width:420px;margin:0 auto;display:grid}.landing-footer-support{font-size:var(--text-sm);grid-area:support;justify-self:center}.landing-footer-social{grid-area:social;justify-self:center;width:36px;height:36px}.landing-footer-brand{grid-area:brand;justify-self:start;font-size:.85rem}.landing-footer-copy{text-align:right;grid-area:copy;justify-self:end;font-size:.72rem}.landing-cta-actions{flex-direction:column;width:100%;max-width:300px}.landing-cta-actions .landing-hero-btn,.landing-cta-actions .landing-btn-ghost{justify-content:center;width:100%}.landing-demo-tabs{border-radius:16px;flex-wrap:nowrap;grid-template-columns:none;gap:4px;width:100%;max-width:420px;margin-left:auto;margin-right:auto;display:flex}.landing-demo-tabs button{border-radius:12px;flex:1 1 0;justify-content:center;gap:6px;min-width:0;min-height:40px;padding:0 clamp(.45rem,2.2vw,.8rem);font-size:clamp(.76rem,2.4vw,.88rem)}.landing-demo-tabs button svg{width:16px;height:16px}.landing-demo-shell{width:100%;max-width:100%;padding:var(--space-4);border-radius:20px}.landing-demo-profile{justify-content:flex-start}.landing-start-switch{border-radius:var(--radius-xl);grid-template-columns:1fr;width:100%}.landing-start-switch:before{width:auto;height:calc(50% - 4px);bottom:auto;right:4px}.landing-steps[data-start-mode=topic] .landing-start-switch:before{transform:translateY(100%)}.landing-start-switch button{white-space:normal}.landing-start-mode-note{max-width:min(520px,100%);height:auto;min-height:92px}.landing-start-flow-frame{--start-gap:var(--space-3);width:min(440px,100%);margin:0 auto}.landing-start-flow-frame:before,.landing-start-flow-frame:after{display:none}.landing-start-flow{--start-gap:var(--space-3);width:100%;min-height:auto;padding:var(--space-3)0 var(--space-5);scroll-snap-type:none;scroll-padding-inline:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.landing-start-track{grid-template-columns:1fr;width:100%;min-width:0;padding-inline:0;display:grid}.landing-start-row{width:100%;min-height:auto;padding:var(--space-4);align-items:flex-start;gap:var(--space-3);opacity:1;filter:none;cursor:default;scroll-snap-align:none;border-radius:16px;flex:none;grid-template-columns:1fr;position:relative;top:auto;left:auto;transform:none}.landing-start-row:hover{transform:none}.landing-start-copy{gap:var(--space-2)}.landing-step-title{font-size:var(--text-base)}.landing-step-desc{font-size:var(--text-sm);line-height:1.62}.landing-start-row:after{left:var(--space-4)}.landing-step-number{width:36px;height:36px}.landing-start-preview{grid-column:1;align-content:flex-start}.landing-start-preview span{min-height:28px;padding:0 var(--space-2);white-space:normal}.landing-start-cta{margin-top:var(--space-5)}.landing-note-streaming-preview{--landing-note-collapsed-height:520px;min-height:260px;padding:var(--space-4)}.landing-card-review-demo{--flashcard-max-width:280px;--flashcard-max-height:374px;--mini-card-width:88px;--mini-card-height:118px}.landing-card-stage{min-height:430px}.landing-card-side{display:none}.landing-card-review-footer{width:min(360px,100%);min-height:74px}.landing-card-review-demo .mini-card-label{display:none}.landing-test-mini{border-radius:var(--radius-lg);min-height:560px}.landing-test-mini-header{padding-left:var(--space-3);padding-right:var(--space-3);flex-direction:column;align-items:stretch}.landing-test-stats{justify-content:space-between}.landing-test-progress-wrapper,.landing-test-mini-content,.landing-test-mini-footer{gap:var(--space-2);padding:var(--space-3);grid-template-columns:auto 1fr auto}.landing-test-mini-footer .landing-test-nav-btn{min-width:38px;height:38px;min-height:38px;padding:0 var(--space-2);font-size:var(--text-xs)}.landing-test-mini-footer .landing-test-nav-btn:has(svg){width:38px;padding:0}.landing-test-mini-footer .landing-test-nav-btn:has(svg) span{display:none}.landing-test-mini-footer .btn-icon-text{justify-content:center}.landing-test-dots{gap:6px}.landing-test-dot{box-sizing:border-box;border-width:1.5px;flex:0 0 26px;width:26px;min-width:26px;max-width:26px;height:26px;max-height:26px;font-size:.78rem}.landing-match-row{gap:var(--space-2);grid-template-columns:1fr}.landing-match-row .matching-arrow{min-height:24px;transform:rotate(90deg)}.landing-advantages-system{max-width:440px}.landing-advantages-system:before{display:none}.landing-cta{min-height:420px;padding:clamp(3rem,6vh,4.5rem)var(--space-4)clamp(3rem,6vh,4.5rem)}.landing-cta:before{content:"";pointer-events:none;z-index:0;filter:blur(8px);background:radial-gradient(#c4b5fd6b,#a78bfa33 32%,#92c0ff1a 56%,#0000 78%);width:min(440px,92%);height:220px;display:block;position:absolute;top:8%;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(#000 28%,#0006 58%,#0000 84%);mask-image:radial-gradient(#000 28%,#0006 58%,#0000 84%)}.landing-cta-scene{display:none}.landing-cta-title-blur{text-align:center;font-size:clamp(1.4rem,6.4vw,1.85rem)}.landing-cta-desc{text-align:center;font-size:clamp(.92rem,3.6vw,1rem)}}@media (max-width:380px){.landing-demo-tabs button svg{display:none}.landing-demo-tabs button{padding-left:var(--space-2);padding-right:var(--space-2)}}.inline-onboarding{z-index:2;justify-content:center;align-items:center;gap:var(--space-6);width:100%;max-width:620px;padding:clamp(var(--space-4),4vw,var(--space-6))0;flex-direction:column;min-height:calc(100vh - 120px);margin:0 auto;animation:.5s ease-out inlineOnboardingFadeIn;display:flex;position:relative}.inline-onboarding--welcome{gap:var(--space-6);max-width:620px}.inline-onboarding--scenario{max-width:620px}@keyframes inlineOnboardingFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes inlineOnboardingFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.inline-onboarding--exiting{pointer-events:none;will-change:opacity,transform;animation:.4s ease-in forwards inlineOnboardingFadeOut}@media (prefers-reduced-motion:reduce){.inline-onboarding--exiting{opacity:0;animation:none}}@keyframes inlineOnboardingHalo{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:.95;transform:scale(1.04)}}.inline-onboarding-step-indicator{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-tertiary);text-align:center;min-width:120px}.inline-onboarding-card{isolation:isolate;width:100%;padding:clamp(var(--space-5),4vw,var(--space-8));-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;transition:opacity .2s,transform .2s;position:relative}.inline-onboarding-card--animating{opacity:0;transform:translateY(8px)}.inline-onboarding-card--welcome{padding:clamp(var(--space-5),4vw,var(--space-7))}.inline-onboarding-step{gap:var(--space-4);flex-direction:column;display:flex}.inline-onboarding-step--welcome{text-align:center;align-items:center;gap:var(--space-4);padding:0}.inline-onboarding-step--scenario{text-align:center;align-items:center;gap:var(--space-7)}.inline-onboarding-scenario-head{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.inline-onboarding-scenario-head .inline-onboarding-title{letter-spacing:-.02em;color:var(--color-text);font-size:clamp(1.8rem,2.85vw,2.28rem);line-height:1.1}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-scenario-head .inline-onboarding-title{color:color-mix(in srgb,var(--color-text)94%,var(--color-primary)6%)}}.inline-onboarding-scenario-head .inline-onboarding-title{text-shadow:0 0 18px #a78bfa14}.inline-onboarding-scenario-grid{justify-content:center;gap:var(--space-4);grid-template-columns:repeat(2,minmax(220px,268px));width:100%;display:grid}.inline-onboarding-scenario-card{isolation:isolate;justify-content:center;align-items:center;gap:var(--space-3);min-height:180px;padding:var(--space-5)var(--space-4);border:1px solid var(--color-outline-variant);flex-direction:column;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-scenario-card{border:1px solid color-mix(in srgb,var(--color-outline-variant)58%,transparent)}}.inline-onboarding-scenario-card{border-radius:var(--radius-xl);background:radial-gradient(circle at 50% -20%,var(--color-primary),transparent 46%),linear-gradient(180deg,var(--color-surface-container),var(--color-bg))}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-scenario-card{background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--color-primary)5%,transparent),transparent 46%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface-container)34%,transparent),color-mix(in srgb,var(--color-bg)26%,transparent))}}.inline-onboarding-scenario-card{color:inherit;text-align:center;font:inherit;cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s,background .28s,box-shadow .28s;box-shadow:inset 0 1px #ffffff06,0 14px 36px #0000001f}.inline-onboarding-scenario-card:before{content:"";z-index:-1;border-radius:calc(var(--radius-xl) - 1px);background:linear-gradient(135deg,#ffffff09,transparent 36%),radial-gradient(circle at 50% 12%,var(--color-primary),transparent 52%);position:absolute;inset:1px}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-scenario-card:before{background:linear-gradient(135deg,#ffffff09,transparent 36%),radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--color-primary)6%,transparent),transparent 52%)}}.inline-onboarding-scenario-card:before{opacity:.62;transition:opacity .28s,transform .28s}.inline-onboarding-scenario-card:after{content:"";background:linear-gradient(90deg,transparent,var(--color-primary),transparent);height:1px;position:absolute;top:0;left:20%;right:20%}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-scenario-card:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-primary)48%,transparent),transparent)}}.inline-onboarding-scenario-card:after{opacity:.26;transition:opacity .28s,left .28s,right .28s}.inline-onboarding-scenario-card:hover,.inline-onboarding-scenario-card:focus-visible{border-color:var(--color-primary);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-scenario-card:hover,.inline-onboarding-scenario-card:focus-visible{border-color:color-mix(in srgb,var(--color-primary)36%,transparent)}}.inline-onboarding-scenario-card:hover,.inline-onboarding-scenario-card:focus-visible{background:radial-gradient(circle at 50% -14%,var(--color-primary),transparent 48%),linear-gradient(180deg,var(--color-surface-container),var(--color-primary))}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-scenario-card:hover,.inline-onboarding-scenario-card:focus-visible{background:radial-gradient(circle at 50% -14%,color-mix(in srgb,var(--color-primary)12%,transparent),transparent 48%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface-container)44%,transparent),color-mix(in srgb,var(--color-primary)4%,transparent))}}.inline-onboarding-scenario-card:hover,.inline-onboarding-scenario-card:focus-visible{box-shadow:inset 0 1px 0 #ffffff0b,0 22px 48px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-scenario-card:hover,.inline-onboarding-scenario-card:focus-visible{box-shadow:inset 0 1px 0 #ffffff0b,0 22px 48px color-mix(in srgb,var(--color-primary)9%,#00000047)}}.inline-onboarding-scenario-card:hover:before,.inline-onboarding-scenario-card:focus-visible:before{opacity:1;transform:scale(1.015)}.inline-onboarding-scenario-card:hover:after,.inline-onboarding-scenario-card:focus-visible:after{opacity:.58;left:12%;right:12%}.inline-onboarding-scenario-icon{width:auto;height:auto;color:var(--color-primary);box-shadow:none;filter:drop-shadow(0 0 10px var(--color-primary));background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-scenario-icon{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-primary)16%,transparent))}}.inline-onboarding-scenario-icon svg{stroke-width:1.8px;width:34px;height:34px}.inline-onboarding-scenario-title{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.25}.inline-onboarding-scenario-desc{color:var(--color-text-secondary);font-size:var(--text-base);max-width:24ch;line-height:1.5}.inline-onboarding-title{font-size:clamp(var(--text-lg),2vw,var(--text-2xl));font-weight:var(--font-bold);color:var(--color-text);letter-spacing:-.03em;text-wrap:balance;line-height:1.3}.inline-onboarding-step--welcome .inline-onboarding-title{max-width:15ch;font-family:inherit;font-size:clamp(1.72rem,2.9vw,2.3rem);line-height:1.15}.inline-onboarding-title-brand{color:var(--color-text)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-title-brand{color:color-mix(in srgb,var(--color-text)82%,var(--color-primary)18%)}}.inline-onboarding-title-brand{text-shadow:none}.inline-onboarding-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.inline-onboarding-step--welcome .inline-onboarding-desc{font-size:clamp(var(--text-base),1.35vw,1.05rem);color:var(--color-text-secondary);line-height:1.75}.inline-onboarding-step--welcome .inline-onboarding-desc strong,.inline-onboarding-step--welcome .inline-onboarding-welcome-note strong{color:var(--color-text);text-shadow:none}.inline-onboarding-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic}.inline-onboarding-topic-inline-note{align-items:flex-start;gap:var(--space-2);padding:var(--space-3)var(--space-4);border:1px solid var(--color-primary);display:flex}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-topic-inline-note{border:1px solid color-mix(in srgb,var(--color-primary)18%,transparent)}}.inline-onboarding-topic-inline-note{border-radius:var(--radius-lg,12px);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-topic-inline-note{background:color-mix(in srgb,var(--color-primary)4%,transparent)}}.inline-onboarding-topic-inline-note{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.6}.inline-onboarding-topic-inline-note svg{color:var(--color-primary);opacity:.82;flex-shrink:0;margin-top:.12rem}.inline-onboarding-topic-inline-note p{margin:0}.inline-onboarding-error{font-size:var(--text-sm);color:var(--color-error,#ef4444);font-weight:var(--font-medium)}.inline-onboarding-input-group{gap:var(--space-2);flex-direction:column;display:flex}.inline-onboarding-input-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.inline-onboarding-text-input{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--color-outline-variant)!important;background:0 0!important}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-text-input{border:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)!important}}.inline-onboarding-text-input{border-radius:var(--radius-lg,12px);font-size:var(--text-base);color:var(--color-text);outline:none;transition:border-color .2s,box-shadow .2s}.inline-onboarding-text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-text-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary)15%,transparent)}}.inline-onboarding-text-input::placeholder{color:var(--color-text-tertiary)}.inline-onboarding-radio-group{gap:var(--space-2);flex-direction:column;display:flex}.inline-onboarding-radio-group--compact{gap:var(--space-2);flex-flow:wrap}.inline-onboarding-radio{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border:1px solid var(--color-outline-variant);background:0 0;display:flex}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-radio{border:1px solid color-mix(in srgb,var(--color-outline-variant)40%,transparent)}}.inline-onboarding-radio{border-radius:var(--radius-lg,12px);cursor:pointer;text-align:left;color:inherit;font:inherit;transition:all .2s}.inline-onboarding-radio:hover{background:var(--color-surface-container)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-radio:hover{background:color-mix(in srgb,var(--color-surface-container)80%,transparent)}}.inline-onboarding-radio:hover{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-radio:hover{border-color:color-mix(in srgb,var(--color-outline-variant)70%,transparent)}}.inline-onboarding-radio.selected{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-radio.selected{background:color-mix(in srgb,var(--color-primary)8%,transparent)}}.inline-onboarding-radio.selected{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-radio.selected{border-color:color-mix(in srgb,var(--color-primary)50%,transparent)}}.inline-onboarding-radio--compact{padding:var(--space-2)var(--space-3);align-items:center}.inline-onboarding-radio-ring{--radio-ring-size:20px;width:var(--radio-ring-size);height:var(--radio-ring-size);aspect-ratio:1;min-width:var(--radio-ring-size);min-height:var(--radio-ring-size);flex:0 0 var(--radio-ring-size);box-sizing:border-box;flex-shrink:0;place-items:center;margin:0;padding:0;line-height:0;display:grid}.inline-onboarding-radio-icon{width:100%;height:100%;display:block;overflow:visible}.inline-onboarding-radio-icon-outer{fill:none;stroke:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-radio-icon-outer{stroke:color-mix(in srgb,var(--color-outline-variant)65%,transparent)}}.inline-onboarding-radio-icon-outer{stroke-width:2px;vector-effect:non-scaling-stroke;transition:stroke .2s,filter .2s}.inline-onboarding-radio-icon-inner{fill:var(--color-primary);opacity:0;transform-box:fill-box;transform-origin:50%;transition:transform .2s,opacity .2s;transform:scale(0)}.inline-onboarding-radio.selected .inline-onboarding-radio-icon-outer{stroke:var(--color-primary);filter:drop-shadow(0 0 8px var(--color-primary))}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-radio.selected .inline-onboarding-radio-icon-outer{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--color-primary)35%,transparent))}}.inline-onboarding-radio.selected .inline-onboarding-radio-icon-inner{opacity:1;transform:scale(1)}.inline-onboarding-radio-content{flex-direction:column;gap:2px;display:flex}.inline-onboarding-radio-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.inline-onboarding-radio-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.inline-onboarding-materials-disclosure-card{border:1px solid var(--color-outline-variant);width:100%}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-materials-disclosure-card{border:1px solid color-mix(in srgb,var(--color-outline-variant)45%,transparent)}}.inline-onboarding-materials-disclosure-card{border-radius:var(--radius-lg);background:var(--color-surface-container)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-materials-disclosure-card{background:color-mix(in srgb,var(--color-surface-container)36%,transparent)}}.inline-onboarding-materials-disclosure-card{transition:border-color .2s,background .2s;overflow:hidden}.inline-onboarding-materials-disclosure-card:hover,.inline-onboarding-materials-disclosure-card.open{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-materials-disclosure-card:hover,.inline-onboarding-materials-disclosure-card.open{border-color:color-mix(in srgb,var(--color-primary)45%,transparent)}}.inline-onboarding-materials-disclosure-card:hover,.inline-onboarding-materials-disclosure-card.open{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-materials-disclosure-card:hover,.inline-onboarding-materials-disclosure-card.open{background:color-mix(in srgb,var(--color-primary)5%,transparent)}}.inline-onboarding-materials-disclosure{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;transition:color .2s;display:flex}.inline-onboarding-materials-disclosure:hover,.inline-onboarding-materials-disclosure.open{color:var(--color-text)}.inline-onboarding-materials-disclosure-main{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-sm);font-weight:var(--font-medium);text-align:left;display:flex}.inline-onboarding-materials-disclosure-main svg,.inline-onboarding-materials-disclosure-chevron{color:var(--color-primary);flex-shrink:0}.inline-onboarding-materials-disclosure-chevron{transition:transform .2s}.inline-onboarding-materials-disclosure.open .inline-onboarding-materials-disclosure-chevron{transform:rotate(180deg)}.inline-onboarding-materials-note-collapse{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .28s,opacity .22s,transform .22s;display:grid;transform:translateY(-6px)}.inline-onboarding-materials-note-collapse.open{opacity:1;grid-template-rows:1fr;transform:translateY(0)}.inline-onboarding-materials-note-collapse-inner{overflow:hidden}.inline-onboarding-materials-note{gap:var(--space-3);padding:0 var(--space-4)var(--space-4);flex-direction:column;display:flex}.inline-onboarding-materials-note-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}.inline-onboarding-materials-note-card{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg,12px);background:var(--color-surface);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-materials-note-card{background:color-mix(in srgb,var(--color-surface)65%,transparent)}}.inline-onboarding-materials-note-card{border:1px solid var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-materials-note-card{border:1px solid color-mix(in srgb,var(--color-outline-variant)35%,transparent)}}.inline-onboarding-materials-note-card-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);display:flex}.inline-onboarding-materials-note-card-title svg{color:var(--color-primary);flex-shrink:0}.inline-onboarding-materials-note-card-columns{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.inline-onboarding-materials-note-card-column{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.inline-onboarding-materials-note-text,.inline-onboarding-materials-note-subtext,.inline-onboarding-materials-note-paragraph,.inline-onboarding-materials-note-footer p{margin:0}.inline-onboarding-materials-note-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.inline-onboarding-materials-note-subtext,.inline-onboarding-materials-note-paragraph,.inline-onboarding-materials-note-footer p{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.6}.inline-onboarding-materials-note-footer{gap:var(--space-1);flex-direction:column;display:flex}.inline-onboarding-upload-zone{align-items:center;gap:var(--space-2);padding:var(--space-6)var(--space-4);border:2px dashed var(--color-outline-variant);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-upload-zone{border:2px dashed color-mix(in srgb,var(--color-outline-variant)60%,transparent)}}.inline-onboarding-upload-zone{border-radius:var(--radius-xl,16px);cursor:pointer;text-align:center;transition:all .2s}.inline-onboarding-upload-zone:hover,.inline-onboarding-upload-zone.drag-over{border-color:var(--color-primary);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-upload-zone:hover,.inline-onboarding-upload-zone.drag-over{background:color-mix(in srgb,var(--color-primary)5%,transparent)}}.inline-onboarding-upload-zone--busy{cursor:progress;opacity:.8}.inline-onboarding-upload-icon{color:var(--color-text-tertiary)}.inline-onboarding-upload-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.inline-onboarding-upload-link{color:var(--color-primary);font-weight:var(--font-medium);text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.inline-onboarding-upload-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.inline-onboarding-upload-progress{gap:var(--space-1);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg,12px);border:1px solid var(--color-primary);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-upload-progress{border:1px solid color-mix(in srgb,var(--color-primary)25%,transparent)}}.inline-onboarding-upload-progress{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-upload-progress{background:color-mix(in srgb,var(--color-primary)6%,transparent)}}.inline-onboarding-upload-progress-header{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);display:flex}.inline-onboarding-upload-progress-file{font-size:var(--text-xs);color:var(--color-text-secondary);word-break:break-word}.inline-onboarding-files{gap:var(--space-2);flex-direction:column;display:flex}.inline-onboarding-file{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);background:var(--color-surface-container);display:flex}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-file{background:color-mix(in srgb,var(--color-surface-container)50%,transparent)}}.inline-onboarding-file{border-radius:var(--radius-md,8px)}.inline-onboarding-file>svg:first-child{color:var(--color-primary);flex-shrink:0}.inline-onboarding-file-info{flex-direction:column;flex:1;min-width:0;display:flex}.inline-onboarding-file-name{font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inline-onboarding-file-size{font-size:var(--text-xs);color:var(--color-text-tertiary)}.inline-onboarding-file-remove{padding:var(--space-1);color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;flex-shrink:0;transition:color .15s}.inline-onboarding-file-remove:hover{color:var(--color-error,#ef4444)}.inline-onboarding-welcome-icon{background:var(--color-primary);border-radius:50%;width:64px;height:64px;position:relative}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-welcome-icon{background:color-mix(in srgb,var(--color-primary)12%,transparent)}}.inline-onboarding-welcome-icon{border:1px solid var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-welcome-icon{border:1px solid color-mix(in srgb,var(--color-primary)20%,transparent)}}.inline-onboarding-welcome-icon{color:var(--color-primary);margin-bottom:var(--space-2);box-shadow:0 10px 28px var(--color-primary);justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-welcome-icon{box-shadow:0 10px 28px color-mix(in srgb,var(--color-primary)14%,transparent)}}.inline-onboarding-step--welcome .inline-onboarding-welcome-icon{width:72px;height:72px}.inline-onboarding-welcome-icon:before,.inline-onboarding-welcome-icon:after{display:none}.inline-onboarding-welcome-icon svg{filter:drop-shadow(0 0 10px var(--color-primary))}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-welcome-icon svg{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-primary)20%,transparent))}}.inline-onboarding-welcome-copy{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.inline-onboarding-step--welcome .inline-onboarding-welcome-copy{gap:var(--space-3);text-align:center;width:min(100%,39rem)}.inline-onboarding-welcome-copy .inline-onboarding-desc,.inline-onboarding-welcome-note{margin:0}.inline-onboarding-welcome-divider{width:min(360px,75%);height:1px;margin:var(--space-1)auto 0;background:linear-gradient(90deg,transparent 0%,var(--color-primary-container-hover)20%,var(--color-primary)50%,var(--color-primary-container-hover)80%,transparent 100%)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-welcome-divider{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-primary-container-hover)50%,transparent)20%,color-mix(in srgb,var(--color-primary)55%,transparent)50%,color-mix(in srgb,var(--color-primary-container-hover)50%,transparent)80%,transparent 100%)}}.inline-onboarding-welcome-divider{position:relative}.inline-onboarding-welcome-divider:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary-container)20%,var(--color-primary-container-hover)50%,var(--color-primary-container)80%,transparent 100%);height:5px;position:absolute;top:-2px;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-welcome-divider:before{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-primary-container)50%,transparent)20%,color-mix(in srgb,var(--color-primary-container-hover)55%,transparent)50%,color-mix(in srgb,var(--color-primary-container)50%,transparent)80%,transparent 100%)}}.inline-onboarding-welcome-divider:before{filter:blur(5px);pointer-events:none}.inline-onboarding-welcome-note{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.6}.inline-onboarding-step--welcome .inline-onboarding-welcome-note{font-size:clamp(var(--text-base),1.35vw,1.05rem);color:var(--color-text-secondary);line-height:1.75;font-weight:var(--font-normal);padding-top:0}.inline-onboarding-welcome-beta{width:min(100%,42rem);margin:var(--space-2)0 0;padding:var(--space-4)var(--space-5);background:linear-gradient(180deg,var(--color-surface-container)0%,var(--color-primary)100%);border-radius:24px;align-items:flex-start;gap:0}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-welcome-beta{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-container)88%,transparent)0%,color-mix(in srgb,var(--color-primary)5%,transparent)100%)}}.inline-onboarding-welcome-beta{border:1px solid var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-welcome-beta{border:1px solid color-mix(in srgb,var(--color-primary)16%,var(--color-outline-variant)84%)}}.inline-onboarding-welcome-beta{box-shadow:0 16px 44px #0000002e,inset 0 1px #ffffff0a}.inline-onboarding-welcome-beta .welcome-beta-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;padding-left:0;line-height:1.75}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-welcome-beta .welcome-beta-text{color:color-mix(in srgb,var(--color-text-secondary)94%,white 6%)}}.inline-onboarding-welcome-beta .welcome-bug-highlight{margin:0 var(--space-1);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-welcome-beta .welcome-bug-highlight{background:color-mix(in srgb,var(--color-primary)10%,transparent)}}.inline-onboarding-welcome-beta .welcome-bug-highlight{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-welcome-beta .welcome-bug-highlight{border-color:color-mix(in srgb,var(--color-primary)18%,var(--color-outline-variant)82%)}}.inline-onboarding-welcome-beta .welcome-bug-highlight{color:var(--color-primary);box-shadow:0 0 18px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-welcome-beta .welcome-bug-highlight{box-shadow:0 0 18px color-mix(in srgb,var(--color-primary)12%,transparent)}}.inline-onboarding-vk-button{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-1);border:1px solid var(--color-primary);padding:.72rem 1.1rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-vk-button{border:1px solid color-mix(in srgb,var(--color-primary)18%,var(--color-outline-variant)82%)}}.inline-onboarding-vk-button{border-radius:var(--radius-full);background:linear-gradient(180deg,var(--color-primary)0%,var(--color-surface-container)100%)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-vk-button{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary)8%,transparent)0%,color-mix(in srgb,var(--color-surface-container)78%,transparent)100%)}}.inline-onboarding-vk-button{color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-vk-button{color:color-mix(in srgb,var(--color-primary)82%,var(--color-text)18%)}}.inline-onboarding-vk-button{font-size:var(--text-sm);font-weight:var(--font-semibold);box-shadow:0 12px 28px var(--color-primary);text-decoration:none}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-vk-button{box-shadow:0 12px 28px color-mix(in srgb,var(--color-primary)9%,transparent)}}.inline-onboarding-vk-button{transition:color .2s,border-color .2s,box-shadow .2s,transform .2s}.inline-onboarding-vk-button:hover,.inline-onboarding-vk-button:focus-visible{color:var(--color-primary);border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-vk-button:hover,.inline-onboarding-vk-button:focus-visible{border-color:color-mix(in srgb,var(--color-primary)34%,transparent)}}.inline-onboarding-vk-button:hover,.inline-onboarding-vk-button:focus-visible{box-shadow:0 16px 36px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-vk-button:hover,.inline-onboarding-vk-button:focus-visible{box-shadow:0 16px 36px color-mix(in srgb,var(--color-primary)14%,transparent)}}.inline-onboarding-vk-button:hover,.inline-onboarding-vk-button:focus-visible{transform:translateY(-2px)}.inline-onboarding-contact-block{gap:var(--space-3);width:min(100%,42rem);margin-top:var(--space-1);text-align:left;flex-direction:column;display:flex}.inline-onboarding-contact-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.inline-onboarding-contact-head label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.inline-onboarding-help{border:1px solid var(--color-outline-variant);justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-help{border:1px solid color-mix(in srgb,var(--color-outline-variant)40%,transparent)}}.inline-onboarding-help{border-radius:var(--radius-full);color:var(--color-text-tertiary);cursor:help;background:0 0;transition:color .2s,border-color .2s,background .2s}.inline-onboarding-help:hover,.inline-onboarding-help:focus-visible{color:var(--color-primary);border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-help:hover,.inline-onboarding-help:focus-visible{border-color:color-mix(in srgb,var(--color-primary)35%,transparent)}}.inline-onboarding-help:hover,.inline-onboarding-help:focus-visible{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-help:hover,.inline-onboarding-help:focus-visible{background:color-mix(in srgb,var(--color-primary)8%,transparent)}}.inline-onboarding-contact-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.inline-onboarding-contact-input{align-items:center;display:flex;position:relative}.inline-onboarding-contact-input svg{left:var(--space-4);color:var(--color-text-tertiary);pointer-events:none;position:absolute}.inline-onboarding-contact-input .inline-onboarding-text-input{padding-left:calc(var(--space-4) + 25px)}.inline-onboarding-contact-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0;line-height:1.55}.inline-onboarding-actions{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;display:flex}.inline-onboarding-actions-left,.inline-onboarding-actions-right{align-items:center;gap:var(--space-2);display:flex}.inline-onboarding-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-5);border-radius:var(--radius-full,9999px);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;border:none;transition:all .2s;display:inline-flex}.inline-onboarding-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.inline-onboarding-btn--primary{background:var(--color-primary);color:#fff}.inline-onboarding-btn--primary:hover{opacity:.9;transform:translateY(-1px)}.inline-onboarding-btn--primary.disabled{opacity:.4;cursor:not-allowed;transform:none}.inline-onboarding-btn--back{color:var(--color-text-secondary);background:0 0;border:none}.inline-onboarding-btn--back:hover{color:var(--color-text)}.inline-onboarding-btn--ghost{color:var(--color-text-tertiary);background:0 0}.inline-onboarding-btn--ghost:hover{color:var(--color-text-secondary)}.inline-onboarding-btn--welcome-cta{min-width:auto;min-height:auto;font-size:1.0625rem;font-weight:var(--font-semibold);letter-spacing:-.01em;color:var(--color-primary);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;padding:.4rem 0 .8rem;position:relative;overflow:visible}.inline-onboarding-btn--welcome-cta:before,.inline-onboarding-btn--welcome-cta:after{content:"";pointer-events:none;position:absolute;left:-.5rem;right:-.5rem}.inline-onboarding-btn--welcome-cta:before{background:linear-gradient(90deg,transparent 0%,var(--color-primary)18%,var(--color-primary)50%,var(--color-primary)82%,transparent 100%);height:1px;bottom:0}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-btn--welcome-cta:before{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-primary)32%,transparent)18%,color-mix(in srgb,var(--color-primary)62%,transparent)50%,color-mix(in srgb,var(--color-primary)32%,transparent)82%,transparent 100%)}}.inline-onboarding-btn--welcome-cta:after{background:linear-gradient(90deg,transparent 0%,var(--color-primary)25%,var(--color-primary)50%,var(--color-primary)75%,transparent 100%);height:10px;bottom:-2px}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-btn--welcome-cta:after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-primary)14%,transparent)25%,color-mix(in srgb,var(--color-primary)22%,transparent)50%,color-mix(in srgb,var(--color-primary)14%,transparent)75%,transparent 100%)}}.inline-onboarding-btn--welcome-cta:after{filter:blur(8px);opacity:.9}.inline-onboarding-btn--welcome-cta span{text-shadow:0 0 14px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-btn--welcome-cta span{text-shadow:0 0 14px color-mix(in srgb,var(--color-primary)14%,transparent)}}.inline-onboarding-btn--welcome-cta svg{width:20px;height:20px;box-shadow:none;filter:drop-shadow(0 0 10px var(--color-primary));background:0 0;border:none;border-radius:0;padding:0;transition:transform .2s,filter .2s}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-btn--welcome-cta svg{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-primary)18%,transparent))}}.inline-onboarding-btn--welcome-cta:hover:not(:disabled){color:var(--color-primary-hover);transform:translateY(-1px)}.inline-onboarding-btn--welcome-cta:hover:not(:disabled) svg{filter:drop-shadow(0 0 14px var(--color-primary));transform:translate(3px)}@supports (color:color-mix(in lab, red, red)){.inline-onboarding-btn--welcome-cta:hover:not(:disabled) svg{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--color-primary)22%,transparent))}}@media (max-width:768px){.inline-onboarding{padding:var(--space-2)0;gap:var(--space-4)}.inline-onboarding-card,.inline-onboarding-card--welcome{padding:var(--space-4)}.inline-onboarding-scenario-grid{grid-template-columns:1fr}.inline-onboarding-scenario-card{min-height:150px}.inline-onboarding-radio-group--compact{flex-direction:column}.inline-onboarding-materials-note-card{gap:var(--space-2)}.inline-onboarding-materials-note-card-columns{gap:var(--space-2);grid-template-columns:1fr}.inline-onboarding-actions{flex-wrap:wrap;justify-content:center}.inline-onboarding-actions-left,.inline-onboarding-actions-right{justify-content:center;width:100%}.inline-onboarding-step--welcome{padding:0}.inline-onboarding-step--welcome .inline-onboarding-title{max-width:14ch}.inline-onboarding-step--welcome .inline-onboarding-welcome-copy,.inline-onboarding-welcome-beta,.inline-onboarding-contact-block{width:100%}.inline-onboarding-contact-grid{grid-template-columns:1fr}.inline-onboarding-step-indicator{order:3}.inline-onboarding-btn{padding:var(--space-2)var(--space-4)}.inline-onboarding-btn--welcome-cta{padding-bottom:.72rem;font-size:1rem}.inline-onboarding-btn--welcome-cta svg{width:20px;height:20px}}@media (max-width:480px){.inline-onboarding-title{font-size:var(--text-lg)}.inline-onboarding-step--welcome{padding:0}.inline-onboarding-step--welcome .inline-onboarding-title{max-width:13ch;font-size:clamp(1.58rem,7.4vw,2rem)}.inline-onboarding-upload-zone{padding:var(--space-4)var(--space-3)}.inline-onboarding-welcome-icon{width:48px;height:48px}.inline-onboarding-welcome-icon svg{width:24px;height:24px}.inline-onboarding-step--welcome .inline-onboarding-welcome-icon{width:64px;height:64px}.inline-onboarding-welcome-beta{padding:var(--space-4);border-radius:var(--radius-xl)}.inline-onboarding-welcome-beta .welcome-beta-text{padding-left:var(--space-3)}.inline-onboarding-contact-block{gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){.inline-onboarding,.inline-onboarding-card,.inline-onboarding-btn{transition:none;animation:none}.inline-onboarding-welcome-icon:before{animation:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes pulse{50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-bounce{0%,to{transform:scale(1)translateY(0)}25%{transform:scale(1.1)translateY(-4px)}50%{transform:scale(1.05)translateY(-8px)}75%{transform:scale(1.1)translateY(-4px)}}@keyframes rotate-bounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-6px)rotate(5deg)}50%{transform:translateY(-10px)rotate(0)}75%{transform:translateY(-6px)rotate(-5deg)}}@keyframes rotate-smooth{0%{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.05)}50%{transform:rotate(180deg)scale(1.1)}75%{transform:rotate(270deg)scale(1.05)}to{transform:rotate(360deg)scale(1)}}@keyframes elastic-scale{0%,to{transform:scale(1)}30%{transform:scale(1.15)}50%{transform:scale(1.05)}70%{transform:scale(1.12)}}@keyframes shimmer-glow{0%{filter:brightness(1)drop-shadow(0 0 8px var(--color-primary-container));transform:scale(1)}50%{filter:brightness(1.3)drop-shadow(0 0 16px var(--color-primary-container-hover));transform:scale(1.1)}to{filter:brightness(1)drop-shadow(0 0 8px var(--color-primary-container));transform:scale(1)}}@keyframes border-pulse{0%,to{border-width:3px;transform:scale(1)}50%{border-width:4px;transform:scale(1.1)}}@keyframes lift-up{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}.animate-fade-in{animation:fadeIn var(--transition-base)ease-out}.animate-fade-out{animation:fadeOut var(--transition-base)ease-out forwards}.animate-slide-up{animation:slideUp var(--transition-base)ease-out}.animate-slide-down{animation:slideDown var(--transition-base)ease-out}.animate-slide-left{animation:slideLeft var(--transition-base)ease-out}.animate-slide-right{animation:slideRight var(--transition-base)ease-out}.animate-scale-in{animation:scaleIn var(--transition-spring)}.animate-shake{animation:.5s ease-in-out shake}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.fireworks-layer{opacity:1;transition:opacity 1.4s cubic-bezier(.33,.11,.23,.99)}.fireworks-fade-out{opacity:0}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.skeleton{background:linear-gradient(90deg,var(--color-surface-container)25%,var(--color-surface-container-high)50%,var(--color-surface-container)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:60%}.skeleton-avatar{border-radius:var(--radius-full);width:40px;height:40px}.skeleton-card{height:120px}.ripple-container{position:relative;overflow:hidden}.ripple{border-radius:var(--radius-full);background:var(--color-primary);opacity:.3;pointer-events:none;animation:.6s ease-out ripple;position:absolute}.btn:active:not(:disabled){transform:scale(.97)}.card-hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card-hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.list-enter{animation:.3s ease-out backwards slideUp}.list-enter:first-child{animation-delay:0s}.list-enter:nth-child(2){animation-delay:30ms}.list-enter:nth-child(3){animation-delay:60ms}.list-enter:nth-child(4){animation-delay:90ms}.list-enter:nth-child(5){animation-delay:.12s}.list-enter:nth-child(6){animation-delay:.15s}.list-enter:nth-child(7){animation-delay:.18s}.list-enter:nth-child(8){animation-delay:.21s}.list-enter:nth-child(9){animation-delay:.24s}.list-enter:nth-child(10){animation-delay:.27s}.success-checkmark{width:80px;height:80px;margin:0 auto;position:relative}.success-checkmark .check-circle{border-radius:var(--radius-full);border:3px solid var(--color-success);width:80px;height:80px;animation:.5s ease-out .1s forwards circle-scale;position:absolute;transform:scale(0)}.success-checkmark .check-mark{border:solid var(--color-success);border-width:0 3px 3px 0;width:24px;height:36px;animation:.3s ease-out .4s forwards check-scale;position:absolute;top:22px;left:28px;transform:rotate(45deg)scale(0)}@keyframes circle-scale{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes check-scale{0%{transform:rotate(45deg)scale(0)}to{transform:rotate(45deg)scale(1)}}.page-transition-enter{opacity:0;transform:translate(20px)}.page-transition-enter-active{opacity:1;transition:opacity var(--transition-base),transform var(--transition-base);transform:translate(0)}.page-transition-exit{opacity:1;transform:translate(0)}.page-transition-exit-active{opacity:0;transition:opacity var(--transition-base),transform var(--transition-base);transform:translate(-20px)}.modal-enter{opacity:0}.modal-enter .modal-container{transform:translateY(20px)scale(.95)}.modal-enter-active{opacity:1;transition:opacity var(--transition-base)}.modal-enter-active .modal-container{transition:transform var(--transition-spring);transform:translateY(0)scale(1)}.flip-enter{animation:.4s ease-out flipIn}.flip-exit{animation:.4s ease-out flipOut}@keyframes flipIn{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes flipOut{0%{opacity:1;transform:rotateY(0)}to{opacity:0;transform:rotateY(90deg)}}@keyframes splash-icon-glow{0%,to{filter:drop-shadow(0 0 8px #a855f766)}50%{filter:drop-shadow(0 0 20px #a855f7cc)}}@keyframes crystal-spin{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.splash-icon-animated{animation:.8s ease-out forwards splash-icon-entrance,2s ease-in-out .8s infinite splash-icon-glow,2s linear .8s infinite crystal-spin}@keyframes empty-orb-float-1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.05)}50%{transform:translate(-20px,15px)scale(.95)}75%{transform:translate(15px,25px)scale(1.02)}}@keyframes empty-orb-float-2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-25px,20px)scale(.97)}50%{transform:translate(20px,-15px)scale(1.04)}75%{transform:translate(-10px,-25px)scale(.98)}}@keyframes icon-3d-pulse{0%,to{box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary)22%,transparent),0 0 20px color-mix(in srgb,var(--color-primary)12%,transparent),inset 0 1px 0 #ffffff1a}50%{box-shadow:0 6px 24px color-mix(in srgb,var(--color-primary)30%,transparent),0 0 30px color-mix(in srgb,var(--color-primary)18%,transparent),inset 0 1px 0 #ffffff26}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.flashcard-inner{transition:none}}:root{--srs-again:#ef4444;--srs-again-light:#ff6b6b;--srs-again-bg:#ef44441f;--srs-again-bg-subtle:#ef44440d;--srs-again-bg-hover:#ef444433;--srs-again-shadow:#ef44444d;--srs-again-shadow-hover:#ef444480;--srs-again-glow:#ef444426;--srs-again-glow-hover:#ef44444d;--srs-hard:#f97316;--srs-hard-light:#fb923c;--srs-hard-bg:#f973161f;--srs-hard-bg-subtle:#f973160d;--srs-hard-bg-hover:#f9731633;--srs-hard-shadow:#f973164d;--srs-hard-shadow-hover:#f9731680;--srs-hard-glow:#f9731626;--srs-hard-glow-hover:#f973164d;--srs-good:#10b981;--srs-good-light:#34d399;--srs-good-bg:#10b9811f;--srs-good-bg-subtle:#10b9810d;--srs-good-bg-hover:#10b98133;--srs-good-shadow:#10b9814d;--srs-good-shadow-hover:#10b98180;--srs-good-glow:#10b98126;--srs-good-glow-hover:#10b9814d;--srs-easy:#3b82f6;--srs-easy-light:#60a5fa;--srs-easy-bg:#3b82f61f;--srs-easy-bg-subtle:#3b82f60d;--srs-easy-bg-hover:#3b82f633;--srs-easy-shadow:#3b82f64d;--srs-easy-shadow-hover:#3b82f680;--srs-easy-glow:#3b82f626;--srs-easy-glow-hover:#3b82f64d;--srs-new:#a855f7;--srs-new-bg:#a855f71f;--srs-new-bg-subtle:#a855f70d;--srs-new-shadow:#a855f74d;--srs-new-glow:#a855f726;--srs-upcoming:#06b6d4;--srs-upcoming-light:#22d3ee;--srs-upcoming-bg:#06b6d41f;--srs-upcoming-bg-subtle:#06b6d40d;--srs-upcoming-bg-hover:#06b6d433;--srs-upcoming-shadow:#06b6d438;--srs-upcoming-shadow-hover:#06b6d459;--srs-upcoming-glow:#06b6d41f;--srs-upcoming-glow-hover:#06b6d433;--srs-shimmer:linear-gradient(90deg,transparent,#fff3,transparent);--srs-inset-highlight:inset 0 1px 0 #ffffff1a;--srs-inset-highlight-hover:inset 0 1px 0 #fff3}.cards-container{background:var(--color-bg);height:100vh;font-family:var(--font-sans);color:var(--color-text);display:flex;position:relative}.cards-main{flex-direction:column;flex:1;min-width:0;display:flex;position:fixed;inset:0;overflow:hidden auto}.cards-sidebar{width:var(--right-sidebar-width-real,250px);--sidebar-tooltip-delay:.9s;background:var(--color-surface);border-left:1px solid var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.cards-sidebar{border-left:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}.cards-sidebar{height:100vh;z-index:var(--z-sticky);transition:width var(--transition-base),transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow:visible}.cards-sidebar [data-tooltip]:not([data-tooltip-delay]){--tooltip-delay:var(--sidebar-tooltip-delay)}.cards-sidebar.sidebar-panel--mobile.transition-enabled{transition:transform .2s ease-out}.cards-sidebar.sidebar-panel--collapsed{border-left:none;padding:0;overflow:hidden;width:0!important;min-width:0!important}.cards-sidebar.sidebar-panel--collapsed .sidebar-file-header,.cards-sidebar.sidebar-panel--collapsed .sidebar-file-content,.cards-sidebar.sidebar-panel--collapsed .sidebar-file-footer{opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.cards-empty-state{transition:left var(--transition-base),right var(--transition-base);padding:var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cards-empty-icon{margin-bottom:var(--space-8)}.cards-empty-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-4)}.cards-empty-description{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:520px;line-height:1.6}.cards-empty-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex}.deck-tree{gap:var(--space-1);flex-direction:column;display:flex}.deck-tree-empty{padding:var(--space-8)var(--space-4);color:var(--color-text-secondary);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.deck-tree-empty svg{color:var(--color-text-tertiary)}.deck-tree-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:36px;display:flex;position:relative}.deck-tree-item:hover{background:var(--color-surface-container-high)}.deck-tree-item.active{background:var(--color-primary-container)}.deck-expand-btn{cursor:pointer;width:18px;height:18px;color:var(--color-text-tertiary);transition:transform var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.deck-expand-btn.expanded{transform:rotate(90deg)}.deck-expand-placeholder{flex-shrink:0;width:18px}.deck-icon{color:var(--color-primary);flex-shrink:0;align-items:center;display:flex}.deck-name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.deck-name-input{font-size:var(--text-sm);padding:var(--space-1)var(--space-2);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface);outline:none;flex:1}.deck-due-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-full);flex-shrink:0;padding:2px 6px}.deck-actions{opacity:0;transition:opacity var(--transition-fast);display:flex}.deck-tree-item:hover .deck-actions{opacity:1}.deck-menu-btn{cursor:pointer;width:24px;height:24px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.deck-menu-btn:hover{background:var(--color-hover);color:var(--color-text)}.deck-dropdown-menu{z-index:100;background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);min-width:180px;padding:var(--space-1);box-shadow:var(--shadow-lg);animation:var(--control-dropdown-animation);position:absolute;top:100%;right:0}.deck-dropdown-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2)var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--color-text);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;display:flex}.deck-dropdown-item:hover{background:var(--color-hover)}.deck-dropdown-item.danger{color:var(--color-error)}.deck-dropdown-item.danger:hover{background:var(--color-error-container)}.deck-dropdown-divider{background:var(--color-outline-variant);height:1px;margin:var(--space-1)0}.deck-tree-children{margin-left:var(--space-4)}.deck-color-violet .deck-icon{color:var(--color-violet)}.deck-color-teal .deck-icon{color:var(--color-teal)}.deck-color-blue .deck-icon{color:var(--color-blue)}.deck-color-orange .deck-icon{color:var(--color-orange)}.deck-color-pink .deck-icon{color:var(--color-pink)}.deck-color-coral .deck-icon{color:var(--color-coral)}.deck-color-gold .deck-icon{color:var(--color-gold)}.deck-color-lime .deck-icon{color:var(--color-lime)}.review-container{--review-reserved:clamp(320px,38vh,460px);height:100vh;min-height:100vh;padding:clamp(var(--space-2),2vw,var(--space-4));background:var(--color-bg);box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:clip visible}@supports (height:100dvh){.review-container{--review-reserved:clamp(320px,38dvh,460px);height:100dvh;min-height:100dvh}}.review-container>*{width:100%;max-width:800px}.btn-expand-header{padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);width:36px;height:36px;margin:var(--space-2)auto;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.3s slideDown;display:flex}.btn-expand-header:hover{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.1)}.review-header-new{gap:var(--space-3);padding:var(--space-4)0 var(--space-2);flex-direction:column;margin-bottom:0;display:flex;position:relative}.review-deck-title{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);min-width:0;display:flex}.review-deck-title h3{font-size:var(--text-2xl);font-weight:var(--font-bold);white-space:nowrap;flex:1;min-width:0;margin:0;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000 100%);mask-image:linear-gradient(90deg,#000 86%,#0000 100%)}.review-deck-actions{gap:var(--space-2);flex-shrink:0;align-items:center;display:flex}.review-deck-actions-desktop{gap:var(--space-2);align-items:center;display:flex}.review-deck-actions-mobile{display:none;position:relative}.review-deck-actions-mobile-menu{top:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;padding:var(--space-2);gap:var(--space-1);animation:var(--control-dropdown-animation);flex-direction:column;display:flex;position:absolute;right:0}.review-deck-actions-mobile-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:left;background:0 0;border:none;width:100%;display:flex}.review-deck-actions-mobile-item:hover{background:rgba(var(--color-primary-rgb,99,102,241),.1);color:var(--color-primary)}.review-deck-actions-mobile-item svg{flex-shrink:0}@media (max-width:768px){.review-deck-actions-desktop{display:none}.review-deck-actions-mobile{display:block}.review-deck-actions{font-size:var(--text-base)}.review-deck-actions-mobile-item{padding:clamp(var(--space-2),3vw,var(--space-3));font-size:clamp(var(--text-xs),2.5vw,var(--text-sm))}.review-deck-actions-mobile-item svg{width:clamp(.875em,3.5vw,1em);height:clamp(.875em,3.5vw,1em)}}.btn-icon-minimal{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.btn-icon-minimal svg{width:24px;height:24px}@media (max-width:768px){.btn-icon-minimal{width:clamp(32px,8vw,40px);height:clamp(32px,8vw,40px);padding:clamp(var(--space-1),2vw,var(--space-2))}.btn-icon-minimal svg{width:clamp(16px,4vw,24px);height:clamp(16px,4vw,24px)}.btn-icon-minimal.btn-close svg{width:clamp(18px,4.5vw,20px);height:clamp(18px,4.5vw,20px)}}.btn-icon-minimal:hover{background:rgba(var(--color-primary-rgb,99,102,241),.1);color:var(--color-primary)}.btn-icon-minimal:disabled{opacity:.3;cursor:not-allowed}.btn-icon-minimal.btn-close{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-tertiary);cursor:pointer;transform-origin:50%;background:0 0;border:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.btn-icon-minimal.btn-close:hover,.btn-icon-minimal.btn-close:active{color:var(--color-error);box-shadow:none;background:0 0;border-color:#0000;transform:none}.btn-icon-minimal.btn-close svg{display:block;transform:translateY(-1px)}.review-deck-title{position:relative;overflow:visible}.review-categories{width:100%;padding:var(--space-2)var(--space-4);z-index:10;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(8px,2vw,32px);margin-bottom:clamp(8px,2vh,24px);display:flex;position:relative}.review-categories-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(12px,2vw,24px);display:flex}.review-category-chip{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3)calc(var(--space-1) + 8px);border-radius:var(--radius-lg);cursor:pointer;width:var(--review-category-width);background:0 0;border:1px solid #0000;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.review-category-chip.due{--_cc:var(--srs-again);--_ccbg:var(--srs-again-bg);--_ccbgs:var(--srs-again-bg-subtle);--_ccsh:var(--srs-again-shadow);--_ccgl:var(--srs-again-glow)}.review-category-chip.new{--_cc:var(--srs-new);--_ccbg:var(--srs-new-bg);--_ccbgs:var(--srs-new-bg-subtle);--_ccsh:var(--srs-new-shadow);--_ccgl:var(--srs-new-glow)}.review-category-chip.upcoming{--_cc:var(--srs-upcoming);--_ccbg:var(--srs-upcoming-bg);--_ccbgs:var(--srs-upcoming-bg-subtle);--_ccsh:var(--srs-upcoming-shadow);--_ccgl:var(--srs-upcoming-glow)}.review-category-chip.due,.review-category-chip.new,.review-category-chip.upcoming{color:var(--_cc)}@supports (color:color-mix(in lab, red, red)){.review-category-chip.due,.review-category-chip.new,.review-category-chip.upcoming{color:color-mix(in srgb,var(--_cc)76%,var(--color-text-secondary)24%)}}.review-category-chip.due,.review-category-chip.new,.review-category-chip.upcoming{filter:none}.review-category-chip.due:hover,.review-category-chip.new:hover,.review-category-chip.upcoming:hover{color:var(--_cc)}@supports (color:color-mix(in lab, red, red)){.review-category-chip.due:hover,.review-category-chip.new:hover,.review-category-chip.upcoming:hover{color:color-mix(in srgb,var(--_cc)92%,white 8%)}}.review-category-chip.due:hover,.review-category-chip.new:hover,.review-category-chip.upcoming:hover{box-shadow:none;filter:none;background:0 0;border-color:#0000;transform:none}.review-category-chip.due.active,.review-category-chip.new.active,.review-category-chip.upcoming.active{color:var(--_cc);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;background:0 0;border-color:#0000;transform:none}.review-category-chip .category-count{font-size:var(--text-xl);font-weight:var(--font-bold);z-index:1;text-shadow:none;opacity:.92;filter:drop-shadow(0 0 6px var(--_cc))drop-shadow(0 0 12px var(--_cc));line-height:1;position:relative}@supports (color:color-mix(in lab, red, red)){.review-category-chip .category-count{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--_cc)40%,transparent))drop-shadow(0 0 12px color-mix(in srgb,var(--_cc)20%,transparent))}}.review-category-chip .category-label{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px;text-align:center;z-index:1;color:currentColor;opacity:.78;filter:drop-shadow(0 0 4px var(--_cc));line-height:1.1;position:relative}@supports (color:color-mix(in lab, red, red)){.review-category-chip .category-label{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--_cc)28%,transparent))}}.review-category-chip:hover .category-count,.review-category-chip.active .category-count,.review-category-chip:hover .category-label,.review-category-chip.active .category-label{opacity:1}.review-category-chip:hover .category-count,.review-category-chip.active .category-count{filter:drop-shadow(0 0 8px var(--_cc))drop-shadow(0 0 16px var(--_cc))}@supports (color:color-mix(in lab, red, red)){.review-category-chip:hover .category-count,.review-category-chip.active .category-count{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--_cc)72%,transparent))drop-shadow(0 0 16px color-mix(in srgb,var(--_cc)40%,transparent))}}.review-category-chip:hover .category-label,.review-category-chip.active .category-label{filter:drop-shadow(0 0 6px var(--_cc))}@supports (color:color-mix(in lab, red, red)){.review-category-chip:hover .category-label,.review-category-chip.active .category-label{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--_cc)50%,transparent))}}.review-category-chip:after{content:"";transform-origin:50%;border-radius:var(--radius-full);background:linear-gradient(90deg,transparent 0%,var(--_cc)18%,var(--_cc)50%,var(--_cc)82%,transparent 100%);width:72%;height:1px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)scaleX(.78)}@supports (color:color-mix(in lab, red, red)){.review-category-chip:after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--_cc)12%,transparent)18%,color-mix(in srgb,var(--_cc)52%,transparent)50%,color-mix(in srgb,var(--_cc)12%,transparent)82%,transparent 100%)}}.review-category-chip:after{opacity:0;transition:opacity .25s,transform .25s,background .25s}.review-category-chip:hover:after{opacity:.48;transform:translate(-50%)scaleX(.92)}.review-category-chip.active:after{background:linear-gradient(90deg,transparent 0%,var(--_cc)14%,var(--_cc)50%,var(--_cc)86%,transparent 100%)}@supports (color:color-mix(in lab, red, red)){.review-category-chip.active:after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--_cc)22%,transparent)14%,var(--_cc)50%,color-mix(in srgb,var(--_cc)22%,transparent)86%,transparent 100%)}}.review-category-chip.active:after{box-shadow:0 0 8px var(--_cc),0 0 14px var(--_cc)}@supports (color:color-mix(in lab, red, red)){.review-category-chip.active:after{box-shadow:0 0 8px color-mix(in srgb,var(--_cc)24%,transparent),0 0 14px color-mix(in srgb,var(--_cc)14%,transparent)}}.review-category-chip.active:after{opacity:.95;transform:translate(-50%)scaleX(1)}.review-content{min-height:0;padding:0 var(--space-4);justify-content:center;align-items:center;gap:clamp(var(--space-4),6vw,var(--space-16));flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}.review-content.is-returning-from-editor{animation:.28s cubic-bezier(.22,1,.36,1) both reviewSceneReturn}.review-footer-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:800px;min-height:67px;margin-top:clamp(8px,2vh,28px);margin-bottom:clamp(8px,2vh,20px);display:flex}.review-footer-wrapper.is-returning-from-editor{animation:.28s cubic-bezier(.22,1,.36,1) 20ms both reviewSceneReturn}.review-buttons-container{width:100%}.review-buttons-container.invisible{visibility:hidden}.review-buttons,.upcoming-navigation,.mastered-navigation{flex-shrink:0;width:100%;margin-top:0;padding-bottom:0}@keyframes reviewSceneReturn{0%{opacity:0;transform:translateY(10px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.btn-expand-header-inline{margin-left:0}.deck-header-actions-inline .btn-icon-small{width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;padding:var(--space-1)}.deck-header-actions-inline .btn-icon-small svg{width:16px;height:16px}.mastered-navigation .btn-icon-text span,.upcoming-navigation .btn-icon-text span{display:none}.mastered-navigation .btn-icon-text,.upcoming-navigation .btn-icon-text{border-radius:var(--radius-md)!important;flex:none!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;padding:0!important}.mastered-navigation .btn-icon-text svg,.upcoming-navigation .btn-icon-text svg{width:20px!important;height:20px!important;margin:0!important}.mastered-counter,.upcoming-counter{padding:var(--space-2)var(--space-3)!important;font-size:var(--text-sm)!important;font-weight:var(--font-bold)!important;color:var(--color-text-secondary)!important;border-radius:var(--radius-md)!important;white-space:nowrap!important;min-width:60px!important;max-width:80px!important;box-shadow:none!important;background:0 0!important;border:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:flex!important}.mastered-navigation,.upcoming-navigation{justify-content:center!important;align-items:center!important;gap:var(--space-2)!important;flex-wrap:nowrap!important;width:100%!important;display:flex!important;position:relative!important}.mastered-navigation{gap:var(--space-1)!important}.upcoming-navigation:before,.upcoming-navigation:after{display:none!important}.review-footer-wrapper{margin-bottom:var(--space-1);margin-top:var(--space-1);padding:var(--space-1)var(--space-2)var(--space-2)}.review-categories{margin-bottom:var(--space-1)}.review-content{margin-bottom:0;padding-bottom:0}.form-actions{border-top:none!important}}.flashcard-container{--flashcard-text-size:clamp(15px,min(5.8cqw,4cqh,3.8vw),min(var(--cards-font-size,20px),22px));--flashcard-text-line-height:clamp(1.35,var(--cards-line-height,1.6),1.62);width:100%;aspect-ratio:var(--flashcard-aspect-ratio,3/4);max-width:clamp(280px,min(var(--flashcard-max-width,420px),75vw,calc((100vh - var(--review-reserved,220px))*.75)),450px);max-height:clamp(320px,min(var(--flashcard-max-height,560px),70vh,calc(100vh - var(--review-reserved,220px))),600px);perspective:2000px;cursor:pointer;flex-shrink:0;transition:max-width .3s ease-out,max-height .3s ease-out;container:flashcard/size}@supports (height:100dvh){.flashcard-container{max-width:clamp(280px,min(var(--flashcard-max-width,420px),75vw,calc((100dvh - var(--review-reserved,220px))*.75)),450px);max-height:clamp(320px,min(var(--flashcard-max-height,560px),70dvh,calc(100dvh - var(--review-reserved,220px))),600px)}}.flashcard-container.flashcard-animate-in{animation:.5s cubic-bezier(.25,.46,.45,.94) forwards flashcard-fade-in}@keyframes flashcard-fade-in{0%{opacity:0;filter:blur(8px);transform:scale(.96)}to{opacity:1;filter:blur();transform:scale(1)}}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.flashcard-container.flipped .flashcard-inner{transform:rotateY(-180deg)}.flashcard-face{backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;background:linear-gradient(var(--color-surface),var(--color-surface))padding-box,radial-gradient(circle at 50% 10%,var(--btn-gradient-start)0%,var(--btn-gradient-mid)30%,var(--btn-gradient-end)100%)border-box;box-shadow:0 20px 40px -15px var(--color-primary);border:1px solid #0000;border-radius:24px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.flashcard-face{box-shadow:0 20px 40px -15px color-mix(in srgb,var(--color-primary)25%,transparent)}}.flashcard-front{z-index:2;pointer-events:auto;transform:rotateY(0)translateZ(.01px)}.flashcard-back{pointer-events:none;transform:rotateY(-180deg)translateZ(.01px)}.flashcard-container.flipped .flashcard-front{pointer-events:none}.flashcard-container.flipped .flashcard-back{pointer-events:auto}.flashcard-content{overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary)transparent;outline:none;flex:1;min-height:0;padding:clamp(18px,5%,30px);display:block;overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.flashcard-content{scrollbar-color:color-mix(in srgb,var(--color-primary)45%,transparent)transparent}}.flashcard-content::-webkit-scrollbar-track{background:0 0}.flashcard-content::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background-clip:padding-box;background-color:var(--color-primary);border:1.5px solid #0000}@supports (color:color-mix(in lab, red, red)){.flashcard-content::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--color-primary)50%,transparent)}}.flashcard-content:focus-visible{box-shadow:inset 0 0 0 1px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.flashcard-content:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary)28%,transparent)}}.flashcard-front .flashcard-content{padding-bottom:clamp(36px,9%,48px)}.flashcard-text{text-align:center;width:100%;max-width:min(100%,34ch);font-size:var(--flashcard-text-size);line-height:var(--flashcard-text-line-height);overflow-wrap:break-word;word-break:normal;-webkit-hyphens:manual;hyphens:manual;text-wrap:pretty;margin-inline:auto}.flashcard-text.markdown-content{max-width:min(100%,34ch);font-family:var(--font-cards,var(--font-notes,var(--font-sans)));font-size:var(--flashcard-text-size);line-height:var(--flashcard-text-line-height)}.flashcard-text-scale--compact{--flashcard-text-size:clamp(16px,min(6.4cqw,4.8cqh,4.3vw),min(calc(var(--cards-font-size,20px)*1.08),24px));--flashcard-text-line-height:clamp(1.34,var(--cards-line-height,1.55),1.62)}.flashcard-text-scale--regular{--flashcard-text-size:clamp(15px,min(5.7cqw,4.05cqh,3.8vw),min(var(--cards-font-size,20px),21px));--flashcard-text-line-height:clamp(1.34,var(--cards-line-height,1.52),1.58)}.flashcard-text-scale--dense{--flashcard-text-size:clamp(13.5px,min(4.9cqw,3.25cqh,3.35vw),min(calc(var(--cards-font-size,20px)*.84),18px));--flashcard-text-line-height:clamp(1.3,var(--cards-line-height,1.45),1.5)}.flashcard-text-scale--condensed{--flashcard-text-size:clamp(12.5px,min(4.35cqw,2.8cqh,3vw),min(calc(var(--cards-font-size,20px)*.74),16px));--flashcard-text-line-height:clamp(1.26,var(--cards-line-height,1.38),1.44)}.flashcard-text-scale--dense .flashcard-text,.flashcard-text-scale--dense .flashcard-text.markdown-content,.flashcard-text-scale--condensed .flashcard-text,.flashcard-text-scale--condensed .flashcard-text.markdown-content{text-align:left;max-width:100%}.flashcard-text-scale--dense .card-content-wrapper,.flashcard-text-scale--condensed .card-content-wrapper,.flashcard--scrollable .card-content-wrapper{justify-content:flex-start}.flashcard-text.markdown-content :where(p,li){line-height:inherit!important}.flashcard-text.markdown-content :where(ul,ol){width:fit-content;max-width:100%;text-align:left!important;margin:.3em auto!important}.flashcard-text.markdown-content :where(li,li>p){text-align:left!important}.flashcard-text.markdown-content ol.paren-list{--paren-marker-gap:.35em}.flashcard-text.markdown-content .math-inline{max-width:100%}.flashcard-text.markdown-content .math-inline--block{margin-block:.45em!important}@media (max-width:640px){.flashcard-text-scale--compact{--flashcard-text-size:clamp(15px,min(6cqw,4.3cqh,4vw),min(calc(var(--cards-font-size,20px)*.98),21px))}.flashcard-text-scale--regular{--flashcard-text-size:clamp(14px,min(5.35cqw,3.7cqh,3.55vw),min(calc(var(--cards-font-size,20px)*.9),19px))}.flashcard-text-scale--dense{--flashcard-text-size:clamp(13px,min(4.65cqw,3.05cqh,3.15vw),min(calc(var(--cards-font-size,20px)*.78),16.5px))}.flashcard-text-scale--condensed{--flashcard-text-size:clamp(12px,min(4.1cqw,2.65cqh,2.8vw),min(calc(var(--cards-font-size,20px)*.68),14.5px))}}.flashcard-mastered-badge{top:var(--space-3);right:var(--space-3);color:var(--color-success);position:absolute}.flashcard-hint{bottom:var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary);opacity:.7;position:absolute;left:50%;transform:translate(-50%)}.flashcard-container.flipped .flashcard-hint{display:none}@media (max-width:768px){.flashcard-container{transition:none}@keyframes flashcard-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.flashcard-container.flashcard-animate-in{animation-duration:.3s}.flashcard-face{border-radius:28px}}.mini-card-stack{align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:absolute}.stack-left,.stack-right{position:static;transform:none}.mini-cards{width:var(--mini-card-width);height:var(--mini-card-height);position:relative}.mini-card{width:var(--mini-card-width);height:var(--mini-card-height);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:absolute}.mini-card-label{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;font-weight:var(--font-medium)}.review-buttons{padding:var(--space-2);justify-content:center;align-items:center;gap:0;min-height:67px;display:flex}.review-btn{padding:var(--review-btn-padding);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;max-width:var(--review-btn-max-width);min-height:var(--review-btn-min-height);border:1px solid;flex-direction:column;flex:1;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.review-btn:disabled{opacity:.5;cursor:not-allowed}.review-btn-label{font-size:var(--text-base);font-weight:var(--font-semibold);z-index:1;position:relative}.review-btn-interval{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.9;z-index:1;position:relative}.review-btn-again{--_c:var(--srs-again);--_cl:var(--srs-again-light);--_bg:var(--srs-again-bg);--_bgs:var(--srs-again-bg-subtle);--_bgh:var(--srs-again-bg-hover);--_sh:var(--srs-again-shadow);--_shh:var(--srs-again-shadow-hover);--_gl:var(--srs-again-glow);--_glh:var(--srs-again-glow-hover)}.review-btn-hard{--_c:var(--srs-hard);--_cl:var(--srs-hard-light);--_bg:var(--srs-hard-bg);--_bgs:var(--srs-hard-bg-subtle);--_bgh:var(--srs-hard-bg-hover);--_sh:var(--srs-hard-shadow);--_shh:var(--srs-hard-shadow-hover);--_gl:var(--srs-hard-glow);--_glh:var(--srs-hard-glow-hover)}.review-btn-good{--_c:var(--srs-good);--_cl:var(--srs-good-light);--_bg:var(--srs-good-bg);--_bgs:var(--srs-good-bg-subtle);--_bgh:var(--srs-good-bg-hover);--_sh:var(--srs-good-shadow);--_shh:var(--srs-good-shadow-hover);--_gl:var(--srs-good-glow);--_glh:var(--srs-good-glow-hover)}.review-btn-easy{--_c:var(--srs-easy);--_cl:var(--srs-easy-light);--_bg:var(--srs-easy-bg);--_bgs:var(--srs-easy-bg-subtle);--_bgh:var(--srs-easy-bg-hover);--_sh:var(--srs-easy-shadow);--_shh:var(--srs-easy-shadow-hover);--_gl:var(--srs-easy-glow);--_glh:var(--srs-easy-glow-hover)}.review-btn-again,.review-btn-hard,.review-btn-good,.review-btn-easy{border-color:var(--_c);color:var(--_c);background:linear-gradient(135deg,var(--_bg),var(--_bgs));box-shadow:0 4px 16px var(--_sh),0 0 20px var(--_gl),var(--srs-inset-highlight);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.review-btn-again:before,.review-btn-hard:before,.review-btn-good:before,.review-btn-easy:before{content:"";background:var(--srs-shimmer);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.review-btn-again:hover:not(:disabled):before,.review-btn-hard:hover:not(:disabled):before,.review-btn-good:hover:not(:disabled):before,.review-btn-easy:hover:not(:disabled):before{left:100%}.review-btn-again:hover:not(:disabled),.review-btn-hard:hover:not(:disabled),.review-btn-good:hover:not(:disabled),.review-btn-easy:hover:not(:disabled){background:linear-gradient(135deg,var(--_bgh),var(--_bg));box-shadow:0 8px 24px var(--_shh),0 0 32px var(--_glh),var(--srs-inset-highlight-hover);border-color:var(--_cl);transform:translateY(-3px)}.review-btn-again:active:not(:disabled),.review-btn-hard:active:not(:disabled),.review-btn-good:active:not(:disabled),.review-btn-easy:active:not(:disabled){box-shadow:0 4px 16px var(--_sh),0 0 24px var(--_gl);transform:translateY(-1px)}.review-btn.review-btn-text{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:var(--space-2)var(--space-3)calc(var(--space-2) + 8px);color:var(--_c);background:0 0;border:none;overflow:visible}.review-btn.review-btn-text:hover:not(:disabled){box-shadow:none;color:var(--_cl);background:0 0;border:none;transform:none}.review-btn.review-btn-text:hover:not(:disabled) .review-btn-label,.review-btn.review-btn-text:hover:not(:disabled) .review-btn-interval{filter:drop-shadow(0 0 8px var(--_c))drop-shadow(0 0 16px var(--_c))}@supports (color:color-mix(in lab, red, red)){.review-btn.review-btn-text:hover:not(:disabled) .review-btn-label,.review-btn.review-btn-text:hover:not(:disabled) .review-btn-interval{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--_c)72%,transparent))drop-shadow(0 0 16px color-mix(in srgb,var(--_c)40%,transparent))}}.review-btn.review-btn-text:active:not(:disabled){box-shadow:none;color:var(--_cl);border:none;transform:none}.review-btn.review-btn-text:active:not(:disabled) .review-btn-label,.review-btn.review-btn-text:active:not(:disabled) .review-btn-interval{filter:drop-shadow(0 0 10px var(--_c))drop-shadow(0 0 18px var(--_c))}@supports (color:color-mix(in lab, red, red)){.review-btn.review-btn-text:active:not(:disabled) .review-btn-label,.review-btn.review-btn-text:active:not(:disabled) .review-btn-interval{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--_c)66%,transparent))drop-shadow(0 0 18px color-mix(in srgb,var(--_c)40%,transparent))}}.review-btn.review-btn-text:before{display:none}.review-btn.review-btn-text:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg,transparent 0%,var(--_c)16%,var(--_c)50%,var(--_c)84%,transparent 100%);width:min(84px,78%);height:1px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)scaleX(.82)}@supports (color:color-mix(in lab, red, red)){.review-btn.review-btn-text:after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--_c)16%,transparent)16%,color-mix(in srgb,var(--_c)58%,transparent)50%,color-mix(in srgb,var(--_c)16%,transparent)84%,transparent 100%)}}.review-btn.review-btn-text:after{opacity:.78;transition:opacity .25s,transform .25s,background .25s,box-shadow .25s}.review-btn.review-btn-text .review-btn-label{letter-spacing:.03em;font-size:var(--text-md);filter:drop-shadow(0 0 8px var(--_c))drop-shadow(0 0 16px var(--_c))}@supports (color:color-mix(in lab, red, red)){.review-btn.review-btn-text .review-btn-label{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--_c)60%,transparent))drop-shadow(0 0 16px color-mix(in srgb,var(--_c)30%,transparent))}}.review-btn.review-btn-text .review-btn-interval{opacity:.75;font-size:var(--text-xs);filter:drop-shadow(0 0 6px var(--_c))}@supports (color:color-mix(in lab, red, red)){.review-btn.review-btn-text .review-btn-interval{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--_c)44%,transparent))}}.review-btn.review-btn-text:hover:not(:disabled):after{background:linear-gradient(90deg,transparent 0%,var(--_c)14%,var(--_cl)50%,var(--_c)86%,transparent 100%)}@supports (color:color-mix(in lab, red, red)){.review-btn.review-btn-text:hover:not(:disabled):after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--_c)22%,transparent)14%,var(--_cl)50%,color-mix(in srgb,var(--_c)22%,transparent)86%,transparent 100%)}}.review-btn.review-btn-text:hover:not(:disabled):after{opacity:1;box-shadow:0 0 8px var(--_c),0 0 14px var(--_c);transform:translate(-50%)scaleX(1)}@supports (color:color-mix(in lab, red, red)){.review-btn.review-btn-text:hover:not(:disabled):after{box-shadow:0 0 8px color-mix(in srgb,var(--_c)24%,transparent),0 0 14px color-mix(in srgb,var(--_c)14%,transparent)}}.review-btn.review-btn-text:active:not(:disabled):after{background:linear-gradient(90deg,transparent 0%,var(--_c)14%,var(--_cl)50%,var(--_c)86%,transparent 100%)}@supports (color:color-mix(in lab, red, red)){.review-btn.review-btn-text:active:not(:disabled):after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--_c)26%,transparent)14%,var(--_cl)50%,color-mix(in srgb,var(--_c)26%,transparent)86%,transparent 100%)}}.review-btn.review-btn-text:active:not(:disabled):after{opacity:1;transform:translate(-50%)scaleX(1.03)}@media (max-width:360px){.review-buttons{grid-template-columns:1fr}.review-btn{width:100%}}@media (max-width:400px){.review-btn{min-height:28px;padding:2px var(--space-1)}.review-btn.review-btn-text{padding:2px var(--space-1)10px}.review-btn-label{font-size:clamp(.55rem,2.75vw,.6875rem)}.review-btn-interval{margin-top:0;font-size:clamp(.45rem,2.25vw,.5625rem)}}@media (max-width:480px){.review-btn{border-radius:var(--radius-lg);padding:var(--space-2)!important;min-height:var(--review-btn-min-height,40px)!important}.review-btn.review-btn-text{padding:var(--space-2)var(--space-2)calc(var(--space-2) + 8px)!important}.review-btn-again,.review-btn-hard,.review-btn-good,.review-btn-easy{box-shadow:0 3px 14px var(--_sh),0 0 18px var(--_gl),var(--srs-inset-highlight)}.review-btn-again:hover:not(:disabled),.review-btn-hard:hover:not(:disabled),.review-btn-good:hover:not(:disabled),.review-btn-easy:hover:not(:disabled){box-shadow:0 6px 20px var(--_shh),0 0 28px var(--_glh),var(--srs-inset-highlight-hover)}.review-btn-label{font-size:clamp(.65rem,3.25vw,.8125rem);line-height:1.1}.review-btn-interval{margin-top:0;font-size:clamp(.55rem,2.75vw,.6875rem);line-height:1.1}.review-footer-wrapper{margin-bottom:var(--space-1)}}@media (max-width:640px){.review-buttons{flex-wrap:nowrap}.review-btn{min-width:0}}.session-complete{text-align:center;padding:var(--space-8);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.session-complete-icon{background:var(--color-success-container);width:96px;height:96px;margin-bottom:var(--space-6);border-radius:50%;justify-content:center;align-items:center;display:flex}.session-complete-icon svg{width:48px;height:48px;color:var(--color-success)}.session-complete-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.session-complete-stats{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.generate-cards-modal{width:100%;max-width:560px}.generate-form{flex-direction:column;gap:0;display:flex}.manual-card-form{gap:var(--space-4);padding:var(--space-6);flex-direction:column;max-height:70vh;display:flex;overflow-y:auto}.cards-manual-creation .inline-command-form{gap:var(--space-4)}.cards-manual-creation-head{gap:var(--space-3);width:100%;padding-bottom:var(--space-3);flex-direction:column;display:flex;position:relative}.cards-manual-creation-head:after{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-outline-variant)22%,var(--color-outline-variant)50%,var(--color-outline-variant)78%,transparent 100%);height:.5px;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.cards-manual-creation-head:after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-outline-variant)72%,transparent)22%,color-mix(in srgb,var(--color-outline-variant)100%,transparent)50%,color-mix(in srgb,var(--color-outline-variant)72%,transparent)78%,transparent 100%)}}.cards-manual-creation{width:min(100%,760px)}.cards-manual-creation.inline-command-bar{padding:var(--space-3)0 0}.cards-manual-creation .inline-command-form{gap:var(--space-4);width:100%}.cards-manual-creation .inline-command-input-row{width:min(100%,430px);max-width:430px;margin:0 auto}.cards-manual-entry-panel{gap:var(--space-4);width:100%;padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.cards-manual-mode-tabs{border-radius:var(--radius-lg);background:0 0;flex-wrap:nowrap;justify-content:center;align-self:center;align-items:center;gap:0;width:fit-content;padding:2px 4px;display:inline-flex;position:relative}.cards-manual-mode-tabs:before{content:"";background:linear-gradient(to bottom,transparent 0%,var(--color-outline-variant)18%,var(--color-outline-variant)50%,var(--color-outline-variant)82%,transparent 100%);width:1px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.cards-manual-mode-tabs:before{background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--color-outline-variant)28%,transparent)18%,color-mix(in srgb,var(--color-outline-variant)78%,transparent)50%,color-mix(in srgb,var(--color-outline-variant)28%,transparent)82%,transparent 100%)}}.cards-manual-mode-tabs:before{pointer-events:none}.cards-manual-mode-tab{--_manual-tab-color:var(--color-primary);justify-content:center;align-items:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-3)8px;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;background:0 0;border:none;transition:color .2s,background .2s,opacity .2s;display:inline-flex;position:relative}.cards-manual-mode-tab:hover{color:var(--_manual-tab-color)}@supports (color:color-mix(in lab, red, red)){.cards-manual-mode-tab:hover{color:color-mix(in srgb,var(--_manual-tab-color)90%,white 10%)}}.cards-manual-mode-tab.active{color:var(--_manual-tab-color);background:0 0}.cards-manual-mode-tab svg{flex-shrink:0;width:13px;height:13px}.cards-manual-mode-tab:after{content:"";transform-origin:50%;border-radius:var(--radius-full);background:linear-gradient(90deg,transparent 0%,var(--_manual-tab-color)18%,var(--_manual-tab-color)50%,var(--_manual-tab-color)82%,transparent 100%);width:72%;height:1px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)scaleX(.78)}@supports (color:color-mix(in lab, red, red)){.cards-manual-mode-tab:after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--_manual-tab-color)12%,transparent)18%,color-mix(in srgb,var(--_manual-tab-color)52%,transparent)50%,color-mix(in srgb,var(--_manual-tab-color)12%,transparent)82%,transparent 100%)}}.cards-manual-mode-tab:after{opacity:0;transition:opacity .25s,transform .25s,background .25s}.cards-manual-mode-tab:hover:after{opacity:.48;transform:translate(-50%)scaleX(.92)}.cards-manual-mode-tab.active:after{background:linear-gradient(90deg,transparent 0%,var(--_manual-tab-color)14%,var(--_manual-tab-color)50%,var(--_manual-tab-color)86%,transparent 100%)}@supports (color:color-mix(in lab, red, red)){.cards-manual-mode-tab.active:after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--_manual-tab-color)22%,transparent)14%,var(--_manual-tab-color)50%,color-mix(in srgb,var(--_manual-tab-color)22%,transparent)86%,transparent 100%)}}.cards-manual-mode-tab.active:after{box-shadow:0 0 8px var(--_manual-tab-color),0 0 14px var(--_manual-tab-color)}@supports (color:color-mix(in lab, red, red)){.cards-manual-mode-tab.active:after{box-shadow:0 0 8px color-mix(in srgb,var(--_manual-tab-color)24%,transparent),0 0 14px color-mix(in srgb,var(--_manual-tab-color)14%,transparent)}}.cards-manual-mode-tab.active:after{opacity:.95;transform:translate(-50%)scaleX(1)}.cards-manual-mode-tabs--inline{margin-bottom:var(--space-1)}.cards-text-import{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.cards-text-import-shell{border-radius:var(--radius-xl);transition:box-shadow var(--transition-fast);position:relative}.cards-text-import-shell:focus-within{box-shadow:0 0 0 1px var(--color-primary)}.cards-text-import-textarea{width:100%;min-height:210px;padding:54px var(--space-4)var(--space-4);border-radius:var(--radius-xl);color:var(--color-text);font-size:var(--text-sm);resize:vertical;box-shadow:none;background:0 0;border:none;outline:none;line-height:1.6;transition:color .2s,opacity .2s}.cards-text-import-textarea:focus{box-shadow:none;outline:none}.cards-text-import-tools{top:var(--space-3);right:var(--space-3);z-index:2;align-items:center;gap:var(--space-2);display:flex;position:absolute}.cards-text-import-tool-anchor{position:relative}.cards-text-import-tool-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s,opacity .2s;display:inline-flex}.cards-text-import-tool-btn:hover:not(:disabled),.cards-text-import-tool-btn.active{color:var(--color-primary);background:0 0}.cards-text-import-tool-btn:disabled{opacity:.5;cursor:not-allowed}.cards-text-import-tool-btn--ai:hover:not(:disabled){box-shadow:none}.cards-text-import-delimiter-menu{top:calc(100% + var(--space-2));min-width:180px;padding:var(--space-2);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);flex-direction:column;gap:6px;display:flex;position:absolute;right:0}@supports (color:color-mix(in lab, red, red)){.cards-text-import-delimiter-menu{border:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}.cards-text-import-delimiter-menu{background:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.cards-text-import-delimiter-menu{background:color-mix(in srgb,var(--color-surface)96%,transparent)}}.cards-text-import-delimiter-menu{box-shadow:0 14px 32px var(--color-shadow,#000)}@supports (color:color-mix(in lab, red, red)){.cards-text-import-delimiter-menu{box-shadow:0 14px 32px color-mix(in srgb,var(--color-shadow,#000)18%,transparent)}}.cards-text-import-delimiter-menu{-webkit-backdrop-filter:blur(14px);animation:var(--control-dropdown-animation)}.cards-text-import-delimiter-option{width:100%;min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;text-align:left;font-size:var(--text-sm);background:0 0;border:none;align-items:center;transition:all .2s;display:flex}.cards-text-import-delimiter-option:hover,.cards-text-import-delimiter-option.active{color:var(--color-text);background:var(--color-surface-container)}@supports (color:color-mix(in lab, red, red)){.cards-text-import-delimiter-option:hover,.cards-text-import-delimiter-option.active{background:color-mix(in srgb,var(--color-surface-container)78%,transparent)}}.cards-text-import-custom{width:100%;min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.cards-text-import-custom{border:1px solid color-mix(in srgb,var(--color-outline-variant)55%,transparent)}}.cards-text-import-custom{background:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.cards-text-import-custom{background:color-mix(in srgb,var(--color-surface)88%,transparent)}}.cards-text-import-custom{color:var(--color-text);font-size:var(--text-sm);outline:none}.cards-text-import-custom:focus{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.cards-text-import-custom:focus{border-color:color-mix(in srgb,var(--color-primary)45%,transparent)}}.cards-text-import-custom:focus{box-shadow:0 0 0 1px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.cards-text-import-custom:focus{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary)20%,transparent)}}.cards-text-import-feedback{align-items:flex-start;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);display:flex}.cards-text-import-feedback--success{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.cards-text-import-feedback--success{background:color-mix(in srgb,var(--color-success)10%,transparent)}}.cards-text-import-feedback--success{color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.cards-text-import-feedback--success{color:color-mix(in srgb,var(--color-success)82%,var(--color-text)18%)}}.cards-text-import-feedback--error{background:var(--color-error,#ef4444)}@supports (color:color-mix(in lab, red, red)){.cards-text-import-feedback--error{background:color-mix(in srgb,var(--color-error,#ef4444)10%,transparent)}}.cards-text-import-feedback--error{color:var(--color-error,#ef4444)}@supports (color:color-mix(in lab, red, red)){.cards-text-import-feedback--error{color:color-mix(in srgb,var(--color-error,#ef4444)82%,var(--color-text)18%)}}.cards-text-import-feedback-main{align-items:center;gap:var(--space-2);font-weight:var(--font-medium);display:flex}.cards-text-import-feedback-main svg,.cards-text-import-feedback--error svg{flex-shrink:0;margin-top:1px}.cards-text-import-feedback-meta{gap:var(--space-2)var(--space-3);color:var(--color-text-secondary);flex-wrap:wrap;margin-left:auto;display:flex}.cards-text-import-preview{gap:var(--space-2);padding-bottom:var(--space-1);flex-direction:column;display:flex}.cards-text-import-preview-item{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@supports (color:color-mix(in lab, red, red)){.cards-text-import-preview-item{border:1px solid color-mix(in srgb,var(--color-outline-variant)45%,transparent)}}.cards-text-import-preview-item{background:var(--color-surface-container)}@supports (color:color-mix(in lab, red, red)){.cards-text-import-preview-item{background:color-mix(in srgb,var(--color-surface-container)58%,transparent)}}.cards-text-import-preview-side{min-width:0}.cards-text-import-preview-label{margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-tertiary);display:inline-flex}.cards-text-import-preview-side p{color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.55}.cards-text-import-preview-more{margin-top:var(--space-1);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);align-self:center}.cards-text-import-toolbar{padding-top:var(--space-2);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));justify-content:flex-end}@media (max-width:768px){.cards-manual-mode-tabs{scrollbar-width:none;max-width:100%;overflow-x:auto}.cards-manual-mode-tabs::-webkit-scrollbar{display:none}.cards-text-import-feedback{flex-direction:column}.cards-text-import-feedback-meta{margin-left:0}.cards-text-import-preview-item{grid-template-columns:1fr}.cards-text-import-textarea{min-height:190px}.cards-text-import-toolbar .inline-command-toolbar-right{justify-content:space-between;width:100%}.cards-text-import-delimiter-menu{left:auto;right:0}}.success-message{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--color-success-container);color:var(--color-success);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);animation:.3s slideInFromTop;display:flex}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-info-card{padding:var(--space-3);background:var(--color-primary-container);border-radius:var(--radius-lg);gap:var(--space-2);flex-direction:column;display:flex}.profile-info-header{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);display:flex}.profile-info-details{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.profile-info-details strong{color:var(--color-text);font-weight:var(--font-semibold)}.form-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-top:var(--space-4);margin-bottom:var(--space-5);display:block}@media (max-width:480px){.form-group label{font-size:var(--text-sm);margin-top:var(--space-3);margin-bottom:var(--space-3)}}.form-group label:has(svg){align-items:center;gap:var(--space-2);display:flex}.form-group label svg{vertical-align:middle;flex-shrink:0}.generate-form .form-group:first-child label{margin-top:0}.form-group:has(.unlimited-checkbox) label{margin-bottom:var(--space-1)}.form-input,.form-textarea{padding:var(--space-3)var(--space-4);background:var(--color-surface-variant);border:2px solid var(--color-outline-variant);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-container);outline:none}.form-textarea{resize:vertical;min-height:80px}.form-textarea--dragging{border-color:var(--color-primary);background:var(--color-primary-container);box-shadow:0 0 0 3px var(--color-primary-container)}.form-count-options{gap:var(--space-2);display:flex}.count-option{padding:var(--space-2)var(--space-3);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);flex:1}.count-option:hover{border-color:var(--color-primary)}.count-option.active{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary)}.form-radio-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.form-radio-group .radio-option{padding:var(--space-2)var(--space-3);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;display:flex}.form-radio-group .radio-option input{display:none}.form-radio-group .radio-option:hover{border-color:var(--color-primary)}.form-radio-group .radio-option.active{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary)}.form-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-outline-variant);display:flex}.generate-progress{padding:var(--space-10);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.generate-progress-icon{margin-bottom:var(--space-6);color:var(--color-primary)}.generate-progress h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.generate-progress p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.generate-progress-bar{background:var(--color-surface-variant);border-radius:var(--radius-full);width:100%;max-width:300px;height:8px;overflow:hidden}.generate-progress-fill{background:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.generate-progress-text{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.card-editor-modal-wrapper{flex-direction:column;max-height:85vh;display:flex}.card-editor-modal-wrapper.inline-card-editor{max-height:none;box-shadow:none;background:0 0;border-radius:0;width:100%;max-width:450px;margin:0 auto}.card-editor-modal-wrapper.inline-card-editor .card-editor-content{max-height:none;padding:0;overflow-y:visible}.card-editor-modal-wrapper.inline-card-editor .modal-footer{background:linear-gradient(90deg,transparent 0%,var(--color-primary-container-hover)10%,var(--color-primary)50%,var(--color-primary-container-hover)90%,transparent 100%);padding-top:var(--space-4);margin-top:var(--space-4);background-position:top;background-repeat:no-repeat;background-size:100% 1.8px;border-top:1.8px solid #0000}.card-editor-modal-wrapper.inline-card-editor.inline-card-editor--new .modal-footer{background:linear-gradient(90deg,transparent 0%,var(--color-primary-container-hover)10%,var(--color-primary)50%,var(--color-primary-container-hover)90%,transparent 100%);background-position:top;background-repeat:no-repeat;background-size:100% 1.8px;border-top:1.8px solid #0000}.card-editor-modal-wrapper.inline-card-editor .modal-footer:before,.card-editor-modal-wrapper.inline-card-editor .modal-footer:after{display:none}.question-inline-editor{width:100%;max-width:720px;margin:0 auto var(--space-4)}.question-inline-editor-shell{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .26s,transform .3s;display:grid;transform:translateY(-8px)}.question-inline-editor-shell>.question-inline-editor{min-height:0;overflow:hidden}.question-inline-editor-shell.is-open{opacity:1;grid-template-rows:1fr;transform:translateY(0)}.question-inline-editor-shell.is-closing{opacity:0;grid-template-rows:0fr;transform:translateY(-8px)}.modal-header-actions{align-items:center;gap:var(--space-2);display:flex}.mode-toggle-btn{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.mode-toggle-btn:hover{background:var(--color-hover)}.mode-toggle-btn.active{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary)}.card-editor-content{padding:var(--space-6);flex:1;overflow-y:auto}.card-editor-studio{width:100%}.card-editor-studio .card-editor-content{padding:0;overflow:visible}.card-studio-side-switch{background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:0;display:inline-flex}.card-studio-side-switch__btn{min-width:0;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.card-studio-side-switch__btn:hover{color:var(--color-text)}.card-studio-side-switch__btn.active{color:var(--color-primary);box-shadow:none;background:0 0}.card-studio-side-switch__icon{color:var(--color-text-tertiary);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.card-studio-stage-shell{justify-content:center;width:100%;display:flex}.card-studio-stage{width:min(100%,450px);aspect-ratio:var(--flashcard-aspect-ratio,3/4);perspective:2000px;position:relative}.card-studio-stage.is-split{aspect-ratio:auto;perspective:none;height:clamp(520px,72vh,680px)}.card-studio-stage.is-split .card-studio-face{opacity:1;visibility:visible;pointer-events:auto;height:100%;min-height:0;position:relative;inset:auto;overflow:hidden;transform:none}.card-studio-stage-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative;transform:translateZ(0)}.card-studio-stage.is-flipped .card-studio-stage-inner{transform:rotateY(-180deg)}.card-studio-face{gap:var(--space-2);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;background:linear-gradient(var(--color-surface),var(--color-surface))padding-box,radial-gradient(circle at 50% 10%,var(--btn-gradient-start)0%,var(--btn-gradient-mid)30%,var(--btn-gradient-end)100%)border-box;box-shadow:0 20px 40px -15px var(--color-primary);border:1px solid #0000;border-radius:24px;flex-direction:column;padding:12px;display:flex;position:absolute;inset:0;overflow:visible}@supports (color:color-mix(in lab, red, red)){.card-studio-face{box-shadow:0 20px 40px -15px color-mix(in srgb,var(--color-primary)25%,transparent)}}.card-studio-face{opacity:0;visibility:hidden;transition:opacity .2s linear,visibility 0s linear .2s}.card-studio-face--front{transform:rotateY(0)translateZ(.01px)}.card-studio-face--back{transform:rotateY(-180deg)translateZ(.01px)}.card-studio-face[aria-hidden=true]{pointer-events:none}.card-studio-face[aria-hidden=false]{pointer-events:auto}.card-studio-stage:not(.is-split):not(.is-flipped) .card-studio-face--front,.card-studio-stage:not(.is-split).is-flipped .card-studio-face--back{opacity:1;visibility:visible;transition-delay:.22s,0s}.card-studio-stage:not(.is-split):not(.is-flipped) .card-studio-face--back,.card-studio-stage:not(.is-split).is-flipped .card-studio-face--front{opacity:0;visibility:hidden;transition-delay:.22s,.42s}.card-studio-toolbar{align-items:center;gap:var(--space-2);z-index:2;grid-template-columns:1fr auto 1fr;min-height:34px;display:grid;position:relative}.card-studio-toolbar__actions{transition:transform var(--transition-fast),opacity var(--transition-fast);grid-column:2;justify-self:center;align-items:center;display:flex}.card-studio-mode-label{color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-semibold)}.card-studio-mode-toggle{min-height:28px;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);background:0 0;border:none;grid-column:3;justify-content:flex-end;justify-self:end;align-items:center;padding:0 12px;display:inline-flex}.card-studio-mode-toggle:hover{color:var(--color-primary)}.card-studio-tags-input{z-index:2;flex:1;grid-column:1;justify-self:start;min-width:0;position:relative}.card-studio-tags-input.is-open~.card-studio-toolbar__actions{transform:translate(26px)}.card-studio-tags-input__list{flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:visible}.card-studio-tags-input__chip{background:var(--color-primary-container)}@supports (color:color-mix(in lab, red, red)){.card-studio-tags-input__chip{background:color-mix(in srgb,var(--color-primary-container)58%,transparent)}}.card-studio-tags-input__chip{color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.card-studio-tags-input__chip{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary)18%,transparent)}}.card-studio-tags-input__chip{flex-shrink:0;padding:4px 10px;font-size:11px}.card-studio-tags-input__trigger,.card-studio-tags-input__confirm{border:1px solid var(--color-outline-variant);width:30px;height:30px}@supports (color:color-mix(in lab, red, red)){.card-studio-tags-input__trigger,.card-studio-tags-input__confirm{border:1px solid color-mix(in srgb,var(--color-outline-variant)60%,transparent)}}.card-studio-tags-input__trigger,.card-studio-tags-input__confirm{border-radius:var(--radius-full);background:var(--color-surface-variant);justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.card-studio-tags-input__trigger,.card-studio-tags-input__confirm{background:color-mix(in srgb,var(--color-surface-variant)72%,transparent)}}.card-studio-tags-input__trigger,.card-studio-tags-input__confirm{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.card-studio-tags-input__trigger{width:28px;height:28px;color:var(--color-text-secondary);background:0 0;border:none;border-radius:0;padding:0}.card-studio-tags-input__trigger:hover{color:var(--color-primary);background:0 0;border-color:#0000}.card-studio-tags-input__trigger:hover,.card-studio-tags-input__confirm:hover{color:var(--color-primary);border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.card-studio-tags-input__trigger:hover,.card-studio-tags-input__confirm:hover{border-color:color-mix(in srgb,var(--color-primary)35%,transparent)}}.card-studio-tags-input__trigger:hover,.card-studio-tags-input__confirm:hover{background:var(--color-primary-container)}@supports (color:color-mix(in lab, red, red)){.card-studio-tags-input__trigger:hover,.card-studio-tags-input__confirm:hover{background:color-mix(in srgb,var(--color-primary-container)32%,transparent)}}.card-studio-tags-input__confirm{width:auto;height:auto;color:var(--color-text-secondary);font-size:18px;font-weight:var(--font-medium);background:0 0;border:none;border-radius:0;padding:0}.card-studio-tags-input__confirm:hover{color:var(--color-primary);background:0 0;border-color:#0000}.card-studio-tags-input__trigger:hover{background:0 0;border-color:#0000}.card-studio-tags-input__composer{align-items:center;gap:6px;min-width:0;display:inline-flex}.card-studio-tags-input__field{border:1px solid var(--color-outline-variant);width:86px;height:30px}@supports (color:color-mix(in lab, red, red)){.card-studio-tags-input__field{border:1px solid color-mix(in srgb,var(--color-outline-variant)60%,transparent)}}.card-studio-tags-input__field{border-radius:var(--radius-full);background:var(--color-surface-variant)}@supports (color:color-mix(in lab, red, red)){.card-studio-tags-input__field{background:color-mix(in srgb,var(--color-surface-variant)76%,transparent)}}.card-studio-tags-input__field{color:var(--color-text);outline:none;padding:0 12px;font-size:12px}.card-studio-tags-input__field:focus{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.card-studio-tags-input__field:focus{border-color:color-mix(in srgb,var(--color-primary)45%,transparent)}}.card-studio-tags-input__field:focus{box-shadow:0 0 0 3px var(--color-primary-container)}@supports (color:color-mix(in lab, red, red)){.card-studio-tags-input__field:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-container)26%,transparent)}}.card-studio-input{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.card-studio-split-body{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.card-studio-split-body>.card-studio-input{flex:1 1 0}.card-studio-stage.is-split .card-studio-input__field{min-height:0;overflow:hidden}.card-studio-split-divider{background:linear-gradient(90deg,transparent 0%,var(--color-text-secondary)18%,var(--color-text-secondary)50%,var(--color-text-secondary)82%,transparent 100%);height:1px;margin:2px 0}@supports (color:color-mix(in lab, red, red)){.card-studio-split-divider{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-text-secondary)22%,transparent)18%,color-mix(in srgb,var(--color-text-secondary)58%,transparent)50%,color-mix(in srgb,var(--color-text-secondary)22%,transparent)82%,transparent 100%)}}.card-studio-split-divider:before{display:none}.card-studio-input__field{border-radius:0;flex:1;min-height:200px;display:flex;position:relative;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important}.card-studio-input.active .card-studio-input__field,.card-studio-input__field:focus-within{box-shadow:none}.card-studio-input__field-glow{display:none}.card-studio-input__textarea{z-index:1;resize:none;width:100%;min-height:0;color:var(--color-text);font-size:var(--cards-font-size,20px);line-height:var(--cards-line-height,1.6);font-family:var(--font-cards,var(--font-notes,var(--font-sans)));appearance:none;background:0 0;border:none;outline:none;flex:1;padding:18px 20px 62px;position:relative;box-shadow:none!important}.card-studio-input__textarea.markdown-editor{box-sizing:border-box;font-size:var(--cards-font-size,20px);line-height:var(--cards-line-height,1.6);font-family:var(--font-cards,var(--font-notes,var(--font-sans)));border-radius:0;padding:0}.card-studio-input__textarea.markdown-editor .cm-editor{background:0 0}.card-studio-input__textarea.markdown-editor .cm-scroller{overscroll-behavior:contain;padding:18px 20px 62px}.card-studio-input__textarea.markdown-editor .cm-content{padding:0!important}.card-studio-input__textarea.markdown-editor .cm-line{line-height:var(--cards-line-height,1.6)!important;padding:0!important}.card-studio-input.has-media .card-studio-input__textarea{padding-bottom:96px}.card-studio-input.has-media .card-studio-input__textarea.markdown-editor{padding-bottom:0}.card-studio-input.has-media .card-studio-input__textarea.markdown-editor .cm-scroller{padding-bottom:96px}.card-studio-input__textarea::placeholder{color:var(--color-text-tertiary)}@supports (color:color-mix(in lab, red, red)){.card-studio-input__textarea::placeholder{color:color-mix(in srgb,var(--color-text-tertiary)85%,transparent)}}.card-studio-input__upload{z-index:3;width:20px;height:20px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:18px;right:18px}.card-studio-input__upload:hover{color:var(--color-primary);background:0 0}.card-studio-input__preview{z-index:2;min-width:0;position:absolute;bottom:14px;left:20px;right:52px}.card-studio-input__preview .media-preview-list{scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin-top:0;padding-bottom:2px;overflow-x:auto}.card-studio-input__preview .media-preview-list::-webkit-scrollbar{display:none}.card-studio-input__preview .media-preview-item{border-color:var(--color-outline-variant);border-radius:12px;width:52px;height:52px}@supports (color:color-mix(in lab, red, red)){.card-studio-input__preview .media-preview-item{border-color:color-mix(in srgb,var(--color-outline-variant)55%,transparent)}}.card-studio-input__preview .media-preview-item{background:var(--color-surface-variant)}@supports (color:color-mix(in lab, red, red)){.card-studio-input__preview .media-preview-item{background:color-mix(in srgb,var(--color-surface-variant)75%,transparent)}}.card-studio-input__preview .media-preview-item{flex-shrink:0}.card-studio-footer{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding-top:4px;display:flex}.card-studio-footer .footer-left-actions,.card-studio-footer .footer-right-actions{gap:8px}.card-studio-footer .btn-icon,.card-studio-footer .card-editor-delete-btn{width:28px;min-width:28px;height:28px;box-shadow:none;background:0 0;border:none;padding:0}.card-studio-footer .btn{min-height:34px;font-size:var(--text-xs);padding:0 12px}.card-studio-footer .btn-icon svg,.card-studio-footer .card-editor-delete-btn svg{width:16px;height:16px}.card-studio-footer .btn svg{width:15px;height:15px}.card-studio-footer__reset,.card-studio-footer__mastered{color:var(--color-text-secondary)}.card-studio-footer__reset:hover{color:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.card-studio-footer__reset:hover{color:color-mix(in srgb,var(--color-error)82%,#ffb29d 18%)}}.card-studio-footer__mastered:hover,.card-studio-footer__mastered.active{color:#f6cb72}.card-studio-side-switch [data-tooltip]:after,.card-studio-tags-input [data-tooltip]:after,.card-studio-input__upload[data-tooltip]:after{white-space:normal;text-align:center;max-width:180px;line-height:1.35}.card-studio-tags-input__trigger[data-tooltip]:after,.card-studio-tags-input__confirm[data-tooltip]:after{text-align:left}@media (max-width:768px){.card-editor-modal-wrapper.inline-card-editor{max-width:min(100%,400px)}.card-studio-stage{width:100%}.card-studio-stage.is-split{height:clamp(430px,68dvh,620px)}.card-studio-face{padding:10px 10px 12px}.card-studio-toolbar{justify-items:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-height:28px}.card-studio-tags-input{order:0;grid-column:1;width:auto;min-width:0}.card-studio-tags-input__list{min-height:28px}.card-studio-tags-input__trigger{width:24px;height:24px}.card-studio-tags-input__composer{gap:4px}.card-studio-tags-input__field{width:72px;height:26px;padding:0 10px;font-size:11px}.card-studio-toolbar__actions{grid-column:2;justify-content:center;width:100%;min-width:0}.card-studio-tags-input.is-open~.card-studio-toolbar__actions,.card-studio-tags-input.is-open~.card-studio-mode-toggle{opacity:0;pointer-events:none;transform:translateY(-4px)}.card-studio-mode-toggle{grid-column:3;justify-self:end;min-height:28px;padding:0;font-size:11px;line-height:1}.card-studio-side-switch{gap:8px;width:auto}.card-studio-side-switch__btn{flex:none;font-size:11px;line-height:1}.card-studio-side-switch__icon{width:14px;height:14px}.card-studio-mode-label{justify-content:center;align-items:center;min-height:28px;font-size:11px;line-height:1;display:inline-flex}.card-studio-input__field{min-height:170px}.card-studio-input__textarea{padding:16px 16px 46px;font-size:.95rem;line-height:1.5}.card-studio-input__textarea.markdown-editor{padding:0}.card-studio-input__textarea.markdown-editor .cm-scroller{padding:16px 16px 46px}.card-studio-input.has-media .card-studio-input__textarea{padding-bottom:82px}.card-studio-input.has-media .card-studio-input__textarea.markdown-editor{padding-bottom:0}.card-studio-input.has-media .card-studio-input__textarea.markdown-editor .cm-scroller{padding-bottom:82px}.card-studio-input__preview{bottom:12px;left:16px;right:38px}.card-studio-input__upload{width:18px;height:18px;bottom:14px;right:14px}.card-studio-footer{flex-wrap:nowrap;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding-top:2px;display:grid}.card-studio-footer .footer-left-actions,.card-studio-footer .footer-right-actions{width:auto}.card-studio-footer .footer-left-actions{flex-wrap:nowrap;gap:6px}.card-studio-footer .footer-right-actions{justify-content:flex-end;gap:4px;min-width:0}.card-studio-footer .btn-icon,.card-studio-footer .card-editor-delete-btn{width:24px;min-width:24px;height:24px}.card-studio-footer .btn-icon svg,.card-studio-footer .card-editor-delete-btn svg{width:14px;height:14px}.card-studio-footer .footer-right-actions .btn{white-space:nowrap;flex:none;justify-content:center;min-height:28px;padding:0 8px;font-size:11px}.card-studio-footer .footer-right-actions .btn svg{display:none}.inline-delete-confirm{gap:4px}}.card-edit-container,.card-preview-container{gap:var(--space-4);flex-direction:column;display:flex}.card-preview-section{gap:var(--space-2);flex-direction:column;display:flex}.card-preview-section label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.card-preview-text{padding:var(--space-4);background:var(--color-surface-variant);border-radius:var(--radius-md);min-height:80px}.card-preview-divider{background:linear-gradient(90deg,transparent 0%,var(--color-outline-variant)20%,var(--color-outline-variant)80%,transparent 100%);height:1px;margin:var(--space-2)0}.card-section-divider,.card-item-divider{background:linear-gradient(90deg,transparent 0%,var(--color-primary-container-hover)10%,var(--color-primary)50%,var(--color-primary-container-hover)90%,transparent 100%);border-radius:var(--radius-full);height:1px;box-shadow:0 0 10px var(--color-primary-container-hover),0 0 18px var(--color-primary-container);position:relative}.card-section-divider{margin:var(--space-5)0}.card-section-divider:before,.card-item-divider:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary-container)10%,var(--color-primary-container-hover)50%,var(--color-primary-container)90%,transparent 100%);border-radius:var(--radius-full);filter:blur(6px);z-index:-1;height:10px;position:absolute;top:-4px;left:0;right:0}.card-side-section{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.card-side-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.card-stats-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:none}.card-stats-section h4{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.card-stats-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.card-stat{gap:var(--space-1);padding:var(--space-2);flex-direction:column;display:flex}.card-stat .stat-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.card-stat .stat-value{font-size:var(--text-base);font-weight:var(--font-semibold)}.modal-footer{padding:var(--space-5)var(--space-6);padding-top:var(--space-6);justify-content:space-between;align-items:center;display:flex;position:relative}.footer-left-actions,.footer-right-actions{align-items:center;gap:var(--space-2);display:flex}.footer-left-actions{justify-content:flex-start}.btn-icon{justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:flex}.btn-icon svg{flex-shrink:0;width:20px;height:20px}.btn-icon.active{background:var(--color-success-container);color:var(--color-success)}.btn-danger{border-radius:var(--radius-md);color:var(--color-text-tertiary);background:0 0;border:2px solid #0000;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-danger:hover{background:var(--srs-again-bg);border-color:var(--srs-again-shadow);color:var(--color-error);box-shadow:0 0 0 4px var(--srs-again-bg-subtle),0 0 16px var(--srs-again-bg)}.btn-danger:active{background:var(--srs-again-bg-hover);border-color:var(--color-error);box-shadow:0 0 0 4px var(--srs-again-glow)}.btn-danger svg{color:inherit;width:20px;height:20px}.btn-danger.confirm{background:var(--color-error);color:#fff;border-color:var(--color-error);width:auto;padding:0 var(--space-3);gap:var(--space-2);border-radius:var(--radius-md)}.card-editor-delete-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-delete);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.card-editor-delete-btn:hover{color:var(--color-delete-hover);background:0 0}.card-editor-delete-btn svg{width:20px;height:20px}.card-editor-delete-btn.delete-confirm-btn{color:var(--color-delete);animation:.25s forwards fadeInPop}.card-editor-delete-btn.delete-confirm-btn:hover{color:var(--color-delete-hover)}.card-editor-delete-btn.delete-cancel-btn{color:var(--color-text-tertiary);animation:.25s forwards fadeInPop}.card-editor-delete-btn.delete-cancel-btn:hover{color:var(--color-text)}.inline-delete-confirm{align-items:center;gap:2px;display:flex}.review-action-btn{width:32px;min-width:32px;height:32px;box-shadow:none;color:var(--color-text-secondary);transition:color var(--transition-fast),opacity var(--transition-fast);background:0 0;border:none;border-radius:0;padding:0}.review-action-btn svg{width:20px;height:20px}.review-action-btn:hover:not(:disabled),.review-action-btn:focus-visible:not(:disabled),.review-action-btn:active:not(:disabled){box-shadow:none;color:var(--color-text);background:0 0;transform:none}.review-action-btn--mastered:hover:not(:disabled),.review-action-btn--mastered:focus-visible:not(:disabled),.review-action-btn--mastered:active:not(:disabled){color:#f6cb72}.review-action-btn--mode,.review-action-btn--mode:hover:not(:disabled),.review-action-btn--mode:focus-visible:not(:disabled),.review-action-btn--mode:active:not(:disabled){color:var(--color-primary)}.review-action-btn:disabled{opacity:.35;color:var(--color-text-tertiary)}.review-mode-notification{top:calc(100% + var(--space-2));padding:var(--space-3)var(--space-4);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;box-shadow:var(--shadow-md);text-align:center;max-width:90vw;transition:opacity .3s,transform .3s;position:absolute;left:50%;transform:translate(-50%)translateY(-10px)}.review-mode-notification.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}@media (max-width:640px){.review-mode-notification{white-space:normal;max-width:calc(100vw - var(--space-4));padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}}.deck-view{padding:var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}.deck-view>*{width:100%;max-width:800px;margin-left:auto;margin-right:auto}.deck-view-header{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;width:100%;display:flex;max-width:800px!important}.deck-view-info{gap:var(--space-2);flex-direction:column;display:flex}.deck-title-row{align-items:center;gap:var(--space-3);flex-wrap:nowrap;justify-content:space-between;width:100%;min-width:0;display:flex}.deck-title-wrapper{flex:1;min-width:0;position:relative;overflow:hidden}.deck-title-row h2{font-size:var(--text-3xl);font-weight:var(--font-bold);white-space:nowrap;cursor:pointer;width:100%;min-width:0;transition:color var(--transition-fast);margin:0;line-height:1.2;overflow:hidden}.deck-title-row h2:hover{color:var(--color-primary)}.deck-title-wrapper:not(.focused):after{content:"";pointer-events:none;background:linear-gradient(to right,transparent 0%,var(--color-bg)20%,var(--color-bg)50%,var(--color-bg)100%);width:60px;position:absolute;top:0;bottom:0;right:0}@supports (color:color-mix(in lab, red, red)){.deck-title-wrapper:not(.focused):after{background:linear-gradient(to right,transparent 0%,color-mix(in srgb,var(--color-bg)30%,transparent)20%,color-mix(in srgb,var(--color-bg)70%,transparent)50%,var(--color-bg)100%)}}.deck-title-wrapper.focused:after{display:none}.deck-header-actions-inline{gap:var(--space-2);flex-shrink:0;align-items:center;display:flex}.deck-header-actions-inline .btn-primary.btn-icon-text{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.deck-header-actions-inline .btn-primary.btn-icon-text:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-primary)}.deck-header-actions-inline .btn-secondary.btn-icon-text{padding:var(--space-3)var(--space-4)}.deck-title-input,.deck-title-textarea{font-size:var(--text-2xl);font-weight:var(--font-bold);padding:var(--space-2);border:2px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;max-width:100%;color:var(--color-text);resize:vertical;outline:none;flex:1;font-family:inherit;line-height:1.4;overflow:hidden}.deck-title-textarea{min-height:60px;max-height:200px}.deck-description{color:var(--color-text-secondary);font-size:var(--text-base);margin:0;line-height:1.6}.deck-stats-container{gap:var(--space-6);flex-direction:column;display:flex}.deck-stats-grid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(140px,1fr));width:100%;display:grid}.deck-stat-card{border-radius:var(--radius-lg);padding:var(--space-2);gap:var(--space-3);align-items:center;display:flex;position:relative;overflow:hidden}.deck-stat-card .stat-icon{z-index:1;box-shadow:none;border-radius:var(--radius-xl);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:clamp(36px,3vw,48px);height:clamp(36px,3vw,48px);display:inline-flex;position:relative}.deck-stat-card .stat-icon svg{width:clamp(22px,2.2vw,32px);height:clamp(22px,2.2vw,32px)}.deck-stat-card .stat-content{z-index:1;gap:var(--space-1);flex-direction:column;display:flex;position:relative}.deck-stat-card .stat-value{font-size:clamp(var(--text-base),1.3vw,var(--text-2xl));font-weight:var(--font-bold);color:var(--color-text);line-height:1}.deck-stat-card .stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.deck-stat-card:hover{background:0 0;box-shadow:0 8px 24px #0000001a}.deck-progress-section{gap:var(--space-2);flex-direction:column;display:flex}.deck-progress-header{justify-content:space-between;align-items:center;display:flex}.progress-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary)}.progress-percentage{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-primary)}.deck-progress-bar{background:var(--color-surface-variant);border-radius:var(--radius-full);height:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.deck-progress-fill{background:var(--color-primary);border-radius:var(--radius-full);height:100%;box-shadow:0 0 12px var(--color-primary);transition:width .5s cubic-bezier(.4,0,.2,1)}@supports (color:color-mix(in lab, red, red)){.deck-progress-fill{box-shadow:0 0 12px color-mix(in srgb,var(--color-primary)50%,transparent)}}.cards-list-section{gap:var(--space-4);flex-direction:column;width:100%;max-width:800px;margin-left:auto;margin-right:auto;display:flex}.cards-list-section:has(.cards-list-empty){gap:0}.cards-list-header{margin-top:var(--space-6);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.cards-list-header h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.cards-count{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1)var(--space-2);background:var(--color-surface-variant);border-radius:var(--radius-md)}.cards-add-card-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;max-width:720px;padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;margin:0 auto;display:inline-flex}.cards-add-card-btn:hover{color:var(--color-primary);background:var(--color-primary-container)}@supports (color:color-mix(in lab, red, red)){.cards-add-card-btn:hover{background:color-mix(in srgb,var(--color-primary-container)25%,transparent)}}.cards-add-card-panel{width:100%;max-width:720px;margin:0 auto}.cards-list-empty{padding:var(--space-4)var(--space-10);padding-top:var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;animation:.4s ease-out fadeIn;display:flex}.cards-list-empty .empty-icon{margin-bottom:var(--space-8)}.cards-list-empty .empty-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-4)0;color:var(--color-text);line-height:1.2}.cards-list-empty .empty-description{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--space-8)0;max-width:400px;line-height:1.6}.cards-list-empty-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex}.tags-filter-section{gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-outline-variant);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.tags-filter-section{border:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}.tags-filter-section{border-radius:var(--radius-lg)}.tags-filter-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.tags-filter-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-filter-chip{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);background:var(--color-surface-variant);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text)}.tag-filter-chip:hover{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary)}.tag-filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.tag-filter-clear{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--color-error);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);color:var(--color-error);background:0 0}.tag-filter-clear:hover{background:var(--color-error);color:var(--color-on-error)}.cards-list{flex-direction:column;gap:2px;width:100%;max-width:960px;margin:0 auto;display:flex}@keyframes cardListSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cards-list-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid #0000;animation:.3s ease-out backwards cardListSlideIn;display:flex;position:relative}.cards-list-item:hover{background:var(--color-surface-hover);border-left-color:var(--color-primary);transform:translate(2px)}.cards-list-item-badge{font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;text-align:center;flex-shrink:0;min-width:52px;padding:3px 8px}.cards-list-item-badge.new{background:var(--color-primary-container);color:var(--color-primary)}.cards-list-item-badge.learning{background:var(--color-warning-container,#f59e0b26);color:var(--color-warning)}.cards-list-item-badge.review{background:var(--color-success-container);color:var(--color-success)}.cards-list-item-badge.relearning{background:var(--color-error-container);color:var(--color-error)}.cards-list-item-body{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.cards-list-item-front{min-width:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);white-space:nowrap;flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}.cards-list-item-sep{background:linear-gradient(180deg,transparent,var(--color-outline-variant),transparent);flex-shrink:0;width:1px;height:20px}.cards-list-item-back{min-width:0;font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}.cards-list-item-tags{gap:var(--space-1);flex-shrink:0;display:flex}.cards-list-item-actions{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:2px;display:flex}.cards-list-item:hover .cards-list-item-actions{opacity:1}@media (max-width:768px){.cards-list-item-body{align-items:flex-start;gap:var(--space-1);flex-direction:column}.cards-list-item-sep{display:none}.cards-list-item-back{font-size:var(--text-xs)}.cards-list-item-tags{display:none}}.cards-grid{--cards-grid-gap:var(--space-4);gap:var(--cards-grid-gap);padding:var(--space-2)0;flex-direction:column;align-self:stretch;width:100%;display:flex}.cards-grid.is-measuring{visibility:hidden}.cards-grid-row{gap:var(--space-4);width:100%;min-width:0;display:grid}.cards-grid-group{flex-direction:column;min-width:0;display:flex;overflow:visible}.card-grid-item-wrapper{flex-direction:column;min-width:0;display:flex}.card-flip{perspective:2000px;aspect-ratio:3/4;cursor:pointer;perspective-origin:50%;animation:.3s ease-out backwards cardListSlideIn}.card-flip-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;transition:transform .7s cubic-bezier(.4,0,.2,1);position:relative}.card-flip:hover .card-flip-inner,.card-flip:focus-visible .card-flip-inner{transform:rotateY(-180deg)}.card-flip-front,.card-flip-back{border-radius:var(--radius-lg);padding:var(--space-3)var(--space-4);border:1.5px solid var(--color-outline-variant);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),opacity 0s linear;backface-visibility:hidden;will-change:transform,opacity;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 8px #0000000f}.card-flip:hover .card-flip-front,.card-flip:hover .card-flip-back,.card-flip:focus-visible .card-flip-front,.card-flip:focus-visible .card-flip-back{border-color:var(--color-primary);box-shadow:0 4px 16px #0000001a}.card-flip-front{background:var(--color-surface);z-index:2;opacity:1;transition-delay:0s,0s,.28s;transform:rotateY(0)translateZ(1px)}.card-flip-back{background:var(--color-surface-variant);opacity:0;transition-delay:0s,0s,.28s;transform:rotateY(-180deg)translateZ(1px)}.card-flip:hover .card-flip-front,.card-flip:focus-visible .card-flip-front{opacity:0;transition-delay:0s,0s,.22s}.card-flip:hover .card-flip-back,.card-flip:focus-visible .card-flip-back{opacity:1;transition-delay:0s,0s,.22s}.card-flip-tags{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.card-flip-text{min-height:0;font-size:var(--text-sm);color:var(--color-text);-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;flex:1;line-height:1.5;display:-webkit-box;overflow:hidden;-webkit-mask-image:linear-gradient(#000 75%,#0000 100%);mask-image:linear-gradient(#000 75%,#0000 100%)}.card-flip-text.markdown-content{-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:initial;max-height:9rem;display:block;overflow:hidden}.card-flip-text.markdown-content img{object-fit:contain;max-height:120px!important}.card-flip-back .card-flip-text{color:var(--color-text-secondary)}.card-flip-footer{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-2);flex-shrink:0;margin-top:auto;display:flex}.card-flip-badge{font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;padding:2px 7px}.card-flip-badge.new{background:var(--color-primary-container);color:var(--color-primary)}.card-flip-badge.learning{background:var(--color-warning-container,#f59e0b26);color:var(--color-warning)}.card-flip-badge.review{background:var(--color-success-container);color:var(--color-success)}.card-flip-badge.relearning{background:var(--color-error-container);color:var(--color-error)}.card-flip-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium)}.card-flip-actions{display:none}.card-flip:hover .card-flip-actions{opacity:0}@media (hover:none),(pointer:coarse){.card-flip{perspective:none}.card-flip-inner,.card-flip:hover .card-flip-inner,.card-flip:focus-visible .card-flip-inner{transition:none;transform:none}.card-flip-back{display:none}.card-flip-front,.card-flip:hover .card-flip-front,.card-flip:focus-visible .card-flip-front{opacity:1;transition-delay:0s}.card-flip:hover .card-flip-front,.card-flip:hover .card-flip-back,.card-flip:focus-visible .card-flip-front,.card-flip:focus-visible .card-flip-back{border-color:var(--color-outline-variant);box-shadow:0 2px 8px #0000000f}}.card-grid-item-wrapper.is-editing .card-flip{outline:none}.card-grid-item-wrapper.is-editing .card-flip-front,.card-grid-item-wrapper.is-editing .card-flip-back{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary),0 8px 24px #0000001f}@supports (color:color-mix(in lab, red, red)){.card-grid-item-wrapper.is-editing .card-flip-front,.card-grid-item-wrapper.is-editing .card-flip-back{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary)70%,transparent),0 8px 24px #0000001f}}.card-inline-editor-row{--inline-editor-duration:.46s;--inline-editor-ease:cubic-bezier(.22,1,.36,1);--inline-editor-shadow-bleed:26px;z-index:6;isolation:isolate;grid-column:1/-1;justify-content:center;min-width:0;padding:0;display:flex;position:relative;overflow:visible}.card-inline-editor-shell{opacity:0;width:100%;min-width:0;max-width:510px;filter:drop-shadow(0 22px 30px var(--color-primary));padding:0;position:relative;overflow:visible}@supports (color:color-mix(in lab, red, red)){.card-inline-editor-shell{filter:drop-shadow(0 22px 30px color-mix(in srgb,var(--color-primary)12%,transparent))}}.card-inline-editor-shell{will-change:opacity;transition:opacity .18s}.card-inline-editor-shell__clip{display:block;overflow:visible}.card-inline-editor-shell__inner{min-height:0;margin-bottom:0;padding:0 clamp(12px,3vw,18px);overflow:visible}.card-inline-editor-shell__inner>*{min-width:0}.card-inline-editor-row--expand{transition:height var(--inline-editor-duration)var(--inline-editor-ease);overflow:hidden}.cards-grid-group .card-inline-editor-row--expand{--inline-editor-shadow-bleed:18px}.cards-grid-group .card-inline-editor-row--expand.is-open{overflow:visible}.cards-grid-group .card-inline-editor-row--expand .card-inline-editor-shell__inner{padding-top:20px;padding-bottom:10px}.card-inline-editor-row--expand.is-entering .card-inline-editor-shell,.card-inline-editor-row--expand.is-closing .card-inline-editor-shell{opacity:0;transition-delay:0s}.card-inline-editor-row--expand.is-open .card-inline-editor-shell{opacity:1;transition-delay:.11s}.card-inline-editor-row.is-closing{pointer-events:none}.review-container .card-inline-editor-row{width:100%}.review-container .card-inline-editor-shell{transition:opacity .22s}.review-container .card-inline-editor-shell__clip{transition:none;display:block;overflow:visible}.review-container .card-inline-editor-row .card-inline-editor-shell__inner{padding-top:0;padding-bottom:calc(var(--inline-editor-shadow-bleed) + 12px);overflow:visible}.review-container .card-inline-editor-row.is-entering .card-inline-editor-shell,.review-container .card-inline-editor-row.is-closing .card-inline-editor-shell{opacity:0}.review-container .card-inline-editor-row.is-open .card-inline-editor-shell{opacity:1}.card-item{background:var(--color-surface);border:2px solid var(--color-outline-variant);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.card-item:before{content:"";background:linear-gradient(90deg,var(--color-primary)0%,var(--color-accent)100%);opacity:0;height:3px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.card-item:hover:before{opacity:1}.card-item:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.card-item-header{padding:var(--space-3)var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);background:0 0;min-height:48px;display:flex}.card-item-actions{opacity:0;transition:opacity var(--transition-fast);align-items:center;gap:2px;margin-left:auto;display:flex}.card-item:hover .card-item-actions{opacity:1}.card-action-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.card-action-btn:hover{color:var(--color-text);background:0 0}.card-delete-btn{opacity:1;color:var(--color-delete)!important}.card-delete-btn:hover{color:var(--color-delete-hover)!important;background:0 0!important}.card-action-btn.delete-confirm-btn{animation:.25s forwards fadeInPop;color:var(--color-delete)!important}.card-action-btn.delete-confirm-btn:hover{color:var(--color-delete-hover)!important}.card-action-btn.delete-cancel-btn{color:var(--color-text-tertiary);animation:.25s forwards fadeInPop}.card-action-btn.delete-cancel-btn:hover{color:var(--color-text)}.card-state-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;padding:4px 10px}.card-state-badge.new{background:var(--color-primary-container);color:var(--color-primary)}.card-state-badge.learning{background:var(--color-warning-container,#f59e0b26);color:var(--color-warning)}.card-state-badge.review{background:var(--color-success-container);color:var(--color-success)}.card-state-badge.relearning{background:var(--color-error-container);color:var(--color-error)}.mastered-icon{color:var(--color-success);filter:drop-shadow(0 2px 4px #0000001a)}.card-leech-badge{font-size:var(--text-xs);background:var(--color-error-container);color:var(--color-error);border-radius:var(--radius-full);font-weight:var(--font-semibold);padding:4px 8px}.card-item-content{padding:var(--space-5);gap:var(--space-4);background:var(--color-surface);flex-direction:column;flex:1;display:flex}.card-item-front,.card-item-back{gap:var(--space-2);flex-direction:column;display:flex}.card-item-label{font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.8px}.card-item-text{font-size:var(--text-base);color:var(--color-text);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-height:3.6em;line-height:1.6;display:-webkit-box;overflow:hidden}.card-item-divider{height:1px;margin:var(--space-2)0}.card-item-header-divider,.card-item-footer-divider{background:linear-gradient(90deg,transparent 0%,var(--color-outline-variant)20%,var(--color-outline-variant)80%,transparent 100%);height:1px;margin:0}.card-item-tags{gap:var(--space-2);padding:0 var(--space-5)var(--space-3);flex-wrap:wrap;display:flex}.card-tag-chip{font-size:var(--text-xs);background:var(--color-primary-container);color:var(--color-primary);border-radius:var(--radius-full);font-weight:var(--font-medium);padding:3px 8px}.card-item-footer{padding:var(--space-3)var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary);background:0 0;justify-content:space-between;align-items:center;min-height:40px;display:flex}.card-stat-small{align-items:center;gap:var(--space-1);font-weight:var(--font-medium);display:flex}.mastered-navigation{gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:center;min-height:100px;display:flex}.mastered-navigation button{min-width:90px;height:40px;padding:var(--space-2)var(--space-3)!important;min-height:40px!important}.mastered-navigation .btn-secondary.btn-icon-text,.mastered-navigation .btn-primary.btn-icon-text{justify-content:center!important;align-items:center!important;gap:var(--space-2)!important;padding:var(--space-2)var(--space-3)!important;border-radius:var(--radius-md)!important;width:auto!important;min-width:90px!important;max-width:none!important;height:40px!important;min-height:40px!important;font-size:var(--text-sm)!important;font-weight:var(--font-medium)!important;display:inline-flex!important}.upcoming-navigation{gap:var(--space-3);padding:var(--space-4)0;padding-top:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center;min-height:72px;display:flex;position:relative}.upcoming-navigation:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary-container-hover)10%,var(--color-primary)50%,var(--color-primary-container-hover)90%,transparent 100%);border-radius:var(--radius-full);width:85%;height:1px;box-shadow:0 0 12px var(--color-primary-container-hover),0 0 20px var(--color-primary-container);position:absolute;top:0;left:50%;transform:translate(-50%)}.upcoming-navigation:after{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary-container)10%,var(--color-primary-container-hover)50%,var(--color-primary-container)90%,transparent 100%);border-radius:var(--radius-full);filter:blur(8px);z-index:-1;width:85%;height:12px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.upcoming-navigation button{min-width:90px;height:40px;padding:var(--space-2)var(--space-3)!important;min-height:40px!important}.upcoming-navigation .btn-secondary.btn-icon-text,.upcoming-navigation .btn-primary.btn-icon-text{position:relative;overflow:hidden;justify-content:center!important;align-items:center!important;gap:var(--space-2)!important;padding:var(--space-2)var(--space-3)!important;border-radius:var(--radius-md)!important;width:auto!important;min-width:90px!important;max-width:250px!important;height:40px!important;min-height:40px!important;font-size:var(--text-sm)!important;font-weight:var(--font-medium)!important;display:inline-flex!important}.upcoming-counter{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-secondary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);text-align:center;background:0 0;min-width:80px}.btn-error{border-radius:var(--radius-md);color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-base);background:0 0;border:2px solid #0000;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-error:hover{background:var(--color-error-container);color:var(--color-error);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-error:active{transform:translateY(0)}.fab-button{bottom:var(--space-4);right:var(--space-4);border:2px solid var(--color-primary);width:56px;height:56px;color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary));border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.fab-button{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary)12%,transparent),color-mix(in srgb,var(--color-primary)5%,transparent))}}.fab-button{box-shadow:0 4px 16px var(--color-primary),0 0 20px var(--color-primary),inset 0 1px 0 #ffffff1a}@supports (color:color-mix(in lab, red, red)){.fab-button{box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary)22%,transparent),0 0 20px color-mix(in srgb,var(--color-primary)12%,transparent),inset 0 1px 0 #ffffff1a}}.fab-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:var(--font-semibold);cursor:pointer;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.fab-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary),var(--color-primary))}@supports (color:color-mix(in lab, red, red)){.fab-button:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary)20%,transparent),color-mix(in srgb,var(--color-primary)12%,transparent))}}.fab-button:hover:not(:disabled){border-color:var(--color-primary-hover);box-shadow:0 8px 24px var(--color-primary),0 0 28px var(--color-primary),inset 0 1px 0 #ffffff2e}@supports (color:color-mix(in lab, red, red)){.fab-button:hover:not(:disabled){box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary)35%,transparent),0 0 28px color-mix(in srgb,var(--color-primary)20%,transparent),inset 0 1px 0 #ffffff2e}}.fab-button:active:not(:disabled){box-shadow:0 2px 10px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.fab-button:active:not(:disabled){box-shadow:0 2px 10px color-mix(in srgb,var(--color-primary)20%,transparent)}}.fab-button:disabled{opacity:.5;cursor:not-allowed}.fab-menu-overlay{z-index:calc(var(--z-sticky) + 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;position:fixed;inset:0}.fab-menu{bottom:calc(56px + var(--space-4) + var(--space-2));right:var(--space-4);gap:var(--space-2);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:calc(var(--z-sticky) + 2);pointer-events:none;flex-direction:column;display:flex;position:fixed;transform:translateY(10px)}.fab-menu--open{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.fab-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-surface-container);border:1px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;white-space:nowrap;box-shadow:none;transition:all var(--transition-fast);min-width:200px;display:flex}.fab-menu-item:hover:not(:disabled){background:0 0;border-color:#0000;transform:translate(-4px)}.fab-menu-item:active:not(:disabled){transform:translate(-2px)}.fab-menu-item:disabled{opacity:.5;cursor:not-allowed}.fab-menu-item svg{flex-shrink:0}.fab-menu-item:first-child svg{color:var(--color-primary)}.fab-menu-item:last-child svg{color:#d97706}.fab-spotlight-overlay{z-index:calc(var(--z-sticky) + 1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;opacity:0;background:#00000073;animation:1s cubic-bezier(.4,0,.2,1) forwards fab-overlay-in;position:fixed;inset:0}@keyframes fab-overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}.fab-spotlight-hint{bottom:calc(56px + var(--space-4) + var(--space-4));right:var(--space-4);background:var(--color-surface-container);color:var(--color-text);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;opacity:0;pointer-events:none;animation:.6s cubic-bezier(.4,0,.2,1) .8s forwards fab-hint-appear;position:fixed;box-shadow:0 4px 20px #00000026}@media (min-width:769px){.fab-spotlight-hint{right:calc(var(--space-4) + var(--right-sidebar-width-real,0px))}}@keyframes fab-hint-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fab-button--spotlight{animation:2.2s ease-in-out infinite fab-spotlight-glow;z-index:calc(var(--z-sticky) + 3)!important}@keyframes fab-spotlight-glow{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary)40%,transparent),0 0 20px color-mix(in srgb,var(--color-primary)35%,transparent),0 0 40px color-mix(in srgb,var(--color-primary)15%,transparent);filter:brightness();transform:scale(1)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--color-primary)25%,transparent),0 0 35px color-mix(in srgb,var(--color-primary)45%,transparent),0 0 60px color-mix(in srgb,var(--color-primary)20%,transparent);filter:brightness(1.15);transform:scale(1.08)}}:is(.cards-container:has(.review-container) .fab-button,.cards-container:has(.review-container) .fab-menu){display:none!important}.cards-main:has(.review-container){overflow-y:hidden}@media (min-width:769px){.fab-button,.fab-menu{right:calc(var(--space-4) + var(--right-sidebar-width-real,0px));transition:right var(--transition-base)}}@media (min-width:769px) and (max-width:1024px){.cards-container{flex-direction:row;height:100vh}.cards-main{left:0;right:var(--right-sidebar-width-real,250px);position:fixed}.cards-sidebar{width:var(--right-sidebar-width-real,250px);border-left:1px solid var(--color-outline-variant);height:100vh;position:fixed;top:0;right:0}@supports (color:color-mix(in lab, red, red)){.cards-sidebar{border-left:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}}@media (max-height:900px){.review-container{padding:clamp(var(--space-1),1.5vh,var(--space-3))}.review-header-new{padding:var(--space-2)0 var(--space-1);gap:var(--space-1)}.review-deck-title h3{font-size:var(--text-2xl)}.review-categories{margin-bottom:clamp(6px,1.5vh,16px)}.review-content{gap:clamp(var(--space-3),1.8vh,var(--space-6));margin-bottom:clamp(4px,1vh,10px)}.flashcard-container{max-height:min(var(--flashcard-max-height),calc(100vh - var(--review-reserved,360px)));max-width:min(var(--flashcard-max-width),75vw,clamp(280px,30vw,430px),calc((100vh - var(--review-reserved,360px))*.75))}@supports (height:100dvh){.flashcard-container{max-height:min(var(--flashcard-max-height),calc(100dvh - var(--review-reserved,360px)));max-width:min(var(--flashcard-max-width),75vw,clamp(280px,30vw,430px),calc((100dvh - var(--review-reserved,360px))*.75))}}.deck-view-header{padding:var(--space-3)}.deck-stats-container{padding:0 var(--space-2)var(--space-2);padding-left:var(--space-1);padding-right:var(--space-1);margin-top:0}.deck-stat-card{padding:var(--space-2)var(--space-2);border-radius:var(--radius-sm)}.cards-empty-icon{width:100px;height:100px}.cards-empty-icon svg{width:48px;height:48px}.cards-empty-title{font-size:var(--text-2xl)}.cards-empty-description{font-size:var(--text-base)}}@media (max-height:750px) and (min-width:768px){.review-categories{padding:var(--space-1);margin-bottom:clamp(6px,1.5vh,16px)}.review-category-chip .category-count{font-size:var(--text-base)}.review-content{padding:0}.mini-card-stack{display:flex}.mini-card-stack .mini-cards,.mini-card-stack .mini-card{width:var(--mini-card-width,130px);height:var(--mini-card-height,173px)}.mini-card-stack .mini-card:nth-child(n+4){display:none}.flashcard-content{padding:var(--space-2)}.flashcard-front .flashcard-content{padding-bottom:clamp(28px,7%,40px)}.flashcard-text{font-size:var(--flashcard-text-size);line-height:var(--flashcard-text-line-height)}.review-footer-wrapper{min-height:50px;margin-top:clamp(6px,1.5vh,16px)}}@media (max-width:768px){.cards-main{left:0;right:0}.review-container{padding:var(--space-1);--review-mobile-reserved:clamp(210px,32vh,280px);flex-direction:column;justify-content:flex-start;display:flex;overflow:hidden}@supports (height:100dvh){.review-container{--review-mobile-reserved:clamp(210px,32dvh,280px)}}.review-header-new{padding:0 var(--space-2)var(--space-1)}.review-deck-title h3{font-size:clamp(var(--text-base),4vw,var(--text-xl))}.review-categories{padding:var(--space-1)var(--space-2);margin-bottom:var(--space-1);justify-content:center;align-items:center;gap:var(--space-1);width:100%;display:flex;overflow:visible}.review-categories-chips{gap:var(--space-1);flex-wrap:nowrap;justify-content:center;align-items:stretch;width:100%;padding:0;display:flex}.review-category-chip{min-width:0;max-width:calc(33.333% - var(--space-1));padding:clamp(var(--space-1),1.5vw,var(--space-2))var(--space-1)calc(clamp(var(--space-1),1.5vw,var(--space-2)) + 6px);border-radius:var(--radius-md);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;display:flex}.review-category-chip .category-count{font-size:clamp(.88rem,4.25vw,1rem);font-weight:var(--font-semibold);line-height:1.02}.review-category-chip .category-label{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.52rem,2vw,.62rem);line-height:1.1;overflow:hidden}.review-category-chip:after{bottom:4px}.btn-expand-header-inline{display:none}.review-content{padding:0 var(--space-2);flex:1;justify-content:center;align-items:center;gap:0;min-height:0;margin-bottom:0;display:flex}.mini-card-stack{display:none!important}.flashcard-container{width:100%;max-width:min(calc(100vw - 32px),calc((100vh - var(--review-mobile-reserved,280px))*.75));max-height:calc(100vh - var(--review-mobile-reserved,280px));aspect-ratio:3/4;flex:none;height:auto;margin:0 auto}@supports (height:100dvh){.flashcard-container{max-width:min(calc(100vw - 32px),calc((100dvh - var(--review-mobile-reserved,280px))*.75));max-height:calc(100dvh - var(--review-mobile-reserved,280px))}}.flashcard-text{font-size:var(--flashcard-text-size);line-height:var(--flashcard-text-line-height)}.flashcard-face{border-radius:28px}.review-footer-wrapper{min-height:auto;margin-bottom:var(--space-1);margin-top:var(--space-1);width:100%;padding:var(--space-1)var(--space-2)var(--space-2);flex-shrink:0}.upcoming-navigation{padding:var(--space-2)0;padding-top:var(--space-2);min-height:56px;margin-top:0}.review-container:has(.upcoming-navigation) .review-content{padding-top:var(--space-1)}}@media (max-width:480px){.flashcard-container{max-width:min(calc(100vw - 32px),calc((100vh - var(--review-mobile-reserved,280px))*5/7));aspect-ratio:5/7}@supports (height:100dvh){.flashcard-container{max-width:min(calc(100vw - 32px),calc((100dvh - var(--review-mobile-reserved,280px))*5/7))}}}@media (max-height:800px){.review-container{--review-btn-min-height:clamp(32px,4.5vh,40px)}.review-buttons{min-height:auto}}@media (max-width:768px){.cards-sidebar.sidebar-panel--mobile{height:100dvh;max-height:100dvh;z-index:var(--z-modal);background:var(--color-surface);box-shadow:var(--shadow-xl);border-left:none;flex-direction:column;transition:none;display:flex;position:fixed;inset:0;overflow:hidden;transform:translate(100%);width:100%!important;max-width:100%!important}.cards-sidebar.sidebar-panel--mobile .sidebar-file-content{flex:1;min-height:0;overflow-y:auto}.cards-sidebar.sidebar-panel--open{transform:translate(0)}.cards-sidebar.sidebar-panel--mobile .sidebar-resize-handle-right,.cards-sidebar.sidebar-panel--mobile .sidebar-width-indicator-right{display:none!important}.mobile-sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.mobile-sidebar-header{border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant)50%,transparent)}}.mobile-sidebar-header{background:var(--color-surface);z-index:1;flex-shrink:0;position:sticky;top:0}.mobile-sidebar-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);flex:1;margin:0}.mobile-sidebar-header-actions{align-items:center;gap:var(--space-3);display:flex}.mobile-sidebar-header-actions .btn-icon{justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;display:flex}.mobile-sidebar-header-actions .btn-icon svg{width:20px;height:20px}.mobile-sidebar-header-actions .sort-selector-trigger{border-radius:var(--radius-md);width:40px;min-width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.mobile-sidebar-header-actions .sort-selector-trigger:hover,.mobile-sidebar-header-actions .sort-selector-trigger.open{background:rgba(var(--color-primary-rgb,99,102,241),.1);color:var(--color-primary)}.mobile-sidebar-header-actions .sort-selector-trigger svg{width:20px;height:20px}.mobile-sidebar-header-actions .btn-icon-minimal{justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;display:flex}.mobile-sidebar-header-actions .btn-icon-minimal svg{width:20px;height:20px}.mobile-sidebar-actions{display:none!important}.cards-main{width:100%;padding:var(--space-3)}.review-buttons{gap:var(--space-1);padding:var(--space-1)var(--space-1)var(--space-2);box-sizing:border-box;flex-flow:row;justify-content:center;width:100%;display:flex!important}.review-btn{min-width:0;min-height:var(--review-btn-min-height,40px);padding:var(--space-1)var(--space-1);border-radius:var(--radius-lg);border-width:1px;flex:1 1 0;overflow:hidden;max-width:none!important}.review-btn.review-btn-text{padding:var(--space-1)var(--space-1)calc(var(--space-1) + 8px)}.review-btn-label{white-space:nowrap;font-size:clamp(.6rem,3vw,.75rem);line-height:1.1}.review-btn-interval{white-space:nowrap;margin-top:0;font-size:clamp(.5rem,2.5vw,.625rem);line-height:1.1}.deck-view{padding:var(--space-2)}.deck-view-header{padding:var(--space-3);gap:var(--space-3);flex-direction:column;margin-bottom:0}.deck-title-row{align-items:center;gap:var(--space-2);flex-flow:row}.deck-title-row h2{font-size:var(--text-xl);flex:1;min-width:0;max-width:100%}.deck-header-actions-inline{gap:var(--space-2);flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end}.deck-header-actions-inline .btn-primary,.deck-header-actions-inline .btn-secondary{display:none}.deck-header-actions-inline .btn-icon-small{width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;padding:var(--space-1);aspect-ratio:1;flex-shrink:0}.deck-header-actions-inline .btn-icon-small svg{width:16px;height:16px}.deck-stats-container{padding:0 var(--space-2)var(--space-2);padding-left:var(--space-1);padding-right:var(--space-1);margin-top:0}.deck-stats-grid{gap:var(--space-1);grid-template-columns:repeat(2,1fr);width:100%;display:grid}.deck-stat-card{padding:var(--space-2)var(--space-2);border-radius:var(--radius-sm);text-align:center;justify-content:center;width:auto;min-width:0}.deck-stat-card .stat-icon{display:none}.deck-stat-card:before{opacity:0!important}.deck-stat-card.new .stat-value{color:var(--srs-easy)}.deck-stat-card.due .stat-value{color:var(--srs-again)}.deck-stat-card.upcoming .stat-value{color:var(--color-success)}.deck-stat-card.mastered .stat-value{color:#d97706}.deck-stat-card .stat-label{color:var(--color-text)}.deck-stat-card:hover{box-shadow:none;transform:none}.deck-stat-card:hover .stat-icon{transform:none}.deck-stat-card .stat-content{text-align:center;align-items:center}.deck-stat-card .stat-value{text-align:center;font-size:clamp(1rem,3.5vw,1.5rem)}.deck-stat-card .stat-label{text-align:center;font-size:clamp(.75rem,2.2vw,1rem)}.cards-grid{--cards-grid-gap:var(--space-2);gap:var(--cards-grid-gap);grid-template-columns:1fr}.card-item{padding:var(--space-3)}.cards-empty{padding:var(--space-6)var(--space-3)}.cards-empty-icon{width:100px;height:100px}.cards-empty-icon svg{width:48px;height:48px}.cards-empty-title{font-size:var(--text-xl)}.cards-empty-actions,.cards-list-empty-actions{align-items:center;gap:var(--space-4);flex-direction:row;width:100%}.cards-empty-actions button{text-align:center;justify-content:center}}@media (max-width:480px){.cards-empty-actions,.cards-list-empty-actions{align-items:center;gap:var(--space-4);flex-direction:column;width:100%}.review-deck-title h3{font-size:var(--text-base);max-width:150px}.review-container{--review-mobile-reserved:clamp(230px,36vh,320px)}@supports (height:100dvh){.review-container{--review-mobile-reserved:clamp(230px,36dvh,320px)}}.flashcard-container{max-height:calc(100vh - var(--review-mobile-reserved,320px))}@supports (height:100dvh){.flashcard-container{max-height:calc(100dvh - var(--review-mobile-reserved,320px))}}.review-category-chip{padding:clamp(var(--space-1),1.5vw,var(--space-2))var(--space-2)calc(clamp(var(--space-1),1.5vw,var(--space-2)) + 6px)}.review-category-chip .category-count{font-size:clamp(.84rem,4vw,.94rem)}.review-category-chip .category-label{font-size:clamp(.52rem,2vw,.6rem);line-height:1.1}.review-category-chip:after{bottom:4px}.deck-stats-container{padding:0 var(--space-1)var(--space-2);margin-top:0}.deck-stats-grid{gap:var(--space-1);grid-template-columns:repeat(2,1fr);padding:0}.deck-stat-card{min-width:0;padding:var(--space-1)var(--space-1);flex:1}.deck-stat-card .stat-value{font-size:var(--text-xl)}.magic-bento-grid.deck-stats-grid .deck-stat-card .stat-label{font-size:.65rem;line-height:1.2}.deck-header-actions-inline .btn-primary,.deck-header-actions-inline .btn-secondary{min-width:100%}.deck-header-actions-inline .btn-icon-small{padding:var(--space-1);aspect-ratio:1;flex-shrink:0;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important}.deck-header-actions-inline .btn-icon-small svg{width:14px;height:14px}.deck-view{padding:var(--space-2);padding-right:var(--space-4)}}@media (max-width:360px){.review-category-chip .category-label,.mobile-sidebar-actions button span{display:none}.mobile-sidebar-actions button{padding:var(--space-2)}}.info-section{margin-bottom:var(--space-4)}.info-section:last-child{margin-bottom:0}.info-section h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.card-types-grid{gap:var(--space-2);grid-template-columns:1fr;display:grid}.principles-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.principles-list li{font-size:var(--text-xs);color:var(--color-text-secondary);padding-left:var(--space-5);position:relative}.principles-list li:before{content:"✓";left:var(--space-2);color:var(--color-success);font-weight:var(--font-bold);position:absolute}.media-url-input,.tags-input{gap:var(--space-2);flex-direction:column;display:flex}.url-input-row{gap:var(--space-2);display:flex}.url-input-row .form-input{flex:1}.tag-input-row{position:relative}.tag-input-field{width:100%;padding-right:96px;background:0 0!important}.tag-input-add-btn{right:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:0 var(--space-2);cursor:pointer;border-radius:var(--radius-sm);height:28px;transition:color var(--transition-fast);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.tag-input-add-btn:hover:not(:disabled){color:var(--color-primary)}.tag-input-add-btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);height:auto}.url-list{gap:var(--space-2);flex-direction:column;display:flex}.url-item{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-variant);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);display:flex}.url-preview-img{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:40px;height:40px}.url-preview-icon{width:40px;height:40px;color:var(--color-text-secondary);flex-shrink:0}.url-text{font-size:var(--text-xs);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.btn-remove{padding:var(--space-1);color:var(--color-error);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-fast)var(--ease-out);background:0 0;border:none;flex-shrink:0}.btn-remove:hover{background:var(--color-error-container)}.tags-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-chip{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);background:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);display:inline-flex}.tag-remove{color:currentColor;cursor:pointer;border-radius:var(--radius-full);transition:background var(--duration-fast)var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.tag-remove:hover{background:#0000001a}.tag-info-hint{width:16px;height:16px;font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);background:var(--color-outline-variant);color:var(--color-text-secondary);margin-left:var(--space-1);cursor:help;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.checkbox-label{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-label span{font-size:var(--text-sm);color:var(--color-text)}.card-content-wrapper{gap:var(--space-3);flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;min-height:100%;display:flex;overflow:visible}.card-image-wrapper{border-radius:var(--radius-lg);cursor:pointer;width:100%;transition:transform var(--duration-normal)var(--ease-out);overflow:hidden}.card-image-wrapper:hover{transform:scale(1.02)}.card-image{object-fit:cover;width:100%;height:auto;display:block}.card-video-wrapper{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--color-surface-variant);width:100%;overflow:hidden}.card-video{object-fit:contain;width:100%;height:100%}.card-video-placeholder{background:var(--color-surface-variant);width:100%;height:100%;color:var(--color-primary);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);justify-content:center;align-items:center;display:flex}.card-video-placeholder:hover{background:var(--color-primary-container);color:var(--color-on-primary-container)}.flashcard-text.with-media{max-width:100%}.flashcard-text.text-only{text-align:center}.fullscreen-image-viewer{width:100vw;height:100vh;z-index:var(--z-modal);cursor:pointer;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.fullscreen-close-btn{top:var(--space-4);right:var(--space-4);padding:var(--space-2);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast)var(--ease-out);z-index:calc(var(--z-modal) + 1);background:#00000080;border:none;position:absolute}.fullscreen-close-btn:hover{color:var(--color-error);background:#00000080}.fullscreen-image{object-fit:contain;cursor:default;max-width:90vw;max-height:90vh;transition:transform var(--duration-normal)var(--ease-out)}@media (max-width:640px){.card-types-grid{grid-template-columns:1fr}.url-input-row{flex-direction:column}.btn-sm{width:100%}.card-image-wrapper:hover{transform:none}}.mastered-navigation .btn-secondary.btn-icon-text:before,.mastered-navigation .btn-primary.btn-icon-text:before,.upcoming-navigation .btn-secondary.btn-icon-text:before,.upcoming-navigation .btn-primary.btn-icon-text:before,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):before,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:before{content:none!important;display:none!important}.mastered-navigation .btn-secondary.btn-icon-text,.mastered-navigation .btn-primary.btn-icon-text,.mastered-navigation .btn-error.btn-icon-text,.upcoming-navigation .btn-secondary.btn-icon-text,.upcoming-navigation .btn-primary.btn-icon-text,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic),.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan{--_nav-c:var(--color-text-secondary);--_nav-cl:var(--color-text);box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-sizing:border-box!important;padding:var(--space-2)var(--space-3)calc(var(--space-2) + 8px)!important;color:var(--_nav-c)!important;background:0 0!important;border:none!important;border-radius:0!important;transition:color .25s,transform .25s,opacity .25s!important;position:relative!important;overflow:visible!important}.mastered-navigation .btn-secondary.btn-icon-text{--_nav-c:var(--color-text-secondary);--_nav-cl:var(--color-text)}.mastered-navigation .btn-error.btn-icon-text{--_nav-c:var(--color-error);--_nav-cl:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.mastered-navigation .btn-error.btn-icon-text{--_nav-cl:color-mix(in srgb,var(--color-error)82%,white 18%)}}.upcoming-navigation .btn-secondary.btn-icon-text,.upcoming-navigation .btn-primary.btn-icon-text,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic),.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan{--_nav-c:var(--srs-upcoming);--_nav-cl:var(--srs-upcoming-light)}.mastered-counter,.upcoming-counter{--_counter-c:var(--color-text-secondary);--_counter-line-c:var(--srs-upcoming);min-width:80px;padding:var(--space-2)var(--space-3)calc(var(--space-2) + 8px);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--_counter-c);justify-content:center;align-items:center;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.mastered-counter,.upcoming-counter{color:color-mix(in srgb,var(--_counter-c)92%,var(--color-text)8%)}}.mastered-counter,.upcoming-counter{box-shadow:none;box-sizing:border-box;text-align:center;--_counter-c:var(--color-text-secondary);background:0 0;border:none;border-radius:0}.mastered-counter:after,.upcoming-counter:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg,transparent 0%,var(--_counter-line-c)16%,var(--_counter-line-c)50%,var(--_counter-line-c)84%,transparent 100%);width:min(72px,74%);height:1px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.mastered-counter:after,.upcoming-counter:after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--_counter-line-c)14%,transparent)16%,color-mix(in srgb,var(--_counter-line-c)42%,transparent)50%,color-mix(in srgb,var(--_counter-line-c)14%,transparent)84%,transparent 100%)}}.mastered-counter:after,.upcoming-counter:after{opacity:.84}.mastered-navigation .btn-secondary.btn-icon-text:after,.mastered-navigation .btn-primary.btn-icon-text:after,.mastered-navigation .btn-error.btn-icon-text:after,.upcoming-navigation .btn-secondary.btn-icon-text:after,.upcoming-navigation .btn-primary.btn-icon-text:after,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):after,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg,transparent 0%,var(--_nav-c)16%,var(--_nav-c)50%,var(--_nav-c)84%,transparent 100%);width:min(84px,78%);height:1px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.mastered-navigation .btn-secondary.btn-icon-text:after,.mastered-navigation .btn-primary.btn-icon-text:after,.mastered-navigation .btn-error.btn-icon-text:after,.upcoming-navigation .btn-secondary.btn-icon-text:after,.upcoming-navigation .btn-primary.btn-icon-text:after,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):after,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--_nav-c)16%,transparent)16%,color-mix(in srgb,var(--_nav-c)58%,transparent)50%,color-mix(in srgb,var(--_nav-c)16%,transparent)84%,transparent 100%)}}.mastered-navigation .btn-secondary.btn-icon-text:after,.mastered-navigation .btn-primary.btn-icon-text:after,.mastered-navigation .btn-error.btn-icon-text:after,.upcoming-navigation .btn-secondary.btn-icon-text:after,.upcoming-navigation .btn-primary.btn-icon-text:after,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):after,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:after{opacity:.78;transition:opacity .25s,transform .25s,background .25s,box-shadow .25s}.mastered-navigation .btn-secondary.btn-icon-text:hover:before,.mastered-navigation .btn-primary.btn-icon-text:hover:before,.mastered-navigation .btn-error.btn-icon-text:hover:before,.upcoming-navigation .btn-secondary.btn-icon-text:hover:before,.upcoming-navigation .btn-primary.btn-icon-text:hover:before,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):hover:before,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:hover:before{opacity:0!important;display:none!important}.mastered-navigation .btn-secondary.btn-icon-text:hover,.mastered-navigation .btn-primary.btn-icon-text:hover,.mastered-navigation .btn-error.btn-icon-text:hover,.upcoming-navigation .btn-secondary.btn-icon-text:hover,.upcoming-navigation .btn-primary.btn-icon-text:hover,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):hover,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:hover{box-shadow:none!important;color:var(--_nav-cl)!important;background:0 0!important;border:none!important;transform:none!important}.mastered-navigation .btn-secondary.btn-icon-text:hover:after,.mastered-navigation .btn-primary.btn-icon-text:hover:after,.mastered-navigation .btn-error.btn-icon-text:hover:after,.upcoming-navigation .btn-secondary.btn-icon-text:hover:after,.upcoming-navigation .btn-primary.btn-icon-text:hover:after,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):hover:after,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:hover:after{background:linear-gradient(90deg,transparent 0%,var(--_nav-c)14%,var(--_nav-cl)50%,var(--_nav-c)86%,transparent 100%)}@supports (color:color-mix(in lab, red, red)){.mastered-navigation .btn-secondary.btn-icon-text:hover:after,.mastered-navigation .btn-primary.btn-icon-text:hover:after,.mastered-navigation .btn-error.btn-icon-text:hover:after,.upcoming-navigation .btn-secondary.btn-icon-text:hover:after,.upcoming-navigation .btn-primary.btn-icon-text:hover:after,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):hover:after,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:hover:after{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--_nav-c)22%,transparent)14%,var(--_nav-cl)50%,color-mix(in srgb,var(--_nav-c)22%,transparent)86%,transparent 100%)}}.mastered-navigation .btn-secondary.btn-icon-text:hover:after,.mastered-navigation .btn-primary.btn-icon-text:hover:after,.mastered-navigation .btn-error.btn-icon-text:hover:after,.upcoming-navigation .btn-secondary.btn-icon-text:hover:after,.upcoming-navigation .btn-primary.btn-icon-text:hover:after,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):hover:after,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:hover:after{opacity:1;box-shadow:0 0 8px var(--_nav-c),0 0 14px var(--_nav-c)}@supports (color:color-mix(in lab, red, red)){.mastered-navigation .btn-secondary.btn-icon-text:hover:after,.mastered-navigation .btn-primary.btn-icon-text:hover:after,.mastered-navigation .btn-error.btn-icon-text:hover:after,.upcoming-navigation .btn-secondary.btn-icon-text:hover:after,.upcoming-navigation .btn-primary.btn-icon-text:hover:after,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):hover:after,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:hover:after{box-shadow:0 0 8px color-mix(in srgb,var(--_nav-c)20%,transparent),0 0 14px color-mix(in srgb,var(--_nav-c)12%,transparent)}}.mastered-navigation .btn-secondary.btn-icon-text:active:after,.mastered-navigation .btn-primary.btn-icon-text:active:after,.mastered-navigation .btn-error.btn-icon-text:active:after,.upcoming-navigation .btn-secondary.btn-icon-text:active:after,.upcoming-navigation .btn-primary.btn-icon-text:active:after,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):active:after,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:active:after{transform:translate(-50%)scaleX(1.03)}.mastered-navigation .btn-secondary.btn-icon-text:hover span,.mastered-navigation .btn-secondary.btn-icon-text:hover svg,.mastered-navigation .btn-primary.btn-icon-text:hover span,.mastered-navigation .btn-primary.btn-icon-text:hover svg,.mastered-navigation .btn-error.btn-icon-text:hover span,.mastered-navigation .btn-error.btn-icon-text:hover svg,.upcoming-navigation .btn-secondary.btn-icon-text:hover span,.upcoming-navigation .btn-secondary.btn-icon-text:hover svg,.upcoming-navigation .btn-primary.btn-icon-text:hover span,.upcoming-navigation .btn-primary.btn-icon-text:hover svg,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):hover span,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):hover svg,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:hover span,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:hover svg{filter:drop-shadow(0 0 8px var(--_nav-c))drop-shadow(0 0 14px var(--_nav-c))}@supports (color:color-mix(in lab, red, red)){.mastered-navigation .btn-secondary.btn-icon-text:hover span,.mastered-navigation .btn-secondary.btn-icon-text:hover svg,.mastered-navigation .btn-primary.btn-icon-text:hover span,.mastered-navigation .btn-primary.btn-icon-text:hover svg,.mastered-navigation .btn-error.btn-icon-text:hover span,.mastered-navigation .btn-error.btn-icon-text:hover svg,.upcoming-navigation .btn-secondary.btn-icon-text:hover span,.upcoming-navigation .btn-secondary.btn-icon-text:hover svg,.upcoming-navigation .btn-primary.btn-icon-text:hover span,.upcoming-navigation .btn-primary.btn-icon-text:hover svg,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):hover span,.upcoming-navigation .btn-primary.btn-icon-text:not(.btn-gradient-magic):hover svg,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:hover span,.upcoming-navigation .btn-primary.btn-icon-text.btn-magic-cyan:hover svg{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--_nav-c)58%,transparent))drop-shadow(0 0 14px color-mix(in srgb,var(--_nav-c)34%,transparent))}}.media-input{gap:var(--space-3);flex-direction:column;display:flex}.media-input__file-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-input__dropzone{padding:var(--space-3)var(--space-4);border:1.5px dashed var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-container);transition:all var(--duration-fast)var(--ease-out);justify-content:center;align-items:center;min-height:48px;display:flex}.media-input__dropzone:focus{border-color:var(--color-primary);background:var(--color-primary-container);outline:none}.media-input__dropzone--active{border-color:var(--color-primary);background:var(--color-primary-container);border-style:solid}.media-input__dropzone--uploading{pointer-events:none;opacity:.7}.media-input__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.media-input__btn{align-items:center;gap:var(--space-1);padding:var(--space-1-5)var(--space-3);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);font-weight:500;display:inline-flex}.media-input__btn:hover,.media-input__btn.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-container)}.media-input__hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.media-input__uploading{align-items:center;gap:var(--space-2);color:var(--color-primary);font-size:var(--text-sm);display:flex}.media-input__spinner{border:2px solid var(--color-primary-container);border-top-color:var(--color-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.media-input__url-row{gap:var(--space-2);display:flex}.media-input__url-row .form-input{flex:1}.media-input__list{gap:var(--space-2);flex-direction:column;display:flex}.media-input__item{align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--color-surface-container);border-radius:var(--radius-md);transition:background var(--duration-fast)var(--ease-out);display:flex}.media-input__item:hover{background:var(--color-surface-container-high)}.media-input__preview-img{object-fit:cover;border-radius:var(--radius-sm);background:var(--color-surface);width:48px;height:48px}.media-input__preview-video{background:var(--color-surface);border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.media-input__item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.media-input__item-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.media-input__item-url{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-mono);overflow:hidden}.media-input__remove{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.media-input__remove:hover{background:var(--color-error-container);color:var(--color-error)}.media-image{border-radius:12px;max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.media-image--clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.media-image--clickable:hover{transform:scale(1.02);box-shadow:0 4px 20px #00000026}.media-image--clickable:focus-visible{outline:2px solid var(--accent-color,#6366f1);outline-offset:2px}.media-image__img{border-radius:12px;max-width:100%;height:auto;display:block}.media-image__placeholder,.media-image__error{background:var(--bg-secondary,#f5f5f5);min-width:120px;min-height:80px;color:var(--text-tertiary,#999);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.media-image--loading .media-image__placeholder{animation:1.5s ease-in-out infinite pulse}.media-image__error span{font-size:12px}.media-video{background:#000;border-radius:12px;max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.media-video--clickable{cursor:pointer}.media-video__video{border-radius:12px;max-width:100%;height:auto;display:block}.media-video__placeholder,.media-video__error{background:var(--bg-secondary,#f5f5f5);min-width:200px;min-height:120px;color:var(--text-tertiary,#999);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;display:flex}.media-video--loading .media-video__placeholder{animation:1.5s ease-in-out infinite pulse}.media-video__duration{color:#fff;background:#000000b3;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px;position:absolute;bottom:8px;right:8px}.media-uploader{position:relative}.media-uploader__input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-uploader__dropzone{border:2px dashed var(--color-outline-variant,#333);border-radius:var(--radius-xl,16px);cursor:pointer;min-height:160px;transition:all var(--transition-fast,.15s ease);background:0 0;justify-content:center;align-items:center;padding:24px;display:flex}.media-uploader__dropzone:hover{border-color:var(--color-primary,#6366f1);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.media-uploader__dropzone:hover{background:color-mix(in srgb,var(--color-primary)5%,transparent)}}.media-uploader__dropzone--active{border-color:var(--color-primary,#6366f1);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.media-uploader__dropzone--active{background:color-mix(in srgb,var(--color-primary)8%,transparent)}}.media-uploader__dropzone--active{border-style:solid}.media-uploader__dropzone:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:2px}.media-uploader__dropzone-content{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.media-uploader__icon{color:var(--color-text-tertiary,#999);width:36px;height:36px;transition:color .2s}.media-uploader__dropzone:hover .media-uploader__icon,.media-uploader__dropzone--active .media-uploader__icon{color:var(--color-primary,#6366f1)}.media-uploader__text{font-size:var(--text-sm,14px);font-weight:var(--font-medium,500);color:var(--color-text-secondary,#999);margin:0}.media-uploader__hint{font-size:var(--text-xs,12px);color:var(--color-text-tertiary,#666);margin:0}.media-uploader--compact{align-items:center;gap:8px;display:inline-flex}.media-uploader__uploading-compact{gap:4px;display:flex}.media-uploader__uploading-dot{background:var(--accent-color,#6366f1);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite pulse}.media-uploader__uploads{flex-direction:column;gap:8px;margin-top:12px;display:flex}.media-uploader__upload-item{background:var(--bg-secondary,#fafafa);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.media-uploader__upload-item--error{background:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.media-uploader__upload-item--error{background:color-mix(in srgb,var(--color-error)10%,transparent)}}.media-uploader__preview{object-fit:cover;border-radius:6px;width:40px;height:40px}.media-uploader__upload-info{flex:1;min-width:0}.media-uploader__filename{color:var(--text-primary,#333);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.media-uploader__error{color:var(--color-error);font-size:12px;display:block}.media-uploader__progress{background:var(--bg-tertiary,#e0e0e0);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.media-uploader__progress-bar{background:var(--accent-color,#6366f1);border-radius:2px;height:100%;transition:width .3s}.media-viewer{z-index:10000;background:#000000f2;flex-direction:column;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.media-viewer__header{color:#fff;z-index:10001;pointer-events:auto;text-shadow:0 2px 4px #000c;background:0 0;justify-content:flex-end;align-items:center;padding:12px 16px;display:flex;position:fixed;bottom:20px;right:20px}.media-viewer__info{align-items:center;gap:16px;display:flex}.media-viewer__filename{font-size:14px;font-weight:500}.media-viewer__dimensions{color:#fff9;font-size:12px}.media-viewer__actions{align-items:center;gap:8px;display:flex}.media-viewer__actions button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d}.media-viewer__actions button:hover{background:#00000080}.media-viewer__zoom-value{text-align:center;color:#fffc;min-width:50px;font-family:monospace;font-size:13px}.media-viewer__content{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media-viewer__content--dragging{cursor:grabbing!important}.media-viewer__image,.media-viewer__video{object-fit:contain;transform-origin:50%;border-radius:8px;max-width:90vw;max-height:calc(100vh - 120px)}.media-viewer__nav{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.media-viewer__nav:hover{background:#fff3}.media-viewer__nav--prev{left:16px}.media-viewer__nav--next{right:16px}.media-viewer__counter{color:#fffc;background:#00000080;border-radius:16px;padding:6px 12px;font-size:13px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.media-viewer__zoom-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;z-index:10002;pointer-events:auto;text-align:center;white-space:nowrap;background:#000000b3;border-radius:20px;align-items:center;gap:12px;padding:10px 20px;font-size:medium;animation:3s ease-in-out fadeInOut;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.media-viewer__zoom-hint-dismiss{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;padding:4px;transition:all .2s;display:flex}.media-viewer__zoom-hint-dismiss:hover{color:#ffffffe6;background:#ffffff1a}.media-viewer__zoom-hint-dismiss svg{flex-shrink:0;width:16px;height:16px}.media-viewer [data-tooltip]:after{text-shadow:0 1px 2px #00000080,0 0 10px #0000004d;color:#fff!important}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%)translateY(10px)}15%{opacity:1;transform:translate(-50%)translateY(0)}85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-10px)}}.preview-content img,.markdown-preview img{cursor:pointer;border-radius:12px;max-width:100%;height:auto;transition:transform .2s,box-shadow .2s}.preview-content img:hover,.markdown-preview img:hover{transform:scale(1.01);box-shadow:0 4px 16px #0000001a}.preview-content video,.markdown-preview video{border-radius:12px;max-width:100%;height:auto}[data-theme=dark] .media-image__placeholder,[data-theme=dark] .media-image__error,[data-theme=dark] .media-video__placeholder,[data-theme=dark] .media-video__error{background:var(--bg-tertiary,#2a2a2a)}[data-theme=dark] .media-uploader__dropzone{border-color:var(--color-outline-variant,#333);background:0 0}[data-theme=dark] .media-uploader__dropzone:hover{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .media-uploader__dropzone:hover{background:color-mix(in srgb,var(--color-primary)5%,transparent)}}[data-theme=dark] .media-uploader__upload-item{background:var(--bg-tertiary,#2a2a2a)}@media (max-width:768px){.media-viewer__header{padding:8px 12px}.media-viewer__filename{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.media-viewer__dimensions{display:none}.media-viewer__nav{width:44px;height:44px}.media-viewer__nav--prev{left:8px}.media-viewer__nav--next{right:8px}.media-uploader__dropzone{min-height:140px;padding:24px}.media-uploader__icon{width:36px;height:36px}}.media-upload-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.media-upload-modal{background:var(--bg-primary,#fff);border-radius:16px;width:90%;max-width:500px;animation:.2s modalSlideIn;overflow:hidden;box-shadow:0 16px 64px #0003}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.media-upload-modal-header{border-bottom:1px solid var(--border-color,#e0e0e0);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.media-upload-modal-header h3{color:var(--text-primary,#333);margin:0;font-size:16px;font-weight:600}.media-upload-modal-close{width:32px;height:32px;color:var(--text-tertiary,#999);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:24px;transition:all .15s;display:flex}.media-upload-modal-close:hover{color:var(--color-error);background:0 0}.media-upload-modal .media-uploader{padding:20px}[data-theme=dark] .media-upload-modal{background:var(--bg-primary,#1a1a1a)}[data-theme=dark] .media-upload-modal-header{border-color:var(--border-color,#333)}[data-theme=dark] .media-upload-modal-close:hover{background:0 0}:root{--auth-gradient:var(--brand-gradient);--auth-glass-bg:#ffffff0d;--auth-glass-border:#ffffff1a;--auth-bg-pattern:radial-gradient(circle at 10% 20%,#6366f11f 0%,transparent 40%),radial-gradient(circle at 90% 80%,#60a5fa1a 0%,transparent 40%),radial-gradient(circle at 50% 50%,#818cf80d 0%,transparent 60%)}.auth-layout{isolation:isolate;justify-content:center;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.auth-layout:before{content:"";background:var(--bg-primary);background-image:var(--auth-bg-pattern);z-index:0;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.auth-page{z-index:1;isolation:isolate;background:radial-gradient(120% 80% at 50% 30%,#110e24 0%,#0a0816 40%,#060510 100%);flex-direction:column;width:100%;height:100dvh;padding:1rem clamp(1.25rem,4vw,2.75rem);display:flex;position:relative;overflow-y:auto}.auth-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.auth-background .arcanon-canvas{pointer-events:none;position:absolute;inset:0}.auth-background:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(55% 38% at 50% 45%,#0a08161a,#0605105c 72%),linear-gradient(#06051014,#0605106b);position:absolute;inset:0}.auth-container{z-index:1;flex-direction:column;gap:clamp(1.25rem,2vh,1.75rem);width:100%;max-width:450px;margin:auto;padding:0 clamp(1.75rem,4vw,3rem);display:flex;position:relative}@media (min-width:768px){.auth-page{padding:2rem}.auth-container{margin:auto}}.auth-page::-webkit-scrollbar{width:8px}.auth-page::-webkit-scrollbar-track{background:0 0;border-radius:4px}.auth-page::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.auth-page::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}@keyframes auth-container-appear{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex}.auth-loading p{margin:0;font-size:1.1rem;font-weight:500}.auth-header{text-align:center;margin-bottom:1rem}.auth-title{font-family:var(--font-cinzel);font-size:clamp(2.4rem,4vw,3rem);font-weight:var(--font-bold);font-feature-settings:"smcp" 1,"c2sc" 1;background:var(--auth-gradient);-webkit-text-fill-color:transparent;letter-spacing:0;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-variant-caps:small-caps}.auth-subtitle{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:500}.auth-home-btn{justify-content:center;width:100%;margin-top:1rem;font-weight:600;text-decoration:none}.auth-tabs{gap:12px;margin-bottom:1rem;padding:0 1rem;display:flex}.auth-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.auth-tab:hover{color:var(--text-primary);background:#ffffff0d}.auth-tab.active{color:var(--text-primary);box-shadow:0 2px 8px #00000026,0 0 0 1px var(--border-secondary);background:0 0}[data-theme=dark] .auth-tab.active{color:#fff;background:0 0;box-shadow:0 0 20px #a78bfa26,0 0 0 1px #fff3}.auth-form{flex-direction:column;gap:1.35rem;display:flex}.auth-field{flex-direction:column;gap:.65rem;display:flex}.auth-label{color:var(--text-primary);margin-left:4px;font-size:1rem;font-weight:600}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-tertiary);pointer-events:none;z-index:10;stroke:url(#brand-btn-gradient);fill:none;flex-shrink:0;transition:color .2s;position:absolute;left:16px}[data-theme=light] .auth-input-icon,[data-theme=light] .auth-password-toggle svg{stroke:var(--btn-gradient-mid)}.auth-input{background:var(--bg-primary);border:2px solid var(--border-primary);width:100%;color:var(--text-primary);border-radius:12px;font-size:1rem;transition:all .2s;padding:.8rem .85rem .8rem 2.5rem!important}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-container),0 0 20px #6366f11a;outline:none}.auth-input:focus+.auth-input-icon{color:var(--color-primary)}.auth-input::placeholder{color:var(--text-secondary);opacity:.7}.auth-password-toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;right:14px}.auth-password-toggle svg{stroke:url(#brand-btn-gradient);color:#0000;fill:none}.auth-password-toggle:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.auth-forgot-link{color:var(--color-primary,#a78bfa);cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:-.5rem;padding:0;font-size:.95rem;font-weight:500;transition:opacity .2s}.auth-forgot-link:hover:not(:disabled){opacity:.8;text-decoration:underline}.auth-submit-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.65rem;margin-top:.5rem;padding:.7rem .9rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.auth-submit-btn.btn-magic-ai{background:linear-gradient(var(--color-surface),var(--color-surface))padding-box,linear-gradient(135deg,var(--color-primary),var(--color-primary-hover),var(--color-primary))border-box;box-shadow:0 4px 16px var(--color-primary),0 0 20px var(--color-primary-hover),inset 0 1px 0 #ffffff1a;border:2px solid #0000}@supports (color:color-mix(in lab, red, red)){.auth-submit-btn.btn-magic-ai{box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary)22%,transparent),0 0 20px color-mix(in srgb,var(--color-primary-hover)12%,transparent),inset 0 1px 0 #ffffff1a}}.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px var(--color-primary);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px color-mix(in srgb,var(--color-primary)40%,transparent)}}.auth-submit-btn:hover:not(:disabled){filter:brightness(1.05)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.auth-google-btn{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.65rem;padding:1.15rem;font-size:1rem;font-weight:600;transition:transform .2s;display:flex}.auth-google-btn:hover:not(:disabled){transform:translateY(-2px)}.auth-google-btn:active:not(:disabled){transform:translateY(0)}.auth-google-icon{flex-shrink:0;width:18px;height:18px}.auth-error{background:var(--color-error);align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}@supports (color:color-mix(in lab, red, red)){.auth-error{background:color-mix(in srgb,var(--color-error)10%,transparent)}}.auth-error{border:1px solid var(--color-error)}@supports (color:color-mix(in lab, red, red)){.auth-error{border:1px solid color-mix(in srgb,var(--color-error)30%,transparent)}}.auth-error{color:var(--color-error);border-radius:12px;margin-bottom:1rem;font-size:1rem;line-height:1.5}.auth-error svg{flex-shrink:0;margin-top:3px}.auth-success{background:var(--color-success);padding:1rem 1.25rem}@supports (color:color-mix(in lab, red, red)){.auth-success{background:color-mix(in srgb,var(--color-success)10%,transparent)}}.auth-success{border:1px solid var(--color-success)}@supports (color:color-mix(in lab, red, red)){.auth-success{border:1px solid color-mix(in srgb,var(--color-success)30%,transparent)}}.auth-success{color:var(--color-success);border-radius:12px;margin-bottom:1rem;font-size:1rem;line-height:1.5}.auth-email-warning{color:var(--color-error);margin-top:.4rem;font-size:.85rem;line-height:1.4}.auth-spinner{animation:1s linear infinite auth-spin}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-menu{z-index:var(--z-dropdown);position:relative}.user-menu-trigger{cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:all .2s;display:flex}.user-menu-trigger:hover{background:0 0;transform:translateY(-1px)}.user-menu-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px;box-shadow:0 2px 4px #0000001a}.user-menu-avatar-placeholder{background:var(--auth-gradient);color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 2px 4px #0000001a}.user-menu-chevron{color:var(--text-tertiary);transition:transform .2s}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-dropdown{background:var(--bg-secondary);min-width:230px;position:absolute;top:calc(100% + 12px);right:0}@supports (color:color-mix(in lab, red, red)){.user-menu-dropdown{background:color-mix(in srgb,var(--bg-secondary)50%,transparent)}}.user-menu-dropdown{z-index:var(--z-dropdown);animation:var(--control-dropdown-animation);border-radius:18px;overflow:hidden;box-shadow:0 32px 80px -16px #0000008c,inset 0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(5px)saturate(1.8)!important;backdrop-filter:blur(5px)saturate(1.8)!important}.user-menu-header{background:0 0;border-bottom:none;padding:1.25rem}.user-menu-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.user-menu-email{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:.35rem;font-size:.85rem;overflow:hidden}.user-menu-divider{display:none}.user-menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:1rem;padding:.875rem 1.25rem;font-size:1rem;transition:all .15s;display:flex}.user-menu-item:hover{color:var(--text-primary);padding-left:1.5rem}.user-menu-item-danger:hover{background:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.user-menu-item-danger:hover{background:color-mix(in srgb,var(--color-error)15%,transparent)}}.user-menu-item-danger:hover{color:var(--color-error)}.auth-buttons{align-items:center;gap:.75rem;display:flex}.auth-buttons-loading{justify-content:center;align-items:center;padding:.5rem;display:flex}.auth-buttons-spinner{color:var(--text-tertiary);animation:1s linear infinite auth-spin}.auth-button{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex}.auth-button-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1.5px solid var(--border-primary)}.auth-button-secondary:hover{background:var(--auth-glass-bg);border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-2px)}.auth-button-primary{background:var(--auth-gradient);color:#fff;border:none;box-shadow:0 4px 12px #6366f133}.auth-button-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 15px #8b5cf659}.header-auth{align-items:center;display:flex}@media (max-width:767px){.auth-page{height:auto;min-height:auto;padding:1.25rem;padding-top:env(safe-area-inset-top,2rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 6rem);-webkit-overflow-scrolling:touch;align-items:flex-start;overflow:hidden auto}.auth-container{border-radius:20px;flex-shrink:0;max-height:none;margin-bottom:1rem;padding:2.5rem 2rem 1rem;overflow-y:visible}}@media (max-width:580px){.auth-page{padding:1rem;padding-top:env(safe-area-inset-top,1.5rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 6rem)}.auth-container{border-radius:20px;flex-shrink:0;margin-bottom:1rem;padding:2rem 1.5rem 1.5rem}.auth-title{font-size:2.5rem}.auth-subtitle{font-size:1rem}.auth-input{font-size:16px;padding:.875rem .875rem .875rem 2.75rem!important}.auth-submit-btn{padding:.75rem 1.25rem;font-size:1rem}}.ev-page{background:var(--bg-primary);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:2rem;display:flex;position:relative;overflow:hidden}.ev-bg-glow{pointer-events:none;filter:blur(100px);opacity:.5;border-radius:50%;position:absolute}.ev-bg-glow--1{background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:500px;height:500px;top:-10%;left:-5%}.ev-bg-glow--2{background:radial-gradient(circle,#a855f71f 0%,#0000 70%);width:400px;height:400px;bottom:-10%;right:-5%}.ev-content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex;position:relative}.ev-icon-wrapper{background:linear-gradient(135deg,var(--color-primary),var(--color-primary));border-radius:50%;width:80px;height:80px;position:relative}@supports (color:color-mix(in lab, red, red)){.ev-icon-wrapper{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary)20%,transparent),color-mix(in srgb,var(--color-primary)8%,transparent))}}.ev-icon-wrapper{color:var(--color-primary);justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.ev-icon-pulse{border:2px solid var(--color-primary);border-radius:50%;position:absolute;inset:-6px}@supports (color:color-mix(in lab, red, red)){.ev-icon-pulse{border:2px solid color-mix(in srgb,var(--color-primary)30%,transparent)}}.ev-icon-pulse{animation:2.5s ease-in-out infinite ev-pulse}@keyframes ev-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.12)}}.ev-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 1rem;font-size:2rem;font-weight:700}.ev-description{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.ev-email{color:var(--color-primary);word-break:break-all;margin:.5rem 0;font-size:1.1rem;font-weight:600}.ev-steps{background:0 0;border:none;align-items:center;gap:.75rem;margin:2rem 0 1.5rem;padding:0;display:flex}.ev-step{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.ev-step-num{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex}.ev-step-arrow{color:var(--text-tertiary);opacity:.5;flex-shrink:0}.ev-hint{color:var(--text-tertiary);margin:0 0 1.5rem;font-size:.85rem;line-height:1.6}.ev-message{border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;padding:.75rem 1.25rem;font-size:.9rem;display:flex}.ev-message--error{background:var(--color-error)}@supports (color:color-mix(in lab, red, red)){.ev-message--error{background:color-mix(in srgb,var(--color-error)10%,transparent)}}.ev-message--error{border:1px solid var(--color-error)}@supports (color:color-mix(in lab, red, red)){.ev-message--error{border:1px solid color-mix(in srgb,var(--color-error)25%,transparent)}}.ev-message--error{color:var(--color-error)}.ev-message--success{background:var(--color-success,#22c55e)}@supports (color:color-mix(in lab, red, red)){.ev-message--success{background:color-mix(in srgb,var(--color-success,#22c55e)10%,transparent)}}.ev-message--success{border:1px solid var(--color-success,#22c55e)}@supports (color:color-mix(in lab, red, red)){.ev-message--success{border:1px solid color-mix(in srgb,var(--color-success,#22c55e)25%,transparent)}}.ev-message--success{color:var(--color-success,#22c55e)}.ev-actions{flex-direction:column;gap:.75rem;width:100%;display:flex}.ev-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.ev-btn:disabled{opacity:.5;cursor:not-allowed}.ev-btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover,var(--color-primary)));color:#fff;box-shadow:0 4px 16px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.ev-btn--primary{box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary)25%,transparent)}}.ev-btn--primary:hover:not(:disabled){box-shadow:0 6px 24px var(--color-primary);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.ev-btn--primary:hover:not(:disabled){box-shadow:0 6px 24px color-mix(in srgb,var(--color-primary)35%,transparent)}}.ev-btn--secondary{color:var(--text-secondary);background:0 0;border:none}.ev-btn--secondary:hover:not(:disabled){color:var(--text-primary)}.ev-btn--ghost{color:var(--text-tertiary);background:0 0;padding:.5rem;font-size:.85rem;font-weight:500}.ev-btn--ghost:hover:not(:disabled){color:var(--text-secondary)}.ev-spinner{animation:1s linear infinite auth-spin}.auth-input--success{border-color:var(--color-success,#22c55e)!important;box-shadow:0 0 0 4px var(--color-success,#22c55e),0 0 20px var(--color-success,#22c55e)!important}@supports (color:color-mix(in lab, red, red)){.auth-input--success{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-success,#22c55e)15%,transparent),0 0 20px color-mix(in srgb,var(--color-success,#22c55e)10%,transparent)!important}}.auth-input--error{border-color:var(--color-error)!important;box-shadow:0 0 0 4px var(--color-error),0 0 20px var(--color-error)!important}@supports (color:color-mix(in lab, red, red)){.auth-input--error{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-error)15%,transparent),0 0 20px color-mix(in srgb,var(--color-error)10%,transparent)!important}}.auth-input-icon--right{pointer-events:none;position:absolute;left:auto;right:14px}.auth-input-icon--success{color:var(--color-success,#22c55e);stroke:var(--color-success,#22c55e)}.auth-input-icon--error{color:var(--color-error);stroke:var(--color-error)}.auth-promo-success{color:var(--color-success,#22c55e);margin-top:.4rem;font-size:.85rem;font-weight:500;line-height:1.4}.auth-promo-error{color:var(--color-error);margin-top:.4rem;font-size:.85rem;line-height:1.4}@media (max-width:580px){.ev-page{align-items:flex-start;padding:15vh 1rem 1.5rem}.ev-title{font-size:1.5rem}.ev-steps{flex-direction:column;gap:.5rem;padding:1rem}.ev-step-arrow{transform:rotate(90deg)}.ev-icon-wrapper{width:64px;height:64px;margin-bottom:1.5rem}.ev-icon-wrapper svg{width:28px;height:28px}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Cinzel RUS;src:url(/fonts/cinzel-lyajka/cinzel-regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Cinzel RUS;src:url(/fonts/cinzel-lyajka/cinzel-bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:block}[data-main-font=Cinzel] body{font-feature-settings:"smcp" 1,"c2sc" 1;letter-spacing:.02em;font-variant-caps:small-caps}[data-main-font=Cinzel] .notes-container,[data-main-font=Cinzel] .notes-container *,[data-main-font=Cinzel] .cards-container,[data-main-font=Cinzel] .cards-container *,[data-main-font=Cinzel] .editor-content,[data-main-font=Cinzel] .cards-content{font-feature-settings:normal;letter-spacing:normal;font-variant-caps:normal}[data-main-font=Cinzel] button,[data-main-font=Cinzel] .btn,[data-main-font=Cinzel] .magic-btn,[data-main-font=Cinzel] .inline-command-form button{line-height:1.5}[data-main-font=Cinzel] button svg,[data-main-font=Cinzel] .btn svg,[data-main-font=Cinzel] .magic-btn svg,[data-main-font=Cinzel] .inline-command-form button svg{position:relative;top:.04em}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}