@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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}}}@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-black:#000;--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-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-lg:.5rem;--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)}}@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;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{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.right-0{right:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-4{left:calc(var(--spacing)*4)}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.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-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.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}.table\!{display:table!important}.h-1{height:calc(var(--spacing)*1)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-\[18px\]{height:18px}.h-full{height:100%}.min-h-\[80px\]{min-height:80px}.min-h-\[280px\]{min-height:280px}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-20{width:calc(var(--spacing)*20)}.w-\[18px\]{width:18px}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-10{gap:calc(var(--spacing)*10)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-\[var\(--color-accent\)\]{border-color:var(--color-accent)}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-\[var\(--color-correct\)\]{border-color:var(--color-correct)}.border-\[var\(--color-incorrect\)\]{border-color:var(--color-incorrect)}.bg-\[var\(--color-accent\)\]{background-color:var(--color-accent)}.bg-\[var\(--color-accent-dim\)\]{background-color:var(--color-accent-dim)}.bg-\[var\(--color-bg\)\]{background-color:var(--color-bg)}.bg-\[var\(--color-bg-dropdown\)\]{background-color:var(--color-bg-dropdown)}.bg-\[var\(--color-bg-elevated\)\]{background-color:var(--color-bg-elevated)}.bg-\[var\(--color-bg-notes\)\]{background-color:var(--color-bg-notes)}.bg-\[var\(--color-border\)\]{background-color:var(--color-border)}.bg-\[var\(--color-correct-bg\)\]{background-color:var(--color-correct-bg)}.bg-\[var\(--color-incorrect-bg\)\]{background-color:var(--color-incorrect-bg)}.bg-\[var\(--color-tag-idiom-bg\)\]{background-color:var(--color-tag-idiom-bg)}.bg-\[var\(--color-tag-slang-bg\)\]{background-color:var(--color-tag-slang-bg)}.bg-transparent{background-color:#0000}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-10{padding-block:calc(var(--spacing)*10)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-11{padding-left:calc(var(--spacing)*11)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.75rem\]{font-size:1.75rem}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-\[var\(--color-correct\)\]{color:var(--color-correct)}.text-\[var\(--color-incorrect\)\]{color:var(--color-incorrect)}.text-\[var\(--color-tag-idiom\)\]{color:var(--color-tag-idiom)}.text-\[var\(--color-tag-slang\)\]{color:var(--color-tag-slang)}.text-\[var\(--color-text\)\]{color:var(--color-text)}.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-black{color:var(--color-black)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_3px_var\(--color-accent-glow\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--color-accent-glow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.invert{--tw-invert:invert(100%);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,)}.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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.placeholder\:text-\[var\(--color-text-muted\)\]::placeholder{color:var(--color-text-muted)}@media(hover:hover){.hover\:border-\[var\(--color-border-hover\)\]:hover{border-color:var(--color-border-hover)}.hover\:bg-\[var\(--color-accent-dim\)\]:hover{background-color:var(--color-accent-dim)}.hover\:bg-\[var\(--color-bg-hover\)\]:hover{background-color:var(--color-bg-hover)}.hover\:text-\[var\(--color-text\)\]:hover{color:var(--color-text)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}}.focus\:border-\[var\(--color-accent\)\]:focus{border-color:var(--color-accent)}.focus\:shadow-\[0_0_0_3px_var\(--color-accent-glow\)\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--color-accent-glow));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}}:root{--bg:#fff;--bg-elevated:#fff;--bg-hover:#f8f9ff;--bg-dropdown:#fff;--bg-notes:#fefefe;--bg-card:#fff;--border:#e0e0e0;--border-hover:#c8c8d0;--text:#1a1a2e;--text-secondary:#2d2d44;--text-muted:#666;--accent:#4361ee;--accent-hover:#3a54d4;--accent-dim:#4361ee1a;--accent-glow:#4361ee26;--header-bg:#000;--header-accent:#fff;--tag-slang:#1a73e8;--tag-slang-bg:#e8f0fe;--tag-idiom:#4361ee;--tag-idiom-bg:#4361ee1f;--correct:#137333;--correct-bg:#e6f4ea;--incorrect:#d93025;--incorrect-bg:#fce8e6;--radius:6px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.6}::selection{background:var(--accent-dim)}.container{max-width:800px;margin:0 auto;padding:0 24px 24px}.header{background:var(--header-bg);border-bottom:3px solid var(--accent);z-index:100;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.logo-area{cursor:pointer;align-items:center;gap:10px;display:flex}.logo-icon{color:#fff;width:38px;height:38px}.logo{color:#fff;letter-spacing:.04em;text-transform:uppercase;font-family:Ranchers,cursive;font-size:2rem;font-weight:400;line-height:1;text-decoration:none}.logo-accent{color:var(--accent)}.header-right{align-items:center;gap:10px;display:flex}.header-streak{cursor:default;justify-content:center;align-items:center;display:flex;position:relative}.header-streak-num{color:#fff;font-size:.65rem;font-weight:800;position:absolute}.header-create-btn{color:#000;cursor:pointer;font-family:var(--mono);white-space:nowrap;background:#fff;border:2px solid #000;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:700;transition:all .1s;display:flex;box-shadow:2px 2px #ffffff4d}.header-create-btn:hover{color:#fff;background:#000;border-color:#fff}.more-menu-wrap{position:relative}.more-menu-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.more-menu-btn:hover{color:#fff;background:#ffffff1a}.more-menu-dropdown{z-index:200;background:#fff;border:3px solid #000;min-width:180px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:4px 4px #000}.more-menu-option{color:#000;cursor:pointer;text-align:left;letter-spacing:.02em;background:0 0;border:none;width:100%;padding:10px 14px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;font-weight:600;transition:background .1s;display:block}.more-menu-option:hover{background:#f0f0f0}.more-menu-divider{background:#000;height:2px;margin:4px 0}.header-lang-wrap{position:relative}.header-lang-btn{color:#ffffffe6;cursor:pointer;height:28px;font-family:var(--mono);letter-spacing:.05em;background:#ffffff1a;border:1.5px solid #ffffff4d;justify-content:center;align-items:center;padding:0 8px;font-size:.65rem;font-weight:700;transition:all .2s;display:flex}.header-lang-btn:hover{color:#fff;background:#fff3;border-color:#ffffff80}.header-lang-dropdown{z-index:200;background:#fff;border:3px solid #000;min-width:140px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:4px 4px #000}.header-lang-option{width:100%;font-family:var(--mono);color:#000;cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 12px;font-size:.75rem;font-weight:600;transition:background .1s;display:block}.header-lang-option:hover{background:#f0f0f0}.header-lang-option.selected{color:#fff;background:#000}.report-bug-modal .modal-content{color:#000;background:#fff;border:4px solid #000;border-radius:0;box-shadow:8px 8px #000}.report-bug-modal .modal-header{border-bottom:3px solid #000}.report-bug-modal .modal-header h2{font-family:var(--mono);color:#000;font-weight:800}.report-bug-modal .modal-close{color:#000;border-radius:0}.report-bug-form label{font-family:var(--mono);color:#000;text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px;font-size:.8rem;font-weight:700;display:block}.report-bug-form select,.report-bug-form textarea{width:100%;font-size:.9rem;font-family:var(--mono);color:#000;background:#f5f5f5;border:2px solid #000;border-radius:0;margin-top:6px;padding:10px 12px;display:block}.report-bug-form select:focus,.report-bug-form textarea:focus{border-color:#4361ee;outline:none}.report-bug-form textarea{resize:vertical}.report-bug-context{font-family:var(--mono);color:#555;background:#f5f5f5;border:2px solid #000;border-radius:0;padding:10px 12px;font-size:.75rem}.report-bug-context span{color:#000;font-weight:700}.report-bug-modal .modal-footer{border-top:3px solid #000}.report-bug-modal .modal-btn.cancel{font-family:var(--mono);color:#000;background:#fff;border:2px solid #000;border-radius:0;font-weight:700;box-shadow:3px 3px #000}.report-bug-modal .modal-btn.cancel:hover{background:#f5f5f5}.report-bug-modal .modal-btn.create{font-family:var(--mono);color:#fff;background:#4361ee;border:2px solid #000;border-radius:0;font-weight:700;box-shadow:3px 3px #000}.report-bug-modal .modal-btn.create:hover{color:#fff;background:#000}.report-bug-modal .modal-btn.create:disabled{opacity:.4}.header-session .header-inner{justify-content:space-between}.header-close-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff6;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.header-close-btn:hover{background:#ffffff26;border-color:#fff9}.page-header{padding:20px 0 16px}.back-btn{color:var(--accent);cursor:pointer;margin-bottom:8px;font-size:.875rem;transition:opacity .2s;display:inline-block}.back-btn:hover{opacity:.7}.page-title{letter-spacing:-.03em;color:var(--text);margin-bottom:6px;font-size:2rem;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:.95rem}.stats-row{gap:12px;padding:20px 0;display:flex}.stat{text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;flex:1;padding:20px 16px;box-shadow:0 2px 8px #0000000a}.stat-value{margin-bottom:4px;font-size:1.75rem;font-weight:800}.stat-value.accent{color:var(--accent)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600}.action-cards{flex-direction:column;gap:12px;padding-top:24px;display:flex}.action-card{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.action-card:hover{border-color:var(--border-hover);background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.action-info{flex:1;min-width:0}.action-title{margin-bottom:4px;font-size:1.125rem;font-weight:600}.action-desc{color:var(--text-secondary);font-size:.875rem}.action-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.action-icon.purple{color:#fff;background:linear-gradient(135deg,#6380f0,#4361ee)}.action-icon.pink{color:#fff;background:linear-gradient(135deg,#f06292,#e91e63)}.action-icon.teal{color:#fff;background:linear-gradient(135deg,#4db6ac,#26a69a)}.action-icon.amber{color:#fff;background:linear-gradient(135deg,#ffb74d,#f59e0b)}.action-arrow{color:var(--text-muted);flex-shrink:0}.action-card.accent-purple{border-left:none}.action-card.accent-purple:hover{background:#4361ee0f;border-color:#4361ee4d}.action-card.accent-pink{border-left:none}.action-card.accent-pink:hover{background:#ec48990f;border-color:#ec48994d}.action-card.accent-teal{border-left:none}.action-card.accent-teal:hover{background:#14b8a60f;border-color:#14b8a64d}.action-card.accent-amber{border-left:none}.action-card.accent-amber:hover{background:#f59e0b0f;border-color:#f59e0b4d}.flashcard-stats{gap:12px;padding-bottom:24px;display:flex}.flashcard-stats .stat{padding:12px}.flashcard-stats .stat-value{font-size:1.25rem}.flashcard-container{padding-top:8px}.flashcard-progress{background:var(--border);border-radius:2px;height:4px;margin-bottom:24px;overflow:hidden}.flashcard-progress-bar{background:var(--accent);height:100%;transition:width .3s}.flashcard{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;perspective:1000px;min-height:280px;transition:box-shadow .2s;position:relative;box-shadow:0 2px 8px #0000000f}.flashcard:hover{box-shadow:0 4px 16px #0000001a}.flashcard-tag{text-transform:uppercase;letter-spacing:.05em;z-index:2;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600;position:absolute;top:16px;left:16px}.flashcard-tag.slang{background:var(--tag-slang-bg);color:var(--tag-slang)}.flashcard-tag.idiom{background:var(--tag-idiom-bg);color:var(--tag-idiom)}.flashcard-inner{width:100%;height:100%;min-height:280px;transform-style:preserve-3d;transition:transform .5s;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;padding:40px;display:flex;position:absolute}.flashcard-back{transform:rotateY(180deg)}.flashcard-phrase{letter-spacing:-.02em;margin-bottom:12px;font-size:2.25rem;font-weight:700}.flashcard-hint{color:var(--text-muted);font-size:.95rem}.flashcard-meaning{color:var(--text);margin-bottom:16px;font-size:1.35rem;line-height:1.5}.flashcard-back .flashcard-meaning{border-left:4px solid var(--accent);text-align:left;background:#f8f9ff;border-radius:0 8px 8px 0;padding:12px 16px}.flashcard-example{color:var(--text-secondary);font-size:1.05rem;font-style:italic}.flashcard-actions{justify-content:center;gap:12px;padding-top:24px;display:flex}.flashcard-btn{border:2px solid var(--border);background:var(--bg-elevated);max-width:100px;color:var(--text);cursor:pointer;border-radius:12px;flex:1;padding:14px 12px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .15s;box-shadow:0 2px 4px #0000000d}.flashcard-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a}.flashcard-btn:active{transform:translateY(-1px);box-shadow:0 3px 6px #00000014}.flashcard-btn small{opacity:.75;margin-top:4px;font-size:.75rem;font-weight:500;display:block}.flashcard-btn.again{color:var(--incorrect);background:#fce8e6;border-color:#f5c6c2}.flashcard-btn.again:hover{border-color:var(--incorrect);background:#f8d4d0}.flashcard-btn.hard{color:#b45309;background:#fef7e0;border-color:#f0e2a8}.flashcard-btn.hard:hover{background:#fdf0c4;border-color:#f59e0b}.flashcard-btn.good{color:var(--accent);background:#e8f0fe;border-color:#c2d6f7}.flashcard-btn.good:hover{border-color:var(--accent);background:#d4e4fc}.flashcard-btn.easy{color:var(--correct);background:#e6f4ea;border-color:#b8dfc5}.flashcard-btn.easy:hover{border-color:var(--correct);background:#d0ebd8}.session-complete{text-align:center;padding:60px 20px}.session-complete-icon{margin-bottom:16px;font-size:4rem}.session-complete h2{margin-bottom:8px;font-size:1.5rem}.session-complete p{color:var(--text-secondary);margin-bottom:24px}.quiz-header{justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.quiz-progress-text{color:var(--text-secondary);font-size:.875rem}.quiz-score{color:var(--accent);font-size:.875rem;font-weight:600}.quiz-question{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;margin-bottom:20px;padding:32px}.quiz-prompt{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem}.quiz-phrase{letter-spacing:-.02em;margin-bottom:8px;font-size:1.75rem;font-weight:700}.quiz-region{color:var(--text-muted);font-size:.8rem}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-option{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);text-align:left;cursor:pointer;padding:16px 20px;font-family:inherit;font-size:1rem;transition:all .2s}.quiz-option:hover:not(.selected):not(.correct):not(.incorrect){border-color:var(--border-hover);background:var(--bg-hover)}.quiz-option.correct{border-color:var(--correct);background:var(--correct-bg);color:var(--correct)}.quiz-option.incorrect{border-color:var(--incorrect);background:var(--incorrect-bg);color:var(--incorrect)}.quiz-option.show-correct{border-color:var(--correct);background:var(--correct-bg)}.quiz-feedback{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:20px;padding:20px}.quiz-feedback.correct{border-color:var(--correct)}.quiz-feedback.incorrect{border-color:var(--incorrect)}.quiz-feedback-title{margin-bottom:8px;font-weight:600}.quiz-feedback.correct .quiz-feedback-title{color:var(--correct)}.quiz-feedback.incorrect .quiz-feedback-title{color:var(--incorrect)}.quiz-feedback-text{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem}.quiz-audio-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.quiz-next-btn{background:var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:opacity .2s}.quiz-next-btn:hover{opacity:.9}.quiz-results{text-align:center;padding:40px 20px}.quiz-results-score{color:var(--accent);margin-bottom:8px;font-size:4rem;font-weight:700}.quiz-results-label{margin-bottom:24px;font-size:1.25rem}.quiz-results-breakdown{justify-content:center;gap:40px;margin-bottom:32px;display:flex}.breakdown-item{text-align:center}.breakdown-value{font-size:2rem;font-weight:700}.breakdown-value.correct{color:var(--correct)}.breakdown-value.incorrect{color:var(--incorrect)}.breakdown-label{color:var(--text-muted);font-size:.875rem}.category-filters{flex-wrap:wrap;gap:8px;padding-bottom:24px;display:flex}.category-chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:.875rem;transition:all .2s}.category-chip:hover{border-color:var(--border-hover)}.category-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.chapters-grid{flex-direction:column;gap:12px;display:flex}.chapter-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;justify-content:space-between;align-items:center;padding:20px;transition:all .2s;display:flex}.chapter-card:hover{border-color:var(--border-hover);background:var(--bg-hover)}.chapter-info{flex:1}.chapter-number{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem}.chapter-name{margin-bottom:4px;font-size:1.1rem;font-weight:600}.chapter-desc{color:var(--text-secondary);font-size:.85rem}.chapter-meta{text-align:right}.chapter-count{color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.chapter-progress-bar{background:var(--border);border-radius:2px;width:80px;height:4px;overflow:hidden}.chapter-progress-fill{background:var(--accent);height:100%}.bottom-bar{background:var(--bg-elevated);border-top:1px solid var(--border);z-index:100;justify-content:center;gap:8px;padding:12px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.bar-btn{max-width:100px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:14px;flex:1;padding:8px 14px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s}.bar-btn:hover{color:var(--text-secondary)}.bar-btn.active{color:var(--accent);background:var(--accent-dim)}.toast{background:var(--text);color:var(--bg);border-radius:var(--radius-lg);opacity:0;visibility:hidden;z-index:1000;padding:12px 24px;font-size:.9rem;transition:all .3s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.entries-list{flex-direction:column;gap:12px;display:flex}.word-list{flex-direction:column;gap:2px;display:flex}.word-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-direction:row;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.word-row:hover{border-color:var(--border-hover)}.word-row-ignored{opacity:.45}.word-row-ignored:hover{opacity:.7}.word-row-content{flex-direction:column;min-width:0;display:flex}.word-row-term{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.word-row-meaning{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.word-row-actions{flex-direction:row;flex-shrink:0;align-items:center;gap:6px;display:flex}.word-list-summary{color:var(--text-muted);flex-direction:row;gap:16px;margin-bottom:12px;font-size:.85rem;display:flex}.word-list-filters{flex-direction:row;gap:8px;margin-bottom:12px;display:flex}.chapter-wordlist-link{border:1px solid var(--border);border-radius:var(--radius);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.chapter-wordlist-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.chapter-ignored-link{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.chapter-ignored-link:hover{color:var(--accent)}.chapter-card-actions{flex-direction:row;gap:6px;margin-top:6px;display:flex}.chapter-ignore-btn{border:1px solid var(--border);border-radius:var(--radius);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.chapter-ignore-btn:hover{color:#64748b;background:#94a3b81a;border-color:#94a3b8}.chapter-ignore-btn.ignored{color:#64748b;background:#94a3b826;border-color:#94a3b8}.entry{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s;overflow:hidden}.entry:hover{border-color:var(--border-hover)}.entry-header{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.entry-main{flex:1}.entry-top{align-items:center;gap:10px;margin-bottom:6px;display:flex}.entry-term{font-size:1.125rem;font-weight:600}.entry-type{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:3px 8px;font-size:.65rem;font-weight:600}.entry-type.slang{background:var(--tag-slang-bg);color:var(--tag-slang)}.entry-type.idiom{background:var(--tag-idiom-bg);color:var(--tag-idiom)}.entry-preview{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.entry-toggle{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.entry.expanded .entry-toggle{color:var(--accent);transform:rotate(180deg)}.entry-details{border-top:1px solid var(--border);padding:0 20px 20px;display:none}.entry.expanded .entry-details{display:block}.detail-section{padding-top:16px}.detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px;font-size:.7rem;font-weight:600}.detail-content{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.example-quote{border-left:2px solid var(--accent);padding-left:12px;font-style:italic}.example-quote .auto-translation{font-style:normal;display:block}.example-quote+.example-quote{margin-top:10px}.audio-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;font-family:inherit;font-size:.8rem;transition:all .2s;display:inline-flex}.story-section{background:linear-gradient(135deg,rgba(var(--accent-rgb),.05),rgba(var(--accent-rgb),.02));border-left:3px solid var(--accent);border-radius:0 var(--radius)var(--radius)0;margin-top:16px;padding:16px}.story-section .detail-label{color:var(--accent)}.story-content{font-style:italic}.notes-section{background:var(--bg-notes);border-radius:var(--radius);border:1px solid var(--border);margin-top:16px;padding:16px}.notes-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.notes-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.notes-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.8rem}.notes-toggle:hover{text-decoration:underline}.notes-content{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.notes-content.empty{color:var(--text-muted);font-style:italic}.notes-textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:80px;color:var(--text);resize:vertical;margin-bottom:8px;padding:12px;font-family:inherit;font-size:.9rem}.notes-textarea:focus{border-color:var(--accent);outline:none}.notes-actions{gap:8px;display:flex}.notes-btn{border-radius:var(--radius);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:.8rem;transition:all .2s}.notes-btn.save{background:var(--accent);color:#fff;border:none;font-weight:600}.notes-btn.cancel{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.notes-btn.delete{border:1px solid var(--incorrect);color:var(--incorrect);background:0 0;margin-left:auto}.notes-timestamp{color:var(--text-muted);margin-top:8px;font-size:.75rem}.search-bar{margin-bottom:20px;position:relative}.search-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;color:var(--text);padding:14px 16px 14px 44px;font-family:inherit;font-size:1rem;transition:all .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.search-icon{width:18px;height:18px;color:var(--text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.filters-row{gap:12px;margin-bottom:24px;display:flex}.custom-select{flex:1;position:relative}.select-trigger{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s;display:flex}.select-trigger:hover{border-color:var(--border-hover)}.select-trigger.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.select-arrow{width:16px;height:16px;transition:transform .2s}.select-trigger.active .select-arrow{transform:rotate(180deg)}.select-dropdown{background:var(--bg-dropdown);border:1px solid var(--border);border-radius:var(--radius);z-index:50;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 10px 40px #0000004d}.select-option{color:var(--text-secondary);cursor:pointer;padding:10px 14px;font-size:.9rem;transition:all .15s}.select-option:hover{background:var(--bg-hover);color:var(--text)}.select-option.selected{color:var(--accent);background:var(--accent-dim)}.chapter-intro{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px;line-height:1.7}.chapter-intro p{color:var(--text-secondary);margin-bottom:16px}.chapter-intro p:last-child{margin-bottom:0}.commonality-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600}.commonality-badge.level-1{color:#f87171;background:#f8717126}.commonality-badge.level-2{color:#fb923c;background:#fb923c26}.commonality-badge.level-3{color:#facc15;background:#facc1526}.commonality-badge.level-4{color:#4ade80;background:#4ade8026}.commonality-badge.level-5{color:#22d3ee;background:#22d3ee26}.entry-meta{align-items:center;gap:12px;margin-top:8px;display:flex}.entry-region{color:var(--text-muted);font-size:.75rem}.extended-meaning{color:var(--text-secondary);background:var(--bg-hover);border-radius:var(--radius);margin-bottom:16px;padding:16px;font-size:.95rem;line-height:1.7}.literal-meaning{color:var(--text-muted);border-top:1px dashed var(--border);margin-top:8px;padding-top:8px;font-size:.85rem;font-style:italic}.examples-list{flex-direction:column;gap:8px;display:flex}.example-item{color:var(--text-secondary);border-left:2px solid var(--accent);padding-left:12px;font-size:.95rem;font-style:italic}.usage-guide{background:var(--bg-hover);border-radius:var(--radius);margin-top:16px;padding:16px}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.usage-item{flex-direction:column;gap:4px;display:flex}.usage-item-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:600}.usage-item-value{color:var(--text-secondary);font-size:.9rem}.formality-badge{text-transform:capitalize;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.formality-badge.very-casual{background:var(--incorrect-bg);color:var(--incorrect)}.formality-badge.casual{background:var(--tag-slang-bg);color:var(--tag-slang)}.formality-badge.neutral{background:var(--accent-dim);color:var(--accent)}.formality-badge.formal{background:var(--tag-idiom-bg);color:var(--tag-idiom)}.do-dont-section{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}@media(max-width:480px){.do-dont-section{grid-template-columns:1fr}}.do-list,.dont-list{border-radius:var(--radius);padding:12px}.do-list{background:var(--correct-bg);border:1px solid var(--correct)}.dont-list{background:var(--incorrect-bg);border:1px solid var(--incorrect)}.do-list-title,.dont-list-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:600}.do-list-title{color:var(--correct)}.dont-list-title{color:var(--incorrect)}.do-list ul,.dont-list ul{font-size:.85rem;list-style:none}.do-list li,.dont-list li{padding:4px 0 4px 16px;position:relative}.do-list li:before{content:"✓";color:var(--correct);position:absolute;left:0}.dont-list li:before{content:"✗";color:var(--incorrect);position:absolute;left:0}.do-list li,.dont-list li{color:var(--text-secondary)}.cultural-context{background:var(--bg-notes);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;padding:16px}.cultural-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.cultural-item{flex-direction:column;gap:2px;display:flex}.cultural-item-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:600}.cultural-item-value{color:var(--text-secondary);font-size:.85rem}.pop-culture-refs{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.pop-culture-refs ul{color:var(--text-secondary);padding-left:20px;font-size:.85rem;list-style:outside}.pop-culture-refs li{padding:2px 0}.related-phrases{margin-top:16px}.related-phrases-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:.7rem;font-weight:600}.related-phrases-list{flex-wrap:wrap;gap:8px;display:flex}.related-phrase-chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;transition:all .2s;display:inline-flex}.related-phrase-chip:hover{border-color:var(--accent);color:var(--accent)}.related-phrase-type{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.variations{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.variation-chip{background:var(--accent-dim);color:var(--accent);border-radius:12px;padding:4px 10px;font-size:.8rem}.pronunciation{color:var(--tag-slang);background:var(--tag-slang-bg);border-radius:var(--radius);padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:.85rem;display:inline-block}.common-mistakes{border-radius:var(--radius);background:#fbbf241a;border:1px solid #fbbf244d;margin-top:12px;padding:12px}.common-mistakes-title{color:#fbbf24;margin-bottom:8px;font-size:.75rem;font-weight:600}.common-mistakes ul{color:var(--text-secondary);font-size:.85rem;list-style:none}.common-mistakes li{padding:4px 0 4px 20px;position:relative}.common-mistakes li:before{content:"⚠";position:absolute;left:0}.audio-controls{align-items:center;gap:8px;margin-top:16px;display:flex}.audio-select{color:#000;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 8px center no-repeat;border:2px solid #000;border-radius:0;padding:6px 28px 6px 10px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem;font-weight:700;box-shadow:2px 2px #000}.region-toggle{border:2px solid #000;display:flex;overflow:hidden}.region-btn{color:#000;font-size:.82rem;font-family:var(--mono);cursor:pointer;background:#fff;border:none;border-right:2px solid #000;padding:6px 10px;font-weight:600;transition:background .15s,color .15s}.region-btn:last-child{border-right:none}.region-btn:hover{background:#eee}.region-btn.active{color:#fff;background:#000}.gender-toggle{border-radius:var(--radius);border:1px solid var(--border);display:flex;overflow:hidden}.gender-btn{background:var(--bg);color:var(--text-muted);cursor:pointer;border:none;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.gender-btn:first-child{border-right:1px solid var(--border)}.gender-btn:hover{background:var(--bg-hover);color:var(--text)}.gender-btn.active{background:var(--accent);color:var(--bg)}.audio-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;transition:all .2s;display:inline-flex}.audio-btn:hover{border-color:var(--accent);color:var(--accent)}.audio-btn svg{flex-shrink:0}.audio-unavailable{margin-top:16px}.audio-unavailable-text{color:var(--text-muted);font-size:.8rem;font-style:italic}.audio-buttons{gap:6px;display:flex}.audio-buttons .audio-btn{min-width:85px}.favorite-btn{border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.favorite-btn:hover{color:#f87171;border-color:#f87171}.favorite-btn.favorited{color:#f87171;background:#f871711a;border-color:#f87171}.favorite-btn-small{width:28px;height:28px}.favorite-btn-small svg{width:14px;height:14px}.learned-badge{background:var(--correct-bg);color:var(--correct);text-transform:uppercase;letter-spacing:.03em;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.flashcard-actions.fsrs{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.session-summary{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;display:flex}.summary-row{justify-content:space-between;align-items:center;display:flex}.summary-label{color:var(--text-secondary)}.summary-value{font-weight:600}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{color:var(--text-muted);margin-bottom:16px}.empty-state h3{margin-bottom:8px;font-size:1.25rem}.empty-state p{color:var(--text-secondary);max-width:280px;margin-bottom:24px;margin-left:auto;margin-right:auto}.favorites-actions{margin-bottom:24px}.search-bar-container{margin-bottom:20px;position:relative}.search-bar{position:relative}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear:hover{color:var(--text)}.search-history-dropdown{background:var(--bg-dropdown);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:50;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 40px #0000004d}.search-history-header{border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.75rem;display:flex}.search-history-clear{color:var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;font-size:.75rem}.search-history-clear:hover{text-decoration:underline}.search-history-item{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.search-history-item:hover{background:var(--bg-hover)}.search-history-item svg{color:var(--text-muted);flex-shrink:0}.search-history-item span{color:var(--text-secondary);flex:1;font-size:.95rem}.search-history-remove{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;padding:4px;transition:opacity .15s;display:flex}.search-history-item:hover .search-history-remove{opacity:1}.search-history-remove:hover{color:var(--incorrect)}.learning-view{flex-direction:column;gap:16px;display:flex}.learning-header{justify-content:space-between;align-items:center;display:flex}.learning-header-actions{align-items:center;gap:8px;display:flex}.learning-badge{background:var(--accent-dim);color:var(--accent);text-transform:uppercase;letter-spacing:.03em;border-radius:16px;align-items:center;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.learning-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;position:relative}.learning-card .flashcard-tag{position:absolute;top:16px;left:16px}.learning-term{letter-spacing:-.02em;text-align:center;margin:24px 0 16px;font-size:2.25rem;font-weight:700}.learning-meaning{color:var(--text);text-align:center;margin-bottom:8px;font-size:1.2rem;line-height:1.6}.learning-extended{color:var(--text-secondary);text-align:center;margin-bottom:16px;font-size:1rem;line-height:1.6}.learning-section{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.learning-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:.75rem;font-weight:600}.learning-example{color:var(--text-secondary);border-left:2px solid var(--accent);padding-left:12px;font-size:1.05rem;font-style:italic}.learning-origin{color:var(--text-secondary);font-size:1rem;line-height:1.6}.learning-meta{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.learning-region{color:var(--text-muted);font-size:.8rem}.learning-continue-btn{background:var(--accent);border-radius:var(--radius-lg);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .2s;display:flex}.learning-continue-btn:hover{opacity:.9}.flashcard-audio-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:16px 0;display:flex}.audio-play-buttons{gap:6px;display:flex}.audio-play-btn{background:var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.audio-play-btn:hover{opacity:.9}.audio-play-btn.secondary{background:var(--bg-elevated);border:1px solid var(--accent);color:var(--accent)}.audio-play-btn.secondary:hover{background:var(--accent-dim)}.flashcard-back .flashcard-audio-controls{margin-top:16px}.known-btn{border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.known-btn:hover{border-color:var(--accent);color:var(--accent)}.known-btn.known{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.known-btn-small{width:28px;height:28px}.known-btn-small svg{width:14px;height:14px}.ignore-btn{border:1px solid var(--border);border-radius:var(--radius);color:#94a3b8;cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.ignore-btn:hover{color:#64748b;border-color:#94a3b8}.ignore-btn.ignored{color:#64748b;background:#94a3b826;border-color:#94a3b8}.ignore-btn-small{width:28px;height:28px}.ignore-btn-small svg{width:14px;height:14px}.bulk-ignore-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.bulk-ignore-bar .bulk-ignore-info{color:var(--text-muted);font-size:.85rem}.bulk-ignore-bar .bulk-ignore-actions{gap:8px;display:flex}.bulk-ignore-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;padding:4px 12px;font-size:.8rem;transition:all .2s}.bulk-ignore-btn:hover{color:#64748b;background:#94a3b81a;border-color:#94a3b8}.bulk-ignore-btn:disabled{opacity:.4;cursor:not-allowed}.entry.ignored-entry{opacity:.5}.entry.ignored-entry:hover{opacity:.8}.chapter-ignored-count{color:#94a3b8;margin-top:2px;font-size:.75rem}.streak-display{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;padding:20px}.streak-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.streak-fire{color:#f97316;align-items:center;gap:8px;display:flex}.streak-fire svg{fill:#f97316}.streak-count{font-size:1.5rem;font-weight:700}.streak-label{color:var(--text-secondary);font-size:.9rem}.streak-progress{flex-direction:column;gap:12px;display:flex}.streak-progress-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:.75rem;font-weight:600}.streak-progress-item{flex-direction:column;gap:6px;display:flex}.streak-progress-header{justify-content:space-between;align-items:center;display:flex}.streak-progress-label{color:var(--text-secondary);font-size:.875rem}.streak-progress-value{color:var(--text);font-size:.875rem;font-weight:600}.streak-check{color:var(--accent)}.streak-progress-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.streak-progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.streak-progress-fill.complete{background:var(--correct)}.streak-settings-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.streak-settings-btn:hover{border-color:var(--accent);color:var(--accent)}.streak-goals-editor{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.goals-editor-title{color:var(--text);margin-bottom:16px;font-size:.875rem;font-weight:600}.goals-editor-section{margin-bottom:16px}.goals-editor-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.goals-editor-options{flex-wrap:wrap;gap:8px;display:flex}.goals-option{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.goals-option:hover{border-color:var(--border-hover);color:var(--text)}.goals-option.selected{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.goals-editor-actions{gap:8px;margin-top:16px;display:flex}.goals-btn{border-radius:var(--radius);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s}.goals-btn.save{background:var(--accent);color:#fff;border:none}.goals-btn.save:hover{opacity:.9}.goals-btn.cancel{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.goals-btn.cancel:hover{border-color:var(--border-hover);color:var(--text)}.language-selector{margin-top:4px;position:relative}.language-selector-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.language-selector-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#000;font-size:.75rem;font-weight:700}.language-clear-btn{color:#000;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#fff;border:3px solid #000;border-radius:0;padding:4px 12px;font-size:.65rem;font-weight:700;transition:all .1s;box-shadow:3px 3px #000}.language-clear-btn:hover{transform:translate(2px,2px);box-shadow:1px 1px #000}.language-clear-btn:active{transform:translate(3px,3px);box-shadow:0 0 #000}.language-select-btn{color:#000;width:100%;font-family:var(--mono);cursor:pointer;text-align:left;background:#fff;border:4px solid #000;border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:.85rem;font-weight:700;transition:all .1s;display:flex;box-shadow:4px 4px #000}.language-select-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.language-select-btn.open{transform:translate(4px,4px);box-shadow:0 0 #000}.language-select-btn.open svg{transform:rotate(180deg)}.language-dropdown{z-index:100;background:#fff;border:4px solid #000;border-radius:0;max-height:360px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:6px 6px #000}.language-dropdown-item{color:#000;width:100%;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #eee;padding:11px 16px;font-size:.8rem;font-weight:700;transition:all 50ms;display:block}.language-dropdown-item:last-child{border-bottom:none}.language-dropdown-item:hover{background:#f0f0f0;padding-left:22px}.language-dropdown-item.selected{color:#fff;background:#000;font-weight:700}.theme-toggle-section{justify-content:space-between;align-items:center;display:flex}.theme-toggle-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.theme-toggle-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.theme-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle-btn svg{flex-shrink:0}.translate-wrapper{vertical-align:middle;flex-direction:column;align-items:flex-start;margin-left:8px;display:inline-flex}.translate-btn{border:1px solid var(--border);border-radius:var(--radius);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.translate-btn:hover{border-color:var(--accent);color:var(--accent)}.translate-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.translate-btn:disabled{opacity:.5;cursor:not-allowed}.translate-loading{font-size:.7rem;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.5}}.translate-result{background:var(--accent-dim);border-left:2px solid var(--accent);border-radius:0 var(--radius)var(--radius)0;color:var(--text-secondary);margin-top:6px;padding:8px 12px;font-size:.9rem;line-height:1.5}.auto-translate{background:var(--accent-dim);border-left:2px solid var(--accent);border-radius:0 var(--radius)var(--radius)0;color:var(--text-secondary);margin-top:4px;padding:6px 10px;font-size:.85rem;font-style:italic}.auto-translation{background:var(--accent-dim);border-left:3px solid var(--accent);border-radius:0 var(--radius)var(--radius)0;color:var(--text-secondary);margin-top:6px;padding:8px 12px;font-size:.9rem;line-height:1.5}.entry-preview .auto-translation{width:100%;margin-top:8px}.example-item .auto-translation{margin-top:4px;font-size:.85rem}.do-list li .auto-translation,.dont-list li .auto-translation{margin-top:4px;padding:4px 8px;font-size:.85rem}.chapter-language-selector{border-bottom:1px solid var(--border);margin-bottom:16px;padding:0 20px 16px}.chapter-language-selector .language-selector{max-width:300px}.translation-controls{margin-bottom:16px;padding:0 20px 16px}.translation-controls .language-selector{max-width:360px}.browse-mode .translation-controls{background:#fff;border:4px solid #000;max-width:320px;margin-bottom:28px;padding:20px;box-shadow:6px 6px #000}.browse-mode .translation-controls .language-selector{max-width:100%;margin-top:0}.translations-hidden .auto-translation,.translations-hidden .translate-wrapper{display:none!important}.entry-preview{flex-wrap:wrap;align-items:flex-start;gap:4px;display:flex}.learning-meaning{flex-direction:column;align-items:center;gap:8px;display:flex}.learning-meaning .translate-wrapper{margin-left:0}.flashcard-meaning{flex-direction:column;align-items:center;gap:8px;display:flex}.flashcard-meaning .translate-wrapper{margin-left:0}.mode-selector{border-radius:var(--radius-lg);background:#f0f4ff;border:1px solid #c2d6f7;max-width:600px;margin:0 auto;padding:20px}.mode-selector-title{margin-bottom:2px;font-size:1.15rem;font-weight:600}.mode-selector-subtitle{color:var(--text-secondary);margin-bottom:14px;font-size:.85rem}.mode-options{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.mode-option{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:8px;padding:10px;transition:all .2s;display:flex}.mode-option:hover{border-color:var(--border-hover)}.mode-option.selected{border-color:var(--accent);background:var(--accent-dim)}.mode-option.auto-selected{border-color:var(--accent);background:var(--accent-dim);opacity:.7}.mode-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin-top:2px}.mode-option-content{flex-direction:column;gap:1px;display:flex}.mode-option-label{color:var(--text);font-size:.9rem;font-weight:600}.mode-option-desc{color:var(--text-secondary);font-size:.75rem}.auto-toggle{background:var(--bg-notes);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;margin-bottom:14px;padding:10px;display:flex}.auto-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin-top:2px}.auto-toggle-label{color:var(--text);font-weight:600}.auto-toggle-desc{color:var(--text-secondary);margin-top:2px;font-size:.85rem;display:block}.mode-start-btn{background:var(--accent);border-radius:var(--radius-lg);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .2s;display:flex}.mode-start-btn:hover{opacity:.9}.listening-quiz{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.listening-quiz-prompt{color:var(--text-secondary);text-align:center;margin-bottom:20px;font-size:1rem}.listening-quiz-audio{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.listening-play-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex}.listening-play-btn:hover{transform:scale(1.05)}.listening-play-label{color:var(--text-muted);font-size:.875rem}.listening-gender-toggle{border-radius:var(--radius);border:1px solid var(--border);display:flex;overflow:hidden}.listening-quiz-options{flex-direction:column;gap:10px;display:flex}.listening-option{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:all .2s;display:flex}.listening-option:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-hover)}.listening-option:disabled{cursor:default}.listening-option.correct{border-color:var(--correct);background:var(--correct-bg);color:var(--correct)}.listening-option.incorrect{border-color:var(--incorrect);background:var(--incorrect-bg);color:var(--incorrect)}.listening-option-letter{min-width:24px;font-weight:600}.listening-option-text{flex:1}.listening-option-check{color:var(--correct);font-weight:700}.listening-feedback{border-radius:var(--radius);text-align:center;margin-top:20px;padding:20px}.listening-feedback.correct{background:var(--correct-bg);border:1px solid var(--correct)}.listening-feedback.incorrect{background:var(--incorrect-bg);border:1px solid var(--incorrect)}.listening-feedback-title{margin-bottom:12px;font-size:1.25rem;font-weight:600}.listening-feedback.correct .listening-feedback-title{color:var(--correct)}.listening-feedback.incorrect .listening-feedback-title{color:var(--incorrect)}.listening-feedback-phrase{margin-bottom:8px;font-size:1.1rem}.listening-feedback-meaning{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.fill-blank{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.fill-blank-prompt{color:var(--text-secondary);margin-bottom:16px;font-size:1rem}.fill-blank-sentence{color:var(--text);background:var(--bg);border-radius:var(--radius);text-align:center;margin-bottom:20px;padding:20px;font-size:1.25rem;font-style:italic;line-height:1.6}.fill-blank-completed{color:var(--text)}.fill-blank-options{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.fill-blank-option{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:20px;padding:12px 20px;font-family:inherit;font-size:.95rem;transition:all .2s}.fill-blank-option:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-hover)}.fill-blank-option:disabled{cursor:default}.fill-blank-option.correct{border-color:var(--correct);background:var(--correct-bg);color:var(--correct)}.fill-blank-option.incorrect{border-color:var(--incorrect);background:var(--incorrect-bg);color:var(--incorrect)}.fill-blank-feedback{border-radius:var(--radius);text-align:center;padding:20px}.fill-blank-feedback.correct{background:var(--correct-bg);border:1px solid var(--correct)}.fill-blank-feedback.incorrect{background:var(--incorrect-bg);border:1px solid var(--incorrect)}.fill-blank-feedback-title{margin-bottom:12px;font-size:1.25rem;font-weight:600}.fill-blank-feedback.correct .fill-blank-feedback-title{color:var(--correct)}.fill-blank-feedback.incorrect .fill-blank-feedback-title{color:var(--incorrect)}.fill-blank-term{margin-bottom:8px;font-size:1.5rem}.fill-blank-meaning{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.cloze-typing{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.cloze-question{margin-bottom:20px}.cloze-hint-label{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem}.cloze-hint-meaning{color:var(--text);margin-bottom:12px;font-size:1.1rem;font-weight:600}.cloze-sentence{color:var(--text);background:var(--bg);border-radius:var(--radius);text-align:center;padding:20px;font-size:1.25rem;font-style:italic;line-height:1.6}.cloze-input-area{text-align:center;margin-top:16px}.cloze-input{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;max-width:320px;color:var(--text);text-align:center;outline:none;padding:12px 16px;font-family:inherit;font-size:1.1rem;transition:border-color .2s}.cloze-input:focus{border-color:var(--accent)}.cloze-input-hint{color:var(--text-tertiary);margin-top:8px;font-size:.8rem}.cloze-feedback{border-radius:var(--radius);text-align:center;margin-top:20px;padding:20px}.cloze-feedback.correct{background:var(--correct-bg);border:1px solid var(--correct)}.cloze-feedback.incorrect{background:var(--incorrect-bg);border:1px solid var(--incorrect)}.cloze-feedback-icon{margin-bottom:8px;font-size:2rem}.cloze-feedback.correct .cloze-feedback-icon,.cloze-feedback.correct .cloze-feedback-title{color:var(--correct)}.cloze-feedback.incorrect .cloze-feedback-icon,.cloze-feedback.incorrect .cloze-feedback-title{color:var(--incorrect)}.cloze-feedback-title{margin-bottom:8px;font-size:1.25rem;font-weight:600}.cloze-feedback-detail{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem}.cloze-answer-info{margin-bottom:16px}.cloze-answer-term{margin-bottom:4px;font-size:1.5rem;font-weight:600}.cloze-answer-meaning{color:var(--text-secondary);font-size:.95rem}.cloze-next-btn{margin-top:16px}.reverse-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:280px;padding:24px;position:relative}.reverse-card-front{cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.reverse-card-label{color:var(--text-muted);margin-bottom:16px;font-size:.875rem}.reverse-card-meaning{color:var(--text);margin-bottom:24px;padding:0 20px;font-size:1.25rem;line-height:1.6}.reverse-card-hint{color:var(--text-muted);font-size:.875rem}.reverse-card-back{text-align:center;flex-direction:column;align-items:center;display:flex}.reverse-card-term{letter-spacing:-.02em;color:var(--accent);margin-bottom:16px;font-size:2rem;font-weight:700}.reverse-card-example{color:var(--text-secondary);margin-bottom:24px;padding:0 20px;font-size:.95rem;font-style:italic}.mnemonic-prompt{background:var(--bg-notes);border:1px solid var(--border);border-radius:var(--radius);border-left:3px solid var(--accent);margin:16px 0;padding:16px}.mnemonic-prompt-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.mnemonic-icon{font-size:1.1rem}.mnemonic-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.mnemonic-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);resize:vertical;min-height:60px;padding:12px;font-family:inherit;font-size:.9rem;line-height:1.5}.mnemonic-input::placeholder{color:var(--text-muted);font-style:italic}.mnemonic-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.mnemonic-actions{gap:8px;margin-top:12px;display:flex}.mnemonic-btn{border-radius:var(--radius);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.mnemonic-btn.save{background:var(--accent);color:#fff;border:none}.mnemonic-btn.save:hover{opacity:.9}.mnemonic-btn.save:disabled{opacity:.5;cursor:not-allowed}.mnemonic-btn.cancel,.mnemonic-btn.skip{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.mnemonic-btn.cancel:hover,.mnemonic-btn.skip:hover{border-color:var(--border-hover);color:var(--text)}.mnemonic-btn.delete{border:1px solid var(--incorrect);color:var(--incorrect);background:0 0;margin-left:auto}.mnemonic-btn.delete:hover{background:var(--incorrect-bg)}.mnemonic-display{background:var(--accent-dim);border-left:3px solid var(--accent);border-radius:0 var(--radius)var(--radius)0;margin:16px 0;padding:12px 16px}.mnemonic-display-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.mnemonic-edit-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:.8rem;font-weight:600}.mnemonic-edit-btn:hover{text-decoration:underline}.mnemonic-display-content{color:var(--text-secondary);font-size:.95rem;font-style:italic;line-height:1.5}.mnemonic-display.compact{align-items:flex-start;gap:8px;margin:12px 0;padding:10px 14px;display:flex}.mnemonic-display.compact .mnemonic-icon{flex-shrink:0}.mnemonic-display-text{color:var(--text-secondary);font-size:.9rem;font-style:italic;line-height:1.4}.action-card.accent-palace{border-left:none}.action-card.accent-palace:hover{background:#9333ea0f;border-color:#9333ea4d}.action-icon.palace{color:#fff;background:linear-gradient(135deg,#c084fc,#9333ea)}.palace-guide{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden}.palace-guide-toggle{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:10px;padding:16px 20px;font-family:inherit;display:flex}.palace-guide-toggle:hover{background:var(--bg-hover)}.palace-guide-icon{font-size:1.25rem}.palace-guide-title{flex:1;font-size:1rem;font-weight:600}.palace-guide-toggle svg{color:var(--text-muted);transition:transform .2s}.palace-guide-toggle svg.rotated{transform:rotate(180deg)}.palace-guide-content{border-top:1px solid var(--border);padding:0 20px 20px}.palace-guide-intro{margin-bottom:20px;padding-top:16px}.palace-guide-intro p{color:var(--text-secondary);margin:0;line-height:1.7}.palace-guide-steps{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.palace-guide-step{gap:14px;display:flex}.palace-guide-step-number{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex}.palace-guide-step-content h4{margin-bottom:4px;font-size:1rem;font-weight:600}.palace-guide-step-content p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.palace-guide-tip{background:var(--accent-dim);border-left:3px solid var(--accent);border-radius:0 var(--radius)var(--radius)0;color:var(--text-secondary);padding:12px 16px;font-size:.9rem;line-height:1.6}.palace-guide-tip strong{color:var(--accent)}.palace-empty{text-align:center;padding:60px 20px}.palace-empty-icon{margin-bottom:16px;font-size:4rem}.palace-empty h3{margin-bottom:12px;font-size:1.5rem}.palace-empty p{color:var(--text-secondary);max-width:400px;margin:0 auto 16px;line-height:1.6}.palace-empty-hint{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.palace-create-btn{background:var(--accent);border-radius:var(--radius-lg);color:#fff;cursor:pointer;border:none;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .2s}.palace-create-btn:hover{opacity:.9}.palace-grid{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.palace-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s;overflow:hidden}.palace-card:hover{border-color:var(--border-hover)}.palace-card-main{cursor:pointer;align-items:center;gap:16px;padding:20px;display:flex}.palace-card-emoji{flex-shrink:0;font-size:2rem}.palace-card-info{flex:1;min-width:0}.palace-card-name{margin-bottom:4px;font-size:1.125rem;font-weight:600}.palace-card-meta{color:var(--text-muted);gap:12px;font-size:.875rem;display:flex}.palace-card-arrow{color:var(--text-muted);flex-shrink:0}.palace-card-actions{gap:8px;padding:0 20px 16px;display:flex}.palace-action-btn{border-radius:var(--radius);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.palace-action-btn.walk{background:var(--accent);color:#fff;border:none}.palace-action-btn.walk:hover{opacity:.9}.palace-action-btn.walk:disabled{opacity:.5;cursor:not-allowed}.palace-action-btn.delete{border:1px solid var(--border);color:var(--text-muted);background:0 0}.palace-action-btn.delete:hover{border-color:var(--incorrect);color:var(--incorrect)}.palace-delete-confirm{background:var(--incorrect-bg);border-top:1px solid var(--incorrect);padding:16px 20px}.palace-delete-confirm p{color:var(--text);margin-bottom:12px}.palace-delete-actions{gap:8px;display:flex}.palace-delete-actions button{border-radius:var(--radius);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600}.palace-delete-actions button:first-child{background:var(--incorrect);color:#fff;border:none}.palace-delete-actions button:last-child{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.palace-add-btn{background:var(--bg-elevated);border:2px dashed var(--border);border-radius:var(--radius-lg);width:100%;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:16px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.palace-add-btn:hover{border-color:var(--accent);color:var(--accent)}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-elevated);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{font-size:1.25rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.modal-close:hover{color:var(--text)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-btn{border-radius:var(--radius);cursor:pointer;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.modal-btn.cancel{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.modal-btn.cancel:hover{border-color:var(--border-hover);color:var(--text)}.modal-btn.create{background:var(--accent);color:#fff;border:none}.modal-btn.create:hover{opacity:.9}.modal-btn.create:disabled{opacity:.5;cursor:not-allowed}.palace-modal-subtitle{color:var(--text-secondary);margin-bottom:20px}.palace-templates{flex-direction:column;gap:12px;display:flex}.palace-template-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;align-items:flex-start;gap:16px;padding:16px;transition:all .2s;display:flex}.palace-template-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.palace-template-emoji{flex-shrink:0;font-size:1.5rem}.palace-template-icon{flex-shrink:0}.palace-icon{color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.palace-template-info{flex:1}.palace-template-name{margin-bottom:4px;font-weight:600}.palace-template-desc{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.palace-template-stations{color:var(--text-muted);font-size:.8rem;font-style:italic}.palace-back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-size:.875rem;display:flex}.palace-back-btn:hover{text-decoration:underline}.palace-form{flex-direction:column;gap:20px;display:flex}.palace-form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.palace-form-group input[type=text]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:12px;font-family:inherit;font-size:.95rem}.palace-form-group input[type=text]:focus{border-color:var(--accent);outline:none}.palace-stations-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.palace-station-input{align-items:center;gap:8px;display:flex}.palace-station-number{background:var(--accent-dim);width:24px;height:24px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.palace-station-input input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex:1;padding:10px;font-family:inherit;font-size:.9rem}.palace-station-input input:focus{border-color:var(--accent);outline:none}.palace-station-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.palace-station-remove:hover{color:var(--incorrect)}.palace-add-station-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600}.palace-add-station-btn:hover{text-decoration:underline}.palace-template-preview{flex-direction:column;gap:8px;display:flex}.palace-preview-station{background:var(--bg);border-radius:var(--radius);align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.palace-form-hint{color:var(--text-muted);margin-top:8px;font-size:.8rem}.palace-detail{flex-direction:column;gap:24px;display:flex}.palace-detail-header{justify-content:flex-end;display:flex}.palace-walk-btn{background:var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:opacity .2s;display:flex}.palace-walk-btn:hover{opacity:.9}.palace-walk-btn:disabled{opacity:.5;cursor:not-allowed}.palace-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.palace-section-header h3{font-size:1.1rem;font-weight:600}.palace-station-count{color:var(--text-muted);font-size:.85rem;font-weight:400}.palace-section-hint{color:var(--text-muted);font-size:.8rem}.palace-add-station-link{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:600}.palace-add-station-link:hover{text-decoration:underline}.palace-select-hint{background:var(--accent-dim);color:var(--accent);border-radius:var(--radius);margin-bottom:16px;padding:10px 16px;font-size:.875rem}.palace-stations-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.palace-station-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:16px;transition:all .2s;position:relative}.palace-station-card:hover{border-color:var(--border-hover)}.palace-station-card.selected{border-color:var(--accent);background:var(--accent-dim)}.palace-station-card.drag-over{border-color:var(--accent);border-style:dashed}.palace-station-card.adding{cursor:default}.palace-station-card.adding input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);margin-bottom:12px;padding:8px;font-family:inherit;font-size:.9rem}.palace-station-card.adding input:focus{border-color:var(--accent);outline:none}.palace-station-add-actions{gap:8px;display:flex}.palace-station-add-actions button{border-radius:var(--radius);cursor:pointer;padding:6px 12px;font-size:.8rem;font-weight:600}.palace-station-add-actions button:first-child{background:var(--accent);color:#fff;border:none}.palace-station-add-actions button:last-child{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.palace-station-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.palace-station-index{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.palace-station-name{flex:1;font-size:.95rem;font-weight:600}.palace-station-name-input{background:var(--bg);border:1px solid var(--accent);border-radius:var(--radius);color:var(--text);flex:1;padding:4px 8px;font-family:inherit;font-size:.95rem;font-weight:600}.palace-station-actions{gap:4px;display:flex}.palace-station-action{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;padding:4px;transition:all .2s}.palace-station-card:hover .palace-station-action{opacity:1}.palace-station-action:hover{color:var(--text)}.palace-station-action.delete:hover{color:var(--incorrect)}.palace-station-count{color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.palace-station-expand{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.8rem;display:flex}.palace-station-expand:hover{text-decoration:underline}.palace-station-expand svg{transition:transform .2s}.palace-station-notes{color:var(--text-muted);cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.palace-station-notes:hover{color:var(--text-secondary)}.palace-station-notes-input{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;width:100%;margin-bottom:8px;padding:8px;font-family:inherit;font-size:.8rem;line-height:1.4}.palace-station-notes-input:focus{border-color:var(--accent);outline:none}.palace-station-add-notes{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:8px;padding:0;font-size:.75rem;display:inline}.palace-station-add-notes:hover{color:var(--accent);text-decoration:underline}.palace-station-phrases{flex-direction:column;gap:6px;margin-top:12px;display:flex}.palace-station-phrase{background:var(--bg);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:8px 10px;font-size:.85rem;display:flex}.palace-phrase-term{font-weight:500}.palace-phrase-remove{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;padding:2px;transition:opacity .2s}.palace-station-phrase:hover .palace-phrase-remove{opacity:1}.palace-phrase-remove:hover{color:var(--incorrect)}.palace-station-selected-hint{color:var(--accent);margin-top:12px;font-size:.75rem;font-style:italic}.palace-station-delete-confirm{background:var(--bg-elevated);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.palace-station-delete-confirm p{margin-bottom:8px;font-size:.9rem}.palace-delete-warning{color:var(--incorrect);font-size:.8rem}.phrase-pool{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.phrase-pool-filters{gap:12px;margin-bottom:12px;display:flex}.phrase-pool-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex:1;padding:10px 12px;font-family:inherit;font-size:.9rem}.phrase-pool-search:focus{border-color:var(--accent);outline:none}.pool-select-wrap{min-width:180px;position:relative}.pool-select-trigger{color:#000;cursor:pointer;text-align:left;background:#fff;border:3px solid #000;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem;font-weight:600;display:flex;box-shadow:4px 4px #000}.pool-select-trigger:hover{background:#f0f0f0}.pool-select-trigger:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.pool-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pool-select-chevron{flex-shrink:0;margin-left:8px;transition:transform .15s}.pool-select-chevron.open{transform:rotate(180deg)}.pool-select-dropdown{z-index:200;background:#fff;border:3px solid #000;max-height:400px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:4px 4px #000}.pool-select-group{text-transform:uppercase;letter-spacing:.08em;color:#999;pointer-events:none;padding:8px 14px 4px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.65rem;font-weight:700}.pool-select-option{color:#000;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:8px 14px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;font-weight:600;display:block}.pool-select-option.indent{padding-left:28px;font-weight:500}.pool-select-option:hover{background:#f0f0f0}.pool-select-option.selected{color:#fff;background:#000}.pool-select-option.selected:hover{background:#222}.phrase-pool-count{color:var(--text-muted);margin-bottom:12px;font-size:.8rem}.phrase-pool-list{flex-wrap:wrap;gap:8px;max-height:300px;display:flex;overflow-y:auto}.phrase-pool-item{background:var(--bg);border:1px solid var(--border);cursor:grab;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:inline-flex}.phrase-pool-item:hover{border-color:var(--accent);background:var(--accent-dim)}.phrase-pool-item.clickable{cursor:pointer}.phrase-pool-item.assigned{opacity:.5}.phrase-pool-term{font-weight:500}.phrase-pool-assigned-badge{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.phrase-pool-empty{text-align:center;width:100%;color:var(--text-muted);padding:24px;font-size:.9rem}.phrase-pool-show-more{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.03em;background:#fff;border:2px solid #000;width:100%;margin-top:4px;padding:10px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem;font-weight:700;box-shadow:3px 3px #000}.phrase-pool-show-more:hover{color:#fff;background:#000}.phrase-pool-show-more:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.walkthrough{flex-direction:column;gap:24px;display:flex}.walkthrough-progress{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.walkthrough-progress-bar{background:var(--accent);height:100%;transition:width .3s}.walkthrough-station{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;min-height:300px;padding:32px;transition:opacity .3s;display:flex}.walkthrough-station.transitioning{opacity:0}.walkthrough-station-number{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.8rem}.walkthrough-station-name{margin-bottom:24px;font-size:2rem;font-weight:700}.walkthrough-station-notes{color:var(--text-muted);border-left:3px solid var(--border);text-align:left;cursor:pointer;max-width:400px;margin-bottom:24px;padding:12px 16px;font-size:.95rem;font-style:italic;line-height:1.5}.walkthrough-station-notes:hover{color:var(--text-secondary)}.walkthrough-notes-input{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;text-align:left;width:100%;max-width:400px;margin-bottom:24px;padding:12px 16px;font-family:inherit;font-size:.95rem;line-height:1.5}.walkthrough-notes-input:focus{border-color:var(--accent);outline:none}.walkthrough-add-notes{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:24px;padding:0;font-size:.85rem}.walkthrough-add-notes:hover{color:var(--accent);text-decoration:underline}.walkthrough-recall{flex-direction:column;align-items:center;gap:20px;display:flex}.walkthrough-prompt{color:var(--text-secondary);font-size:1.1rem}.walkthrough-reveal-btn{background:var(--accent);border-radius:var(--radius-lg);color:#fff;cursor:pointer;border:none;padding:16px 32px;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .2s}.walkthrough-reveal-btn:hover{opacity:.9}.walkthrough-phrases{flex-direction:column;gap:16px;width:100%;max-width:400px;display:flex}.walkthrough-phrase{background:var(--bg);border-radius:var(--radius);text-align:left;padding:16px}.walkthrough-phrase-term{margin-bottom:6px;font-size:1.25rem;font-weight:600}.walkthrough-phrase-meaning{color:var(--text-secondary);font-size:.95rem}.walkthrough-phrase .mnemonic-display{margin:8px 0 0}.walkthrough-nav{justify-content:space-between;gap:16px;display:flex}.walkthrough-nav-btn{border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:14px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.walkthrough-nav-btn.prev{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.walkthrough-nav-btn.prev:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.walkthrough-nav-btn.prev:disabled{opacity:.5;cursor:not-allowed}.walkthrough-nav-btn.next,.walkthrough-nav-btn.complete{background:var(--accent);color:#fff;border:none}.walkthrough-nav-btn.next:hover,.walkthrough-nav-btn.complete:hover{opacity:.9}.palace-not-found,.palace-empty-walk{text-align:center;padding:60px 20px}.palace-empty-walk .palace-empty-icon{margin-bottom:16px;font-size:4rem}.palace-empty-walk h3{margin-bottom:12px;font-size:1.5rem}.palace-empty-walk p{color:var(--text-secondary);margin-bottom:24px}.palace-not-found button,.palace-empty-walk button{background:var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600}.palace-guide-links{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.palace-guide-link{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.palace-guide-link:hover{border-color:var(--accent);color:var(--accent)}.palace-guide-link-icon{font-size:1.1rem}.palace-learn{flex-direction:column;gap:32px;display:flex}.palace-learn-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.palace-learn-section h2{color:var(--text);margin-bottom:16px;font-size:1.25rem;font-weight:700}.palace-learn-section p{color:var(--text-secondary);margin-bottom:12px;line-height:1.7}.palace-learn-section p:last-child{margin-bottom:0}.palace-learn-history{flex-direction:column;gap:20px;display:flex}.palace-history-item{gap:16px;display:flex}.palace-history-year{width:80px;color:var(--accent);text-transform:uppercase;flex-shrink:0;padding-top:2px;font-size:.8rem;font-weight:700}.palace-history-content h4{margin-bottom:6px;font-size:1rem;font-weight:600}.palace-history-content p{margin:0;font-size:.9rem}.palace-learn-users{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.palace-user-card{background:var(--bg);border-radius:var(--radius);padding:16px}.palace-user-name{margin-bottom:8px;font-weight:600}.palace-user-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.palace-learn-achievements{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:20px 0;display:grid}.palace-achievement{text-align:center;background:var(--accent-dim);border-radius:var(--radius);padding:20px 16px}.palace-achievement-number{color:var(--accent);margin-bottom:4px;font-size:2rem;font-weight:800}.palace-achievement-label{color:var(--text-secondary);font-size:.8rem}.palace-learn-note{color:var(--text-muted);font-style:italic}.palace-learn-science{flex-direction:column;gap:16px;display:flex}.palace-science-point{gap:14px;display:flex}.palace-science-icon{flex-shrink:0;font-size:1.5rem}.palace-science-content h4{margin-bottom:4px;font-size:.95rem;font-weight:600}.palace-science-content p{margin:0;font-size:.9rem}.palace-learn-tips{flex-direction:column;gap:14px;display:flex}.palace-tip{align-items:flex-start;gap:12px;display:flex}.palace-tip-number{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.palace-tip>div{color:var(--text-secondary);padding-top:3px;font-size:.9rem;line-height:1.6}.palace-tip strong{color:var(--text)}.palace-learn-cta{text-align:center;background:linear-gradient(135deg,var(--accent-dim)0%,var(--bg-elevated)100%)}.palace-learn-cta h2{color:var(--accent)}.palace-learn-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.palace-learn-btn{border-radius:var(--radius);cursor:pointer;padding:14px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.palace-learn-btn.primary{background:var(--accent);color:#fff;border:none}.palace-learn-btn.primary:hover{opacity:.9}.palace-learn-btn.secondary{border:2px solid var(--accent);color:var(--accent);background:0 0}.palace-learn-btn.secondary:hover{background:var(--accent-dim)}.example-palace{flex-direction:column;gap:20px;display:flex}.example-palace-intro{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.example-palace-intro p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.example-palace-progress{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.example-palace-progress-bar{background:var(--accent);height:100%;transition:width .3s}.example-palace-station{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;min-height:320px;padding:32px}.example-station-header{margin-bottom:16px}.example-station-number{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.example-station-emoji{margin-bottom:12px;font-size:4rem}.example-station-name{margin-bottom:8px;font-size:1.75rem;font-weight:700}.example-station-desc{color:var(--text-secondary);margin-bottom:24px;font-style:italic}.example-station-challenge{flex-direction:column;align-items:center;gap:16px;display:flex}.example-challenge-prompt{color:var(--text-secondary);font-size:1.1rem}.example-reveal-btn{background:var(--accent);border-radius:var(--radius-lg);color:#fff;cursor:pointer;border:none;padding:14px 28px;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .2s}.example-reveal-btn:hover{opacity:.9}.example-station-revealed{text-align:left;max-width:500px;margin:0 auto}.example-visualization{background:var(--accent-dim);border-left:3px solid var(--accent);border-radius:0 var(--radius)var(--radius)0;margin-bottom:20px;padding:14px 18px}.example-visualization-label{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.75rem;font-weight:600}.example-visualization p{color:var(--text-secondary);margin:0;font-size:.9rem;font-style:italic;line-height:1.6}.example-phrases{flex-direction:column;gap:12px;display:flex}.example-phrase{background:var(--bg);border-radius:var(--radius);padding:14px 18px}.example-phrase-term{margin-bottom:4px;font-size:1.1rem;font-weight:600}.example-phrase-meaning{color:var(--text-secondary);font-size:.9rem}.example-palace-nav{justify-content:space-between;gap:16px;display:flex}.example-nav-btn{border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.example-nav-btn.prev{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.example-nav-btn.prev:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.example-nav-btn.prev:disabled{opacity:.5;cursor:not-allowed}.example-nav-btn.next,.example-nav-btn.finish{background:var(--accent);color:#fff;border:none}.example-nav-btn.next:hover,.example-nav-btn.finish:hover{opacity:.9}.example-palace-overview{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.example-overview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.75rem;font-weight:600}.example-overview-stations{flex-wrap:wrap;gap:8px;display:flex}.example-overview-station{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:6px;padding:8px 12px;transition:all .2s;display:flex}.example-overview-station:hover{border-color:var(--border-hover)}.example-overview-station.active{border-color:var(--accent);background:var(--accent-dim)}.example-overview-station.visited{border-color:var(--correct)}.example-overview-station.visited .example-overview-name{color:var(--correct)}.example-overview-emoji{font-size:1.1rem}.example-overview-name{color:var(--text-secondary);font-size:.8rem;font-weight:500}.example-overview-station.active .example-overview-name{color:var(--accent)}@media(max-width:480px){.stats-row{gap:8px}.stat{padding:12px 8px}.stat-value{font-size:1.25rem}.flashcard-actions{gap:8px}.flashcard-actions.fsrs{grid-template-columns:repeat(2,1fr)}.flashcard-btn{padding:12px 10px;font-size:.85rem}.filters-row{flex-direction:column}.audio-controls,.flashcard-stats{flex-wrap:wrap}.flashcard-stats .stat{min-width:calc(33% - 8px)}}.quiz-mode-selector{gap:12px;margin-bottom:24px;display:flex}.quiz-mode-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;padding:12px 20px;transition:all .2s;display:flex}.quiz-mode-btn:hover{border-color:var(--accent);color:var(--accent)}.quiz-mode-btn.timed{background:linear-gradient(135deg,var(--accent-dim)0%,var(--bg-elevated)100%);border-color:var(--accent);color:var(--accent)}.time-limit-selector{text-align:center;padding:24px 0}.time-limit-header{margin-bottom:32px}.time-limit-icon{color:var(--accent);margin-bottom:16px}.time-limit-header h2{color:var(--text-primary);margin:0 0 8px}.time-limit-header p{color:var(--text-secondary);margin:0}.time-limit-options{flex-direction:column;gap:12px;max-width:400px;margin:0 auto;display:flex}.time-limit-option{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.time-limit-option:hover{border-color:var(--accent);background:var(--accent-dim)}.time-limit-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.time-limit-high-score{align-items:center;gap:6px;font-size:.85rem;display:flex}.high-score-label{color:var(--text-muted)}.high-score-value{color:var(--correct);font-weight:600}.high-score-accuracy{color:var(--text-secondary)}.high-score-date{color:var(--text-muted);font-size:.75rem}.time-limit-no-score{color:var(--text-muted);font-size:.85rem}.quiz-timer{justify-content:center;display:flex}.quiz-timer-ring{width:80px;height:80px;position:relative}.quiz-timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.quiz-timer-bg{color:var(--border)}.quiz-timer-progress{color:var(--accent);transition:stroke-dasharray .3s}.quiz-timer.low .quiz-timer-progress{color:var(--warning,#f59e0b)}.quiz-timer.critical .quiz-timer-progress{color:var(--incorrect)}.quiz-timer.critical .quiz-timer-ring{animation:.5s ease-in-out infinite pulse}.quiz-timer-text{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-timer.low .quiz-timer-text{color:var(--warning,#f59e0b)}.quiz-timer.critical .quiz-timer-text{color:var(--incorrect)}.timed-quiz{flex-direction:column;gap:20px;display:flex}.timed-quiz-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.timed-quiz-stats{gap:16px;display:flex}.timed-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.timed-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.timed-stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.quiz-options.timed .quiz-option{transition:all .15s}.timed-quiz-results{text-align:center;padding:24px 0}.new-high-score-banner{color:#1a1a1a;border-radius:var(--radius);background:linear-gradient(135deg,gold,#ffb800);justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:12px 24px;font-size:1.1rem;font-weight:700;animation:.6s ease-out celebrate;display:flex}@keyframes celebrate{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.timed-results-score{color:var(--accent);margin-bottom:8px;font-size:4rem;font-weight:800;line-height:1}.timed-results-label{color:var(--text-secondary);margin-bottom:24px;font-size:1.1rem}.timed-results-breakdown{justify-content:center;gap:24px;margin-bottom:32px;display:flex}.timed-results-actions{justify-content:center;gap:12px;display:flex}.station-rating{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.station-rating-label{text-align:center;color:var(--text-secondary);margin-bottom:12px;font-size:.9rem}.station-rating-buttons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.station-rating-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .2s;display:flex}.station-rating-btn .rating-label{font-size:.85rem;font-weight:600}.station-rating-btn .rating-interval{color:var(--text-muted);font-size:.75rem}.station-rating-btn.rating-1{border-color:var(--incorrect);color:var(--incorrect)}.station-rating-btn.rating-1:hover{background:#ef44441a}.station-rating-btn.rating-2{border-color:var(--warning,#f59e0b);color:var(--warning,#f59e0b)}.station-rating-btn.rating-2:hover{background:#f59e0b1a}.station-rating-btn.rating-3{border-color:var(--correct);color:var(--correct)}.station-rating-btn.rating-3:hover{background:#22c55e1a}.station-rating-btn.rating-4{border-color:var(--accent);color:var(--accent)}.station-rating-btn.rating-4:hover{background:var(--accent-dim)}.walkthrough-nav-placeholder{width:100px}.palace-detail-header{flex-wrap:wrap;gap:12px;display:flex}.palace-walk-btn.review-due{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.due-badge{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-flex}.walkthrough-summary{text-align:center;padding:24px 0}.summary-header{margin-bottom:24px}.summary-icon{background:var(--correct);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.summary-header h2{color:var(--text-primary);margin:0}.summary-breakdown{justify-content:center;gap:16px;margin-bottom:32px;display:flex}.summary-breakdown-item{border-radius:var(--radius);background:var(--bg-elevated);align-items:center;gap:8px;padding:8px 16px;display:flex}.summary-breakdown-item .breakdown-label{font-weight:500}.summary-breakdown-item .breakdown-count{font-weight:700}.summary-breakdown-item.rating-1{color:var(--incorrect);border:1px solid var(--incorrect)}.summary-breakdown-item.rating-2{color:var(--warning,#f59e0b);border:1px solid var(--warning,#f59e0b)}.summary-breakdown-item.rating-3{color:var(--correct);border:1px solid var(--correct)}.summary-breakdown-item.rating-4{color:var(--accent);border:1px solid var(--accent)}.summary-stations{text-align:left;max-width:400px;margin:0 auto 32px}.summary-stations h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.85rem}.summary-station-list{flex-direction:column;gap:8px;display:flex}.summary-station{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.summary-station-name{color:var(--text-primary);font-weight:500}.summary-station-interval{font-size:.85rem;font-weight:600}.summary-station.rating-1 .summary-station-interval{color:var(--incorrect)}.summary-station.rating-2 .summary-station-interval{color:var(--warning,#f59e0b)}.summary-station.rating-3 .summary-station-interval{color:var(--correct)}.summary-station.rating-4 .summary-station-interval{color:var(--accent)}.summary-done-btn{margin-top:16px}.palace-demo-btn{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;margin-top:12px;padding:12px 24px;transition:all .2s}.palace-demo-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.palace-actions-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.palace-demo-btn-small{background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;padding:12px 20px;transition:all .2s}.palace-demo-btn-small:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:480px){.station-rating-buttons{grid-template-columns:repeat(2,1fr)}.summary-breakdown{flex-wrap:wrap}.timed-quiz-header{flex-direction:column;align-items:stretch}.timed-quiz-stats{justify-content:center}.quiz-timer-ring{width:60px;height:60px}.quiz-timer-text{font-size:1rem}}.action-card.accent-wordlist{border-left-color:#10b981}.action-card.accent-wordlist:hover{background:#10b9810d;border-color:#10b98133}.action-icon.wordlist{color:#10b981}.wordlists-actions{gap:12px;margin-bottom:24px;display:flex}.wordlists-empty{text-align:center;color:var(--text-secondary);padding:60px 24px}.wordlists-empty-icon{color:var(--text-muted);margin-bottom:16px}.wordlists-empty h3{color:var(--text);margin-bottom:8px;font-size:1.125rem}.wordlists-empty p{color:var(--text-muted)}.wordlists-list{flex-direction:column;gap:12px;display:flex}.wordlist-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.wordlist-card:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #0000000d}.wordlist-card-content{flex:1;min-width:0}.wordlist-card-header{align-items:center;gap:12px;margin-bottom:4px;display:flex}.wordlist-card-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.wordlist-card-count{color:var(--text-muted);background:var(--accent-dim);white-space:nowrap;border-radius:12px;padding:2px 8px;font-size:.75rem}.wordlist-card-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:.875rem;display:-webkit-box;overflow:hidden}.wordlist-card-meta{color:var(--text-muted);font-size:.75rem}.wordlist-card-actions{gap:4px;display:flex}.wordlist-card-action{width:36px;height:36px;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.wordlist-card-action:hover{background:var(--bg-hover);color:var(--text)}.wordlist-card-action.delete:hover{color:var(--incorrect)}.delete-confirm{background:var(--incorrect-bg);border-radius:var(--radius);align-items:center;gap:12px;margin-top:8px;padding:12px 16px;display:flex}.delete-confirm.inline{margin-top:0;margin-left:auto}.delete-confirm.phrase{margin-top:8px;margin-left:0}.delete-confirm span{color:var(--text-secondary);flex:1;font-size:.875rem}.wordlist-detail-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.wordlist-detail-actions-left{gap:8px;display:flex}.wordlist-study-buttons{gap:12px;margin-bottom:16px;display:flex}.btn-study{border-radius:var(--radius-lg);flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-weight:600;transition:all .2s;display:flex}.btn-study.flashcards{background:var(--accent);color:#fff;border:none}.btn-study.flashcards:hover:not(:disabled){opacity:.9}.btn-study.quiz{border:2px solid var(--accent);color:var(--accent);background:0 0}.btn-study.quiz:hover:not(:disabled){background:var(--accent-dim)}.btn-study:disabled{opacity:.4;cursor:not-allowed}.wordlist-study-hint{text-align:center;color:var(--text-muted);margin-bottom:20px;font-size:.85rem}.wordlist-phrases-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.wordlist-phrases-header h3{font-size:1rem;font-weight:600}.wordlist-phrases-empty{text-align:center;color:var(--text-muted);background:var(--bg-hover);border-radius:var(--radius-lg);padding:40px 24px}.wordlist-phrases-list{flex-direction:column;gap:8px;display:flex}.phrase-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.phrase-item-content{flex:1;min-width:200px}.phrase-item-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.phrase-item-term{font-weight:600}.phrase-item-tag{text-transform:uppercase;border-radius:3px;padding:2px 6px;font-size:.65rem}.phrase-item-tag.slang{background:var(--tag-slang-bg);color:var(--tag-slang)}.phrase-item-tag.idiom{background:var(--tag-idiom-bg);color:var(--tag-idiom)}.phrase-item-meaning{color:var(--text-secondary);margin-bottom:4px;font-size:.9rem}.phrase-item-example{color:var(--text-muted);margin-bottom:4px;font-size:.85rem;font-style:italic}.phrase-item-regions{color:var(--text-muted);font-size:.75rem}.phrase-item-actions{gap:4px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border:none}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text)}.btn-danger{background:var(--incorrect);color:#fff;border:none}.btn-danger:hover{opacity:.9}.btn-small{padding:6px 12px;font-size:.8rem}.btn-icon{border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.btn-icon:hover{border-color:var(--border-hover);color:var(--text)}.btn-icon.danger:hover{border-color:var(--incorrect);color:var(--incorrect)}.btn-icon.btn-small{width:32px;height:32px}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-label .required{color:var(--incorrect)}.form-label .optional{color:var(--text-muted);font-weight:400}.form-input,.form-textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);padding:12px;font-family:inherit;font-size:.95rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent);outline:none}.form-textarea{resize:vertical;min-height:80px}.form-row{gap:16px;display:flex}.form-row .form-group{flex:1}.type-toggle,.region-toggle{gap:8px;display:flex}.type-btn,.region-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;flex:1;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.type-btn:hover,.region-btn:hover{border-color:var(--border-hover)}.type-btn.active,.region-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.modal-title{margin:0;font-size:1.125rem;font-weight:600}@media(max-width:480px){.wordlists-actions{flex-direction:column}.wordlists-actions .btn{width:100%}.wordlist-card{flex-direction:column;align-items:stretch}.wordlist-card-actions{border-top:1px solid var(--border);justify-content:flex-end;padding-top:12px}.wordlist-study-buttons{flex-direction:column}.form-row{flex-direction:column;gap:0}.delete-confirm.inline{flex-basis:100%;margin-top:8px;margin-left:0}}.dashboard-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}.dashboard-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dashboard-card-title{color:var(--text);font-size:1rem;font-weight:700}.streak-badge{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:flex}.streak-badge svg{fill:#fff}.streak-badge-count{font-size:1rem}.goals-complete-banner{border:1px solid var(--correct);color:var(--correct);border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#2db87a26,#4de8b826);margin-bottom:16px;padding:12px 16px;font-weight:600}.goals-progress{flex-direction:column;gap:12px;display:flex}.goals-progress-item{flex-direction:column;gap:6px;display:flex}.goals-progress-header{justify-content:space-between;align-items:center;display:flex}.goals-progress-label{color:var(--text-secondary);font-size:.875rem}.goals-progress-value{color:var(--text);font-size:.875rem;font-weight:600}.goals-check{color:var(--correct)}.goals-progress-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.goals-progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.goals-progress-fill.complete{background:var(--correct)}.goals-settings-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;font-family:inherit;font-size:.8rem;transition:all .2s;display:flex}.goals-settings-btn:hover{border-color:var(--accent);color:var(--accent)}.goals-editor{padding-top:8px}.goals-editor-divider{background:var(--border);height:1px;margin:16px 0}.dashboard-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dashboard-section-title{color:var(--text);border-bottom:2px solid var(--accent);padding-bottom:6px;font-size:1rem;font-weight:700;display:inline-block}.dashboard-add-btn{background:var(--accent-dim);width:32px;height:32px;color:var(--accent);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.dashboard-add-btn:hover{background:var(--accent);color:#fff}.dashboard-empty-state{text-align:center;padding:20px 0}.dashboard-empty-state p{color:var(--text-muted);margin-bottom:16px;font-size:.9rem}.dashboard-empty-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.dashboard-empty-btn:hover{opacity:.9;transform:translateY(-1px)}.dashboard-list{flex-direction:column;gap:8px;display:flex}.dashboard-list-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.dashboard-list-item:hover{border-color:var(--border-hover)}.dashboard-list-info{cursor:pointer;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dashboard-list-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.dashboard-list-meta{color:var(--text-muted);font-size:.8rem}.dashboard-action-btn{border-radius:var(--radius);cursor:pointer;border:none;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.dashboard-action-btn.study{color:#fff;background:linear-gradient(135deg,#6380f0,#4361ee)}.dashboard-action-btn.study:hover{opacity:.9;transform:translateY(-1px)}.dashboard-action-btn.walk{color:#fff;background:linear-gradient(135deg,#5570f0,#4361ee)}.dashboard-action-btn.walk:hover{opacity:.9;transform:translateY(-1px)}.dashboard-view-all{border:1px dashed var(--border);border-radius:var(--radius);width:100%;color:var(--accent);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:4px;margin-top:12px;padding:10px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.dashboard-view-all:hover{border-color:var(--accent);background:var(--accent-dim)}.dashboard-empty-links{justify-content:center;gap:16px;margin-bottom:16px;display:flex}.dashboard-link-btn{color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-family:inherit;font-size:.85rem;font-weight:600;text-decoration:underline;transition:opacity .2s}.dashboard-link-btn:hover{opacity:.7}.dashboard-section-footer{margin-top:12px}.dashboard-section-footer .dashboard-view-all{margin-top:0}.dashboard-footer-links{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.dashboard-subtle-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.8rem;transition:color .2s}.dashboard-subtle-link:hover{color:var(--accent)}.dashboard-footer-dot{color:var(--text-muted);font-size:.8rem}.courses-section{margin-bottom:8px}.courses-section-title{color:var(--text);border-bottom:2px solid var(--accent);margin-bottom:12px;padding-bottom:6px;padding-left:4px;font-size:1rem;font-weight:700;display:inline-block}.course-card{margin-bottom:12px}.course-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.course-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.course-info{flex:1;min-width:0}.course-title{color:var(--text);margin-bottom:4px;font-size:1.2rem;font-weight:700}.course-subtitle{color:var(--text-muted);font-size:.85rem;line-height:1.3}.course-progress{margin-bottom:16px}.course-progress-stats{align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.course-progress-percent{color:var(--text);font-size:1.1rem;font-weight:700}.course-progress-count{color:var(--text-muted);font-size:.85rem}.course-progress-bar{background:var(--border);border-radius:5px;height:10px;overflow:hidden}.course-progress-fill{border-radius:5px;height:100%;transition:width .3s}.course-actions{gap:8px;display:flex}.course-action-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.course-action-btn:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.course-action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.course-action-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.course-action-btn.learn-new{background:var(--accent);border-color:var(--accent);color:#fff}.course-action-btn.learn-new:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.course-action-btn.review{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.course-action-btn.review:hover:not(:disabled){border-color:var(--accent-hover);background:#4361ee33}.course-action-btn:disabled{opacity:.4;cursor:not-allowed}.course-action-btn .action-count{text-align:center;background:#ffffff40;border-radius:999px;min-width:18px;padding:2px 6px;font-size:.7rem;font-weight:700}.quick-stats-row{gap:12px;padding:16px 0;display:flex}.quick-stat{text-align:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;padding:16px 12px}.quick-stat-value{margin-bottom:4px;font-size:1.5rem;font-weight:800;display:block}.quick-stat-value.accent{color:var(--accent)}.quick-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600}@media(max-width:480px){.course-actions{flex-wrap:wrap}.course-action-btn{flex:calc(50% - 4px);min-width:calc(50% - 4px)}}.flashcard-tag.phrasal-verb,.entry-type.phrasal-verb{color:var(--accent);background:#4361ee1f}@media(max-width:480px){.quick-stats-row{flex-wrap:wrap}.quick-stat{flex:calc(50% - 6px)}.quick-stat:last-child{flex:100%}}.translate-quiz{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.translate-quiz-prompt{color:var(--text-secondary);text-align:center;margin-bottom:16px;font-size:1rem}.translate-quiz-sentence{text-align:center;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:24px;padding:20px;font-size:1.2rem;font-weight:500;line-height:1.5}.translate-quiz-options{flex-direction:column;gap:10px;display:flex}.translate-option{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .2s;display:flex}.translate-option:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-hover)}.translate-option:disabled{cursor:default}.translate-option.correct{border-color:var(--correct);background:var(--correct-bg);color:var(--correct)}.translate-option.incorrect{border-color:var(--incorrect);background:var(--incorrect-bg);color:var(--incorrect)}.translate-option-number{background:var(--bg-elevated);border-radius:50%;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:.875rem;font-weight:600;display:flex}.translate-option-text{flex:1;line-height:1.4}.translate-option-check{color:var(--correct);font-weight:700}.translate-dont-know{border:1px dashed var(--border);border-radius:var(--radius);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;margin-top:16px;padding:12px;font-family:inherit;font-size:.9rem;transition:all .2s;display:block}.translate-dont-know:hover{border-color:var(--border-hover);color:var(--text-secondary)}.translate-feedback{border-radius:var(--radius);text-align:center;margin-top:20px;padding:20px}.translate-feedback.correct{background:var(--correct-bg);border:1px solid var(--correct)}.translate-feedback.incorrect{background:var(--incorrect-bg);border:1px solid var(--incorrect)}.translate-feedback-title{margin-bottom:12px;font-size:1.25rem;font-weight:600}.translate-feedback.correct .translate-feedback-title{color:var(--correct)}.translate-feedback.incorrect .translate-feedback-title{color:var(--incorrect)}.translate-feedback-term{margin-bottom:8px;font-size:1.1rem}.translate-feedback-meaning{color:var(--text-secondary);margin-bottom:8px;font-size:.95rem}.translate-feedback-meaning-native{color:var(--text-secondary);opacity:.85;background:var(--bg-secondary);border-left:3px solid var(--accent);border-radius:6px;margin-bottom:20px;padding:8px 12px;font-size:.9rem}.translate-quiz-unavailable{text-align:center;color:var(--text-secondary);padding:40px 20px}.translate-quiz-unavailable p{margin-bottom:20px}.flashcard-stats .language-selector{flex-direction:column;align-items:center;width:100%;display:flex}.flashcard-stats .language-selector .language-select-btn{padding:4px 8px;font-size:.8rem}.flashcard-stats .language-selector .language-selector-header{width:100%}.container:has(.home-page){max-width:100%;padding:0}.home-page{color:#fff;background:#121212;flex-direction:column;gap:14px;min-height:calc(100vh - 90px);padding:14px 16px 16px;display:flex}.goals-bar{color:#000;background:#fff;border:3px solid #000;align-items:center;gap:12px;padding:8px 14px;display:flex;box-shadow:4px 4px #000}.goals-bar.complete{border-color:var(--accent);box-shadow:4px 4px 0 var(--accent)}.goals-bar-streak{color:#ff6b35;flex-shrink:0;align-items:center;gap:4px;display:flex}.goals-bar-streak svg{animation:1.5s ease-in-out infinite flame-flicker}@keyframes flame-flicker{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-3deg)}75%{transform:scale(1.05)rotate(2deg)}}.goals-bar-streak span{color:#000;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:1.1rem;font-weight:800}.goals-bar-meters{flex-direction:column;flex:1;gap:5px;display:flex}.goals-bar-meter{align-items:center;gap:8px;display:flex}.goals-bar-label{letter-spacing:.1em;color:#666;flex-shrink:0;width:28px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.6rem;font-weight:700}.goals-bar-track{background:#e0e0e0;border:2px solid #000;flex:1;height:8px}.goals-bar-fill{background:#000;height:100%;transition:width .3s}.goals-bar-fill.accent{background:var(--accent)}.goals-bar-count{color:#000;text-align:right;min-width:36px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.65rem;font-weight:700}.goals-bar-check{color:#137333;flex-shrink:0;font-size:1.1rem;font-weight:800}.goals-bar-gear{color:#000;cursor:pointer;background:0 0;border:2px solid #000;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .1s;display:flex}.goals-bar-gear:hover{color:#fff;background:#000}.goals-editor-overlay{z-index:300;background:#000000b3;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.goals-editor-brutal{color:#000;background:#fff;border:4px solid #000;width:100%;max-width:400px;padding:24px;box-shadow:8px 8px #000}.goals-editor-brutal .goals-editor-title{letter-spacing:.08em;color:#000;margin-bottom:20px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:1rem;font-weight:800}.goals-editor-brutal .goals-editor-section{margin-bottom:16px}.goals-editor-brutal .goals-editor-label{letter-spacing:.1em;color:#666;margin-bottom:8px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.7rem;font-weight:700;display:block}.goals-editor-brutal .goals-editor-options{gap:6px;display:flex}.goals-editor-brutal .goals-option{color:#000;cursor:pointer;text-align:center;background:#fff;border:2px solid #000;flex:1;padding:8px 4px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem;font-weight:700;transition:all .1s}.goals-editor-brutal .goals-option:hover{background:#f0f0f0}.goals-editor-brutal .goals-option.selected{background:var(--accent);border-color:var(--accent);color:#fff}.goals-editor-brutal .goals-editor-actions{gap:8px;margin-top:20px;display:flex}.goals-editor-brutal .goals-btn{letter-spacing:.05em;cursor:pointer;flex:1;padding:10px 16px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem;font-weight:700;transition:all .1s}.goals-editor-brutal .goals-btn.save{color:#fff;background:#000;border:3px solid #000}.goals-editor-brutal .goals-btn.save:hover{background:var(--accent);border-color:var(--accent)}.goals-editor-brutal .goals-btn.cancel{color:#000;background:#fff;border:3px solid #000}.goals-editor-brutal .goals-btn.cancel:hover{background:#f0f0f0}.goals-editor-brutal .goals-editor-divider{background:#000;height:3px;margin:20px 0}.courses-grid{flex:1;grid-template-columns:1fr 1fr;gap:12px;display:grid}.course-card{color:#000;background:#fff;border:3px solid #000;flex-direction:column;gap:10px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:5px 5px #000}.course-card:hover{transform:translateY(-4px);box-shadow:5px 9px #000}.card-cover-thumb{object-fit:cover;border:2px solid #000;flex-shrink:0;width:48px;height:48px}.course-card.selected{border-color:var(--accent);box-shadow:5px 5px 0 var(--accent)}.course-card.selected:hover{box-shadow:5px 9px 0 var(--accent)}.card-header{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;display:flex}.card-header .card-title{flex:1}.card-title{letter-spacing:.06em;color:#000;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:1.1rem;font-weight:800;line-height:1.2}.course-card.selected .card-title{color:var(--accent)}.card-pct{color:#000;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:1.3rem;font-weight:900}.course-card.selected .card-pct{color:var(--accent)}.card-progress{width:100%}.card-bar{background:#e0e0e0;border:2px solid #000;width:100%;height:10px}.card-fill{background:#000;height:100%;transition:width .3s}.course-card.selected .card-fill{background:var(--accent)}.card-stats{justify-content:space-between;align-items:center;display:flex}.card-learned{color:#888;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;font-weight:600}.card-badges{gap:6px;display:flex}.card-badge{letter-spacing:.03em;padding:2px 6px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.65rem;font-weight:700}.card-badge.due{background:var(--accent);color:#fff}.card-badge.new{color:#fff;background:#000}.card-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:2px;display:grid}.card-action-btn{letter-spacing:.06em;cursor:pointer;color:#000;background:#fff;border:2px solid #000;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.7rem;font-weight:700;transition:all .1s;display:flex}.card-action-btn:hover{color:#fff;background:#000}.card-action-btn:active{transform:translate(1px,1px)}.card-action-btn:disabled{opacity:.35;cursor:not-allowed}.card-action-btn:disabled:hover{color:#000;background:#fff}.card-actions-3{grid-template-columns:1fr 1fr 1fr}.course-card.selected .card-action-btn.learn,.course-card.selected .card-action-btn.review{border-color:var(--accent)}.course-card.selected .card-action-btn.learn:hover,.course-card.selected .card-action-btn.review:hover{background:var(--accent);border-color:var(--accent);color:#fff}.action-count{background:var(--accent);color:#fff;text-align:center;min-width:18px;padding:1px 5px;font-size:.6rem;font-weight:800}@media(min-width:768px){.courses-grid{grid-template-columns:1fr 1fr 1fr}.card-title{font-size:1.25rem}.card-pct{font-size:1.5rem}}@media(min-width:1200px){.courses-grid{grid-template-columns:1fr 1fr 1fr;gap:16px}.course-card{padding:20px}.card-title{font-size:1.4rem}.card-action-btn{padding:10px 6px;font-size:.75rem}}.palace-home-card{color:#000;width:100%;font-family:var(--mono);cursor:pointer;text-align:left;background:#fff;border:4px solid #000;align-items:center;gap:14px;padding:16px 20px;transition:all .1s;display:flex;box-shadow:6px 6px #000}.palace-home-card:hover{transform:translate(2px,2px);box-shadow:4px 4px #000}.palace-home-card:active{transform:translate(4px,4px);box-shadow:2px 2px #000}.palace-home-icon{color:#000;flex-shrink:0}.palace-home-text{flex-direction:column;flex:1;gap:2px;display:flex}.palace-home-title{letter-spacing:.08em;font-size:.85rem;font-weight:800}.palace-home-desc{color:#555;letter-spacing:.02em;font-size:.7rem;font-weight:500}.palace-home-arrow{color:#000;flex-shrink:0}.browse-mode{color:#e8eaed;background:#121212;max-width:100%;padding:0 16px 24px}.browse-mode .page-header{border-bottom:none}.browse-mode .page-title{font-family:var(--mono);color:#fff}.browse-mode .page-subtitle{color:#999}.browse-mode .back-btn{font-family:var(--mono);color:#fff}.browse-mode .category-chip{color:#000;font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0;font-weight:700}.browse-mode .category-chip:hover{color:#fff;background:#000}.browse-mode .category-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.browse-mode .chapter-card{color:#000;background:#fff;border:4px solid #000;border-radius:0;transition:all .1s;box-shadow:6px 6px #000}.browse-mode .chapter-card:hover{transform:translate(2px,2px);box-shadow:4px 4px #000}.browse-mode .chapter-number{font-family:var(--mono);color:var(--accent);font-weight:700}.browse-mode .chapter-name{font-family:var(--mono);color:#000;font-weight:800}.browse-mode .chapter-desc{color:#555}.browse-mode .chapter-count{font-family:var(--mono);color:#000;font-weight:700}.browse-mode .chapter-progress-bar{background:#e0e0e0;border:2px solid #000;border-radius:0;height:8px}.browse-mode .chapter-progress-fill{background:#000}.browse-mode .chapter-intro{color:#000;background:#fff;border:4px solid #000;border-radius:0;margin-bottom:28px;padding:28px;box-shadow:8px 8px #000}.browse-mode .chapter-intro p{color:#333;font-size:.95rem;line-height:1.75}.browse-mode .stats-row{gap:16px;padding:0 0 28px}.browse-mode .stats-row .stat{background:#fff;border:4px solid #000;border-radius:0;padding:20px 12px;transition:all .1s;box-shadow:6px 6px #000}.browse-mode .stats-row .stat:hover{transform:translate(2px,2px);box-shadow:4px 4px #000}.browse-mode .stat-value{font-family:var(--mono);color:#000;font-size:2rem;font-weight:800}.browse-mode .stat-value.accent{color:var(--accent)}.browse-mode .stat-label{font-family:var(--mono);color:#000;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:700}.browse-mode .entry{color:#000;background:#fff;border:4px solid #000;border-radius:0;transition:all .1s;box-shadow:6px 6px #000}.browse-mode .entry:hover{border-color:#000;transform:translate(2px,2px);box-shadow:4px 4px #000}.browse-mode .entry-term{font-family:var(--mono);font-weight:800}.browse-mode .entry-type{font-family:var(--mono);color:#fff;letter-spacing:.08em;background:#000;border:2px solid #000;border-radius:0;padding:4px 10px;font-size:.6rem;font-weight:700}.browse-mode .entry-type.slang,.browse-mode .entry-type.idiom,.browse-mode .entry-type.phrasal-verb,.browse-mode .entry-type.grammar,.browse-mode .entry-type.vocabulary{color:#fff;background:#000}.browse-mode .entry-preview{color:#333}.browse-mode .entry-region{font-family:var(--mono);color:#888}.browse-mode .entry-toggle{color:#000}.browse-mode .entry-details{color:#000;border-top:4px solid #000}.browse-mode .detail-label{font-family:var(--mono);color:#000;font-weight:700}.browse-mode .detail-content{color:#333}.browse-mode .example-item{color:#333;border-left:4px solid #000}.browse-mode .example-quote{border-left:4px solid #000}.browse-mode .extended-meaning{color:#000;background:#f5f5f5;border:3px solid #000;border-radius:0;box-shadow:3px 3px #000}.browse-mode .story-section{border:none;border-left:6px solid var(--accent);background:#f5f5f5;border-radius:0}.browse-mode .usage-guide{background:#f5f5f5;border:3px solid #000;border-radius:0;box-shadow:3px 3px #000}.browse-mode .usage-item-label{font-family:var(--mono)}.browse-mode .formality-badge{font-family:var(--mono);border:1px solid #000;border-radius:0}.browse-mode .do-list{background:#ecfdf5;border:2px solid #10b981;border-radius:0}.browse-mode .dont-list{background:#fff1f2;border:2px solid #e11d48;border-radius:0}.browse-mode .do-list-title,.browse-mode .dont-list-title{font-family:var(--mono)}.browse-mode .common-mistakes{background:#fbbf241a;border:2px solid #f59e0b;border-radius:0}.browse-mode .cultural-context{background:#f5f5f5;border:2px solid #000;border-radius:0}.browse-mode .cultural-item-label{font-family:var(--mono)}.browse-mode .related-phrase-chip{font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0}.browse-mode .related-phrase-chip:hover{color:#fff;background:#000}.browse-mode .variation-chip{border:2px solid var(--accent);font-family:var(--mono);background:0 0;border-radius:0}.browse-mode .pronunciation,.browse-mode .commonality-badge{font-family:var(--mono);border-radius:0}.browse-mode .notes-section{background:#f5f5f5;border:2px solid #000;border-radius:0}.browse-mode .notes-textarea{border:2px solid #000;border-radius:0}.browse-mode .notes-btn.save{color:#fff;font-family:var(--mono);background:#000;border:2px solid #000;border-radius:0}.browse-mode .notes-btn.cancel{font-family:var(--mono);border:2px solid #000;border-radius:0}.browse-mode .notes-btn.delete{font-family:var(--mono);border:2px solid #e11d48;border-radius:0}.browse-mode .notes-toggle{font-family:var(--mono);font-weight:700}.browse-mode .notes-label{font-family:var(--mono)}.browse-mode .audio-controls{flex-wrap:wrap}.browse-mode .audio-buttons{flex-basis:100%;gap:8px;margin-top:4px;display:flex}.browse-mode .audio-btn{font-family:var(--mono);color:#000;background:#fff;border:2px solid #000;border-radius:0}.browse-mode .audio-btn:hover{color:#fff;background:#000}.browse-mode .region-toggle{border:2px solid #000;border-radius:0}.browse-mode .gender-btn{font-family:var(--mono);border:2px solid #000;border-radius:0}.browse-mode .gender-btn.active{color:#fff;background:#000}.browse-mode .favorite-btn,.browse-mode .known-btn,.browse-mode .ignore-btn{border-radius:0}.browse-mode .ignore-btn.ignored{color:#fff;background:#000;border-color:#000}.browse-mode .bulk-ignore-bar{background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.browse-mode .bulk-ignore-btn{font-family:var(--mono);border:2px solid #000;border-radius:0}.browse-mode .bulk-ignore-btn:hover{color:#fff;background:#000}.browse-mode .search-input{font-family:var(--mono);color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.browse-mode .search-input:focus{box-shadow:4px 4px 0 var(--accent);border-color:var(--accent)}.browse-mode .search-icon,.browse-mode .search-clear{color:#000}.browse-mode .search-history-dropdown{background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.browse-mode .search-history-item{color:#000}.browse-mode .search-history-item:hover{background:#f5f5f5}.browse-mode .select-trigger{color:#000;font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0;font-size:.8rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #000}.browse-mode .select-trigger:hover{background:#fff;transform:translateY(-1px);box-shadow:3px 4px #000}.browse-mode .select-trigger.active{color:#fff;background:#000;border-color:#000;transform:none;box-shadow:3px 3px #000}.browse-mode .select-trigger.active .select-arrow{color:#fff}.browse-mode .select-dropdown{background:#fff;border:2px solid #000;border-radius:0;box-shadow:4px 4px #000}.browse-mode .select-option{color:#000;font-family:var(--mono);border-bottom:1px solid #eee;font-size:.8rem;font-weight:600}.browse-mode .select-option:last-child{border-bottom:none}.browse-mode .select-option:hover{color:#fff;background:#000}.browse-mode .select-option.selected{color:#fff;background:#000;font-weight:800}.browse-mode .word-row{background:#fff;border:3px solid #000;border-radius:0;box-shadow:3px 3px #000}.browse-mode .word-row:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.browse-mode .word-row-term{font-family:var(--mono);color:#000;font-weight:800}.browse-mode .word-row-meaning{font-family:var(--mono);color:#555}.browse-mode .word-list-summary{color:#999}.browse-mode .chapter-wordlist-link,.browse-mode .chapter-ignore-btn{color:#000;background:#fff;border:2px solid #000;border-radius:0}.browse-mode .chapter-wordlist-link:hover,.browse-mode .chapter-ignore-btn:hover{color:#fff;background:#000;border-color:#000}.browse-mode .chapter-ignore-btn.ignored{color:#fff;background:#000}.session-mode{--bg:#1a1a1a;--bg-elevated:#fff;--bg-hover:#f0f0f0;--bg-dropdown:#fff;--bg-notes:#f5f5f5;--bg-card:#fff;--border:#000;--border-hover:#000;--text:#000;--text-secondary:#555;--text-muted:#888;--accent:#4361ee;--accent-hover:#3451de;--accent-dim:#4361ee1a;--accent-glow:#4361ee26;--correct:#10b981;--correct-bg:#ecfdf5;--incorrect:#e11d48;--incorrect-bg:#fff1f2;--mono:"SF Mono","Fira Code","Cascadia Code",Consolas,monospace;color:#e8eaed;background:#121212;max-width:100%;padding:0 16px 8px}.session-mode .flashcard,.session-mode .listening-quiz,.session-mode .fill-blank,.session-mode .fill-blank-quiz,.session-mode .cloze-typing,.session-mode .translate-quiz,.session-mode .reverse-card,.session-mode .quiz-question,.session-mode .grammar-judgment,.session-mode .grammar-pair-choice,.session-mode .grammar-explain,.session-mode .sentence-builder{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.session-mode .flashcard{border-top:5px solid #4361ee}.session-mode .listening-quiz{border-top:5px solid #8b5cf6}.session-mode .fill-blank,.session-mode .fill-blank-quiz{border-top:5px solid #f59e0b}.session-mode .cloze-typing{border-top:5px solid #06b6d4}.session-mode .reverse-card{border-top:5px solid #14b8a6}.session-mode .translate-quiz{border-top:5px solid #f43f5e}.session-mode .quiz-question{border-top:5px solid #f97316}.session-mode .grammar-judgment,.session-mode .grammar-pair-choice,.session-mode .grammar-explain{border-top:5px solid #8b5cf6}.session-mode .sentence-builder{border-top:5px solid #06b6d4}.session-mode .quiz-phrase{color:#000}.session-mode .fill-blank-sentence,.session-mode .cloze-sentence,.session-mode .translate-quiz-sentence{box-shadow:none;color:#000;background:#f5f5f5;border:2px solid #000;border-radius:0}.session-mode .flashcard-progress{background:#333;border:2px solid #000;border-radius:0}.session-mode .flashcard-front,.session-mode .flashcard-back{color:#000;background:#fff;border-color:#000;border-radius:0}.session-mode .flashcard-phrase{color:#000}.session-mode .flashcard-meaning{color:#333}.session-mode .flashcard-back .flashcard-meaning{color:#000;background:#f5f5f5;border:2px solid #000;border-radius:0}.session-mode .listening-feedback,.session-mode .fill-blank-feedback,.session-mode .cloze-feedback,.session-mode .translate-feedback,.session-mode .quiz-feedback{background:#fff;border:2px solid #000;border-radius:0;box-shadow:3px 3px #000}.session-mode .listening-feedback.correct,.session-mode .fill-blank-feedback.correct,.session-mode .cloze-feedback.correct,.session-mode .translate-feedback.correct,.session-mode .quiz-feedback.correct{color:#000;background:#fff;border-left:5px solid #10b981}.session-mode .listening-feedback.incorrect,.session-mode .fill-blank-feedback.incorrect,.session-mode .cloze-feedback.incorrect,.session-mode .translate-feedback.incorrect,.session-mode .quiz-feedback.incorrect{color:#000;background:#fff;border-left:5px solid #e11d48}.session-mode .listening-feedback-title,.session-mode .fill-blank-feedback-title,.session-mode .cloze-feedback-title,.session-mode .translate-feedback-title,.session-mode .quiz-feedback-title{color:inherit}.session-mode .listening-feedback-phrase,.session-mode .fill-blank-term,.session-mode .cloze-answer-term,.session-mode .translate-feedback-term{color:#000}.session-mode .listening-feedback-meaning,.session-mode .fill-blank-meaning,.session-mode .cloze-answer-meaning,.session-mode .translate-feedback-meaning,.session-mode .quiz-feedback-text{color:#333}.session-mode .timed-stat-value{color:#fff;font-family:var(--mono);font-weight:800}.session-mode .timed-stat-label{color:#999;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.session-mode .quiz-timer-bg{color:#333}.session-mode .quiz-timer-text{color:#fff;font-family:var(--mono)}.session-mode .quiz-mode-btn{color:#000;font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0;font-weight:700;box-shadow:3px 3px #000}.session-mode .quiz-mode-btn.active,.session-mode .quiz-mode-btn.timed{color:#fff;background:#000;border:2px solid #000;box-shadow:3px 3px #f97316}.session-mode .time-limit-header p{color:#999}.session-mode .time-limit-option{color:#000;font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0;box-shadow:3px 3px #000}.session-mode .time-limit-option:hover{color:#fff;background:#000;box-shadow:3px 3px #f97316}.session-mode .time-limit-value{color:inherit}.session-mode .time-limit-no-score{color:#888}.session-mode .gender-toggle{border-color:#000}.session-mode .gender-btn{color:#000;font-family:var(--mono);background:#fff;border-color:#000;border-radius:0;font-weight:700}.session-mode .gender-btn:hover{background:#f0f0f0}.session-mode .gender-btn.active{color:#fff;background:#000}.session-mode .flashcard-stats .stat{color:#000;background:#fff;border:2px solid #000;border-radius:0;box-shadow:3px 3px #000}.session-mode .flashcard-stats .stat-value{color:#000;font-family:var(--mono);font-weight:800}.session-mode .flashcard-stats .stat-label{color:#555;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}.session-mode .learn-progress-text{color:#fff;font-size:.8rem;font-weight:700;font-family:var(--mono)}.session-mode .learn-progress{background:#1a1a1a;border:2px solid #333;border-radius:0}.session-mode .learn-progress-dot{border-radius:0}.session-mode .learn-progress-dot.pending{background:#444}.session-mode .learn-progress-dot.current{box-shadow:0 0 0 3px #4361ee66}.session-mode .learn-progress-dot.completed{box-shadow:none}.session-mode .mode-selector{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.session-mode .mode-selector-title{font-family:var(--mono);color:#000;font-weight:800}.session-mode .mode-selector-subtitle{color:#555}.session-mode .mode-selector-section{color:#000;font-family:var(--mono)}.session-mode .mode-option{color:#000;background:#f5f5f5;border:2px solid #000;border-radius:0}.session-mode .mode-option:hover{background:#e8e8e8}.session-mode .mode-option.selected{color:#fff;background:#4361ee;border-color:#000}.session-mode .mode-option.selected .mode-option-label{color:#fff}.session-mode .mode-option.selected .mode-option-desc{color:#fffc}.session-mode .mode-option.auto-selected{background:#e0e7ff;border-color:#4361ee}.session-mode .mode-option.auto-selected .mode-option-label{color:#1a1a8a}.session-mode .mode-option.auto-selected .mode-option-desc{color:#4a4a9a}.session-mode .mode-option-label{font-family:var(--mono);color:#000;font-weight:700}.session-mode .mode-option-desc{color:#333}.session-mode .auto-toggle{color:#000;background:#f5f5f5;border:2px solid #000;border-radius:0}.session-mode .auto-toggle-label{color:#000;font-family:var(--mono);font-weight:700}.session-mode .auto-toggle-desc{color:#555}.session-mode .mode-start-btn{color:#fff;font-family:var(--mono);background:#000;border:2px solid #000;border-radius:0;font-weight:700;box-shadow:4px 4px #4361ee}.session-mode .mode-start-btn:hover{opacity:1;background:#4361ee;box-shadow:4px 4px #000}.session-mode .back-link{color:#fff}.session-mode .back-btn{color:#fff;font-family:var(--mono);letter-spacing:.02em;font-size:.9rem;font-weight:700}.session-mode .mnemonic-display{color:#333}.session-mode .fill-blank-meaning-label{color:#000}.session-mode .listening-option,.session-mode .quiz-option,.session-mode .translate-option,.session-mode .fill-blank-option{color:#000;font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0;font-weight:600;transition:transform .1s,box-shadow .1s,background .1s;box-shadow:3px 3px #000}.session-mode .listening-option.correct,.session-mode .quiz-option.correct,.session-mode .translate-option.correct,.session-mode .fill-blank-option.correct{color:#047857;background:#ecfdf5;border-color:#10b981;font-weight:700;box-shadow:3px 3px #10b981}.session-mode .listening-option.incorrect,.session-mode .quiz-option.incorrect,.session-mode .translate-option.incorrect,.session-mode .fill-blank-option.incorrect{color:#be123c;background:#fff1f2;border-color:#e11d48;font-weight:700;box-shadow:3px 3px #e11d48}.session-mode .quiz-option.show-correct{color:#047857;background:#ecfdf5;border-color:#10b981;font-weight:700;box-shadow:3px 3px #10b981}.session-mode .flashcard-btn{font-family:var(--mono);border:2px solid #000;border-radius:0;font-weight:700;box-shadow:3px 3px #000}.session-mode .flashcard-btn.again,.session-mode .flashcard-btn.hard,.session-mode .flashcard-btn.good,.session-mode .flashcard-btn.easy{color:#000;background:#fff;border-color:#000;box-shadow:3px 3px #000}.session-mode .flashcard-btn.again:hover,.session-mode .flashcard-btn.hard:hover,.session-mode .flashcard-btn.good:hover,.session-mode .flashcard-btn.easy:hover{color:#fff;background:#000;border-color:#fff;box-shadow:3px 3px #fff}.session-mode .flashcard-btn:focus-visible{outline-offset:2px;outline:2px solid #000}.session-mode .learn-btn{font-family:var(--mono);border:2px solid #000;border-radius:0;font-weight:700;box-shadow:3px 3px #000}.session-mode .learn-btn.correct,.session-mode .learn-btn.wrong{color:#000;background:#fff;border-color:#000;box-shadow:3px 3px #000}.session-mode .learn-btn.correct:hover,.session-mode .learn-btn.wrong:hover{color:#fff;background:#000;border-color:#fff;box-shadow:3px 3px #fff}.session-mode .learn-card{background:#fff;border:3px solid #000;border-top:5px solid #4361ee;border-radius:0;box-shadow:4px 4px #000}.session-mode .learn-card-step{color:#000;font-family:var(--mono);background:#f5f5f5;border:1px solid #000;border-radius:0;font-size:.7rem;font-weight:700}.session-mode .learn-example,.session-mode .learn-presentation-example{color:#333;background:#f5f5f5;border:2px solid #000;border-radius:0}.session-mode .learn-presentation{background:#fff;border:3px solid #000;border-top:5px solid #4361ee;border-radius:0;padding:2rem 1.5rem;box-shadow:4px 4px #000}.session-mode .learn-presentation-label{color:#fff;background:#000;border-color:#000}.session-mode .learn-presentation-term{color:#000;font-size:2.75rem}.session-mode .learn-presentation-meaning{color:#555;font-size:1.4rem;line-height:1.5}.session-mode .learn-presentation-example{font-size:1.25rem}.session-mode .learn-session-stats{box-shadow:4px 4px #000;background:#fff!important;border:3px solid #000!important;border-radius:0!important}.session-mode .learn-session-stats .learn-stat{background:#f5f5f5;border:2px solid #000;border-radius:0}.session-mode .learn-session-stats .learn-stat:first-child{background:#ecfdf5!important;border:2px solid #10b981!important}.session-mode .learn-session-stats .learn-stat:last-child{background:#e8f0fe!important;border:2px solid #4361ee!important}.session-mode .learn-session-stats .learn-stat-value{color:#000;font-family:var(--mono);font-size:1.6rem;font-weight:800}.session-mode .learn-session-stats .learn-stat-label{color:#555;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.session-mode .session-size-selector{color:#ccc}.session-mode .session-size-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.session-mode .session-size-btn{color:#000;font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0;font-weight:800;box-shadow:3px 3px #000}.session-mode .session-size-btn:hover:not(.disabled){background:#f0f0f0}.session-mode .session-size-btn.active{color:#fff;background:#000;box-shadow:3px 3px #4361ee}.session-mode .page-header{padding:4px 0 2px}.session-mode .page-header .page-title,.session-mode .page-header .page-subtitle{display:none}.session-mode .flashcard-stats{gap:4px;padding-bottom:6px}.session-mode .flashcard-stats .stat{background:#fff;border:2px solid #fff;border-radius:0;padding:8px 6px;box-shadow:4px 4px #ffffff4d}.session-mode .flashcard-stats .stat:first-child .stat-value,.session-mode .flashcard-stats .stat:nth-child(2) .stat-value,.session-mode .flashcard-stats .stat:nth-child(3) .stat-value,.session-mode .flashcard-stats .stat:nth-child(4) .stat-value,.session-mode .flashcard-stats .stat:nth-child(5) .stat-value{color:#000}.session-mode .flashcard-stats .stat-value{font-size:.95rem;font-weight:800;font-family:var(--mono);color:#000;margin-bottom:1px}.session-mode .flashcard-stats .stat-label{font-size:.55rem;font-family:var(--mono);color:#555;text-transform:uppercase;letter-spacing:.08em}@media(min-width:768px){.session-mode:has(.flashcard-stats){grid-template-columns:minmax(0,1fr) 140px;align-items:start;gap:0 20px;max-width:1100px;margin:0 auto;display:grid}.session-mode:has(.flashcard-stats) .page-header{display:none}.session-mode .flashcard-container{grid-area:1/1/3}.session-mode .flashcard-stats{flex-direction:column;grid-area:1/2/3;gap:8px;padding:0;position:sticky;top:72px}.session-mode:not(:has(.flashcard-stats)){max-width:1100px;margin:0 auto}.session-mode .mode-selector{max-width:600px;margin:0 auto}.session-mode .flashcard-stats .stat{background:#fff;border:2px solid #fff;border-radius:0;padding:12px 8px;box-shadow:4px 4px #ffffff4d}.session-mode .flashcard-stats .stat:first-child .stat-value,.session-mode .flashcard-stats .stat:nth-child(2) .stat-value,.session-mode .flashcard-stats .stat:nth-child(3) .stat-value,.session-mode .flashcard-stats .stat:nth-child(4) .stat-value,.session-mode .flashcard-stats .stat:nth-child(5) .stat-value{color:#000}.session-mode .flashcard-stats .stat-value{font-size:1.3rem;font-weight:800;font-family:var(--mono)}.session-mode .flashcard-stats .stat-label{font-size:.55rem;font-family:var(--mono);color:#555;text-transform:uppercase;letter-spacing:.08em}.session-mode .flashcard-stats .language-selector{background:#fff;border:2px solid #000;border-radius:0;width:100%}.session-mode .flashcard-stats .language-select-btn{width:100%;font-size:.7rem;font-family:var(--mono);padding:4px 2px}}.session-mode .flashcard-progress{background:#333;border:2px solid #000;border-radius:0;height:10px;margin-bottom:12px}.session-mode .flashcard-progress>div{border-radius:0}.session-mode .learning-view{gap:8px}.session-mode .learning-badge{font-size:.7rem;font-family:var(--mono);border:1px solid #000;border-radius:0;padding:3px 8px;font-weight:700}.session-mode .learning-card{color:#000;background:#fff;border:3px solid #000;border-radius:0;padding:14px;box-shadow:4px 4px #000}.session-mode .learning-term{font-size:1.5rem;font-family:var(--mono);color:#000;margin:12px 0 8px;font-weight:800}.session-mode .learning-meaning{font-size:.95rem;font-family:var(--mono);color:#000;margin-bottom:4px;font-weight:600}.session-mode .learning-extended{font-size:.8rem;font-family:var(--mono);color:#444;margin-bottom:8px}.session-mode .learning-label{font-family:var(--mono);color:#000;letter-spacing:.1em;font-weight:800}.session-mode .learning-example{font-family:var(--mono);color:#333;border-left-color:#000}.session-mode .learning-origin{font-family:var(--mono);color:#333}.session-mode .learning-section{border-color:#000;margin-top:8px;padding-top:8px}.session-mode .learning-meta{font-family:var(--mono)}.session-mode .learning-region{font-family:var(--mono);color:#000;font-weight:700}.session-mode .formality-badge{font-family:var(--mono);color:#000;background:#f5f5f5;border:1px solid #000;border-radius:0;font-weight:700}.session-mode .flashcard-tag{font-family:var(--mono);color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#000;border:1px solid #000;border-radius:0;font-weight:700}.session-mode .learning-continue-btn{color:#fff;font-size:.9rem;font-family:var(--mono);background:#000;border:2px solid #000;border-radius:0;padding:12px 20px;font-weight:700;box-shadow:3px 3px #4361ee}.session-mode .learning-continue-btn:hover{background:#4361ee;box-shadow:3px 3px #000}.session-mode .listening-quiz-audio{flex-direction:row;justify-content:center;align-items:center;gap:12px;margin-bottom:10px;padding:4px 0}.session-mode .listening-play-btn{color:#fff;background:#000;border:2px solid #000;border-radius:0;width:56px;height:56px;box-shadow:3px 3px #8b5cf6}.session-mode .listening-play-btn:hover{background:#8b5cf6;box-shadow:3px 3px #000}.session-mode .listening-play-btn svg{width:22px;height:22px}.session-mode .listening-play-label{font-size:1.1rem;font-family:var(--mono);color:#000;font-weight:600}.session-mode .listening-quiz-prompt,.session-mode .fill-blank-prompt,.session-mode .translate-quiz-prompt{color:#000;font-size:1.75rem;font-weight:700;font-family:var(--mono);margin-bottom:16px}.session-mode .fill-blank-meaning{color:#222;font-size:1.15rem;font-weight:500}.session-mode .fill-blank-meaning-label{color:#000;font-weight:800}.session-mode .listening-quiz-options{flex:1;grid-template-columns:1fr 1fr;gap:14px;display:grid}.session-mode .listening-option{border-width:2px;border-radius:0;align-items:flex-start;gap:10px;min-height:0;padding:20px 18px;font-size:1.25rem;font-weight:600;line-height:1.4}.session-mode .listening-option-letter{display:none}.session-mode .listening-option-text{overflow:visible}.session-mode .listening-option.correct{color:#047857;background:#ecfdf5;border-color:#10b981;font-weight:700;box-shadow:3px 3px #10b981}.session-mode .listening-option.correct .listening-option-check{color:#047857}.session-mode .listening-option.incorrect{color:#be123c;background:#fff1f2;border-color:#e11d48;font-weight:700;box-shadow:3px 3px #e11d48}.session-mode .translate-quiz-options{gap:12px}.session-mode .translate-option{border-width:2px;border-radius:0;padding:22px;font-size:1.25rem;font-weight:600;line-height:1.4}.session-mode .translate-option-number{min-width:22px;height:22px;font-size:.8rem;font-family:var(--mono);border:1px solid #000;border-radius:0;font-weight:800}.session-mode .translate-option-text{overflow:visible}.session-mode .quiz-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.session-mode .quiz-option{border-radius:0;min-height:0;padding:20px 18px;font-size:1.25rem;line-height:1.4}.session-mode .fill-blank-options{gap:12px;margin-bottom:12px}.session-mode .fill-blank-option{border-radius:0;padding:20px 24px;font-size:1.25rem}.session-mode .listening-option:not(.correct):not(.incorrect):not(.highlight):hover,.session-mode .translate-option:not(.correct):not(.incorrect):hover,.session-mode .fill-blank-option:not(.correct):not(.incorrect):hover{color:#fff;background:#000;box-shadow:3px 3px #000}.session-mode .quiz-option:not(.correct):not(.incorrect):not(.show-correct):hover{color:#fff;background:#000;border-color:#fff;box-shadow:3px 3px #fff}.session-mode .listening-option:not(.correct):not(.incorrect):not(.highlight):active,.session-mode .translate-option:not(.correct):not(.incorrect):active,.session-mode .fill-blank-option:not(.correct):not(.incorrect):active{box-shadow:none;transform:translate(3px,3px)}.session-mode .quiz-option:not(.correct):not(.incorrect):not(.show-correct):active{box-shadow:none;border-color:#fff;transform:translate(3px,3px)}.session-mode .listening-feedback,.session-mode .fill-blank-feedback,.session-mode .cloze-feedback,.session-mode .translate-feedback,.session-mode .quiz-feedback{border-radius:0;margin-top:12px;padding:16px 20px}.session-mode .listening-feedback-title,.session-mode .fill-blank-feedback-title,.session-mode .cloze-feedback-title,.session-mode .translate-feedback-title,.session-mode .quiz-feedback-title{font-size:1.2rem;font-weight:800;font-family:var(--mono);margin-bottom:6px}.session-mode .listening-feedback-phrase,.session-mode .fill-blank-term,.session-mode .cloze-answer-term,.session-mode .translate-feedback-term{margin-bottom:4px;font-size:1.1rem;font-weight:600}.session-mode .listening-feedback-meaning,.session-mode .fill-blank-meaning,.session-mode .cloze-answer-meaning,.session-mode .translate-feedback-meaning,.session-mode .quiz-feedback-text{margin-bottom:10px;font-size:1rem}.session-mode .flashcard-actions{padding-top:16px}.session-mode .flashcard-actions.fsrs{gap:10px}.session-mode .flashcard-btn{max-width:150px;padding:16px 14px;font-size:1.05rem;transition:transform .1s,box-shadow .1s,background .1s}.session-mode .flashcard-btn:active{box-shadow:none;transform:translate(3px,3px)}.session-mode .flashcard-btn small{font-size:.7rem;font-family:var(--mono);margin-top:3px}.session-mode .flashcard{perspective:none;border-radius:0;min-height:360px}.session-mode .flashcard-inner{transform-style:flat;min-height:360px;transition:none}.session-mode .flashcard.flipped .flashcard-inner{transform:none}.session-mode .flashcard-front,.session-mode .flashcard-back{backface-visibility:visible;border-radius:0;min-height:360px;padding:36px;transition:opacity .3s;transform:none}.session-mode .flashcard-front{opacity:1}.session-mode .flashcard-back{opacity:0}.session-mode .flashcard.flipped .flashcard-front{opacity:0;pointer-events:none}.session-mode .flashcard.flipped .flashcard-back{opacity:1}.session-mode .flashcard-phrase{color:#000;margin-bottom:20px;font-size:2.75rem}.session-mode .flashcard-meaning{color:#333;font-size:1.4rem;line-height:1.5}.session-mode .flashcard-back .flashcard-meaning{padding:16px 20px;font-size:1.3rem}.session-mode .flashcard-example{color:#555;margin-top:12px;font-size:1.2rem}.session-mode .reverse-card{min-height:360px;padding:36px}.session-mode .reverse-card-front{min-height:280px}.session-mode .reverse-card-front .reverse-meaning{color:#000;font-size:1.6rem;line-height:1.5}.session-mode .reverse-card-label{font-size:1rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#555;margin-bottom:20px;font-weight:700}.session-mode .reverse-card-hint{color:#777;font-size:1rem}.session-mode .reverse-card-back .reverse-card-term{color:#000;margin-bottom:20px;font-size:2.75rem}.session-mode .reverse-card-back .reverse-card-example{color:#555;font-size:1.15rem}.session-mode .flashcard-hint{color:#777;font-size:1.05rem}.session-mode .listening-quiz,.session-mode .fill-blank,.session-mode .fill-blank-quiz,.session-mode .cloze-typing,.session-mode .translate-quiz,.session-mode .grammar-judgment,.session-mode .grammar-pair-choice,.session-mode .grammar-explain,.session-mode .sentence-builder{border-radius:0;padding:28px}.session-mode .fill-blank-sentence,.session-mode .cloze-sentence{margin-bottom:18px;padding:24px;font-size:1.75rem;font-weight:600;line-height:1.4}.session-mode .cloze-hint-label{font-family:var(--mono);color:#555;text-transform:uppercase;letter-spacing:.05em;font-size:1rem;font-weight:700}.session-mode .cloze-hint-meaning{color:#000;font-size:1.5rem;font-weight:700;font-family:var(--mono)}.session-mode .cloze-input{font-family:var(--mono);color:#000;background:#fff;border:2px solid #000;border-radius:0;padding:14px 18px;font-size:1.25rem;font-weight:600;box-shadow:3px 3px #000}.session-mode .cloze-input:focus{border-color:#06b6d4;outline:none;box-shadow:3px 3px #06b6d4}.session-mode .cloze-input-hint{font-family:var(--mono);color:#555;font-size:.75rem}.session-mode .cloze-feedback-icon{font-family:var(--mono);font-size:1.5rem;font-weight:800}.session-mode .cloze-feedback-detail{font-family:var(--mono);color:#333;font-size:.95rem}.session-mode .cloze-feedback-detail strong{font-weight:800}.session-mode .cloze-answer-info{background:#f5f5f5;border:2px solid #000;border-radius:0;padding:12px 16px}.session-mode .cloze-answer-term{font-family:var(--mono);font-size:1.2rem;font-weight:800}.session-mode .cloze-answer-meaning{font-family:var(--mono);font-size:.95rem}.session-mode .cloze-next-btn{font-family:var(--mono);color:#000;background:#fff;border:2px solid #000;border-radius:0;font-weight:700;box-shadow:3px 3px #000}.session-mode .cloze-next-btn:hover{color:#fff;background:#000;border-color:#fff;box-shadow:3px 3px #fff}.session-mode .translate-quiz-sentence{margin-bottom:18px;padding:24px;font-size:1.75rem;font-weight:600;line-height:1.4}.session-mode .quiz-question{border-radius:0;margin-bottom:18px;padding:32px}.session-mode .quiz-phrase{font-size:2.75rem;font-weight:700;font-family:var(--mono)}.session-mode .flashcard-audio-controls{margin:8px 0}.session-mode .region-toggle{border:2px solid #000;border-radius:0;gap:0;overflow:hidden}.session-mode .region-btn{color:#000;background:#fff;border:none;border-right:1px solid #000;border-radius:0}.session-mode .region-btn:last-child{border-right:none}.session-mode .region-btn.active{color:#fff;background:#000}.session-mode .region-btn:hover:not(.active){background:#eee}.session-mode .gender-toggle .gender-btn{border-radius:0;padding:4px 8px;font-size:.75rem}.session-mode .translate-dont-know{font-size:.8rem;font-family:var(--mono);color:#999;background:0 0;border:2px solid #555;border-radius:0;margin-top:6px;padding:6px}.session-mode .translate-dont-know:hover{color:#000;background:#fff;border-color:#000}.session-mode .quiz-next-btn{font-size:.85rem;font-family:var(--mono);color:#fff;background:#000;border:2px solid #000;border-radius:0;padding:10px 20px;font-weight:700;box-shadow:3px 3px #4361ee}.session-mode .quiz-next-btn:hover{background:#4361ee;box-shadow:3px 3px #000}.session-mode .mnemonic-display,.session-mode .mnemonic-prompt{color:#333;margin-top:4px;font-size:.8rem}.session-mode .mnemonic-prompt textarea{min-height:40px;font-size:.8rem;font-family:var(--mono);border:2px solid #000;border-radius:0;padding:6px}.session-mode .audio-play-btn{color:#fff;font-family:var(--mono);background:#000;border:2px solid #000;border-radius:0;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s;box-shadow:3px 3px #8b5cf6}.session-mode .audio-play-btn:hover{opacity:1;background:#8b5cf6;box-shadow:3px 3px #000}.session-mode .audio-play-btn.secondary{color:#000;background:#fff;border:2px solid #000;box-shadow:2px 2px #000}.session-mode .audio-play-btn.secondary:hover{color:#fff;background:#000}.session-mode .quiz-results{padding:40px 24px}.session-mode .quiz-results-score{font-family:var(--mono);color:#8b5cf6;font-size:4.5rem;font-weight:800}.session-mode .quiz-results-label{font-family:var(--mono);color:#fff;font-size:1.3rem;font-weight:700}.session-mode .breakdown-value{font-family:var(--mono);font-weight:800}.session-mode .breakdown-label{font-family:var(--mono);color:#999}.session-mode .quiz-progress-text{color:#ffffffd9;font-family:var(--mono)}.session-mode .quiz-score{font-family:var(--mono);color:#facc15;font-weight:700}.session-mode .timed-results-score{font-family:var(--mono);color:#8b5cf6;font-weight:800}.session-mode .timed-results-label{font-family:var(--mono);color:#999}.session-mode .new-high-score-banner{color:#000;font-family:var(--mono);background:#f59e0b;border:3px solid #000;border-radius:0;font-weight:800;box-shadow:4px 4px #000}.session-mode .timed-results-actions{gap:10px}.session-mode .quiz-prompt{font-family:var(--mono);color:#555;font-size:1rem}.session-mode .session-complete-icon,.session-mode .learn-complete-icon,.session-mode .learn-empty-icon{color:#8b5cf6;justify-content:center;margin-bottom:16px;display:flex}.session-mode .session-complete h2,.session-mode .learn-complete h2{color:#fff;font-family:var(--mono);font-weight:800}.session-mode .session-complete p,.session-mode .learn-complete p{color:#999;font-family:var(--mono)}.session-mode .session-summary{background:0 0;border:none;border-radius:0;flex-direction:row;justify-content:center;gap:32px;margin-bottom:24px;padding:0}.session-mode .summary-row{flex-direction:column;justify-content:center;align-items:center;gap:2px}.session-mode .summary-value{font-family:var(--mono);color:#fff;font-size:2.5rem;font-weight:800}.session-mode .summary-label{font-family:var(--mono);color:#888;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.palace-mode{color:#e8eaed;background:#121212;max-width:100%;padding:0 16px 24px}.palace-mode .page-header{border-bottom:none}.palace-mode .page-title{font-family:var(--mono);color:#fff}.palace-mode .page-subtitle{font-family:var(--mono);color:#999}.palace-mode .back-btn{font-family:var(--mono);color:#fff}.palace-mode .palace-guide{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.palace-mode .palace-guide-toggle{color:#000;font-family:var(--mono);align-items:center;gap:8px;font-weight:700;display:flex}.palace-mode .palace-guide-icon{color:#4361ee;align-items:center;display:flex}.palace-mode .palace-guide-title{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .palace-guide-intro p{color:#333;font-family:var(--mono)}.palace-mode .palace-guide-step-number{color:#fff;font-family:var(--mono);background:#4361ee;border:2px solid #000;border-radius:0;font-weight:800;box-shadow:2px 2px #000}.palace-mode .palace-guide-step h4{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .palace-guide-step p{color:#333;font-family:var(--mono)}.palace-mode .palace-guide-tip{color:#333;font-family:var(--mono);background:#f5f5f5;border-left:4px solid #4361ee;border-radius:0}.palace-mode .palace-guide-link{color:#000;font-family:var(--mono);background:#f5f5f5;border:2px solid #000;border-radius:0;align-items:center;gap:8px;font-weight:700;display:inline-flex}.palace-mode .palace-guide-link-icon{align-items:center;display:flex}.palace-mode .palace-guide-link:hover{color:#fff;background:#000}.palace-mode .palace-card{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.palace-mode .palace-card:hover{transform:translateY(-2px);box-shadow:4px 6px #000}.palace-mode .palace-card-name{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .palace-card-meta{font-family:var(--mono);color:#555;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.palace-mode .palace-card-arrow{color:#000}.palace-mode .palace-create-btn,.palace-mode .palace-add-btn{color:#000;font-family:var(--mono);background:#fff;border:3px solid #000;border-radius:0;font-weight:700;box-shadow:4px 4px #000}.palace-mode .palace-create-btn:hover,.palace-mode .palace-add-btn:hover{color:#fff;background:#000}.palace-mode .palace-demo-btn,.palace-mode .palace-demo-btn-small{color:#fff;font-family:var(--mono);background:0 0;border:2px solid #fff;border-radius:0;font-weight:700}.palace-mode .palace-demo-btn:hover,.palace-mode .palace-demo-btn-small:hover{color:#000;background:#fff}.palace-mode .palace-action-btn.walk{color:#000;font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0;font-weight:700}.palace-mode .palace-action-btn.walk:hover{color:#fff;background:#000}.palace-mode .palace-action-btn.delete{color:#555;font-family:var(--mono);background:0 0;border:2px solid #555;border-radius:0}.palace-mode .palace-action-btn.delete:hover{color:#fff;background:#e11d48;border-color:#e11d48}.palace-mode .palace-delete-confirm{color:#000;font-family:var(--mono);background:#fff1f2;border-top:3px solid #e11d48;border-radius:0}.palace-mode .palace-delete-confirm button{font-family:var(--mono);border-radius:0;font-weight:700}.palace-mode .palace-empty{color:#fff}.palace-mode .palace-empty h3{color:#fff;font-family:var(--mono);font-weight:800}.palace-mode .palace-empty p{color:#999}.palace-mode .palace-walk-btn{color:#000;font-family:var(--mono);background:#fff;border:3px solid #000;border-radius:0;font-weight:700;box-shadow:4px 4px #000}.palace-mode .palace-walk-btn:hover{color:#fff;background:#000}.palace-mode .palace-walk-btn.review-due{color:#fff;background:#4361ee;border-color:#000}.palace-mode .palace-walk-btn.review-due:hover{background:#000}.palace-mode .due-badge{color:#fff;font-family:var(--mono);background:#000;border-radius:0;font-weight:800}.palace-mode .palace-section-header h3{font-family:var(--mono);color:#fff;font-weight:800}.palace-mode .palace-station-count,.palace-mode .palace-section-hint{font-family:var(--mono);color:#999}.palace-mode .palace-add-station-link{font-family:var(--mono);color:#fff;background:0 0;border:2px solid #fff;border-radius:0;font-weight:700}.palace-mode .palace-add-station-link:hover{color:#000;background:#fff}.palace-mode .palace-select-hint{color:#fff;font-family:var(--mono);background:#4361ee26;border-left:4px solid #4361ee;border-radius:0}.palace-mode .palace-station-card{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.palace-mode .palace-station-card.selected{border-color:#4361ee;box-shadow:4px 4px #4361ee}.palace-mode .palace-station-card.drag-over{background:#4361ee0d;border-color:#4361ee}.palace-mode .palace-station-card.adding{box-shadow:none;background:#fff;border:2px dashed #000;border-radius:0}.palace-mode .palace-station-card.adding input{font-family:var(--mono);background:#f5f5f5;border:2px solid #000;border-radius:0}.palace-mode .palace-station-add-actions button{font-family:var(--mono);border:2px solid #000;border-radius:0;font-weight:700}.palace-mode .palace-station-index{color:#fff;font-family:var(--mono);background:#4361ee;border:2px solid #000;border-radius:0;font-weight:800;box-shadow:2px 2px #000}.palace-mode .palace-station-name{font-family:var(--mono);color:#000;font-weight:700}.palace-mode .palace-station-name-input{font-family:var(--mono);background:#f5f5f5;border:2px solid #4361ee;border-radius:0;font-weight:700}.palace-mode .palace-station-phrase{color:#000;background:#f5f5f5;border:1px solid #000;border-radius:0}.palace-mode .palace-phrase-term{font-family:var(--mono);color:#000}.palace-mode .palace-station-expand{font-family:var(--mono);color:#555;border-radius:0}.palace-mode .palace-station-selected-hint{font-family:var(--mono);color:#4361ee;font-weight:700}.palace-mode .palace-station-notes{font-family:var(--mono);color:#555;font-size:.75rem}.palace-mode .palace-station-notes-input{font-family:var(--mono);border:2px solid #000;border-radius:0}.palace-mode .palace-station-notes-input:focus{border-color:#4361ee}.palace-mode .palace-station-add-notes{font-family:var(--mono);color:#999}.palace-mode .palace-station-add-notes:hover{color:#4361ee}.palace-mode .palace-station-action{color:#555;border-radius:0}.palace-mode .palace-station-action:hover{color:#000}.palace-mode .palace-station-action.delete:hover{color:#e11d48}.palace-mode .palace-station-delete-confirm{font-family:var(--mono);background:#fff1f2;border-top:2px solid #e11d48;border-radius:0}.palace-mode .palace-station-delete-confirm button{font-family:var(--mono);border-radius:0;font-weight:700}.palace-mode .palace-delete-warning{color:#e11d48;font-family:var(--mono)}.palace-mode .palace-not-found{color:#fff;font-family:var(--mono)}.palace-mode .palace-not-found button{color:#000;font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0;font-weight:700}.palace-mode .phrase-pool{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.palace-mode .phrase-pool-search{font-family:var(--mono);color:#000;background:#f5f5f5;border:2px solid #000;border-radius:0}.palace-mode .pool-select-trigger{font-family:var(--mono);color:#000;background:#f5f5f5;border:2px solid #000;box-shadow:3px 3px #000}.palace-mode .pool-select-dropdown{border:2px solid #000;box-shadow:3px 3px #000}.palace-mode .pool-select-group,.palace-mode .pool-select-option{font-family:var(--mono)}.palace-mode .phrase-pool-show-more{font-family:var(--mono);background:#f5f5f5;border:2px solid #000;box-shadow:2px 2px #000}.palace-mode .phrase-pool-show-more:hover{color:#fff;background:#000}.palace-mode .phrase-pool-item{color:#000;font-family:var(--mono);background:#f5f5f5;border:2px solid #000;border-radius:0}.palace-mode .phrase-pool-item:hover{background:#4361ee1a;border-color:#4361ee}.palace-mode .phrase-pool-item.assigned{opacity:.5;border-style:dashed}.palace-mode .phrase-pool-item.clickable{cursor:pointer}.palace-mode .phrase-pool-count{font-family:var(--mono);text-transform:uppercase;color:#555;letter-spacing:.05em;font-size:.75rem}.palace-mode .phrase-pool-assigned-badge{font-family:var(--mono);text-transform:uppercase;border-radius:0;font-size:.65rem}.palace-mode .phrase-pool-empty{font-family:var(--mono);color:#555}.palace-mode .walkthrough-progress{background:#333;border:2px solid #000;border-radius:0}.palace-mode .walkthrough-progress-bar{background:#4361ee;border-radius:0}.palace-mode .walkthrough-station{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:5px 5px #000}.palace-mode .walkthrough-station-number{font-family:var(--mono);text-transform:uppercase;color:#555;letter-spacing:.05em;font-size:.8rem;font-weight:700}.palace-mode .walkthrough-station-icon{color:#4361ee;justify-content:center;margin:8px 0;display:flex}.palace-mode .walkthrough-station-name{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .walkthrough-station-notes{font-family:var(--mono);color:#555;border-left:3px solid #000;font-size:.85rem}.palace-mode .walkthrough-notes-input{font-family:var(--mono);color:#000;border:2px solid #000;border-radius:0}.palace-mode .walkthrough-notes-input:focus{border-color:#4361ee}.palace-mode .walkthrough-add-notes{font-family:var(--mono);color:#999}.palace-mode .walkthrough-add-notes:hover{color:#4361ee}.palace-mode .walkthrough-prompt{font-family:var(--mono);color:#555}.palace-mode .walkthrough-reveal-btn{color:#000;font-family:var(--mono);background:#fff;border:3px solid #000;border-radius:0;font-weight:700;box-shadow:4px 4px #000}.palace-mode .walkthrough-reveal-btn:hover{color:#fff;background:#000}.palace-mode .walkthrough-phrase{background:#f5f5f5;border:2px solid #000;border-radius:0}.palace-mode .walkthrough-phrase-term{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .walkthrough-phrase-meaning{color:#333}.palace-mode .walkthrough-nav-btn{color:#000;font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0;font-weight:700;box-shadow:3px 3px #000}.palace-mode .walkthrough-nav-btn:hover{color:#fff;background:#000}.palace-mode .walkthrough-nav-btn:disabled{opacity:.3}.palace-mode .walkthrough-nav-btn.complete{color:#fff;background:#4361ee;border-color:#000;box-shadow:3px 3px #000}.palace-mode .walkthrough-nav-btn.complete:hover{color:#fff;background:#000}.palace-mode .palace-empty-walk{color:#fff}.palace-mode .palace-empty-walk h3{color:#fff;font-family:var(--mono);font-weight:800}.palace-mode .palace-empty-walk p{color:#999}.palace-mode .palace-empty-walk button{color:#000;font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0;font-weight:700}.palace-mode .station-rating-label{font-family:var(--mono);color:#555;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.palace-mode .station-rating-btn{font-family:var(--mono);color:#000;background:#fff;border:2px solid #000;border-radius:0;font-weight:700;box-shadow:3px 3px #000}.palace-mode .station-rating-btn:hover{transform:translateY(-1px);box-shadow:3px 4px #000}.palace-mode .station-rating-btn.rating-1{border-color:#e11d48}.palace-mode .station-rating-btn.rating-2{border-color:#f59e0b}.palace-mode .station-rating-btn.rating-3{border-color:#10b981}.palace-mode .station-rating-btn.rating-4{border-color:#4361ee}.palace-mode .station-rating-btn.rating-1:hover{color:#fff;background:#e11d48}.palace-mode .station-rating-btn.rating-2:hover{color:#fff;background:#f59e0b}.palace-mode .station-rating-btn.rating-3:hover{color:#fff;background:#10b981}.palace-mode .station-rating-btn.rating-4:hover{color:#fff;background:#4361ee}.palace-mode .rating-interval{font-family:var(--mono);color:#888;font-size:.65rem}.palace-mode .walkthrough-summary{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:5px 5px #000}.palace-mode .summary-header h2{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .summary-icon{color:#4361ee}.palace-mode .summary-breakdown-item{font-family:var(--mono);border-radius:0}.palace-mode .summary-breakdown-item.rating-1{color:#e11d48}.palace-mode .summary-breakdown-item.rating-2{color:#f59e0b}.palace-mode .summary-breakdown-item.rating-3{color:#10b981}.palace-mode .summary-breakdown-item.rating-4{color:#4361ee}.palace-mode .breakdown-label{font-family:var(--mono)}.palace-mode .breakdown-count{font-family:var(--mono);font-weight:800}.palace-mode .summary-stations h3{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .summary-station{font-family:var(--mono);border-radius:0}.palace-mode .summary-station-name{font-family:var(--mono);color:#000}.palace-mode .summary-station-interval{font-family:var(--mono);color:#555}.palace-mode .summary-station.rating-1{border-left:3px solid #e11d48}.palace-mode .summary-station.rating-2{border-left:3px solid #f59e0b}.palace-mode .summary-station.rating-3{border-left:3px solid #10b981}.palace-mode .summary-station.rating-4{border-left:3px solid #4361ee}.palace-mode .summary-done-btn{color:#000;font-family:var(--mono);background:#fff;border:3px solid #000;border-radius:0;font-weight:700;box-shadow:4px 4px #000}.palace-mode .summary-done-btn:hover{color:#fff;background:#000}.palace-mode .palace-learn-section{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.palace-mode .palace-learn-section h2{font-family:var(--mono);color:#000;word-wrap:break-word;border-bottom:3px solid #000;padding-bottom:12px;font-weight:800}.palace-mode .palace-learn-section p{color:#333;font-family:var(--mono)}.palace-mode .palace-history-item{background:#f5f5f5;border-left:4px solid #4361ee;border-radius:0;align-items:flex-start;gap:16px;display:flex}.palace-mode .palace-history-year{font-family:var(--mono);color:#4361ee;white-space:nowrap;background:#fff;border:2px solid #000;border-radius:0;flex-shrink:0;font-weight:800;box-shadow:2px 2px #000}.palace-mode .palace-history-content{min-width:0}.palace-mode .palace-history-content h4{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .palace-history-content p{color:#333;font-family:var(--mono)}.palace-mode .palace-user-card{background:#f5f5f5;border:2px solid #000;border-radius:0;box-shadow:3px 3px #000}.palace-mode .palace-user-name{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .palace-user-desc{color:#333;font-family:var(--mono)}.palace-mode .palace-achievement{background:#f5f5f5;border:2px solid #000;border-radius:0;box-shadow:3px 3px #000}.palace-mode .palace-achievement-number{font-family:var(--mono);color:#4361ee;font-size:2.5rem;font-weight:800}.palace-mode .palace-achievement-label{font-family:var(--mono);color:#555}.palace-mode .palace-science-point{background:#f5f5f5;border:2px solid #000;border-radius:0;align-items:flex-start;gap:16px;display:flex}.palace-mode .palace-science-content h4{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .palace-science-icon{color:#4361ee;flex-shrink:0}.palace-mode .palace-science-content p{color:#333;font-family:var(--mono)}.palace-mode .palace-tip{font-family:var(--mono);background:#f5f5f5;border-left:4px solid #4361ee;border-radius:0;align-items:flex-start;gap:12px;display:flex}.palace-mode .palace-tip-number{color:#fff;font-family:var(--mono);background:#4361ee;border:2px solid #000;border-radius:0;font-weight:800;box-shadow:2px 2px #000}.palace-mode .palace-learn-note{font-family:var(--mono);color:#555}.palace-mode .palace-learn-btn.primary{color:#000;font-family:var(--mono);background:#fff;border:3px solid #000;border-radius:0;font-weight:700;box-shadow:4px 4px #000}.palace-mode .palace-learn-btn.primary:hover{color:#fff;background:#000}.palace-mode .palace-learn-btn.secondary{color:#fff;font-family:var(--mono);background:0 0;border:2px solid #fff;border-radius:0;font-weight:700}.palace-mode .palace-learn-btn.secondary:hover{color:#000;background:#fff}.palace-mode .palace-learn-cta{color:#fff;background:#1a1a1a;border-color:#fff}.palace-mode .palace-learn-cta h2{color:#fff;border-bottom-color:#fff}.palace-mode .palace-learn-cta p{color:#999}.palace-mode .example-palace-intro{color:#fff;font-family:var(--mono);background:#4361ee26;border-left:4px solid #4361ee;border-radius:0}.palace-mode .example-palace-intro p{color:#ccc}.palace-mode .example-palace-progress{background:#333;border-radius:0}.palace-mode .example-palace-progress-bar{background:#4361ee;border-radius:0}.palace-mode .example-palace-station{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:5px 5px #000}.palace-mode .example-station-number{font-family:var(--mono);text-transform:uppercase;color:#555;font-weight:700}.palace-mode .example-station-name{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .example-station-desc{color:#333}.palace-mode .example-challenge-prompt{font-family:var(--mono);color:#555}.palace-mode .example-reveal-btn{color:#000;font-family:var(--mono);background:#fff;border:3px solid #000;border-radius:0;font-weight:700;box-shadow:4px 4px #000}.palace-mode .example-reveal-btn:hover{color:#fff;background:#000}.palace-mode .example-visualization{background:#f5f5f5;border:2px solid #000;border-left:4px solid #4361ee;border-radius:0}.palace-mode .example-visualization-label{font-family:var(--mono);color:#4361ee;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.palace-mode .example-visualization p{color:#333}.palace-mode .example-phrase{background:#f5f5f5;border:2px solid #000;border-radius:0}.palace-mode .example-phrase-term{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .example-phrase-meaning{color:#333}.palace-mode .example-nav-btn{color:#000;font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0;font-weight:700;box-shadow:3px 3px #000}.palace-mode .example-nav-btn:hover{color:#fff;background:#000}.palace-mode .example-nav-btn.prev,.palace-mode .example-nav-btn.next{color:#000;background:#fff;border:2px solid #000}.palace-mode .example-nav-btn:disabled{opacity:.3}.palace-mode .example-nav-btn.finish{color:#fff;background:#4361ee;border-color:#000}.palace-mode .example-nav-btn.finish:hover{color:#fff;background:#000}.palace-mode .example-palace-overview{background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.palace-mode .example-overview-label{font-family:var(--mono);color:#000;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.palace-mode .example-overview-station{color:#000;font-family:var(--mono);background:#f5f5f5;border:2px solid #000;border-radius:0}.palace-mode .example-overview-station.active{color:#fff;background:#4361ee;border-color:#000}.palace-mode .example-overview-station.active,.palace-mode .example-overview-station.active .example-overview-name,.palace-mode .example-overview-station.active .example-overview-emoji,.palace-mode .example-overview-station.active .palace-icon{color:#fff}.palace-mode .example-overview-station.visited{background:#e8eaed}.palace-mode .example-overview-station.visited .example-overview-name{color:#000}.palace-mode .example-overview-name{font-family:var(--mono);font-size:.7rem}.palace-mode .modal-content{color:#000;background:#fff;border:4px solid #000;border-radius:0;box-shadow:8px 8px #000}.palace-mode .modal-header{border-bottom:3px solid #000}.palace-mode .modal-header h2{font-family:var(--mono);color:#000;font-weight:800}.palace-mode .modal-close{color:#000;border-radius:0}.palace-mode .palace-modal-subtitle{font-family:var(--mono);color:#555}.palace-mode .palace-template-btn{color:#000;background:#f5f5f5;border:2px solid #000;border-radius:0;box-shadow:3px 3px #000}.palace-mode .palace-template-btn:hover{border-color:#4361ee;box-shadow:3px 3px #4361ee}.palace-mode .palace-template-name{font-family:var(--mono);color:#000;font-weight:700}.palace-mode .palace-template-desc{color:#555}.palace-mode .palace-template-stations{font-family:var(--mono);color:#888;font-size:.75rem}.palace-mode .palace-back-btn{font-family:var(--mono);color:#555;border-radius:0}.palace-mode .palace-form label{font-family:var(--mono);color:#000;font-weight:700}.palace-mode .palace-form input{font-family:var(--mono);color:#000;background:#f5f5f5;border:2px solid #000;border-radius:0}.palace-mode .palace-form input:focus{border-color:#4361ee;outline:none}.palace-mode .palace-station-number{color:#fff;font-family:var(--mono);background:#4361ee;border:2px solid #000;border-radius:0;font-weight:800;box-shadow:2px 2px #000}.palace-mode .palace-station-remove{color:#555;border-radius:0}.palace-mode .palace-station-remove:hover{color:#e11d48}.palace-mode .palace-add-station-btn{font-family:var(--mono);color:#555;background:0 0;border:2px dashed #000;border-radius:0;font-weight:700}.palace-mode .palace-add-station-btn:hover{color:#4361ee;background:#4361ee1a;border-color:#4361ee}.palace-mode .palace-preview-station{font-family:var(--mono);color:#000}.palace-mode .palace-form-hint{font-family:var(--mono);color:#888;font-size:.75rem}.palace-mode .modal-btn.create{color:#fff;font-family:var(--mono);background:#4361ee;border:3px solid #000;border-radius:0;font-weight:700;box-shadow:4px 4px #000}.palace-mode .modal-btn.create:hover{color:#fff;background:#000}.palace-mode .modal-btn.create:disabled{opacity:.4}.palace-mode .modal-btn.cancel{color:#000;font-family:var(--mono);background:0 0;border:2px solid #000;border-radius:0;font-weight:700}.palace-mode .modal-btn.cancel:hover{background:#f5f5f5}.palace-mode button:focus-visible,.palace-mode input:focus-visible,.palace-mode select:focus-visible{outline-offset:2px;outline:2px solid #4361ee}.palace-mode .mnemonic-display{font-family:var(--mono);color:#555;background:#f5f5f5;border:1px solid #000;border-radius:0}@media(max-width:600px){.palace-mode{padding:0 8px 16px}.palace-mode .palace-card,.palace-mode .walkthrough-station,.palace-mode .example-palace-station{box-shadow:3px 3px #000}.palace-mode .modal-content{box-shadow:4px 4px #000}}.flashcard-grammar-example{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:4.5em;padding:0 .5rem;font-size:1.2rem;font-style:italic;line-height:1.5;display:-webkit-box;overflow:hidden}.grammar-judgment{text-align:center}.grammar-judgment-prompt{color:var(--text-secondary);margin-bottom:12px;font-size:1.1rem}.grammar-judgment-tag{font-family:var(--mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.85rem}.grammar-judgment-sentence{background:var(--bg);border-radius:var(--radius);color:var(--text);margin-bottom:24px;padding:20px;font-size:1.4rem;font-style:italic;line-height:1.6}.grammar-judgment-buttons{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.grammar-judgment-btn{font-family:var(--mono);border-radius:var(--radius);cursor:pointer;border:2px solid var(--border);background:var(--bg);color:var(--text);padding:14px 32px;font-size:1.1rem;font-weight:600;transition:all .2s}.grammar-judgment-btn:hover{border-color:var(--border-hover)}.grammar-judgment-btn.correct-btn:hover{border-color:var(--correct);color:var(--correct)}.grammar-judgment-btn.incorrect-btn:hover{border-color:var(--incorrect);color:var(--incorrect)}.grammar-judgment-feedback{border-radius:var(--radius);text-align:center;padding:20px}.grammar-judgment-feedback.correct{background:var(--correct-bg);border:1px solid var(--correct)}.grammar-judgment-feedback.incorrect{background:var(--incorrect-bg);border:1px solid var(--incorrect)}.grammar-judgment-feedback-title{margin-bottom:12px;font-size:1.35rem;font-weight:600}.grammar-judgment-feedback.correct .grammar-judgment-feedback-title{color:var(--correct)}.grammar-judgment-feedback.incorrect .grammar-judgment-feedback-title{color:var(--incorrect)}.grammar-judgment-feedback-text{color:var(--text);margin-bottom:8px;font-size:1.05rem}.grammar-judgment-explanation{color:var(--incorrect);margin-bottom:8px;font-size:1rem;font-style:italic}.grammar-judgment-correct-form{color:var(--correct);margin-bottom:16px;font-size:1rem}.grammar-pair-choice{text-align:center}.grammar-pair-prompt{color:var(--text-secondary);margin-bottom:12px;font-size:1.1rem}.grammar-pair-tag{font-family:var(--mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.85rem}.grammar-pair-sentences{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.grammar-pair-sentence{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--text);align-items:center;gap:12px;padding:16px 20px;font-family:inherit;font-size:1.1rem;transition:all .2s;display:flex}.grammar-pair-sentence:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-hover)}.grammar-pair-sentence:disabled{cursor:default}.grammar-pair-sentence.correct{border-color:var(--correct);background:var(--correct-bg)}.grammar-pair-sentence.incorrect{border-color:var(--incorrect);background:var(--incorrect-bg)}.grammar-pair-letter{font-family:var(--mono);min-width:28px;color:var(--text-secondary);font-size:1.2rem;font-weight:700}.grammar-pair-text{flex:1;line-height:1.5}.grammar-pair-feedback{border-radius:var(--radius);text-align:center;padding:20px}.grammar-pair-feedback.correct{background:var(--correct-bg);border:1px solid var(--correct)}.grammar-pair-feedback.incorrect{background:var(--incorrect-bg);border:1px solid var(--incorrect)}.grammar-pair-feedback-title{margin-bottom:12px;font-size:1.35rem;font-weight:600}.grammar-pair-feedback.correct .grammar-pair-feedback-title{color:var(--correct)}.grammar-pair-feedback.incorrect .grammar-pair-feedback-title{color:var(--incorrect)}.grammar-pair-feedback-text{color:var(--text);margin-bottom:8px;font-size:1.05rem}.grammar-pair-explanation{color:var(--incorrect);margin-bottom:16px;font-size:1rem;font-style:italic}.grammar-explain{text-align:center}.grammar-explain-prompt{color:var(--text-secondary);margin-bottom:12px;font-size:1.1rem}.grammar-explain-tag{font-family:var(--mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.85rem}.grammar-explain-sentence{background:var(--bg);border-radius:var(--radius);color:var(--incorrect);border:1px solid var(--incorrect);margin-bottom:16px;padding:20px;font-size:1.4rem;font-style:italic;line-height:1.6}.grammar-explain-question{color:var(--text);margin-bottom:16px;font-size:1.1rem;font-weight:600}.grammar-explain-options{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.grammar-explain-option{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;padding:14px 20px;font-family:inherit;font-size:1.05rem;transition:all .2s}.grammar-explain-option:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-hover)}.grammar-explain-option:disabled{cursor:default}.grammar-explain-option.correct{border-color:var(--correct);background:var(--correct-bg);color:var(--correct)}.grammar-explain-option.incorrect{border-color:var(--incorrect);background:var(--incorrect-bg);color:var(--incorrect)}.grammar-explain-feedback{border-radius:var(--radius);text-align:center;padding:20px}.grammar-explain-feedback.correct{background:var(--correct-bg);border:1px solid var(--correct)}.grammar-explain-feedback.incorrect{background:var(--incorrect-bg);border:1px solid var(--incorrect)}.grammar-explain-feedback-title{margin-bottom:12px;font-size:1.35rem;font-weight:600}.grammar-explain-feedback.correct .grammar-explain-feedback-title{color:var(--correct)}.grammar-explain-feedback.incorrect .grammar-explain-feedback-title{color:var(--incorrect)}.grammar-explain-feedback-text{color:var(--text);margin-bottom:8px;font-size:1.05rem}.grammar-explain-correct-form{color:var(--correct);margin-bottom:16px;font-size:1rem}.session-mode .grammar-judgment-sentence,.session-mode .grammar-explain-sentence{color:#000;box-shadow:none;font-family:var(--mono);background:#f5f5f5;border:2px solid #000;border-radius:0}.session-mode .grammar-explain-sentence{color:#ef4444;border-color:#ef4444}.session-mode .grammar-judgment-btn{color:#000;font-family:var(--mono);background:#fff;border:3px solid #000;border-radius:0;box-shadow:3px 3px #000}.session-mode .grammar-judgment-btn:hover{color:#fff;background:#000}.session-mode .grammar-judgment-btn.correct-btn:hover{color:#fff;background:#22c55e;border-color:#22c55e}.session-mode .grammar-judgment-btn.incorrect-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.session-mode .grammar-pair-sentence{color:#000;font-family:var(--mono);background:#fff;border:3px solid #000;border-radius:0;box-shadow:3px 3px #000}.session-mode .grammar-pair-sentence:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.session-mode .grammar-pair-sentence.correct{color:#fff;background:#22c55e;border-color:#22c55e;box-shadow:3px 3px #000}.session-mode .grammar-pair-sentence.incorrect{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:3px 3px #000}.session-mode .grammar-pair-letter{color:inherit}.session-mode .grammar-explain-option{color:#000;font-family:var(--mono);background:#fff;border:3px solid #000;border-radius:0;box-shadow:3px 3px #000}.session-mode .grammar-explain-option:hover:not(:disabled){color:#fff;background:#000;border-color:#000}.session-mode .grammar-explain-option.correct{color:#fff;background:#22c55e;border-color:#22c55e}.session-mode .grammar-explain-option.incorrect{color:#fff;background:#ef4444;border-color:#ef4444}.session-mode .grammar-judgment-feedback,.session-mode .grammar-pair-feedback,.session-mode .grammar-explain-feedback{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.session-mode .grammar-judgment-feedback.correct,.session-mode .grammar-pair-feedback.correct,.session-mode .grammar-explain-feedback.correct{border-top:4px solid #22c55e}.session-mode .grammar-judgment-feedback.incorrect,.session-mode .grammar-pair-feedback.incorrect,.session-mode .grammar-explain-feedback.incorrect{border-top:4px solid #ef4444}.session-mode .grammar-judgment-feedback-title,.session-mode .grammar-pair-feedback-title,.session-mode .grammar-explain-feedback-title{font-family:var(--mono)}.session-mode .grammar-judgment-feedback.correct .grammar-judgment-feedback-title,.session-mode .grammar-pair-feedback.correct .grammar-pair-feedback-title,.session-mode .grammar-explain-feedback.correct .grammar-explain-feedback-title{color:#22c55e}.session-mode .grammar-judgment-feedback.incorrect .grammar-judgment-feedback-title,.session-mode .grammar-pair-feedback.incorrect .grammar-pair-feedback-title,.session-mode .grammar-explain-feedback.incorrect .grammar-explain-feedback-title{color:#ef4444}.session-mode .grammar-judgment-feedback-text,.session-mode .grammar-pair-feedback-text,.session-mode .grammar-explain-feedback-text{color:#000}.session-mode .grammar-judgment-explanation,.session-mode .grammar-pair-explanation{color:#ef4444}.session-mode .grammar-judgment-correct-form,.session-mode .grammar-explain-correct-form{color:#22c55e}.session-mode .grammar-judgment-tag,.session-mode .grammar-pair-tag,.session-mode .grammar-explain-tag{color:#666}.session-mode .grammar-judgment-prompt,.session-mode .grammar-pair-prompt,.session-mode .grammar-explain-prompt,.session-mode .grammar-explain-question{color:#000}.sentence-builder{text-align:center}.sentence-builder-prompt{color:var(--text-secondary);margin-bottom:12px;font-size:1rem}.sentence-builder-tag{font-family:var(--mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.8rem}.sentence-builder-answer-area{background:var(--bg);border:2px dashed var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:80px;margin-bottom:16px;padding:16px;display:flex}.sentence-builder-placeholder{color:var(--text-secondary);font-size:.9rem;font-style:italic}.sentence-builder-bank{flex-wrap:wrap;justify-content:center;gap:8px;min-height:50px;margin-bottom:24px;padding:12px;display:flex}.sentence-tile{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--mono);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 16px;font-size:.95rem;transition:all .15s}.sentence-tile:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-hover)}.sentence-tile:disabled{cursor:default}.sentence-tile.placed{background:var(--bg-hover);border-color:var(--accent)}.sentence-tile.correct{background:var(--correct-bg);border-color:var(--correct);color:var(--correct)}.sentence-tile.wrong{background:var(--incorrect-bg);border-color:var(--incorrect);color:var(--incorrect)}.sentence-builder-actions{justify-content:center;gap:12px;display:flex}.sentence-builder-hint-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;padding:12px 24px;font-family:inherit;font-size:.9rem}.sentence-builder-hint-btn:disabled{opacity:.4;cursor:default}.sentence-builder-check-btn{background:var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:12px 32px;font-family:inherit;font-size:1rem;font-weight:600}.sentence-builder-check-btn:disabled{opacity:.4;cursor:default}.sentence-builder-feedback{border-radius:var(--radius);text-align:center;margin-top:16px;padding:20px}.sentence-builder-feedback.correct{background:var(--correct-bg);border:1px solid var(--correct)}.sentence-builder-feedback.incorrect{background:var(--incorrect-bg);border:1px solid var(--incorrect)}.sentence-builder-feedback-title{margin-bottom:12px;font-size:1.25rem;font-weight:600}.sentence-builder-feedback.correct .sentence-builder-feedback-title{color:var(--correct)}.sentence-builder-feedback.incorrect .sentence-builder-feedback-title{color:var(--incorrect)}.sentence-builder-feedback-sentence{color:var(--text);margin-bottom:16px;font-size:1rem;font-style:italic}.session-mode .sentence-builder-answer-area{background:#fff;border:3px dashed #000;border-radius:0}.session-mode .sentence-builder-placeholder{color:#666}.session-mode .sentence-tile{color:#000;font-family:var(--mono);background:#fff;border:3px solid #000;border-radius:0;box-shadow:3px 3px #000}.session-mode .sentence-tile:hover:not(:disabled){color:#fff;background:#000}.session-mode .sentence-tile.placed{color:#000;background:#e0e7ff}.session-mode .sentence-tile.correct{color:#fff;background:#22c55e;border-color:#22c55e;box-shadow:3px 3px #000}.session-mode .sentence-tile.wrong{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:3px 3px #000}.session-mode .sentence-builder-hint-btn{color:#000;font-family:var(--mono);background:#fff;border:3px solid #000;border-radius:0;box-shadow:3px 3px #000}.session-mode .sentence-builder-hint-btn:hover:not(:disabled){color:#fff;background:#000}.session-mode .sentence-builder-check-btn{color:#000;font-family:var(--mono);background:#fff;border:3px solid #000;border-radius:0;font-weight:700;box-shadow:3px 3px #000}.session-mode .sentence-builder-check-btn:hover:not(:disabled){color:#fff;background:#000}.session-mode .sentence-builder-feedback{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.session-mode .sentence-builder-feedback.correct{border-top:4px solid #22c55e}.session-mode .sentence-builder-feedback.incorrect{border-top:4px solid #ef4444}.session-mode .sentence-builder-feedback-title{font-family:var(--mono)}.session-mode .sentence-builder-feedback.correct .sentence-builder-feedback-title{color:#22c55e}.session-mode .sentence-builder-feedback.incorrect .sentence-builder-feedback-title{color:#ef4444}.session-mode .sentence-builder-feedback-sentence{color:#000}.session-mode .sentence-builder-tag{color:#666}.session-mode .sentence-builder-prompt{color:#000}.quiz-grammar-tag{font-family:var(--mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.8rem}.quiz-error-sentence{color:var(--incorrect)!important}.quiz-explain-label{color:var(--text);margin-top:12px;font-size:1rem;font-weight:600}.quiz-pair-option{text-align:left;align-items:center;gap:12px;display:flex}.quiz-pair-letter{font-family:var(--mono);min-width:28px;font-size:1.1rem;font-weight:700}.quiz-feedback-explanation{color:var(--incorrect);margin-top:8px;margin-bottom:4px;font-size:.9rem;font-style:italic}.session-mode .quiz-grammar-tag{color:#fff9}.session-mode .quiz-explain-label{color:#fffc}.session-mode .quiz-error-sentence{color:#ef4444!important}.chapter-select-wrapper{margin-bottom:12px}.chapter-select-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:4px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;font-weight:600;display:block}.chapter-select-wrap{width:100%;position:relative}.chapter-select-trigger{color:#000;cursor:pointer;text-align:left;background:#fff;border:3px solid #000;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.85rem;font-weight:600;display:flex;box-shadow:4px 4px #000}.chapter-select-trigger:hover{background:#f0f0f0}.chapter-select-trigger:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.chapter-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chapter-select-chevron{flex-shrink:0;margin-left:8px;transition:transform .15s}.chapter-select-chevron.open{transform:rotate(180deg)}.chapter-select-dropdown{z-index:200;background:#fff;border:3px solid #000;max-height:320px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:4px 4px #000}.chapter-select-option{color:#000;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:10px 14px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;font-weight:600;display:block}.chapter-select-option:hover{background:#f0f0f0}.chapter-select-option.selected{color:#fff;background:#000}.chapter-select-option.selected:hover{background:#222}.chapter-select-info{color:var(--text-secondary);margin-top:4px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem}.session-mode .chapter-select-wrapper{padding:0 16px}.session-mode .chapter-select-label,.session-mode .chapter-select-info{color:#fff9}.bulk-ignore-btn.learn-btn,.bulk-ignore-btn.review-btn{font-weight:600}.browse-mode .bulk-ignore-btn.learn-btn{color:#fff;background:#000;border-color:#000}.browse-mode .bulk-ignore-btn.learn-btn:hover{background:#333}.browse-mode .bulk-ignore-btn.learn-btn:disabled{color:var(--text-muted);border-color:var(--border);background:0 0}.wordlist-mode-selector{padding:20px 16px}.wordlist-mode-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:16px;font-size:1rem;font-weight:700}.wordlist-mode-options{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.wordlist-mode-btn{color:#000;font-family:var(--mono);cursor:pointer;text-align:left;background:#fff;border:3px solid #000;flex-direction:column;gap:4px;padding:14px 16px;transition:all .1s;display:flex;box-shadow:4px 4px #000}.wordlist-mode-btn:hover{background:#f5f5f5}.wordlist-mode-btn.active{color:#fff;background:#000;transform:translate(-2px,-2px);box-shadow:8px 8px #4361ee}.wordlist-mode-label{text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.wordlist-mode-desc{opacity:.85;font-size:.75rem}.wordlist-start-btn{width:100%;margin-top:4px}.wordlist-session-sizes{justify-content:center;gap:8px;margin-bottom:20px;display:flex}.wordlist-size-btn{color:#000;font-family:var(--mono);cursor:pointer;text-align:center;background:#fff;border:3px solid #000;min-width:56px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .1s;box-shadow:4px 4px #000}.wordlist-size-btn:hover{background:#f5f5f5}.wordlist-size-btn.active{color:#fff;background:#000}.session-points-counter{position:relative}.points-popup{color:var(--tag-idiom,#10b981);pointer-events:none;font-size:.75rem;font-weight:700;animation:1s ease-out forwards points-pop;position:absolute;top:-18px;right:-4px}@keyframes points-pop{0%{opacity:1;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-12px)scale(1.2)}to{opacity:0;transform:translateY(-24px)scale(1)}}.wordlist-show-more{text-align:center;width:100%;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-top:12px;padding:12px;font-size:.85rem;display:block}.listening-quiz-instruction{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;text-align:center;color:var(--text-secondary);margin-bottom:16px;font-size:.9rem}.listening-quiz-play{cursor:pointer;background:#fff;border:3px solid #000;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;transition:all .1s;display:flex;box-shadow:4px 4px #000}.listening-quiz-play:hover{background:#f5f5f5}.listening-quiz-play:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.listening-quiz-warning{color:#92400e;font-family:var(--mono);background:#fef3c7;border:2px solid #f59e0b;margin-bottom:16px;padding:10px 14px;font-size:.8rem;line-height:1.4}.wordlist-type-card{background:#fff;border:3px solid #000;padding:24px;box-shadow:4px 4px #000}.wordlist-type-prompt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#666;text-align:center;margin-bottom:12px;font-size:.8rem;font-weight:600}.wordlist-type-meaning{text-align:center;color:#000;margin-bottom:8px;font-size:1.2rem;font-weight:500;line-height:1.5}.wordlist-type-example{color:#666;text-align:center;margin-bottom:20px;font-size:.9rem;font-style:italic}.wordlist-type-input-row{gap:8px;margin-bottom:16px;display:flex}.wordlist-type-input{font-family:var(--mono);color:#000;background:#fff;border:3px solid #000;outline:none;flex:1;padding:12px 14px;font-size:1rem}.wordlist-type-input:focus{box-shadow:4px 4px #000}.wordlist-type-input.result-correct{border-color:var(--accent);background:#4361ee0d}.wordlist-type-input.result-close{background:#f59e0b0d;border-color:#f59e0b}.wordlist-type-input.result-incorrect{border-color:var(--incorrect);background:#ef44440d}.wordlist-type-submit{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#fff;cursor:pointer;background:#000;border:3px solid #000;padding:12px 20px;font-size:.85rem;font-weight:700}.wordlist-type-submit:hover:not(:disabled){background:#333}.wordlist-type-submit:disabled{opacity:.4;cursor:not-allowed}.wordlist-type-feedback{font-family:var(--mono);text-align:center;border:3px solid;margin-bottom:16px;padding:12px 16px}.wordlist-type-feedback.correct{border-color:var(--accent);color:var(--accent);background:#4361ee14}.wordlist-type-feedback.close{color:#b45309;background:#f59e0b14;border-color:#f59e0b}.wordlist-type-feedback.incorrect{border-color:var(--incorrect);color:var(--incorrect);background:#ef444414}.wordlist-type-feedback-text{font-size:.9rem;font-weight:600}.wordlist-type-feedback-text strong{color:#000}.session-mode .wordlist-mode-selector{padding:20px 16px}.session-mode .wordlist-mode-title{color:#fff}.session-mode .wordlist-type-card{background:#fff}.session-mode .wordlist-type-prompt{color:#666}.session-mode .wordlist-type-meaning,.session-mode .wordlist-type-feedback-text strong{color:#000}.dictionary-hub-grid{grid-template-columns:1fr;gap:12px;display:grid}.dictionary-hub-card{color:#000;cursor:pointer;background:#fff;border:3px solid #000;align-items:center;gap:14px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:4px 4px #000}.dictionary-hub-card:hover{transform:translateY(-3px);box-shadow:4px 7px #000}.dictionary-hub-card-body{flex:1;min-width:0}.dictionary-hub-card-title{letter-spacing:.06em;color:#000;text-transform:uppercase;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:1rem;font-weight:800;line-height:1.2}.dictionary-hub-card-desc{color:#666;margin-top:4px;font-size:.8rem;line-height:1.3}.dictionary-hub-card-count{color:#888;margin-top:6px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.7rem;font-weight:700}.dictionary-hub-card-arrow{color:#000;flex-shrink:0}.dictionary-hub-grammar-levels{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.dictionary-hub-grammar-level{color:#000;cursor:pointer;background:#fff;border:2px solid #000;padding:6px 12px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;font-weight:700;transition:background .1s,color .1s,transform .1s,box-shadow .1s;box-shadow:2px 2px #000}.dictionary-hub-grammar-level:hover{color:#fff;background:#000;transform:translateY(-1px);box-shadow:2px 3px #000}.letter-nav{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#000 #e0e0e0;gap:2px;margin-bottom:12px;padding:2px 0 6px;display:flex;overflow-x:auto}.letter-nav::-webkit-scrollbar{height:6px}.letter-nav::-webkit-scrollbar-track{background:#e0e0e0;border:1px solid #000}.letter-nav::-webkit-scrollbar-thumb{background:#000}.letter-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #000;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;font-weight:700;transition:background .1s,color .1s;display:flex}.letter-btn:hover:not(.disabled),.letter-btn.active{color:#fff;background:#000}.letter-btn.disabled{color:#ccc;cursor:default;opacity:.3;border-color:#ddd}.dictionary-result-count{color:#888;margin-bottom:12px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.75rem;font-weight:700}.search-bar-container .search-input{color:#000;background:#fff;border:3px solid #000;border-radius:0;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;box-shadow:4px 4px #000}.search-bar-container .search-input:focus{border-color:#000;outline:none;box-shadow:4px 4px #000}.search-bar-container .search-input::placeholder{color:#999}.search-bar-container .search-icon,.search-bar-container .search-clear{color:#000}.search-bar-container .search-history-dropdown{background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px #000}.search-bar-container .search-history-header{color:#000;border-bottom:2px solid #000;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-weight:700}.search-bar-container .search-history-clear{color:#000;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-weight:700}.search-bar-container .search-history-item{color:#000;border-bottom:1px solid #eee}.search-bar-container .search-history-item:last-child{border-bottom:none}.search-bar-container .search-history-item:hover{color:#fff;background:#000}.search-bar-container .search-history-item:hover svg,.search-bar-container .search-history-item:hover span{color:#fff}.search-bar-container .search-history-item span{color:#000;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.85rem}.search-bar-container .search-history-item svg{color:#000}.search-bar-container .search-history-remove:hover{color:red}.filters-row .custom-select{flex:0 auto;min-width:140px}.filters-row .select-trigger{color:#000;background:#fff;border:2px solid #000;border-radius:0;padding:8px 12px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #000}.filters-row .select-trigger:hover{transform:translateY(-1px);box-shadow:3px 4px #000}.filters-row .select-trigger.active{color:#fff;background:#000;border-color:#000;transform:none;box-shadow:3px 3px #000}.filters-row .select-trigger.active .select-arrow{color:#fff}.filters-row .select-dropdown{background:#fff;border:2px solid #000;border-radius:0;box-shadow:4px 4px #000}.filters-row .select-option{color:#000;border-bottom:1px solid #eee;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem;font-weight:600}.filters-row .select-option:last-child{border-bottom:none}.filters-row .select-option:hover{color:#fff;background:#000}.filters-row .select-option.selected{color:#fff;background:#000;font-weight:800}.login-page{justify-content:center;align-items:flex-start;min-height:60vh;padding:2rem 1rem;display:flex}.login-card{color:#000;width:100%;max-width:400px;font-family:var(--mono);background:#fff;border:3px solid #000;padding:2rem;box-shadow:4px 4px #000}.login-title{text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;font-size:1.5rem;font-weight:900}.login-subtitle{color:#666;margin:0 0 1.5rem;font-size:.85rem}.login-google-btn{color:#000;width:100%;font-family:var(--mono);cursor:pointer;background:#fff;border:2px solid #000;justify-content:center;align-items:center;gap:.75rem;padding:.75rem;font-size:.9rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:3px 3px #000}.login-google-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.login-google-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.login-divider{color:#999;text-transform:uppercase;align-items:center;gap:1rem;margin:1.25rem 0;font-size:.8rem;display:flex}.login-divider:before,.login-divider:after{content:"";border-top:1px solid #ccc;flex:1}.login-form{flex-direction:column;gap:.75rem;display:flex}.login-input{font-family:var(--mono);color:#000;background:#fff;border:2px solid #000;outline:none;padding:.75rem;font-size:.9rem}.login-input:focus{box-shadow:3px 3px #000}.login-error{color:#e53e3e;margin:0;font-size:.8rem}.login-submit-btn{color:#fff;font-family:var(--mono);text-transform:uppercase;cursor:pointer;background:#000;border:2px solid #000;padding:.75rem;font-size:.9rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #0000004d}.login-submit-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #0000004d}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:3px 3px #0000004d}.login-toggle-btn{color:#666;width:100%;font-family:var(--mono);cursor:pointer;background:0 0;border:none;margin-top:1rem;padding:.5rem;font-size:.8rem;text-decoration:underline;display:block}.login-toggle-btn:hover{color:#000}.user-avatar-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s;display:flex;overflow:hidden}.user-avatar-btn:hover{background:#ffffff40}.user-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-avatar-initial{font-family:var(--mono);font-size:.85rem;font-weight:700;line-height:1}.account-page{justify-content:center;padding:2rem 1rem;display:flex}.account-card{color:#000;width:100%;max-width:480px;font-family:var(--mono);background:#fff;border:3px solid #000;padding:2rem;box-shadow:4px 4px #000}.account-title{text-transform:uppercase;letter-spacing:.05em;margin:0 0 1.5rem;font-size:1.5rem;font-weight:900}.account-info{border-bottom:2px solid #eee;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.account-photo{border:2px solid #000;border-radius:50%;flex-shrink:0;width:56px;height:56px}.account-details{min-width:0}.account-name{margin:0 0 .25rem;font-size:1rem;font-weight:700}.account-email{color:#666;word-break:break-all;margin:0 0 .25rem;font-size:.85rem}.account-provider{color:#999;margin:0;font-size:.75rem}.account-sync{border-bottom:2px solid #eee;margin-bottom:1.5rem;padding-bottom:1.5rem}.account-section-title{text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.85rem;font-weight:800}.account-sync-status{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.sync-indicator{background:#999;border-radius:50%;flex-shrink:0;width:8px;height:8px}.sync-indicator.synced{background:#4ade80}.sync-indicator.syncing{background:#f59e0b;animation:1s infinite pulse}.sync-indicator.error{background:#ef4444}.account-last-synced{color:#999;margin:0 0 .75rem;font-size:.75rem}.account-sync-btn{color:#000;font-family:var(--mono);cursor:pointer;background:#fff;border:2px solid #000;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:2px 2px #000}.account-sync-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000}.account-sync-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.account-signout-btn{color:#e53e3e;width:100%;font-family:var(--mono);text-transform:uppercase;cursor:pointer;background:#fff;border:2px solid #e53e3e;padding:.75rem;font-size:.9rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #e53e3e4d}.account-signout-btn:hover{color:#fff;background:#e53e3e;transform:translate(-1px,-1px);box-shadow:4px 4px #e53e3e4d}.legal-page{color:#222;max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem;line-height:1.7}.legal-page h1{font-family:var(--mono);margin-bottom:.25rem;font-size:1.5rem}.legal-updated{color:#888;margin-bottom:2rem;font-size:.85rem}.legal-page h2{font-family:var(--mono);color:#000;border-bottom:1px solid #ccc;margin-top:2rem;margin-bottom:.5rem;padding-bottom:.25rem;font-size:1.1rem}.legal-page h3{margin-top:1rem;margin-bottom:.25rem;font-size:.95rem}.legal-page p{margin-bottom:.75rem}.legal-page ul{margin-bottom:.75rem;padding-left:1.25rem}.legal-page li{margin-bottom:.35rem}.legal-page a{color:#4361ee;text-decoration:underline}.more-menu-legal{opacity:.7;font-size:.8rem}.help-page{max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem;font-size:.95rem;line-height:1.7}.help-title{font-family:var(--mono);margin-bottom:.25rem;font-size:1.5rem}.help-subtitle{color:#888;margin-bottom:1.5rem;font-size:.9rem}.help-search{margin-bottom:1.5rem;position:relative}.help-search-icon{color:#000;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.help-search-input{width:100%;font-family:var(--mono);color:#000;box-sizing:border-box;background:#fff;border:3px solid #000;border-radius:0;outline:none;padding:12px 40px;font-size:.9rem;box-shadow:4px 4px #000}.help-search-input:focus{border-color:#000;box-shadow:4px 4px #000}.help-search-input::placeholder{color:#999}.help-search-clear{color:#000;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.3rem;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.help-no-results{text-align:center;color:#888;font-family:var(--mono);padding:2rem 0;font-size:.9rem}.help-category{margin-bottom:1rem}.help-category-header{color:#fff;width:100%;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;text-align:left;background:#000;border:3px solid #000;border-radius:0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:700;display:flex;box-shadow:4px 4px #0000004d}.help-category-header:hover{background:#222}.help-chevron{flex-shrink:0;transition:transform .2s}.help-chevron.open{transform:rotate(180deg)}.help-items{border:3px solid #000;border-top:none}.help-item{border-bottom:2px solid #eee}.help-item:last-child{border-bottom:none}.help-question{color:#000;cursor:pointer;text-align:left;background:#fff;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.help-question:hover{background:#f5f5f5}.help-question.open{border-bottom:1px solid #eee}.help-answer{color:#333;background:#fafafa;padding:12px 16px 16px 24px;font-size:.88rem;line-height:1.7}.help-answer strong{color:#000;font-weight:700}.help-answer ul{margin:.5rem 0;padding-left:1.25rem}.help-answer li{margin-bottom:.3rem}.help-answer a{color:#4361ee;text-decoration:underline}.wordlists-grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem;display:grid}@media(min-width:640px){.wordlists-grid{grid-template-columns:repeat(2,1fr)}}.wordlist-card-new{cursor:pointer;background:#fff;border:3px solid #000;transition:transform .1s,box-shadow .1s;position:relative;box-shadow:4px 4px #000}.wordlist-card-new:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.wordlist-card-cover{border-bottom:3px solid #000;width:100%;height:120px;overflow:hidden}.wordlist-card-cover-img{object-fit:cover;width:100%;height:100%}.wordlist-card-body{padding:1rem}.wordlist-card-title{font-family:var(--mono);color:#000;text-transform:uppercase;margin:0 0 .25rem;font-size:1rem;font-weight:800}.wordlist-card-desc{color:#555;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.85rem;display:-webkit-box;overflow:hidden}.wordlist-card-meta-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.wordlist-card-terms{font-family:var(--mono);color:#666;font-size:.8rem}.wordlist-card-tags{flex-wrap:wrap;gap:.25rem;display:flex}.wordlist-card-tag{font-family:var(--mono);color:#555;background:#f0f0f0;border:1px solid #ccc;padding:.1rem .4rem;font-size:.7rem}.wordlist-card-footer{color:#888;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.wordlist-card-owner{align-items:center;gap:.25rem;display:flex}.wordlist-card-avatar{border-radius:50%;width:18px;height:18px}.wordlist-card-visibility{font-family:var(--mono);color:#fff;background:#4361ee;padding:.1rem .3rem;font-size:.7rem}.wordlist-card-delete{cursor:pointer;color:#e53e3e;background:#fff;border:2px solid #000;padding:.25rem;position:absolute;top:.5rem;right:.5rem}.wordlist-card-delete:hover{color:#fff;background:#e53e3e}.cover-image-upload{margin-bottom:1.5rem}.cover-image-placeholder{cursor:pointer;color:#888;width:100%;height:150px;font-family:var(--mono);background:#f8f8f8;border:3px dashed #ccc;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.cover-image-placeholder:hover{color:#000;border-color:#000}.cover-image-placeholder small{color:#aaa;font-size:.75rem}.cover-image-preview{border:3px solid #000;width:100%;height:150px;position:relative;overflow:hidden}.cover-image-img{object-fit:cover;width:100%;height:100%}.cover-image-overlay{background:#0009;gap:.5rem;padding:.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.cover-image-uploading{font-family:var(--mono);color:#4361ee;margin-top:.5rem;font-size:.8rem}.cover-image-error{font-family:var(--mono);color:#e53e3e;margin-top:.5rem;font-size:.8rem}.create-wordlist-form{max-width:600px;margin:0 auto;padding:1rem}.create-wordlist-form .form-group{margin-bottom:1.25rem}.create-wordlist-form .form-hint{font-family:var(--mono);color:#999;text-align:right;margin-top:.25rem;font-size:.75rem}.create-wordlist-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.form-error{color:#e53e3e;font-family:var(--mono);background:#fef2f2;border:2px solid #e53e3e;margin-bottom:1rem;padding:.75rem;font-size:.85rem}.spreadsheet-editor{max-width:100%;padding:0 .5rem;overflow-x:auto}.spreadsheet-toolbar{justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 0;display:flex}.spreadsheet-toolbar-left{align-items:center;gap:.75rem;display:flex}.spreadsheet-toolbar-right{align-items:center;gap:.5rem;display:flex}.spreadsheet-count{font-family:var(--mono);color:#000;font-size:.85rem;font-weight:700}.spreadsheet-saving{font-family:var(--mono);color:#4361ee;font-size:.75rem;animation:1.5s infinite pulse}.spreadsheet-grid{background:#fff;border:3px solid #000;min-width:700px}.spreadsheet-header{color:#fff;font-family:var(--mono);text-transform:uppercase;background:#000;font-size:.75rem;font-weight:700;display:flex}.spreadsheet-header .spreadsheet-row-num{color:#fff;background:#000;border-right:1px solid #333}.spreadsheet-header .spreadsheet-col{border-right:1px solid #333;padding:.5rem .75rem}.spreadsheet-header .spreadsheet-col-actions{width:80px}.spreadsheet-body{max-height:600px;overflow-y:auto}.spreadsheet-row{border-bottom:1px solid #eee;display:flex}.spreadsheet-row.selected{background:#f0f7ff}.spreadsheet-row-num{width:40px;min-width:40px;font-family:var(--mono);color:#999;background:#fafafa;border-right:1px solid #eee;justify-content:center;align-items:center;font-size:.75rem;display:flex}.spreadsheet-cell{border-right:1px solid #eee;position:relative}.spreadsheet-cell.active{outline-offset:-2px;z-index:1;outline:2px solid #4361ee}.spreadsheet-col-term{flex:0 0 140px}.spreadsheet-col-definition{flex:1;min-width:180px}.spreadsheet-col-example{flex:0 0 180px}.spreadsheet-col-pronunciation{flex:0 0 120px}.spreadsheet-col-notes{flex:0 0 140px}.spreadsheet-input{background:0 0;border:none;outline:none;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.85rem}.spreadsheet-input::placeholder{color:#ccc}.spreadsheet-cell-actions{justify-content:center;align-items:center;gap:2px;width:80px;min-width:80px;display:flex}.spreadsheet-action-btn{cursor:pointer;color:#999;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:4px;display:flex}.spreadsheet-action-btn:hover:not(:disabled){color:#000;border-color:#ccc}.spreadsheet-action-btn.danger:hover:not(:disabled){color:#e53e3e}.spreadsheet-action-btn:disabled{opacity:.3;cursor:default}@media(max-width:768px){.spreadsheet-grid{min-width:unset}.spreadsheet-header{display:none}.spreadsheet-row{border-bottom:3px solid #000;flex-direction:column;gap:8px;padding:12px;display:flex}.spreadsheet-row-num{width:auto;min-width:unset;background:0 0;border-right:none;justify-content:flex-start;padding:0;font-size:.7rem;font-weight:700}.spreadsheet-cell{border-right:none}.spreadsheet-cell:before{content:attr(data-label);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#999;padding:0 .75rem;font-size:.65rem;font-weight:700;display:block}.spreadsheet-col-term,.spreadsheet-col-definition,.spreadsheet-col-example,.spreadsheet-col-pronunciation,.spreadsheet-col-notes{flex:unset;min-width:unset}.spreadsheet-cell-actions{width:auto;min-width:unset;justify-content:flex-start;padding:0 8px}}.modal-wide{max-width:700px!important}.bulk-import-help{color:#555;margin-bottom:1rem;font-size:.85rem}.bulk-import-separator{font-family:var(--mono);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.bulk-import-textarea{width:100%;font-family:var(--mono);resize:vertical;border:3px solid #000;min-height:150px;padding:.75rem;font-size:.85rem}.bulk-import-textarea:focus{outline:none;box-shadow:4px 4px #000}.bulk-import-preview{margin-top:1rem}.bulk-import-preview h4{font-family:var(--mono);margin-bottom:.5rem;font-size:.85rem;font-weight:700}.bulk-import-preview-table{border:2px solid #000;font-size:.8rem;overflow:hidden}.bulk-import-preview-header{color:#fff;font-family:var(--mono);background:#000;grid-template-columns:1fr 2fr 2fr;font-size:.75rem;font-weight:700;display:grid}.bulk-import-preview-header span{border-right:1px solid #333;padding:.4rem .5rem}.bulk-import-preview-row{border-bottom:1px solid #eee;grid-template-columns:1fr 2fr 2fr;display:grid}.bulk-import-preview-row span{white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #eee;padding:.3rem .5rem;overflow:hidden}.bulk-import-preview-more{text-align:center;font-family:var(--mono);color:#888;padding:.4rem .5rem;font-size:.75rem}.wordlist-cover-banner{border-bottom:3px solid #000;width:100%;height:160px;margin-bottom:-.5rem;overflow:hidden}.wordlist-cover-img{object-fit:cover;width:100%;height:100%}.wordlist-edit-inline{background:#fff;border:3px solid #000;margin:0 1rem 1rem;padding:1rem;box-shadow:4px 4px #000}.wordlist-edit-inline-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.wordlist-cover-preview{object-fit:cover;border:2px solid #000;max-width:200px;max-height:120px;margin-top:.5rem;display:none}.wordlist-tabs{border-bottom:3px solid #000;gap:0;margin:1rem 1rem 0;display:flex}.wordlist-tab{font-family:var(--mono);color:#666;cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-3px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700}.wordlist-tab.active{color:#000;border-bottom-color:#4361ee}.wordlist-tab:hover:not(.active){color:#000}.wordlist-terms-list{padding:.5rem 1rem}.wordlist-term-item{background:#fff;border:2px solid #000;margin-bottom:.75rem;padding:.75rem 1rem;box-shadow:3px 3px #000}.wordlist-term-main{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.wordlist-term-speak{cursor:pointer;color:#666;background:0 0;border:1px solid #ccc;align-items:center;padding:4px;display:flex}.wordlist-term-speak:hover{color:#fff;background:#000;border-color:#000}.wordlist-term-text{align-items:baseline;gap:.5rem;display:flex}.wordlist-term-word{font-family:var(--mono);color:#000;font-size:1rem;font-weight:800}.wordlist-term-pron{color:#888;font-size:.8rem;font-style:italic}.wordlist-term-def{color:#333;margin-bottom:.25rem;font-size:.9rem}.wordlist-term-example{color:#666;font-size:.85rem;font-style:italic}.wordlist-term-notes{color:#888;font-size:.8rem;font-family:var(--mono);margin-top:.25rem}.wordlist-settings{max-width:500px;padding:1rem}.wordlist-visibility-options{gap:.5rem;margin-bottom:.5rem;display:flex}.wordlist-settings-cover{align-items:flex-end;gap:1rem;display:flex}.wordlist-settings-cover-img{object-fit:cover;border:2px solid #000;width:120px;height:80px}.wordlist-tags-edit{max-width:300px}.btn-study.edit{color:#000;background:#fff;border:2px solid #000}.btn-study.edit:hover{color:#fff;background:#000}.wordlist-fc-speak{cursor:pointer;color:inherit;background:0 0;border:1px solid #0003;align-items:center;margin-left:.5rem;padding:6px;display:inline-flex}.wordlist-fc-speak:hover{background:#0000001a}.btn-danger{color:#fff;background:#e53e3e;border:2px solid #000}.community-controls{margin-bottom:1rem;padding:0 1rem}.community-search{background:#fff;border:3px solid #000;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex;box-shadow:4px 4px #000}.community-search svg{color:#888;flex-shrink:0}.community-search-input{font-family:var(--mono);color:#000;background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.community-sort{gap:.5rem;margin-bottom:.75rem;display:flex}.community-sort-btn{font-family:var(--mono);text-transform:uppercase;cursor:pointer;background:#fff;border:2px solid #000;padding:.4rem .75rem;font-size:.8rem;font-weight:700;transition:background .1s,color .1s}.community-sort-btn.active{color:#fff;background:#000}.community-sort-btn:hover:not(.active){background:#f0f0f0}.community-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.community-tag-chip{font-family:var(--mono);cursor:pointer;background:#f0f0f0;border:1px solid #ccc;padding:.2rem .5rem;font-size:.75rem;transition:background .1s,border-color .1s}.community-tag-chip.active{color:#fff;background:#4361ee;border-color:#4361ee}.community-tag-chip:hover:not(.active){border-color:#000}.community-results-count{font-family:var(--mono);color:#888;margin-bottom:.5rem;padding:0 1rem;font-size:.8rem}.community-loading,.community-empty{text-align:center;color:#888;padding:3rem 1rem}.community-empty-icon{color:#ccc;margin-bottom:1rem}.community-empty h3{font-family:var(--mono);color:#555;margin:0 0 .5rem;font-size:1.1rem}.community-empty p{color:#888;margin:0;font-size:.9rem}.community-cover-hero{border-bottom:3px solid #000;width:100%;height:180px;overflow:hidden}.community-cover-img{object-fit:cover;width:100%;height:100%}.community-author{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.community-author-avatar{border-radius:50%;width:24px;height:24px}.community-author-name{font-family:var(--mono);color:#555;font-size:.85rem;font-weight:600}.community-author-meta{font-family:var(--mono);color:#888;font-size:.8rem}.community-detail-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;padding:0 1rem;display:flex}.community-detail-tag{font-family:var(--mono);color:#555;background:#f0f0f0;border:1px solid #ccc;padding:.15rem .4rem;font-size:.7rem}.community-cta{margin-bottom:.5rem;padding:.75rem 1rem}.community-study-btn{width:100%;font-family:var(--mono);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:700;display:flex}.community-cta-studying{background:#f0f9ff;border:2px solid #4361ee;padding:.75rem}.community-cta-label{font-family:var(--mono);color:#4361ee;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.community-cta-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.community-study-hint{font-family:var(--mono);color:#888;margin-top:.5rem;font-size:.8rem}.community-terms-section{padding:0 1rem 1rem}.community-terms-heading{font-family:var(--mono);text-transform:uppercase;color:#000;border-bottom:3px solid #000;margin:0 0 .75rem;padding-bottom:.5rem;font-size:.9rem;font-weight:800}.community-terms-empty{color:#888;padding:1rem 0;font-size:.9rem}.community-terms-list{flex-direction:column;gap:0;display:flex}.community-term-item{border-bottom:1px solid #eee;padding:.75rem 0}.community-term-item:last-child{border-bottom:none}.community-term-main{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.community-term-speak{cursor:pointer;color:#888;background:0 0;border:none;border-radius:50%;flex-shrink:0;align-items:center;padding:.2rem;display:inline-flex}.community-term-speak:hover{color:#000;background:#0000000d}.community-term-text{align-items:baseline;gap:.5rem;display:flex}.community-term-word{color:#000;font-size:1rem;font-weight:700}.community-term-pron{font-family:var(--mono);color:#888;font-size:.8rem}.community-term-def{color:#333;margin-left:1.75rem;font-size:.9rem}.community-term-example{color:#666;margin-top:.15rem;margin-left:1.75rem;font-size:.85rem;font-style:italic}.community-term-notes{font-family:var(--mono);color:#888;margin-top:.15rem;margin-left:1.75rem;font-size:.8rem}.wordlists-section-title{font-family:var(--mono);text-transform:uppercase;color:#000;margin:0;padding:.75rem 1rem .25rem;font-size:.85rem;font-weight:800}.leaderboard{padding:0 1rem 1rem}.leaderboard-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.leaderboard-tab{font-family:var(--mono);text-transform:uppercase;cursor:pointer;background:#fff;border:2px solid #000;padding:.4rem .75rem;font-size:.8rem;font-weight:700;transition:all .15s;box-shadow:2px 2px #000}.leaderboard-tab:hover{background:#f0f0f0}.leaderboard-tab.active{color:#fff;background:#000}.leaderboard-loading,.leaderboard-empty{font-family:var(--mono);color:#888;text-align:center;padding:2rem 1rem;font-size:.85rem}.leaderboard-list{flex-direction:column;gap:.25rem;display:flex}.leaderboard-row{background:#fff;border:2px solid #eee;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:background .15s;display:flex}.leaderboard-row.current-user{background:#fffbe6;border-color:#000;box-shadow:2px 2px #000}.leaderboard-row.rank-1{border-left:4px solid gold}.leaderboard-row.rank-2{border-left:4px solid silver}.leaderboard-row.rank-3{border-left:4px solid #cd7f32}.leaderboard-rank{font-family:var(--mono);text-align:center;color:#888;min-width:2rem;font-size:.85rem;font-weight:800}.leaderboard-medal{font-weight:800}.leaderboard-medal.medal-1{color:#b8860b}.leaderboard-medal.medal-2{color:gray}.leaderboard-medal.medal-3{color:#8b4513}.leaderboard-user{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.leaderboard-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.leaderboard-avatar-placeholder{color:#fff;width:28px;height:28px;font-family:var(--mono);background:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.leaderboard-name{font-family:var(--mono);color:#000;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.leaderboard-you{color:#888;font-weight:400}.leaderboard-points{font-family:var(--mono);color:#000;white-space:nowrap;font-size:.85rem;font-weight:700}.community-leaderboard-section{margin-bottom:1rem;padding:0 1rem}.profile-page{max-width:600px;margin:0 auto;padding:1rem}.profile-card{background:#fff;border:3px solid #000;padding:1.5rem;box-shadow:4px 4px #000}.profile-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.profile-avatar{object-fit:cover;border:2px solid #000;border-radius:50%;flex-shrink:0;width:64px;height:64px}.profile-avatar-placeholder{color:#fff;width:64px;height:64px;font-family:var(--mono);background:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:flex}.profile-info{flex:1;min-width:0}.profile-display-name{font-family:var(--mono);color:#000;margin:0;font-size:1.25rem;font-weight:800}.profile-username{font-family:var(--mono);color:#888;margin:0;font-size:.85rem}.profile-bio{font-family:var(--mono);color:#333;margin:1rem 0;font-size:.9rem;line-height:1.5}.profile-stats{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.profile-stat{text-align:center;background:#f5f5f5;border:2px solid #000;flex:1;min-width:80px;padding:.5rem .75rem}.profile-stat-value{font-family:var(--mono);color:#000;font-size:1.2rem;font-weight:800}.profile-stat-label{font-family:var(--mono);text-transform:uppercase;color:#888;font-size:.7rem;font-weight:700}.profile-edit-btn{font-family:var(--mono);cursor:pointer;background:#fff;border:2px solid #000;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .15s;box-shadow:2px 2px #000}.profile-edit-btn:hover{color:#fff;background:#000}.edit-profile-page{max-width:500px;margin:0 auto;padding:1rem}.edit-profile-card{background:#fff;border:3px solid #000;padding:1.5rem;box-shadow:4px 4px #000}.edit-profile-card h2{font-family:var(--mono);margin:0 0 1rem;font-size:1.1rem;font-weight:800}.edit-profile-card .form-group{margin-bottom:1rem}.edit-profile-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.account-profile-btn{width:100%;font-family:var(--mono);color:#000;cursor:pointer;text-align:center;background:#fff;border:2px solid #000;margin-bottom:.75rem;padding:.6rem 1rem;font-size:.9rem;font-weight:700;transition:all .15s;display:block;box-shadow:2px 2px #000}.account-profile-btn:hover{color:#fff;background:#000}.profile-setup-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.profile-setup-modal{background:#fff;border:3px solid #000;width:100%;max-width:400px;padding:1.5rem;box-shadow:6px 6px #000}.profile-setup-modal h2{font-family:var(--mono);margin:0 0 .25rem;font-size:1.1rem;font-weight:800}.profile-setup-modal .profile-setup-desc{font-family:var(--mono);color:#666;margin:0 0 1rem;font-size:.85rem}.profile-setup-modal .form-group{margin-bottom:.75rem}.profile-setup-status{font-family:var(--mono);margin-top:.25rem;font-size:.75rem}.profile-setup-status.available{color:#16a34a}.profile-setup-status.taken,.profile-setup-status.invalid{color:#dc2626}.profile-setup-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}