@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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--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:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-3xl:1.875rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overscroll-behavior-y:none}body{color:#d7e2ff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;background-color:#071327}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.right-0{right:calc(var(--spacing) * 0)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.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}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-1{height:calc(var(--spacing) * 1)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-full{height:100%}.h-px{height:1px}.max-h-\(--available-height\){max-height:var(--available-height)}.min-h-screen{min-height:100vh}.w-\(--anchor-width\){width:var(--anchor-width)}.w-\[220px\]{width:220px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-36{min-width:calc(var(--spacing) * 36)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.auto-rows-min{grid-auto-rows:min-content}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.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-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.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-5{gap:calc(var(--spacing) * 5)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-transparent{border-color:#0000}.bg-\[\#6b9cda\]{background-color:#6b9cda}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-clip-padding{background-clip:padding-box}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.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{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-10{padding-block:calc(var(--spacing) * 10)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#2a354b\]{color:#2a354b}.text-\[\#4a5a7a\]{color:#4a5a7a}.text-\[\#6a7a9a\]{color:#6a7a9a}.text-\[\#6b9cda\]{color:#6b9cda}.text-\[\#8a9bbf\]{color:#8a9bbf}.text-\[\#071327\]{color:#071327}.text-\[\#bbc6e2\]{color:#bbc6e2}.text-\[\#d7e2ff\]{color:#d7e2ff}.text-\[\#e07b4a\]{color:#e07b4a}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.shadow-\[0_0_6px_\#6b9cda\]{--tw-shadow:0 0 6px var(--tw-shadow-color,#6b9cda);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[\#2f4865\]{--tw-ring-color:#2f4865}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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,)}.blur-sm{--tw-blur:blur(var(--blur-sm));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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.fade-in{--tw-enter-opacity:0}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size=sm] *){padding:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size=sm] *){padding-inline:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}@media (hover:hover){.hover\:bg-red-500\/5:hover{background-color:#fb2c360d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/5:hover{background-color:color-mix(in oklab, var(--color-red-500) 5%, transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:text-\[\#d7e2ff\]:hover{color:#d7e2ff}.hover\:text-red-400:hover{color:var(--color-red-400)}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:calc(var(--spacing) * 0)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.data-closed\:animate-out[data-closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}.data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-horizontal\:h-px[data-horizontal]{height:1px}.data-horizontal\:w-full[data-horizontal]{width:100%}.data-open\:animate-in[data-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}.data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}.data-vertical\:w-px[data-vertical]{width:1px}.data-vertical\:self-stretch[data-vertical]{align-self:stretch}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side=inline-start],.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.data-\[size\=sm\]\:gap-3[data-size=sm]{gap:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md), 10px)}.data-\[size\=sm\]\:py-3[data-size=sm]{padding-block:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media (min-width:40rem){.sm\:flex{display:flex}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}}@media (min-width:48rem){.md\:flex{display:flex}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:py-6{padding-block:calc(var(--spacing) * 6)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\.border-b\]\:pb-4.border-b{padding-bottom:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size=sm] *).border-b{padding-bottom:calc(var(--spacing) * 3)}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--bg:#0b0a0c;--surface:#1a1620;--surface-2:#241e2a;--surface-3:#2c2532;--surface-overlay:#0b0a0cb8;--border:#dd412429;--border-strong:#dd412447;--text:#fff;--text-muted:#ffffffb8;--text-dim:#ffffff7a;--primary:#dd4124;--primary-soft:#dd41241f;--primary-hover:#e55a3f;--success:#6b8e3f;--warning:#d4a04a;--danger:#a4243b;--info:#5570b5;--kat-moji:#c77b3f;--kat-goi:#8b5a8c;--kat-bunpou:#4a7c7e;--kat-dokkai:#b85450;--kat-choukai:#6b7d5c;--bg-canvas:var(--bg);--bg-base:var(--bg);--surface-1:var(--surface);--edge-soft:#ffffff0a;--edge-default:var(--border);--edge-strong:var(--border-strong);--edge-highlight:#ffffff0f;--text-primary:var(--text);--text-secondary:#ffffffb8;--text-tertiary:#ffffff7a;--accent-iris:var(--primary);--accent-iris-glow:var(--primary-hover);--accent-sumi:#1a1b2e;--accent-amber:var(--warning);--accent-emerald:var(--success);--accent-rose:var(--danger);--accent-cyan:var(--info);--n1:#8b5a8c;--n2:#dd4124;--n3:#6b8e3f;--n4:#d4a04a;--n5:#c77b3f;--aurora-1:#dd4124;--aurora-2:#8b5a8c;--aurora-3:#5570b5;--aurora-4:#a4243b;--text-3xs:10px;--text-2xs:11px;--text-xs:12px;--text-sm:14px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:38px;--text-4xl:48px;--text-5xl:clamp(56px, 6vw, 72px);--text-6xl:clamp(72px, 8vw, 96px);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-power:cubic-bezier(.83, 0, .17, 1);--ease-spring:cubic-bezier(.5, 1.5, .5, 1);--dur-micro:.12s;--dur-small:.2s;--dur-medium:.35s;--dur-large:.5s;--font-sans:var(--font-geist-sans), "Inter", system-ui, sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;line-height:1}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#1f2a3f66}.premium-gradient{background:linear-gradient(135deg,#bbc6e2 0%,#0f1a2e 100%)}.analyzing-scan-line{background:linear-gradient(90deg,#0000,#bbc6e2,#0000);width:100%;height:2px;animation:3s linear infinite scan;position:absolute;top:0}@keyframes scan{0%{opacity:0;top:0}50%{opacity:1}to{opacity:0;top:100%}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#071327}::-webkit-scrollbar-thumb{background:#1f2a3f;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#2a354b}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out fade-in}.bg-space{background-color:#020810;background-image:radial-gradient(90% 70% at 15% 5%,#14327866 0%,#0000 65%),radial-gradient(70% 60% at 85% 85%,#3c148247 0%,#0000 60%),radial-gradient(50% 40% at 55%,#0a286426 0%,#0000 55%)}.bg-space:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#6b9cda2e 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 100%)}@keyframes orb-drift{0%{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.05)}50%{transform:translate(10px,30px)scale(.97)}75%{transform:translate(-20px,10px)scale(1.03)}to{transform:translate(0)scale(1)}}@keyframes orb-drift2{0%{transform:translate(0)scale(1)}33%{transform:translate(-25px,20px)scale(1.06)}66%{transform:translate(15px,-15px)scale(.95)}to{transform:translate(0)scale(1)}}@keyframes glow-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes ring-pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.05;transform:scale(1.2)}}.particle{pointer-events:none;border-radius:50%;position:absolute}.particle-1{background:radial-gradient(circle at 35% 35%,#285adc1f 0%,#1432960f 40%,#0000 70%);border:1px solid #4a7abf0f;width:700px;height:700px;animation:18s ease-in-out infinite orb-drift;top:-200px;left:-150px}.particle-2{background:radial-gradient(circle at 60% 40%,#641ec81a 0%,#4614a00d 40%,#0000 70%);border:1px solid #8b5abf12;width:550px;height:550px;animation:22s ease-in-out 3s infinite orb-drift2;top:35%;right:-120px}.particle-3{background:radial-gradient(circle,#1464c817 0%,#0000 65%);border:1px solid #4a7abf0d;width:350px;height:350px;animation:14s ease-in-out 6s infinite orb-drift;bottom:5%;left:15%}.particle-4{background:radial-gradient(circle,#501eb414 0%,#0000 65%);border:1px solid #8b5abf0f;width:250px;height:250px;animation:16s ease-in-out 9s infinite orb-drift2;top:55%;left:45%}.ai-ring{pointer-events:none;border:1px solid #4a7abf1f;border-radius:50%;animation:8s ease-in-out infinite ring-pulse;position:absolute}.ai-ring-1{width:900px;height:900px;animation-delay:0s;top:-350px;left:-300px}.ai-ring-2{border-color:#8b5abf14;width:600px;height:600px;animation-delay:4s;top:20%;right:-200px}.ai-ring-3{border-color:#5ea87a12;width:400px;height:400px;animation-delay:2s;bottom:-100px;left:30%}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes float-y2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(8deg)}}@keyframes float-y3{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-18px)scale(1.06)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes border-glow{0%,to{box-shadow:0 0 12px #4a7abf4d,0 0 30px #4a7abf1a}50%{box-shadow:0 0 20px #4a7abf99,0 0 50px #4a7abf33}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-float{animation:6s ease-in-out infinite float-y}.animate-float2{animation:8s ease-in-out 1s infinite float-y2}.animate-float3{animation:7s ease-in-out 2s infinite float-y3}.animate-spin-slow{animation:20s linear infinite spin-slow}.animate-border-glow{animation:3s ease-in-out infinite border-glow}.shimmer-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#bbc6e2 0%,#6b9cda 40%,#a67bd4 60%,#bbc6e2 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.stars{pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#bbc6e28c 0%,#0000 100%),radial-gradient(1px 1px at 28% 72%,#bbc6e266 0%,#0000 100%),radial-gradient(1px 1px at 45% 35%,#bbc6e280 0%,#0000 100%),radial-gradient(1px 1px at 62% 88%,#bbc6e259 0%,#0000 100%),radial-gradient(1px 1px at 74% 15%,#bbc6e299 0%,#0000 100%),radial-gradient(1px 1px at 88% 52%,#bbc6e266 0%,#0000 100%),radial-gradient(1.5px 1.5px at 35% 58%,#bbc6e273 0%,#0000 100%),radial-gradient(1px 1px at 55% 10%,#bbc6e280 0%,#0000 100%),radial-gradient(1px 1px at 80% 78%,#bbc6e24d 0%,#0000 100%),radial-gradient(1.5px 1.5px at 92% 30%,#bbc6e280 0%,#0000 100%),radial-gradient(1px 1px at 5% 90%,#bbc6e259 0%,#0000 100%),radial-gradient(1px 1px at 70% 44%,#bbc6e266 0%,#0000 100%);position:absolute;inset:0}input,textarea,select{font-size:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.elev-1{background:var(--surface);border:1px solid var(--edge-soft);box-shadow:inset 0 1px 0 0 var(--edge-highlight), 0 1px 2px #0006, 0 8px 24px -8px #00000080}.elev-2{background:var(--surface-2);border:1px solid var(--border);box-shadow:inset 0 1px 0 0 var(--edge-highlight), 0 2px 4px #00000080, 0 16px 40px -12px #0009, 0 0 0 1px #dd41240a;transform:translateY(-2px)}.elev-3{background:var(--surface-3);border:1px solid var(--primary);box-shadow:inset 0 1px #ffffff1a,0 0 0 4px #dd41241f,0 24px 56px -16px #dd412466}.app-canvas{background-color:var(--bg);background-image:radial-gradient(120% 75% at 50% -8%,#e0492f38,#e0492f0f 28%,#0000 52%),radial-gradient(60% 55% at 88% 92%,#d4a04a24,#d4a04a08 40%,#0000 65%),radial-gradient(50% 45% at 8% 78%,#8b5a8c1a,#0000 60%);background-attachment:fixed}.aurora-bg{z-index:-1;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.aurora-blob{filter:blur(90px);will-change:transform;border-radius:50%;position:absolute}.aurora-blob.aurora-1{opacity:.42;background:radial-gradient(circle, var(--aurora-1), transparent 68%);width:46vw;height:46vw;animation:26s ease-in-out infinite aurora-drift-1;top:-12vw;left:-8vw}.aurora-blob.aurora-2{opacity:.34;background:radial-gradient(circle, var(--aurora-2), transparent 70%);width:40vw;height:40vw;animation:34s ease-in-out infinite aurora-drift-2;bottom:-16vw;left:-10vw}.aurora-blob.aurora-3{opacity:.26;background:radial-gradient(circle, var(--aurora-3), transparent 72%);width:38vw;height:38vw;animation:30s ease-in-out infinite aurora-drift-3;top:18vh;right:-12vw}.aurora-blob.aurora-4{opacity:.38;background:radial-gradient(circle, var(--aurora-4), transparent 70%);width:44vw;height:44vw;animation:28s ease-in-out infinite aurora-drift-4;bottom:-14vw;right:-8vw}.aurora-noise{display:none}@keyframes aurora-drift-1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(6vw,4vh)scale(1.14)}}@keyframes aurora-drift-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(5vw,-5vh)scale(1.18)}}@keyframes aurora-drift-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-6vw,5vh)scale(1.12)}}@keyframes aurora-drift-4{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-5vw,-4vh)scale(1.15)}}@media (prefers-reduced-motion:reduce){.aurora-blob{animation:none!important}}.glass-card{border-radius:var(--radius-xl);padding:var(--space-6);background:var(--surface-1);-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--border);transition:all .2s var(--ease-out-back);position:relative;box-shadow:inset 0 1px #ffffff24,0 1px 2px #00000080,0 10px 30px -10px #0009,0 0 0 1px #dd41240a}.glass-card.interactive{cursor:pointer}.glass-card.interactive:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff2e,0 2px 4px #00000080,0 20px 50px -12px #000000b3,0 0 0 1px #dd41241f}.glass-card.glow-iris{box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0006,0 8px 32px -4px #dd412440,0 0 0 1px #dd412414}.glass-card.glow-amber{box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0006,0 8px 32px -4px #d4a04a33,0 0 0 1px #d4a04a14}.glass-card.glow-emerald{box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0006,0 8px 32px -4px #6b8e3f33,0 0 0 1px #6b8e3f14}.glass-card.glow-rose{box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0006,0 8px 32px -4px #a4243b33,0 0 0 1px #a4243b14}.btn{align-items:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-sans);letter-spacing:-.005em;border-radius:var(--radius-full);font-weight:500;font-size:var(--text-sm);transition:all .2s var(--ease-out-back);white-space:nowrap;border:none;padding:10px 20px;display:inline-flex;position:relative}.btn:active{transform:scale(.985)translateY(0)}.btn-primary{color:var(--text);background:linear-gradient(#dd4124f2,#dd4124f2);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0003,0 4px 12px -2px #dd412480,0 1px 2px #0000004d}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 8px 24px -4px #dd412499,0 0 0 4px #dd412426}.btn-secondary{background:var(--surface-1);color:var(--text-primary);-webkit-backdrop-filter:blur(16px);border:1px solid var(--edge-default);box-shadow:inset 0 1px #ffffff14}.btn-secondary:hover{background:var(--surface-2);border-color:var(--edge-strong);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 14px}.btn-ghost:hover{background:var(--surface-1);color:var(--text-primary)}.btn-sm{font-size:var(--text-xs);padding:6px 12px}.btn-lg{font-size:var(--text-base);padding:14px 26px}.btn-magic{background:var(--primary);color:var(--text);letter-spacing:.02em;transition:all .2s var(--ease-out-back);border:1px solid #ffffff1a;font-weight:700;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000002e,0 2px 8px -2px #dd412480,0 0 16px -4px #dd412466}.btn-magic:hover{background:var(--primary-hover);border-color:#ffffff2e;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000002e,0 6px 20px -4px #dd4124a6,0 0 24px -2px #dd41248c}.btn-magic:disabled{color:#ffffff8c;cursor:not-allowed;background:#dd412466;transform:none;box-shadow:inset 0 1px #ffffff1a}.nav-rail{z-index:30;border-radius:var(--radius-xl);background:var(--surface-1);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--edge-soft);width:72px;transition:width .24s var(--ease-out-expo);flex-direction:column;gap:12px;padding:16px 12px;display:flex;position:fixed;top:24px;bottom:24px;left:24px;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 16px 48px -16px #0009}.nav-rail.expanded,.nav-rail:hover{width:240px}.nav-brand{border-bottom:1px solid var(--edge-soft);align-items:center;gap:12px;margin-bottom:4px;padding:8px 4px 16px;display:flex}.nav-brand-mark{background:linear-gradient(135deg, var(--accent-iris), #b83518);width:36px;height:36px;font-family:var(--font-serif-jp);color:var(--text);border-radius:10px;flex-shrink:0;place-items:center;font-size:18px;font-weight:600;display:grid;box-shadow:inset 0 1px #ffffff4d,0 4px 12px -2px #dd412466}.nav-brand-text{white-space:nowrap;opacity:0;flex-direction:column;transition:opacity .2s 80ms;display:flex}.nav-rail:hover .nav-brand-text,.nav-rail.expanded .nav-brand-text{opacity:1}.nav-brand-name{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:600}.nav-brand-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-size:9px;font-weight:600}.nav-section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap;opacity:0;padding:16px 12px 4px;font-size:9px;font-weight:600;transition:opacity .2s 80ms}.nav-rail:hover .nav-section-label,.nav-rail.expanded .nav-section-label{opacity:1}.nav-item{color:var(--text-secondary);cursor:pointer;transition:all .18s var(--ease-out-expo);white-space:nowrap;border-radius:12px;align-items:center;gap:14px;padding:10px 12px;text-decoration:none;display:flex;position:relative}.nav-item>svg,.nav-brand>svg,.nav-upgrade>svg{flex-shrink:0}.nav-item-icon{flex-shrink:0;width:20px;height:20px}.nav-item-label{opacity:0;font-size:14px;font-weight:500;transition:opacity .2s 80ms}.nav-rail:hover .nav-item-label,.nav-rail.expanded .nav-item-label{opacity:1}.nav-item:hover{background:var(--surface-1);color:var(--text-primary)}.nav-item:hover .nav-item-icon{transform:scale(1.05)}.nav-item.active{background:var(--surface-2);color:var(--text-primary)}.nav-item.active:before{content:"";background:var(--accent-iris);width:2px;height:22px;box-shadow:0 0 12px var(--accent-iris);border-radius:2px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.nav-spacer{flex:1}.nav-upgrade{cursor:pointer;background:linear-gradient(135deg,#dd41242e,#8b5a8c1a);border:1px solid #dd41243d;border-radius:14px;align-items:center;gap:12px;margin-top:12px;padding:14px;text-decoration:none;transition:all .2s;display:flex}.nav-upgrade:hover{background:linear-gradient(135deg,#dd412447,#8b5a8c29)}.nav-upgrade-icon{background:var(--accent-iris);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 0 16px #dd412480}.nav-upgrade-icon svg{display:block}.nav-upgrade-text{opacity:0;white-space:nowrap;transition:opacity .2s 80ms}.nav-rail:hover .nav-upgrade-text,.nav-rail.expanded .nav-upgrade-text{opacity:1}.nav-upgrade-title{color:var(--text-primary);font-size:12px;font-weight:600}.nav-upgrade-sub{color:var(--text-tertiary);font-size:11px}.bottom-nav{height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(24px)saturate(160%);border-top:1px solid var(--border);z-index:40;background:#181c24eb;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -8px #0009}.bottom-nav-inner{grid-template-columns:repeat(5,1fr);height:64px;display:grid}.bn-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;text-decoration:none;transition:color .16s;display:flex;position:relative}.bn-item svg{flex-shrink:0;width:22px;height:22px}.bn-item-label{letter-spacing:-.005em;font-size:10px;font-weight:500}.bn-item.active{color:var(--primary)}.bn-item.active:before{content:"";background:var(--primary);border-radius:0 0 3px 3px;width:28px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px}.nav-item.nav-prio{color:var(--text-primary);background:#dd412424;box-shadow:inset 0 0 0 1px #dd412473,0 0 18px -6px #dd41248c}.nav-item.nav-prio .nav-item-icon{color:var(--primary)}.nav-item.nav-prio:hover,.nav-item.nav-prio:focus-visible{color:var(--text-primary);background:#dd412438}.nav-item.nav-prio.active{background:#dd41243d}.nav-item.nav-prio .nav-item-label{flex-direction:column;line-height:1.15;display:flex}.nav-prio-tag{letter-spacing:.02em;color:var(--primary);font-size:10.5px;font-weight:600}.bn-item.bn-prio{justify-content:flex-end;gap:3px;padding-bottom:6px}.bn-prio-bulat{background:var(--primary);color:#fff;width:56px;height:56px;transition:transform .16s var(--ease-out-back);border:4px solid #181c24;border-radius:50%;place-items:center;margin-top:-30px;display:grid;box-shadow:0 10px 22px -8px #dd4124cc}.bn-item.bn-prio svg{width:24px;height:24px}.bn-item.bn-prio .bn-item-label{color:var(--text-primary);font-weight:600}.bn-item.bn-prio.active .bn-item-label{color:var(--primary)}.bn-item.bn-prio.active:before{display:none}.bn-item.bn-prio:active .bn-prio-bulat{transform:scale(.94)}.bn-item.bn-prio:focus-visible{outline:none}.bn-item.bn-prio:focus-visible .bn-prio-bulat{outline-offset:2px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.bn-prio-bulat{transition:none}}.bn-item{min-width:44px;min-height:44px}.bn-sheet.glass-card{width:100%;max-width:none;max-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--space-6));padding:var(--space-3) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:var(--text-primary);overscroll-behavior:contain;margin:0;position:fixed;inset:auto 0 0;overflow-y:auto}.bn-sheet[open]{animation:bn-sheet-in var(--dur-medium) var(--ease-out-expo)}.bn-sheet::backdrop{background:var(--surface-overlay)}.bn-sheet-handle{width:36px;height:4px;margin:0 auto var(--space-2);border-radius:var(--radius-full);background:var(--text-tertiary)}.bn-sheet-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.bn-sheet-header h2{font-size:var(--text-md);font-weight:600}.bn-sheet-close{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.bn-sheet-close:hover,.bn-sheet .nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.bn-sheet .nav-item{min-height:48px}.bn-sheet .nav-item-label,.bn-sheet .nav-upgrade-text{opacity:1}.bn-sheet .nav-upgrade{min-height:44px}.bn-item:focus-visible,.bn-sheet :is(a,button):focus-visible{outline:2px solid var(--primary-hover);outline-offset:-2px}@keyframes bn-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bn-sheet[open]{animation:none}}@media (min-width:768px){.bn-sheet{display:none}}.streak-pill{border-radius:var(--radius-full);white-space:nowrap;background:linear-gradient(135deg,#d4a04a29,#a4243b14);border:1px solid #d4a04a52;align-items:center;gap:8px;padding:5px 12px 5px 6px;display:inline-flex}.streak-flame{filter:drop-shadow(0 0 6px #d4a04a99);place-items:center;width:18px;height:18px;display:grid}.streak-flame svg{animation:1.8s ease-in-out infinite alternate flame-flicker}@keyframes flame-flicker{0%{transform:scale(1)translateY(0)}to{transform:scale(1.06)translateY(-.5px)}}.streak-text{color:var(--accent-amber);letter-spacing:-.005em;font-size:12px;font-weight:600}.streak-text .num{color:#e8c57e;font-variant-numeric:tabular-nums}.xp-pill{color:var(--text-tertiary);font-variant-numeric:tabular-nums;align-items:center;font-size:12px;display:inline-flex}.xp-pill .xp-num{color:var(--text-primary);margin-right:2px;font-weight:600}.pro-chip{border-radius:var(--radius-full);letter-spacing:.06em;color:var(--accent-iris);background:linear-gradient(135deg,#dd41242e,#8b5a8c1a);border:1px solid #dd412452;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.pro-chip svg{width:13px;height:13px}.icon-btn{background:var(--surface-1);border:1px solid var(--edge-soft);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;place-items:center;transition:all .18s;display:grid;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text-primary)}.icon-btn .dot{background:var(--accent-rose);width:7px;height:7px;box-shadow:0 0 8px var(--accent-rose);border-radius:50%;position:absolute;top:7px;right:7px}.avatar{width:36px;height:36px;color:var(--text);cursor:pointer;border:2px solid var(--edge-default);background:linear-gradient(135deg,#c77b3f,#a4243b);border-radius:50%;place-items:center;padding:0;font-size:13px;font-weight:600;display:grid;overflow:hidden}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar.honix,.beranda-v2 .bv-ava.honix{background:#241e2a;border:1px solid #dd412447;position:relative}.avatar-hx{object-fit:contain;width:calc(100% - 4px);max-width:none;height:calc(100% - 4px);position:absolute;inset:2px}.notif-wrap{display:inline-flex;position:relative}.notif-backdrop{z-index:70;position:fixed;inset:0}.notif-pop{z-index:71;background:var(--surface-1,#181c24fa);border:1px solid var(--edge-soft);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:300px;max-width:86vw;animation:.16s stabilo-pop;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 44px -8px #0000008c}.notif-pop-head{letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--edge-soft);padding:12px 16px;font-size:11px;font-weight:700}.notif-empty{text-align:center;color:var(--text-tertiary);padding:26px 16px;font-size:13px}.notif-item{border-bottom:1px solid var(--edge-soft);gap:11px;padding:13px 16px;display:flex}.notif-item:last-child{border-bottom:none}.notif-ic{flex-shrink:0;font-size:18px;line-height:1.3}.notif-body{min-width:0}.notif-t{color:var(--text-primary);margin-bottom:3px;font-size:13px;font-weight:600}.notif-d{color:var(--text-tertiary);font-size:12px;line-height:1.5}.peringatan-banner,.notif-item{--pg-warna:#ffffff57;--pg-bg:#ffffff09;--pg-aksi:var(--primary-hover)}.peringatan-banner.genting,.notif-item.genting{--pg-warna:#e8798c;--pg-bg:#a4243b24;--pg-aksi:#e8798c}.peringatan-banner.ingat,.notif-item.ingat{--pg-warna:#e8c57e;--pg-bg:#d4a04a1c;--pg-aksi:#e8c57e}.peringatan-banner{background:var(--pg-bg);border:1px solid var(--edge-soft);border-left:3px solid var(--pg-warna);border-radius:var(--radius-md);align-items:center;gap:13px;margin-bottom:18px;padding:13px 14px 13px 16px;animation:.26s cubic-bezier(.2,.8,.3,1) pb-masuk;display:flex}.peringatan-banner.genting{box-shadow:0 12px 34px -18px #a4243bd9}@keyframes pb-masuk{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.peringatan-banner{animation:none}}.pb-ic{flex-shrink:0;font-size:19px;line-height:1}.pb-teks{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.pb-judul{color:var(--text-primary);letter-spacing:-.01em;font-size:13.5px;font-weight:650}.pb-pesan{color:var(--text-secondary);font-size:12.5px;line-height:1.5}.pb-aksi{white-space:nowrap;color:var(--pg-aksi);background:var(--pg-aksi);border-radius:99px;flex-shrink:0;padding:8px 15px;font-size:12px;font-weight:700;text-decoration:none}@supports (color:color-mix(in lab, red, red)){.pb-aksi{background:color-mix(in srgb, var(--pg-aksi) 13%, transparent)}}.pb-aksi{border:1px solid var(--pg-aksi)}@supports (color:color-mix(in lab, red, red)){.pb-aksi{border:1px solid color-mix(in srgb, var(--pg-aksi) 34%, transparent)}}.pb-aksi{transition:background .16s,transform .16s}.pb-aksi:hover{background:var(--pg-aksi)}@supports (color:color-mix(in lab, red, red)){.pb-aksi:hover{background:color-mix(in srgb, var(--pg-aksi) 24%, transparent)}}.pb-aksi:hover{transform:translateY(-1px)}.pb-tutup{cursor:pointer;width:26px;height:26px;color:var(--text-tertiary);background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:all .16s;display:grid}.pb-tutup:hover{color:var(--text-primary);background:#ffffff12}@media (max-width:640px){.peringatan-banner{flex-wrap:wrap;row-gap:12px;padding-right:40px;position:relative}.pb-aksi{text-align:center;flex:100%;padding:10px 15px}.pb-tutup{position:absolute;top:9px;right:8px}}.notif-item.genting,.notif-item.ingat{background:var(--pg-bg);box-shadow:inset 3px 0 0 var(--pg-warna)}.notif-aksi{color:var(--pg-aksi);margin-top:7px;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-block}.notif-aksi:hover{text-decoration:underline}.af-userbar{border-bottom:1px solid var(--edge-soft);justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:14px;display:flex}.af-userbar-left{align-items:center;gap:12px;display:flex}.af-userbar-right{align-items:center;gap:10px;display:flex}.breadcrumbs,.af-breadcrumb{color:var(--text-tertiary);align-items:center;gap:10px;font-size:13px;display:flex}.breadcrumb-current,.bc-current{color:var(--text-primary);font-weight:500}.bc-link{color:var(--text-tertiary);text-decoration:none}.bc-link:hover{color:var(--text-primary)}.bc-sep{opacity:.5}.app-shell{font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:-.005em;color:var(--text-primary);margin:0 auto;padding:28px 32px 64px 128px;line-height:1.55}.top-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;padding-left:4px;display:flex}.top-actions{align-items:center;gap:12px;display:flex}.section-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:8px;margin-bottom:8px;font-size:10.5px;font-weight:600;display:inline-flex}.panel-card{padding:22px}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.panel-title{color:var(--text-primary);letter-spacing:-.005em;white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;display:flex}.panel-link{color:var(--text-tertiary);font-size:11px;text-decoration:none}.panel-link:hover{color:var(--accent-iris)}.muted{color:var(--text-tertiary)}.subtle{color:var(--text-secondary)}.font-jp-serif{font-family:var(--font-serif-jp)}.font-jp-sans{font-family:var(--font-sans-jp)}.bp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:8px 0 20px;display:flex}.bp-title{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);flex-wrap:wrap;align-items:baseline;gap:12px;margin:0 0 4px;font-size:clamp(28px,3vw,38px);font-weight:600;display:flex}.bp-title-jp{font-family:var(--font-serif-jp);color:#0000;background:linear-gradient(135deg,#fff 0%,#f4b89a 50%,#dd4124 100%);-webkit-background-clip:text;background-clip:text;font-weight:600}.bp-sub{color:var(--text-secondary);max-width:720px;margin:0;font-size:13.5px;line-height:1.55}.bp-count-pill{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;align-items:baseline;gap:8px;padding:10px 18px;display:inline-flex}.bp-count-num{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.bp-count-label{letter-spacing:.14em;color:var(--text-tertiary);font-size:10px;font-weight:600}.bp-intro{margin-bottom:16px;padding:0;overflow:hidden}.bp-intro-toggle{cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;align-items:center;gap:10px;padding:14px 18px;font-size:13px;display:flex}.bp-intro-toggle:hover{background:var(--surface-2)}.bp-intro-title{text-align:left;flex:1;font-weight:600}.bp-intro-state{color:var(--text-tertiary);letter-spacing:.04em;align-items:center;gap:4px;font-size:11px;display:inline-flex}.bp-intro-body{border-top:1px solid var(--border);padding:0 18px 18px}.bp-intro-desc{color:var(--text-secondary);margin:14px 0 18px;font-size:13px;line-height:1.6}.bp-intro-desc code{font-family:var(--font-mono);background:var(--surface-2);color:var(--accent-iris);border-radius:4px;padding:1px 6px;font-size:12px}.bp-gloss-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.bp-gloss-section{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.bp-gloss-eyebrow{letter-spacing:.14em;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:600}.bp-gloss-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.bp-gloss-row{grid-template-columns:minmax(90px,max-content) minmax(140px,1fr) minmax(0,1fr);align-items:baseline;gap:10px;padding:6px 0;font-size:12.5px;display:grid}.bp-gloss-row+.bp-gloss-row{border-top:1px dashed var(--border)}.bp-gloss-jp{font-family:var(--font-sans-jp);color:var(--accent-iris);white-space:nowrap;font-weight:600}.bp-gloss-id{color:var(--text-secondary)}.bp-gloss-ex{font-family:var(--font-sans-jp);color:var(--text-tertiary);font-size:11.5px}.bp-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 14px;display:flex}.bp-search{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;flex:280px;align-items:center;gap:8px;min-width:0;padding:9px 14px;display:flex}.bp-search input{min-width:0;color:var(--text-primary);font-size:13px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.bp-search input::placeholder{color:var(--text-tertiary)}.bp-search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:2px;display:inline-flex}.bp-search-clear:hover{color:var(--text-primary)}.bp-level-chips{flex-wrap:wrap;gap:6px;display:flex}.bp-chip{border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);align-items:center;gap:5px;padding:6px 12px;transition:all .16s;display:inline-flex}.bp-chip:hover{background:var(--surface-2);color:var(--text-primary)}.bp-chip.on{color:var(--accent-iris);background:#dd412424;border-color:#dd412466}.bp-chip-count{opacity:.65;font-variant-numeric:tabular-nums;font-size:10.5px}.bp-chip-fav.on{color:var(--accent-amber);background:#d4a04a24;border-color:#d4a04a66}.bp-list{padding:0;overflow:hidden}.bp-list-head{border-bottom:1px solid var(--border);letter-spacing:.14em;color:var(--text-tertiary);text-transform:uppercase;background:var(--surface-1);grid-template-columns:48px minmax(140px,1.4fr) minmax(180px,2fr) minmax(160px,1.8fr) 70px 80px;gap:12px;padding:12px 18px;font-size:10.5px;font-weight:600;display:grid}.bp-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bp-row{border-bottom:1px solid var(--border)}.bp-row:last-child{border-bottom:none}.bp-row-summary{cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;grid-template-columns:48px minmax(140px,1.4fr) minmax(180px,2fr) minmax(160px,1.8fr) 70px 80px;align-items:center;gap:12px;padding:12px 18px;transition:background .14s;display:grid}.bp-row-summary:hover,.bp-row.open .bp-row-summary{background:var(--surface-2)}.bp-col-no{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:12px}.bp-col-pattern{font-family:var(--font-sans-jp);color:var(--text-primary);font-size:14px;font-weight:600}.bp-col-meaning{color:var(--text-secondary);font-size:12.5px;line-height:1.45}.bp-col-connect{font-family:var(--font-sans-jp);color:var(--text-tertiary);font-size:11.5px;line-height:1.45}.bp-col-level{justify-content:flex-start;align-items:center;display:flex}.bp-col-fav{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.bp-lv-tag{letter-spacing:.06em;background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.bp-lv-tag.bp-lv-n1{color:var(--n1);background:#8b5a8c2e;border-color:#8b5a8c52}.bp-lv-tag.bp-lv-n2{color:var(--n2);background:#dd412429;border-color:#dd412452}.bp-lv-tag.bp-lv-n3{color:var(--n3);background:#6b8e3f2e;border-color:#6b8e3f52}.bp-lv-tag.bp-lv-n4{color:var(--n4);background:#d4a04a2e;border-color:#d4a04a52}.bp-lv-tag.bp-lv-n5{color:var(--n5);background:#c77b3f2e;border-color:#c77b3f52}.bp-row-fav{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .14s;display:inline-flex}.bp-row-fav:hover{color:var(--accent-amber);background:#d4a04a14}.bp-row-fav.on{color:var(--accent-amber)}.bp-row-chevron{color:var(--text-tertiary);transition:transform .2s}.bp-row-chevron.on{color:var(--accent-iris);transform:rotate(180deg)}.bp-row-detail{background:var(--surface-2);border-top:1px solid var(--border);flex-direction:column;gap:14px;padding:6px 18px 18px;display:flex}.bp-detail-section{flex-direction:column;gap:6px;display:flex}.bp-detail-label{letter-spacing:.14em;color:var(--accent-iris);text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.bp-detail-text{color:var(--text-primary);margin:0;font-size:13px;line-height:1.6}.bp-detail-jp{font-family:var(--font-sans-jp);color:var(--text-primary);background:var(--surface-1);border-left:3px solid var(--accent-iris);border-radius:8px;margin:0;padding:8px 12px;font-size:15px}.bp-detail-id{color:var(--text-secondary);margin:0;padding-left:12px;font-size:12.5px;line-height:1.55}.bp-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 20px;display:flex}.bp-empty-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.bp-empty-desc{color:var(--text-secondary);max-width:460px;margin:0;font-size:13px;line-height:1.6}.bp-empty-desc code{font-family:var(--font-mono);background:var(--surface-1);color:var(--accent-iris);border-radius:4px;padding:1px 6px;font-size:11.5px}@media (max-width:900px){.bp-list-head{grid-template-columns:36px minmax(120px,1fr) minmax(140px,1.6fr) 56px 36px}.bp-list-head .bp-col-connect{display:none}.bp-row-summary{grid-template-columns:36px minmax(120px,1fr) minmax(140px,1.6fr) 56px 36px}.bp-row-summary .bp-col-connect{display:none}}.bp-header-right{flex-wrap:wrap;align-items:center;gap:12px;display:inline-flex}.bp-flash-btn{background:var(--primary);color:var(--text);font-family:var(--font-sans);letter-spacing:.04em;cursor:pointer;transition:all .2s var(--ease-out-back);border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000002e,0 4px 16px -2px #dd412480,0 0 22px -4px #dd412461}.bp-flash-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000002e,0 8px 24px -4px #dd4124a6,0 0 32px -2px #dd412480}.bp-flash-btn:disabled{opacity:.4;cursor:not-allowed}.bp-flash-mask{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0b0a0cdb;place-items:center;padding:20px;animation:.24s ease-out bpfm-fade-in;display:grid;position:fixed;inset:0}@keyframes bpfm-fade-in{0%{opacity:0}to{opacity:1}}.bp-flash-shell{flex-direction:column;gap:16px;width:min(680px,100%);display:flex}.bp-flash-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.bp-flash-close,.bp-flash-shuffle{background:var(--surface-1);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .16s;display:inline-flex}.bp-flash-close:hover,.bp-flash-shuffle:hover{background:var(--surface-2);color:var(--text-primary)}.bp-flash-shuffle.on{color:var(--accent-iris);background:#dd41241f;border-color:#dd412466}.bp-flash-meta{flex:1;justify-content:center;align-items:center;gap:10px;display:inline-flex}.bp-flash-counter{font-family:var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.bp-flash-tag{letter-spacing:.16em;color:var(--accent-iris);background:#dd412429;border:1px solid #dd412452;border-radius:5px;padding:3px 8px;font-size:9.5px;font-weight:700}.bp-flash-card{background:var(--surface-1);cursor:pointer;min-height:360px;transition:all .28s var(--ease-out-back);border:1px solid #dd412452;border-radius:20px;flex-direction:column;justify-content:center;padding:36px 32px;animation:.32s ease-out bpfc-flip-in;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #dd412438,0 0 36px -4px #dd412466,0 0 72px -16px #dd412447,0 16px 40px -12px #00000080}@keyframes bpfc-flip-in{0%{opacity:0;transform:rotateX(-8deg)}to{opacity:1;transform:rotateX(0)}}.bp-flash-card:hover{border-color:#dd412480;transform:translateY(-2px)}.bp-flash-face{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.bp-flash-front .bp-flash-pattern,.bp-flash-back .bp-flash-meaning,.bp-flash-back .bp-flash-notes,.bp-flash-back .bp-flash-example{width:100%}.bp-flash-eyebrow{letter-spacing:.18em;color:var(--accent-iris);text-transform:uppercase;font-size:10px;font-weight:700}.bp-flash-pattern{font-family:var(--font-sans-jp);color:var(--text-primary);-webkit-text-fill-color:transparent;filter:drop-shadow(0 12px 28px #dd412466);word-break:keep-all;background:linear-gradient(150deg,#fff 10%,#f4b89a 50%,#dd4124 95%);-webkit-background-clip:text;background-clip:text;margin:4px 0;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.05}.bp-flash-connect{font-family:var(--font-sans-jp);color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px 16px;font-size:14px}.bp-flash-hint{color:var(--text-tertiary);letter-spacing:.08em;margin-top:8px;font-size:11px}.bp-flash-meaning{color:var(--text-primary);text-align:center;margin:0 0 4px;font-size:clamp(20px,2vw,26px);font-weight:600}.bp-flash-notes{color:var(--text-secondary);text-align:left;max-width:540px;margin:0;font-size:14px;line-height:1.6}.bp-flash-example{background:var(--surface-2);border-left:3px solid var(--accent-iris);text-align:left;border-radius:12px;flex-direction:column;gap:6px;width:100%;padding:14px 18px;display:flex}.bp-flash-ex-jp{font-family:var(--font-sans-jp);color:var(--text-primary);margin:0;font-size:15px;line-height:1.55}.bp-flash-ex-id{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.55}.bp-flash-controls{grid-template-columns:56px 1fr 56px;align-items:center;gap:12px;display:grid}.bp-flash-arrow{background:var(--surface-1);border:1px solid var(--border);width:56px;height:48px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .16s;display:inline-flex}.bp-flash-arrow:hover:not(:disabled){background:var(--surface-2);color:var(--accent-iris);border-color:#dd412466}.bp-flash-arrow:disabled{opacity:.35;cursor:not-allowed}.bp-flash-flip-cta{background:var(--surface-1);color:var(--accent-iris);font-family:var(--font-sans);letter-spacing:.04em;cursor:pointer;border:1px solid #dd412452;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:600;transition:all .16s}.bp-flash-flip-cta:hover{background:#dd412424;border-color:#dd412480}@media (max-width:600px){.bp-flash-card{min-height:320px;padding:28px 22px}.bp-flash-pattern{font-size:clamp(32px,9vw,48px)}.bp-flash-meta{gap:6px}}.beranda-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.beranda-main{flex-direction:column;gap:24px;min-width:0;display:flex}.side-panel{flex-direction:column;gap:20px;display:flex;position:sticky;top:28px}.featured-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.hero-section{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.hero-section>:first-child{flex-direction:column;justify-content:center;padding:8px 4px 0;display:flex}.hero-headline{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--text-primary);margin:0 0 18px;font-size:clamp(40px,4vw,54px);font-weight:600;line-height:1.02}.hero-headline .jp{font-family:var(--font-serif-jp);color:#0000;background:linear-gradient(135deg,#f4b89a,#dd4124 40%,#b873bd);-webkit-background-clip:text;background-clip:text;padding-right:6px;font-weight:600}.hero-sub{color:var(--text-secondary);max-width:460px;margin:0 0 28px;font-size:16px;line-height:1.5}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.hero-stat{padding:28px 28px 24px;position:relative;overflow:hidden}.hero-stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:600;display:flex}.hero-stat-label .dot{background:var(--accent-iris);width:6px;height:6px;box-shadow:0 0 10px var(--accent-iris);border-radius:50%}.hero-stat-value{font-family:var(--font-sans);letter-spacing:-.045em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:56px;font-weight:600;line-height:1}.hero-stat-unit{color:var(--text-tertiary);letter-spacing:-.01em;margin-left:8px;font-size:18px;font-weight:500}.hero-stat-delta{border-radius:var(--radius-full);color:var(--accent-emerald);font-variant-numeric:tabular-nums;white-space:nowrap;background:#6b8e3f1f;border:1px solid #6b8e3f3d;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:28px;right:28px}.hero-stat-secondary{border-top:1px solid var(--edge-soft);gap:28px;margin-top:24px;padding-top:20px;display:flex}.sec-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;font-size:11px;font-weight:600}.sec-stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:22px;font-weight:600}.sec-stat-value .pct{color:var(--accent-emerald)}.sec-stat-value .pct-muted{color:var(--text-tertiary);margin-left:4px;font-weight:500}.sec-stat-value .pct-slash{color:var(--text-tertiary);margin-left:4px;font-size:14px;font-weight:500}.kanji-of-day{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:24px;min-height:380px;padding:24px 28px;display:grid}.kanji-hero-stage{perspective:1000px;place-items:center;width:200px;height:200px;display:grid;position:relative;overflow:visible}.kanji-glyph{font-family:var(--font-serif-jp);color:#0000;transform-style:preserve-3d;filter:drop-shadow(0 24px 32px #dd412459);-webkit-user-select:none;user-select:none;background:linear-gradient(150deg,#fff 10%,#f4b89a 50%,#dd4124 90%);-webkit-background-clip:text;background-clip:text;font-size:150px;font-weight:600;line-height:1;animation:14s ease-in-out infinite kanji-rotate}.kanji-glow{filter:blur(40px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#dd412459,#0000 55%);position:absolute;inset:0}@keyframes kanji-rotate{0%,to{transform:rotateY(-12deg)rotateX(4deg)}50%{transform:rotateY(12deg)rotateX(-3deg)}}.kanji-meta{flex-direction:column;gap:16px;display:flex}.kanji-tag{border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--edge-default);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:6px;width:max-content;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.kanji-tag .pulse{background:var(--accent-amber);width:5px;height:5px;box-shadow:0 0 8px var(--accent-amber);border-radius:50%}.kanji-tag.level{color:var(--accent-iris);background:#dd412424;border-color:#dd412452}.kanji-reading{font-family:var(--font-serif-jp);color:var(--text-primary);margin:0;font-size:26px;font-weight:500}.kanji-reading .romaji{font-family:var(--font-sans);color:var(--text-tertiary);letter-spacing:.04em;margin-left:10px;font-size:14px;font-weight:500}.kanji-meaning{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.5}.kanji-example{background:var(--surface-1);border:1px solid var(--edge-soft);font-family:var(--font-sans-jp);color:var(--text-primary);border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.7}.kanji-example .accent{color:var(--accent-iris);font-weight:600}.kanji-example .translation{font-family:var(--font-sans);color:var(--text-tertiary);margin-top:4px;font-size:12.5px;display:block}.kanji-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.quick-prac{flex-direction:column;gap:16px;min-height:340px;padding:22px 22px 18px;display:flex}.qp-head{justify-content:space-between;align-items:center;display:flex}.qp-title{color:var(--text-primary);letter-spacing:-.015em;margin:0;font-size:16px;font-weight:600}.qp-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11.5px}.qp-question{font-family:var(--font-sans-jp);color:var(--text-primary);margin:0;font-size:17.5px;line-height:1.7}.qp-question .blank{text-align:center;border-bottom:2px dashed var(--accent-iris);min-width:60px;color:var(--text-tertiary);margin:0 2px;padding:0 8px;display:inline-block}.qp-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qp-option{background:var(--surface-1);border:1px solid var(--edge-soft);cursor:pointer;transition:all .2s var(--ease-out-back);font-family:var(--font-sans-jp);color:var(--text-primary);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:15px;display:flex}.qp-option:hover{background:var(--surface-2);border-color:#dd412459;transform:translateY(-1px)}.qp-option-key{background:var(--surface-2);border:1px solid var(--edge-default);width:24px;height:24px;font-family:var(--font-sans);color:var(--text-secondary);border-radius:7px;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;display:grid}.qp-option.correct{background:#6b8e3f14;border-color:#6b8e3f52}.qp-option.correct .qp-option-key{background:var(--accent-emerald);border-color:var(--accent-emerald);color:#0e1116}.qp-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.qp-foot-meta{color:var(--text-tertiary);white-space:nowrap;font-size:11.5px}.riwayat-list{flex-direction:column;gap:10px;display:flex}.riwayat-item{cursor:pointer;color:inherit;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:all .16s;display:flex}.riwayat-item:hover{background:var(--surface-1)}.ri-glyph{background:var(--surface-2);border:1px solid var(--edge-soft);width:36px;height:36px;font-family:var(--font-serif-jp);color:var(--text-primary);border-radius:10px;flex-shrink:0;place-items:center;font-size:18px;font-weight:500;display:grid}.ri-meta{flex:1;min-width:0}.ri-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.005em;font-size:13px;font-weight:500;overflow:hidden}.ri-sub{color:var(--text-tertiary);margin-top:2px;font-size:11px}.ri-score{border-radius:var(--radius-full);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex-shrink:0;padding:3px 8px;font-size:10.5px;font-weight:600}.ri-score.good{color:var(--accent-emerald);background:#6b8e3f1f;border:1px solid #6b8e3f3d}.ri-score.mid{color:var(--accent-amber);background:#d4a04a1f;border:1px solid #d4a04a3d}.ri-score.iris{color:var(--accent-iris);background:#dd412424;border:1px solid #dd412442}.weekly-chart{align-items:flex-end;gap:8px;height:84px;padding:8px 2px 0;display:flex}.wc-col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.wc-bar{background:linear-gradient(180deg, var(--accent-iris), #dd412466);border-radius:5px 5px 2px 2px;width:100%;min-height:4px;position:relative;box-shadow:inset 0 1px #ffffff40,0 0 12px -2px #dd412466}.wc-bar.muted{background:var(--surface-2);box-shadow:inset 0 1px #ffffff0f}.wc-bar.today{background:linear-gradient(180deg, #f4b89a, var(--accent-iris))}.wc-bar.today:after{content:"";border:1px solid #dd412466;border-radius:6px;position:absolute;inset:-3px}.wc-label{color:var(--text-tertiary);font-size:10px;font-weight:500}.wc-label.today{color:var(--accent-iris);font-weight:600}.weekly-insight{color:var(--text-secondary);border-top:1px solid var(--edge-soft);margin-top:14px;padding-top:14px;font-size:12px;line-height:1.5}.weekly-insight strong{color:var(--text-primary);font-weight:600}.focus-row{flex-direction:column;gap:14px;display:flex}.focus-meta{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.focus-label{color:var(--text-primary);font-size:12.5px;font-weight:500}.focus-pct{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:500}.focus-track{background:var(--surface-2);border-radius:4px;height:5px;position:relative;overflow:hidden}.focus-fill{background:linear-gradient(90deg, var(--accent-iris), #f4b89a);border-radius:4px;height:5px;box-shadow:0 0 12px #dd412466}.focus-fill.amber{background:linear-gradient(90deg, var(--accent-amber), #e8c57e);box-shadow:0 0 12px #d4a04a66}.focus-fill.emerald{background:linear-gradient(90deg, var(--accent-emerald), #9cb572);box-shadow:0 0 12px #6b8e3f66}.focus-fill.rose{background:linear-gradient(90deg, var(--accent-rose), #d67888);box-shadow:0 0 12px #a4243b66}.mat-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.mat-title{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--text-primary);margin:0 0 16px;font-size:48px;font-weight:600;line-height:1}.mat-title-jp{font-family:var(--font-serif-jp);color:#0000;filter:drop-shadow(0 6px 14px #dd41244d);background:linear-gradient(135deg,#f4b89a,#dd4124 50%,#b873bd);-webkit-background-clip:text;background-clip:text;margin-left:14px;font-size:44px;font-weight:600}.mat-sub{color:var(--text-secondary);max-width:540px;margin:0;font-size:15px;line-height:1.55}.mat-sub a{color:var(--accent-iris);font-weight:500;text-decoration:none}.mat-stats{gap:12px;display:flex}.mat-stat-card{min-width:220px;padding:16px 20px}.mat-stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:10px;font-size:10.5px;font-weight:700}.mat-stat-value{align-items:baseline;gap:12px;display:flex}.mat-stat-meta{color:var(--text-secondary);font-size:13px}.lv-tag{font-family:var(--font-sans);letter-spacing:-.01em;border-radius:8px;padding:4px 10px;font-size:18px;font-weight:700}.lv-tag.lv-n1{color:#b873bd;background:#8b5a8c29;border:1px solid #8b5a8c52}.lv-tag.lv-n2{color:#f4b89a;background:#dd41242e;border:1px solid #dd412452}.lv-tag.lv-n3{color:#9cb572;background:#6b8e3f2e;border:1px solid #6b8e3f52}.lv-tag.lv-n4{color:#e8c57e;background:#d4a04a2e;border:1px solid #d4a04a52}.lv-tag.lv-n5{color:#e0a170;background:#c77b3f2e;border:1px solid #c77b3f52}.mat-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;display:grid}.mat-main{flex-direction:column;gap:40px;min-width:0;display:flex}.mat-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.mat-section-head{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.mat-section-title{letter-spacing:-.02em;color:var(--text-primary);align-items:baseline;gap:10px;margin:0;font-size:20px;font-weight:600;display:inline-flex}.mat-section-count{border-radius:var(--radius-full);background:var(--accent-iris);color:#0e1116;font-variant-numeric:tabular-nums;padding:2px 9px;font-size:13px;font-weight:600}.mat-section-count.muted-count{background:var(--surface-2);color:var(--text-tertiary);border:1px solid var(--edge-default)}.mat-section-sub{color:var(--text-tertiary);font-size:12.5px}.mat-section-link{color:var(--accent-iris);font-size:12.5px;font-weight:500;text-decoration:none}.mat-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.big-card{cursor:pointer;flex-direction:column;min-height:460px;padding:0;display:flex;position:relative;overflow:hidden}.big-card.interactive:hover{transform:translateY(-3px)}.bc-glyph-stage{border-bottom:1px solid var(--edge-soft);place-items:center;height:200px;display:grid;position:relative;overflow:hidden}.bc-glow{filter:blur(60px);opacity:.6;pointer-events:none;position:absolute;inset:-20% -20% 0}.bc-glow-iris{background:radial-gradient(#dd412473 0%,#0000 70%)}.bc-glow-amber{background:radial-gradient(#d4a04a4d 0%,#0000 70%)}.bc-glow-emerald{background:radial-gradient(#6b8e3f59 0%,#0000 70%)}.bc-glow-rose{background:radial-gradient(#a4243b59 0%,#0000 70%)}.bc-glyph{font-family:var(--font-serif-jp);color:#0000;filter:drop-shadow(0 24px 40px #dd412466);z-index:1;transition:transform .8s var(--ease-out-expo);-webkit-user-select:none;user-select:none;background:linear-gradient(150deg,#fff 10%,#f4b89a 50%,#dd4124 95%);-webkit-background-clip:text;background-clip:text;font-size:180px;font-weight:600;line-height:1;position:relative}.big-card:hover .bc-glyph{transform:scale(1.06)rotate(-2deg)}.big-card-amber .bc-glyph{color:#0000;filter:drop-shadow(0 24px 40px #d4a04a66);background:linear-gradient(150deg,#faedc8 10%,#ddb070 50%,#d4a04a 95%);-webkit-background-clip:text;background-clip:text}.big-card-emerald .bc-glyph{color:#0000;filter:drop-shadow(0 24px 40px #6b8e3f66);background:linear-gradient(150deg,#d6e5c0 10%,#9cb572 50%,#6b8e3f 95%);-webkit-background-clip:text;background-clip:text}.bc-soon-badge{z-index:2;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);border:1px solid var(--edge-strong);letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);background:#0e1116db;padding:4px 12px;font-size:9.5px;font-weight:700;position:absolute;top:14px;right:14px}.bc-body{flex-direction:column;flex:1;gap:12px;padding:22px 24px 24px;display:flex}.bc-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);font-size:10.5px;font-weight:700}.big-card-iris .bc-eyebrow{color:var(--accent-iris)}.big-card-amber .bc-eyebrow{color:var(--accent-amber)}.big-card-emerald .bc-eyebrow{color:var(--accent-emerald)}.bc-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:26px;font-weight:600}.bc-desc{color:var(--text-secondary);text-wrap:pretty;margin:0 0 4px;font-size:13.5px;line-height:1.55}.bc-progress-row{margin-top:auto;padding-top:8px}.bc-progress-meta{color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11.5px;display:flex}.bc-progress-pct{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600}.bc-progress-track{background:var(--surface-2);border-radius:3px;height:4px;overflow:hidden}.bc-progress-fill{background:linear-gradient(90deg, var(--accent-iris), #f4b89a);border-radius:3px;height:100%;box-shadow:0 0 10px #dd412466}.bcp-amber{background:linear-gradient(90deg, var(--accent-amber), #e8c57e);box-shadow:0 0 10px #d4a04a66}.bcp-emerald{background:linear-gradient(90deg, var(--accent-emerald), #9cb572);box-shadow:0 0 10px #6b8e3f66}.bc-footer{border-top:1px solid var(--edge-soft);justify-content:space-between;align-items:center;margin-top:6px;padding-top:14px;display:flex}.bc-cta{border-radius:var(--radius-full);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:5px 12px;font-size:10.5px;font-weight:700;display:inline-flex}.bc-cta-iris{color:var(--accent-iris);background:#dd412424;border:1px solid #dd412447}.bc-cta-amber{color:var(--accent-amber);background:#d4a04a24;border:1px solid #d4a04a47}.bc-cta-emerald{color:var(--accent-emerald);background:#6b8e3f24;border:1px solid #6b8e3f47}.bc-arrow{background:var(--surface-2);border:1px solid var(--edge-default);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;place-items:center;transition:all .2s;display:grid}.big-card:hover .bc-arrow{background:var(--accent-iris);border-color:var(--accent-iris);color:var(--text);transform:translate(3px)}.mat-soon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.bs-summary{background:var(--surface);border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.bss-ring{flex-shrink:0;width:52px;height:52px;position:relative}.bss-pct{color:var(--success);place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}.bss-meta{flex:1;min-width:0}.bss-t{font-size:13.5px;font-weight:600}.bss-t b{color:var(--success)}.bss-s{color:var(--text-dim);margin-top:2px;font-size:11.5px}.bss-cta{background:linear-gradient(180deg, var(--primary), #b83518);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:99px;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:12.5px;font-weight:700;display:inline-flex;box-shadow:0 6px 16px -6px #dd412499}.bss-cta:hover{transform:translateY(-1px)}.lv-tabs{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.lv-tab{background:var(--surface);color:var(--text-dim);cursor:pointer;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:12.5px;font-weight:700;display:inline-flex}.lv-tab .c{color:var(--text-dim);font-size:10.5px;font-weight:600}.lv-tab.on{color:#e8704f;background:#dd412424;border-color:#dd412466}.lv-tab.on .c{color:#e8704fb3}.lv-typef{gap:6px;margin-left:auto;display:inline-flex}.lv-tf{background:var(--surface);color:var(--text-dim);cursor:pointer;border:1px solid #ffffff14;border-radius:99px;padding:7px 13px;font-family:inherit;font-size:11.5px;font-weight:600}.lv-tf.on{color:#e8704f;background:#dd41241f;border-color:#dd412466}.bs-lock-banner{color:var(--text-muted);background:#dd412414;border:1px solid #dd412438;border-radius:12px;align-items:center;gap:7px;margin-bottom:14px;padding:11px 16px;font-size:12.5px;display:flex}.bs-lock-banner b{color:#e8704f}.bs-lock-cta{color:#e8704f;white-space:nowrap;margin-left:auto;font-weight:700;text-decoration:none}.exam-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.exam{background:var(--surface);cursor:pointer;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:10px;min-height:96px;padding:14px 16px;transition:all .16s;display:flex;position:relative}.exam:hover{background:var(--surface-2);border-color:#ffffff24;transform:translateY(-2px)}.exam.teaser{opacity:.5;cursor:not-allowed}.exam.teaser:hover{background:var(--surface);border-color:#ffffff14;transform:none}.exam-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.exam-title{font-size:15px;font-weight:700}.exam-soal{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px}.exam-foot{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.mulai{color:#e8704f;cursor:pointer;background:#dd41241a;border:1px solid #dd412452;border-radius:99px;align-items:center;gap:5px;padding:6px 13px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.mulai:hover{background:var(--primary);color:#fff}.exam-hint{color:var(--text-dim);font-size:10px}.exam.done{border-color:#8fcb5233}.exam.done:before{content:"";background:var(--success);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:-1px;box-shadow:0 0 8px #8fcb5280}.exam.done.bad{border-color:#e0566f33}.exam.done.bad:before{background:var(--danger);box-shadow:0 0 8px #e0566f80}.score-row{align-items:center;gap:9px;margin-top:auto;display:flex}.sring{flex-shrink:0;width:36px;height:36px;position:relative}.spct{font-variant-numeric:tabular-nums;place-items:center;font-size:9.5px;font-weight:700;display:grid;position:absolute;inset:0}.smeta{flex:1;min-width:0}.sl1{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.sl1 .frac{color:var(--text-dim);font-weight:500}.sl2{color:var(--text-dim);margin-top:1px;font-size:9.5px}.ulangi{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:8px;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.ulangi:hover{color:#e8704f;border-color:#dd412466}.g-good{color:var(--success)}.g-bad{color:var(--danger)}.exam-more{color:var(--text-dim);cursor:pointer;background:0 0;border:1.5px dashed #ffffff24;border-radius:14px;place-items:center;gap:4px;min-height:96px;font-family:inherit;font-size:12px;font-weight:600;transition:all .16s;display:grid}.exam-more:hover{color:#e8704f;background:#dd41240a;border-color:#dd412466}.exam-more b{color:var(--text-muted);font-size:16px;font-weight:700}.exam-more:hover b{color:#e8704f}.ters-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ters{background:var(--surface);cursor:pointer;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:130px 1fr;transition:all .18s;display:grid;position:relative;overflow:hidden}.ters:hover{border-color:#ffffff24;transform:translateY(-2px)}.ters-glyph{border-right:1px solid #ffffff14;place-items:center;display:grid;position:relative;overflow:hidden}.ters-glyph:before{content:"";filter:blur(30px);position:absolute;inset:-20%}.ters.kotoba .ters-glyph:before{background:radial-gradient(circle,#dd412459,#0000 65%)}.ters.bunpou .ters-glyph:before{background:radial-gradient(circle,#d4a04a4d,#0000 65%)}.ters-glyph span{font-size:64px;font-weight:700;line-height:1;position:relative}.ters.kotoba .ters-glyph span{color:#0000;background:linear-gradient(150deg,#ffd7c2,#e8704f 55%,#dd4124);-webkit-background-clip:text;background-clip:text}.ters.bunpou .ters-glyph span{color:#0000;background:linear-gradient(150deg,#f5e2b8,#d4a04a);-webkit-background-clip:text;background-clip:text}.ters-body{flex-direction:column;gap:8px;padding:16px 20px;display:flex}.ters-eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:9.5px;font-weight:700}.ters.kotoba .ters-eyebrow{color:#e8704f}.ters.bunpou .ters-eyebrow{color:var(--warning)}.ters-name{letter-spacing:-.015em;font-size:19px;font-weight:600}.ters-desc{color:var(--text-dim);font-size:12px;line-height:1.5}.ters-foot{align-items:center;gap:12px;margin-top:auto;padding-top:10px;display:flex}.ters-prog{flex:1;align-items:center;gap:8px;display:flex}.tp-track{background:var(--surface-3);border-radius:3px;flex:1;height:4px;overflow:hidden}.tp-fill{background:linear-gradient(90deg, var(--primary), #e8704f);border-radius:3px;height:100%}.tp-fill.full{background:linear-gradient(90deg, var(--warning), #f5e2b8)}.tp-pct{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:600}.ters-cta{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:99px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.ters.kotoba .ters-cta{color:#e8704f;background:#dd41241a;border-color:#dd412452}.ters.bunpou .ters-cta{color:var(--warning);background:#d4a04a1a;border-color:#d4a04a59}.ters-soon{letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);z-index:2;background:#0b0a0cb3;border:1px solid #ffffff24;border-radius:99px;padding:3px 9px;font-size:9px;font-weight:800;position:absolute;top:10px;left:10px}.mn-strip{background:var(--surface);border:1px solid #ffffff14;border-radius:16px;align-items:center;display:flex;overflow:hidden}.mn-item{opacity:.8;flex:1;align-items:center;gap:12px;min-width:0;padding:16px 20px;display:flex}.mn-item+.mn-item{border-left:1px solid #ffffff14}.mn-g{background:var(--surface-2);width:42px;height:42px;color:var(--text-muted);border:1px solid #ffffff24;border-radius:12px;flex-shrink:0;place-items:center;font-size:21px;font-weight:700;display:grid;position:relative}.mn-lock{background:var(--bg,#0b0a0c);width:16px;height:16px;color:var(--text-dim);border:1px solid #ffffff24;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.mn-m{min-width:0}.mn-t{font-size:13px;font-weight:700}.mn-d{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10.5px;overflow:hidden}.mn-vote{background:#dd41240d;border-left:1px solid #ffffff14;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:6px;padding:16px 20px;display:flex}.mn-vote-t{color:var(--text-muted);font-size:11.5px;font-weight:700}.mn-vote-btn{color:#e8704f;cursor:pointer;background:#dd41241f;border:1px solid #dd412459;border-radius:99px;padding:7px 14px;font-family:inherit;font-size:11px;font-weight:700}.mn-vote-btn:hover{background:var(--primary);color:#fff}@media (max-width:1100px){.exam-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.exam-grid{grid-template-columns:repeat(2,1fr)}.ters-grid{grid-template-columns:1fr}.mn-strip{flex-wrap:wrap}.lv-typef{width:100%;margin-left:0}}@media (max-width:520px){.exam-grid{grid-template-columns:1fr}}.pr-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.pr-title{font-size:var(--text-3xl);letter-spacing:-.03em;font-weight:600;line-height:1}.pr-title-jp{font-family:var(--jps,serif);background:linear-gradient(120deg, #f0b49a, var(--primary));color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:10px;font-size:27px}.pr-pills{gap:10px;display:flex}.pr-pill{background:var(--surface);border:1px solid #ffffff14;border-radius:14px;min-width:118px;padding:12px 18px}.pr-pill-l{letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;margin-bottom:4px;font-size:9.5px;font-weight:700}.pr-pill-v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:21px;font-weight:700}.pr-pill-v .u{color:var(--text-dim);font-size:12px;font-weight:500}.pr-pill.up .pr-pill-v{color:var(--success)}.pr-tabs{background:var(--surface);border:1px solid #ffffff14;border-radius:99px;gap:4px;margin-bottom:22px;padding:4px;display:inline-flex}.pr-tab{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:99px;align-items:center;gap:7px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.pr-tab:hover{color:var(--text-muted)}.pr-tab.on{color:#e8704f;background:#dd412424}.pr-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;display:flex}.pr-fchip{background:var(--surface);color:var(--text-dim);cursor:pointer;border:1px solid #ffffff14;border-radius:99px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.pr-fchip:hover{color:var(--text-muted);border-color:#ffffff24}.pr-fchip.on{color:#e8704f;background:#dd41241f;border-color:#dd412466}.pr-fsep{background:#ffffff24;width:1px;height:20px;margin:0 4px}.pr-freset{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:auto;font-family:inherit;font-size:11.5px}.pr-freset:hover{color:var(--danger)}.pr-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.pr-tlgroup{margin-bottom:24px}.pr-tlhead{align-items:center;gap:12px;margin-bottom:10px;display:flex}.pr-tllabel{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.pr-tlcount{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:10.5px}.pr-tlline{background:linear-gradient(90deg,#ffffff24,#0000);flex:1;height:1px}.pr-tlxp{color:var(--warning);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.pr-sess{background:var(--surface);cursor:pointer;color:inherit;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:14px;margin-bottom:8px;padding:13px 16px;text-decoration:none;transition:all .16s;display:grid;position:relative}.pr-sess:hover{background:var(--surface-2);border-color:#ffffff24;transform:translate(2px)}.pr-sess:before{content:"";border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:-1px}.pr-sess.good:before{background:var(--success);box-shadow:0 0 8px #8fcb5273}.pr-sess.mid:before{background:var(--warning);box-shadow:0 0 8px #d4a04a73}.pr-sess.bad:before{background:var(--danger);box-shadow:0 0 8px #e0566f73}.pr-sess-ic{border:1px solid;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.pr-ic-exam{background:#dd41241f;border-color:#dd41244d}.pr-ic-foto{background:#5570b524;border-color:#5570b559}.pr-ic-cho{background:#8b5a8c29;border-color:#8b5a8c66}.pr-sess-m{min-width:0}.pr-sess-t{white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.pr-typetag{letter-spacing:.08em;border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:800}.pr-tt-exam{color:#e8704f;background:#dd412424}.pr-tt-foto{color:#8fa3d8;background:#5570b529}.pr-tt-cho{color:#c79bc8;background:#8b5a8c2e}.pr-sess-s{color:var(--text-dim);align-items:center;gap:6px;margin-top:3px;font-size:11px;display:flex}.pr-dot{background:var(--text-dim);border-radius:50%;width:3px;height:3px;display:inline-block}.pr-sess-score{text-align:right}.pr-ss-pct{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:17px;font-weight:700}.pr-ss-pct.good{color:var(--success)}.pr-ss-pct.mid{color:var(--warning)}.pr-ss-pct.bad{color:var(--danger)}.pr-ss-frac{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:10px}.pr-sess-act{gap:6px;display:flex}.pr-sa{color:var(--text-dim);white-space:nowrap;background:0 0;border:1px solid #ffffff24;border-radius:99px;align-items:center;gap:4px;padding:7px 13px;font-size:11px;font-weight:600;display:inline-flex}.pr-sa.solid{color:#e8704f;background:#dd41241f;border-color:#dd412459}.pr-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:24px}.pr-scard{padding:18px 20px}.pr-scard-h{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.pr-wkrow{align-items:flex-end;gap:6px;height:64px;display:flex}.pr-wkc{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.pr-wkb{background:linear-gradient(180deg, #e8704f, var(--primary));border-radius:4px 4px 2px 2px;width:100%;min-height:3px}.pr-wkb.mut{background:var(--surface-3)}.pr-wkb.now{box-shadow:0 0 10px #dd41248c}.pr-wkl{color:var(--text-dim);font-size:9px;font-weight:700}.pr-wkl.now{color:#e8704f}.pr-wknote{color:var(--text-dim);border-top:1px solid #ffffff14;margin-top:12px;padding-top:12px;font-size:11px;line-height:1.5}.pr-wknote b{color:var(--text-muted)}.pr-krow{grid-template-columns:64px minmax(0,1fr) 40px;align-items:center;gap:10px;margin-bottom:9px;display:grid}.pr-krow:last-child{margin-bottom:0}.pr-kjp{font-size:12.5px;font-weight:600}.pr-kro{color:var(--text-dim);font-size:9px;display:block}.pr-ktrack{background:var(--surface-3);border-radius:3px;height:5px;overflow:hidden}.pr-kfill{border-radius:3px;height:100%}.pr-kpct{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:11.5px;font-weight:700}.pr-insight{background:linear-gradient(135deg, #dd41241a, var(--surface));border-color:#dd412438}.pr-insight p{color:var(--text-muted);margin:0 0 12px;font-size:12px;line-height:1.55}.pr-insight p b{color:#e8704f}.pr-go{color:#e8704f;background:#dd412424;border:1px solid #dd412466;border-radius:99px;padding:8px 16px;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.pr-go:hover{background:var(--primary);color:#fff}.pr-empty{text-align:center;color:var(--text-tertiary);flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.pr-empty-t{color:var(--text-secondary);font-size:15px;font-weight:600}.pr-empty-s{max-width:360px;font-size:12.5px;line-height:1.5}.pr-empty-cta{gap:10px;margin-top:8px;display:flex}@media (max-width:900px){.pr-grid{grid-template-columns:1fr}.pr-side{position:static}}.ob-page{background:radial-gradient(ellipse 60% 45% at 50% 0%, #dd412429, transparent 60%), var(--bg,#0b0a0c);place-items:center;min-height:100vh;padding:40px 20px;display:grid}.ob-frame{width:100%;max-width:600px;position:relative}.ob-bar{justify-content:space-between;align-items:center;margin-bottom:18px;padding:0 4px;display:flex}.ob-dots{align-items:center;gap:7px;display:flex}.ob-dt{background:var(--surface-3);border-radius:99px;width:7px;height:7px;transition:all .25s}.ob-dt.done{background:#dd412473}.ob-dt.on{background:var(--primary);width:22px;box-shadow:0 0 8px #dd412499}.ob-skip{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:600}.ob-skip:hover{color:var(--text-muted)}.ob-card{background:var(--surface);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;min-height:480px;padding:40px 44px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 32px 64px -20px #000000b3}.ob-step{flex-direction:column;flex:1;animation:.28s cubic-bezier(.16,1,.3,1) ob-in;display:flex}@keyframes ob-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.ob-glyph{color:#0000;background:linear-gradient(130deg,#f0b49a,#dd4124);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:44px;line-height:1}.ob-h1{letter-spacing:-.025em;margin-bottom:10px;font-size:26px;font-weight:600;line-height:1.15}.ob-sub{color:var(--text-dim);max-width:420px;margin-bottom:28px;font-size:13.5px;line-height:1.6}.ob-sub b{color:var(--text-muted);font-weight:600}.ob-foot{align-items:center;gap:12px;margin-top:auto;padding-top:26px;display:flex}.ob-btn{cursor:pointer;border:none;border-radius:99px;margin-left:auto;padding:12px 28px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .18s}.ob-btn-p{background:var(--primary);color:#fff;box-shadow:0 8px 20px -8px #dd4124b3}.ob-btn-p:hover{background:#e55a3f;transform:translateY(-1px)}.ob-btn-p:disabled{background:var(--surface-3);color:var(--text-dim);box-shadow:none;cursor:not-allowed;transform:none}.ob-btn-g{color:var(--text-muted);background:0 0;border:1px solid #ffffff24}.ob-btn-g:hover{color:#e8704f;border-color:#dd412466}.ob-back{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12.5px;font-weight:600}.ob-back:hover{color:var(--text-muted)}.ob-wart{align-items:center;gap:14px;margin-bottom:26px;display:flex}.ob-wmark{background:linear-gradient(135deg, #e55a3f, var(--primary));color:#fff;border-radius:16px;place-items:center;width:56px;height:56px;font-size:26px;font-weight:700;display:grid;box-shadow:0 10px 24px -8px #dd4124b3}.ob-wname{letter-spacing:-.02em;font-size:19px;font-weight:700}.ob-wname span{color:#e8704f}.ob-wtag{color:var(--text-dim);margin-top:2px;font-size:11px}.ob-feat{flex-direction:column;gap:11px;margin-top:2px;display:flex}.ob-wf{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.ob-wfic{background:var(--surface-2);border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.ob-lvls{flex-direction:column;gap:8px;display:flex}.ob-lv{background:var(--surface-2);cursor:pointer;text-align:left;border:1.5px solid #ffffff14;border-radius:14px;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:13px 16px;font-family:inherit;transition:all .16s;display:grid}.ob-lv:hover{background:var(--surface-3);border-color:#ffffff24}.ob-lvg{font-variant-numeric:tabular-nums;text-align:center;background:var(--surface-3);color:var(--text-muted);border-radius:10px;padding:7px 0;font-size:18px;font-weight:800}.ob-lvn{color:var(--text);font-size:13.5px;font-weight:700;display:block}.ob-lvtag{color:var(--text-dim);margin-left:8px;font-size:10px;font-weight:700}.ob-lvd{color:var(--text-dim);margin-top:2px;font-size:11px;line-height:1.4;display:block}.ob-lvr{border:2px solid #ffffff24;border-radius:50%;width:18px;height:18px;transition:all .16s}.ob-lv.sel{border-color:var(--primary);background:#dd412414;box-shadow:0 0 0 3px #dd41241f}.ob-lv.sel .ob-lvg{color:#e8704f;background:#dd41242e}.ob-lv.sel .ob-lvr{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 3.5px var(--surface)}.ob-chips{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ob-chip{background:var(--surface-2);cursor:pointer;text-align:left;border:1.5px solid #ffffff14;border-radius:14px;padding:18px;font-family:inherit;transition:all .16s}.ob-chip:hover{border-color:#ffffff24}.ob-chip.sel{border-color:var(--primary);background:#dd412414;box-shadow:0 0 0 3px #dd41241f}.ob-chip.wide{text-align:center;grid-column:1/-1;padding:14px}.ob-cht{color:var(--text);font-size:14px;font-weight:700}.ob-chs{color:var(--text-dim);margin-top:3px;font-size:11px}.ob-chip.sel .ob-cht{color:#e8704f}.ob-sum{flex-direction:column;gap:9px;margin-bottom:26px;display:flex}.ob-sumr{background:var(--surface-2);border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.ob-sumr .k{color:var(--text-dim);flex-shrink:0;width:110px;font-size:11.5px;font-weight:600}.ob-sumr .v{font-weight:700}.ob-donecta{gap:10px;margin-top:auto;padding-top:26px;display:flex}.ob-donecta .ob-btn{flex:1;margin:0;padding:14px}.ob-confetti{pointer-events:none;height:120px;position:absolute;top:-8px;left:0;right:0;overflow:hidden}.ob-cf{opacity:0;border-radius:2px;width:7px;height:7px;animation:2.6s ease-in infinite ob-fall;position:absolute}@keyframes ob-fall{0%{opacity:0;transform:translateY(-10px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(130px)rotate(240deg)}}.ob-hintset{color:var(--text-dim);text-align:center;margin-top:12px;font-size:11px}@media (prefers-reduced-motion:reduce){.ob-step,.ob-cf{animation:none}}@media (max-width:520px){.ob-card{padding:28px 24px}.ob-chips{grid-template-columns:1fr}}.kk-showmore{width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:1.5px dashed #ffffff24;border-radius:12px;margin-top:10px;padding:12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .16s}.kk-showmore:hover{color:#e8704f;background:#dd41240a;border-color:#dd412466}.kk-showmore-n{color:var(--text-tertiary);font-weight:500}.soon-card{cursor:not-allowed;opacity:.78;align-items:flex-start;gap:14px;padding:16px 18px;transition:opacity .18s;display:flex;position:relative}.soon-card:hover{opacity:1}.soon-glyph{background:var(--surface-2);border:1px solid var(--edge-default);width:52px;height:52px;font-family:var(--font-serif-jp);color:var(--text-secondary);border-radius:14px;flex-shrink:0;place-items:center;font-size:26px;font-weight:600;display:grid;position:relative}.soon-lock{background:var(--bg-canvas);border:1px solid var(--edge-default);width:18px;height:18px;color:var(--text-tertiary);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.soon-body{flex:1;min-width:0;padding-right:60px}.soon-title{color:var(--text-primary);align-items:center;gap:6px;margin:2px 0 4px;font-size:13.5px;font-weight:600;display:flex}.soon-desc{color:var(--text-tertiary);margin:0;font-size:11.5px;line-height:1.45}.soon-status{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--edge-default);border-radius:4px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;top:12px;right:14px}.upload-cta{padding:22px;position:relative;overflow:hidden}.upload-cta:before{content:"";aspect-ratio:1;filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#6b8e3f38,#0000 65%);border-radius:50%;width:60%;position:absolute;top:-40%;right:-30%}.upload-cta-icon{background:#6b8e3f1f;border:1px solid #6b8e3f47;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:14px;display:grid;position:relative}.upload-cta-title{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 6px;font-size:15px;font-weight:600;position:relative}.upload-cta-desc{color:var(--text-secondary);margin:0 0 14px;font-size:12.5px;line-height:1.55;position:relative}.upload-code{background:var(--surface-2);border:1px solid var(--edge-default);font-family:var(--font-mono);color:var(--accent-emerald);white-space:nowrap;border-radius:5px;margin:0 3px;padding:1px 8px;font-size:10.5px;display:inline-block}.upload-drop{background:var(--surface-1);border:1px dashed var(--edge-strong);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .18s;display:flex;position:relative}.upload-drop:hover{background:var(--surface-2);border-color:var(--accent-emerald)}.upload-drop-title{color:var(--text-primary);font-size:12.5px;font-weight:600}.upload-drop-sub{color:var(--text-tertiary);margin-top:2px;font-size:11px}.tips-card{padding:20px}.tips-head{border-bottom:1px solid var(--edge-soft);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}.tips-title{color:var(--text-primary);letter-spacing:-.005em;font-size:13px;font-weight:600}.tips-list{flex-direction:column;gap:14px;display:flex}.tip-item{align-items:flex-start;gap:10px;display:flex}.tip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.tip-dot.tip-iris{background:var(--accent-iris);box-shadow:0 0 8px var(--accent-iris)}.tip-dot.tip-amber{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}.tip-dot.tip-emerald{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.tip-dot.tip-rose{background:var(--accent-rose);box-shadow:0 0 8px var(--accent-rose)}.tip-t{color:var(--text-primary);letter-spacing:-.005em;margin-bottom:2px;font-size:12.5px;font-weight:600}.tip-d{color:var(--text-tertiary);font-size:11.5px;line-height:1.5}.folder-card{padding:18px 20px}.folder-head{color:var(--text-tertiary);align-items:center;gap:8px;margin-bottom:10px;font-size:11.5px;font-weight:500;display:flex}.folder-head code{font-family:var(--font-mono);color:var(--accent-iris);background:var(--surface-2);border:1px solid var(--edge-default);border-radius:5px;padding:1px 6px;font-size:11px}.folder-desc{color:var(--text-secondary);margin:0 0 14px;font-size:12px;line-height:1.55}.folder-desc em{color:var(--accent-amber);font-style:normal;font-weight:500}.rs-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;display:flex}.rs-title{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--text-primary);margin:0 0 12px;font-size:42px;font-weight:600;line-height:1}.rs-title-jp{font-family:var(--font-serif-jp);color:#0000;filter:drop-shadow(0 6px 14px #dd41244d);background:linear-gradient(135deg,#f4b89a,#dd4124 50%,#b873bd);-webkit-background-clip:text;background-clip:text;margin-left:14px;font-size:38px;font-weight:600}.rs-sub{color:var(--text-secondary);max-width:560px;margin:0;font-size:14px;line-height:1.55}.rs-sub a{color:var(--accent-iris);font-weight:500;text-decoration:none}.rs-stats{gap:10px;display:flex}.rs-stat{min-width:130px;padding:12px 18px}.rs-stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap;margin-bottom:4px;font-size:10px;font-weight:700}.rs-stat-value{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.rs-stat-emerald .rs-stat-value{color:var(--accent-emerald)}.rs-toolbar{margin-bottom:28px}.rs-search{border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;display:flex}.rs-search input{color:var(--text-primary);font-size:14px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.rs-search input::placeholder{color:var(--text-tertiary)}.rs-search kbd{font-family:var(--font-sans);background:var(--surface-2);border:1px solid var(--edge-default);color:var(--text-tertiary);letter-spacing:.04em;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:500}.rs-filter-row{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.rs-filter-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-left:auto;display:inline-flex}.filter-group{align-items:center;gap:8px;display:flex}.fg-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-size:10.5px;font-weight:700}.fg-chips{flex-wrap:wrap;gap:4px;display:flex}.fg-chip{border-radius:var(--radius-full);border:1px solid var(--edge-soft);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);letter-spacing:-.005em;background:0 0;padding:6px 12px;transition:all .16s}.fg-chip:hover{background:var(--surface-1);color:var(--text-primary);border-color:var(--edge-default)}.fg-chip.on{background:var(--surface-2);color:var(--accent-iris);border-color:#dd412466;box-shadow:inset 0 0 0 1px #dd41242e}.fg-chip-n1.on{color:var(--n1);border-color:#8b5a8c80;box-shadow:inset 0 0 0 1px #8b5a8c33}.fg-chip-n2.on{color:#f4b89a;border-color:#dd412480;box-shadow:inset 0 0 0 1px #dd412433}.fg-chip-n3.on{color:var(--n3);border-color:#6b8e3f80;box-shadow:inset 0 0 0 1px #6b8e3f33}.fg-chip-n4.on{color:var(--n4);border-color:#d4a04a80;box-shadow:inset 0 0 0 1px #d4a04a33}.fg-chip-n5.on{color:var(--n5);border-color:#c77b3f80;box-shadow:inset 0 0 0 1px #c77b3f33}.reset-link{color:var(--text-tertiary);cursor:pointer;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;margin-left:auto}.reset-link:hover{color:var(--accent-rose)}.rs-workspace{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.rs-main{flex-direction:column;gap:36px;min-width:0;display:flex}.rs-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.rs-group-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.rs-group-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-primary);font-size:11.5px;font-weight:700}.rs-group-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.rs-group-line{background:linear-gradient(90deg, var(--edge-default), transparent);flex:1;height:1px;margin-left:6px}.rs-cards{flex-direction:column;gap:10px;display:flex}.rs-card{cursor:pointer;transition:all .2s var(--ease-out-back);color:inherit;grid-template-columns:64px minmax(0,1fr) 130px 40px;align-items:center;gap:18px;padding:16px 20px;text-decoration:none;display:grid;position:relative}.rs-card:hover{background:var(--surface-2);border-color:#dd412447;transform:translateY(-1px)}.rs-card:after{content:"";opacity:.85;pointer-events:none;border-radius:0 3px 3px 0;width:3px;position:absolute;top:16px;bottom:16px;left:-1px}.rs-card-good:after{background:var(--accent-emerald);box-shadow:0 0 12px var(--accent-emerald)}.rs-card-mid:after{background:var(--accent-amber);box-shadow:0 0 12px var(--accent-amber)}.rs-card-bad:after{background:var(--accent-rose);box-shadow:0 0 12px var(--accent-rose)}.rs-card-none:after{background:var(--text-dim);opacity:.4}.rs-glyph{background:var(--surface-2);border:1px solid var(--edge-default);width:56px;height:56px;font-family:var(--font-serif-jp);color:var(--text-primary);border-radius:14px;place-items:center;font-size:28px;font-weight:600;display:grid;position:relative}.rs-glyph-good{color:#9cb572;background:#6b8e3f1a;border-color:#6b8e3f52}.rs-glyph-mid{color:#e8c57e;background:#d4a04a1a;border-color:#d4a04a52}.rs-glyph-bad{color:#d67888;background:#a4243b1a;border-color:#a4243b52}.rs-glyph-none{background:var(--surface-1);border-color:var(--edge-soft);color:var(--text-secondary)}.rs-card-main{min-width:0}.rs-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.lv-tag-mini{letter-spacing:.06em;font-variant-numeric:tabular-nums;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.lv-tag-mini.lv-n1{color:var(--n1);background:#8b5a8c29;border:1px solid #8b5a8c47}.lv-tag-mini.lv-n2{color:#f4b89a;background:#dd41242e;border:1px solid #dd412452}.lv-tag-mini.lv-n3{color:var(--n3);background:#6b8e3f29;border:1px solid #6b8e3f47}.lv-tag-mini.lv-n4{color:var(--n4);background:#d4a04a29;border:1px solid #d4a04a47}.lv-tag-mini.lv-n5{color:var(--n5);background:#c77b3f29;border:1px solid #c77b3f47}.rs-kategori{background:var(--surface-2);border:1px solid var(--edge-default);border-radius:5px;align-items:baseline;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.rs-kategori-jp{font-family:var(--font-sans-jp);color:var(--text-primary);font-weight:500}.rs-kategori-ro{color:var(--text-tertiary);letter-spacing:.02em;font-size:10px}.rs-card-title{color:var(--text-primary);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:15.5px;font-weight:600;overflow:hidden}.rs-meta{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:14px;font-size:11.5px;display:flex}.rs-meta-item{align-items:center;gap:4px;display:inline-flex}.rs-meta-dot{background:var(--text-muted);border-radius:50%;width:4px;height:4px;display:inline-block}.rs-card-score{justify-content:flex-end;align-items:center;gap:10px;display:flex}.rs-ring{width:60px;height:60px;position:relative}.rs-ring-pct{font-variant-numeric:tabular-nums;letter-spacing:-.02em;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}.rs-ring-pct-sym{margin-left:1px;font-size:9px;font-weight:600}.rs-score-meta{flex-direction:column;align-items:flex-end;display:flex}.rs-score-fraction{font-variant-numeric:tabular-nums;color:var(--text-secondary);letter-spacing:-.01em;font-size:13px}.rs-score-fraction strong{color:var(--text-primary);font-size:14px;font-weight:700}.rs-score-fraction span{color:var(--text-tertiary);margin-left:1px}.rs-score-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-top:2px;font-size:9.5px;font-weight:700}.rs-card-cta{background:var(--surface-2);border:1px solid var(--edge-default);width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;border-radius:50%;place-items:center;transition:all .2s;display:grid}.rs-card:hover .rs-card-cta{background:var(--accent-iris);border-color:var(--accent-iris);color:var(--text);transform:translate(2px)}.rs-card-del{width:28px;height:28px;color:var(--accent-rose);cursor:pointer;opacity:0;background:#a4243b2e;border:1px solid #a4243b52;border-radius:50%;place-items:center;transition:opacity .16s;display:grid;position:absolute;top:8px;right:56px}.rs-card:hover .rs-card-del{opacity:1}.rs-card-del:hover{background:var(--accent-rose);color:var(--text)}.rs-side-card{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.rs-side-head{letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:flex}.rs-side-link{color:var(--accent-iris);margin-top:4px;font-size:11.5px;font-weight:500;text-decoration:none}.cat-bars{flex-direction:column;gap:10px;display:flex}.cat-bar-row{grid-template-columns:76px minmax(0,1fr) 36px;align-items:center;gap:10px;display:grid}.cat-bar-label{flex-direction:column;display:flex}.cat-jp{font-family:var(--font-sans-jp);color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.1}.cat-ro{color:var(--text-tertiary);letter-spacing:.04em;font-size:10px}.cat-bar-track{background:var(--surface-2);border-radius:4px;height:6px;position:relative;overflow:hidden}.cat-bar-fill{background:linear-gradient(90deg, var(--accent-iris), #f4b89a);height:100%;transition:width .7s var(--ease-out-expo);border-radius:4px;box-shadow:0 0 8px #dd412466}.cat-bar-fill.cat-iris{background:linear-gradient(90deg, var(--accent-iris), #f4b89a);box-shadow:0 0 8px #dd412466}.cat-bar-fill.cat-emerald{background:linear-gradient(90deg, var(--accent-emerald), #9cb572);box-shadow:0 0 8px #6b8e3f66}.cat-bar-fill.cat-amber{background:linear-gradient(90deg, var(--accent-amber), #e8c57e);box-shadow:0 0 8px #d4a04a66}.cat-bar-fill.cat-rose{background:linear-gradient(90deg, var(--accent-rose), #d67888);box-shadow:0 0 8px #a4243b66}.cat-bar-pct{font-variant-numeric:tabular-nums;text-align:right;letter-spacing:-.01em;font-size:12px;font-weight:600}.cat-pct-iris{color:var(--accent-iris)}.cat-pct-emerald{color:var(--accent-emerald)}.cat-pct-amber{color:var(--accent-amber)}.cat-pct-rose{color:var(--accent-rose)}.activity-grid{grid-template-columns:repeat(12,1fr);gap:3px;display:grid}.ag-col{grid-template-rows:repeat(7,1fr);gap:3px;display:grid}.ag-cell{aspect-ratio:1;background:var(--surface-1);border:1px solid var(--edge-soft);border-radius:3px;transition:transform .14s}.ag-cell:hover{transform:scale(1.18)}.ag-cell.lg-0{background:var(--surface-1);border-color:var(--edge-soft)}.ag-cell.lg-1{background:#dd41242e;border-color:#dd412438}.ag-cell.lg-2{background:#dd412459;border-color:#dd412466}.ag-cell.lg-3{background:#dd412499;border-color:#dd412499}.ag-cell.lg-4{background:var(--accent-iris);border-color:var(--accent-iris);box-shadow:0 0 4px #dd412480}.grid-legend{color:var(--text-tertiary);letter-spacing:.02em;align-items:center;gap:8px;font-size:10px;display:flex}.legend-dots{gap:3px;display:flex}.legend-dot{border-radius:3px;width:10px;height:10px}.legend-dot.lg-0{background:var(--surface-1);border:1px solid var(--edge-soft)}.legend-dot.lg-1{background:#dd41242e}.legend-dot.lg-2{background:#dd412459}.legend-dot.lg-3{background:#dd412499}.legend-dot.lg-4{background:var(--accent-iris)}.starred-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.starred-empty{color:var(--text-tertiary);text-align:center;padding:14px 8px;font-size:11.5px;line-height:1.5}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-state h3{color:var(--text-primary);margin:12px 0 0;font-size:16px}.empty-state p{color:var(--text-tertiary);max-width:360px;margin:0 0 20px;font-size:13px;line-height:1.5}.st-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;display:flex}.st-title{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--text-primary);margin:0 0 10px;font-size:38px;font-weight:600;line-height:1}.st-title-jp{font-family:var(--font-serif-jp);color:#0000;filter:drop-shadow(0 6px 14px #dd41244d);background:linear-gradient(135deg,#f4b89a,#dd4124 50%,#b873bd);-webkit-background-clip:text;background-clip:text;margin-left:12px;font-size:32px;font-weight:600}.st-sub{color:var(--text-secondary);margin:0;font-size:13.5px}.st-period{align-items:center;gap:12px;display:flex}.st-period-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-size:10.5px;font-weight:700}.period-pills{background:var(--surface-1);border:1px solid var(--edge-soft);border-radius:10px;gap:4px;padding:4px;display:flex}.pp-chip{color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;border-radius:7px;padding:7px 14px;font-weight:500;transition:all .16s}.pp-chip:hover{color:var(--text-primary)}.pp-chip.on{background:var(--surface-3);color:var(--accent-iris);box-shadow:inset 0 1px #ffffff0f}.st-kpi-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.kpi-card{flex-direction:column;gap:6px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";aspect-ratio:1;filter:blur(40px);pointer-events:none;opacity:.6;border-radius:50%;width:60%;position:absolute;top:-30%;right:-20%}.kpi-iris:before{background:#dd412466}.kpi-emerald:before{background:#6b8e3f4d}.kpi-amber:before{background:#d4a04a4d}.kpi-rose:before{background:#a4243b4d}.kpi-row{align-items:center;gap:8px;display:flex;position:relative}.kpi-icon{background:var(--surface-2);border:1px solid var(--edge-default);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.kpi-iris .kpi-icon{color:var(--accent-iris)}.kpi-emerald .kpi-icon{color:var(--accent-emerald)}.kpi-amber .kpi-icon{color:var(--accent-amber)}.kpi-rose .kpi-icon{color:var(--accent-rose)}.kpi-label{letter-spacing:.06em;color:var(--text-tertiary);font-size:11px;font-weight:600}.kpi-value{letter-spacing:-.035em;color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:32px;font-weight:600;display:flex;position:relative}.kpi-unit{color:var(--text-tertiary);margin-left:2px;font-size:16px;font-weight:500}.kpi-delta{border-radius:5px;align-items:center;gap:2px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.kpi-delta.up{color:var(--accent-emerald);background:#6b8e3f1f;border:1px solid #6b8e3f3d}.kpi-delta.down{color:var(--accent-rose);background:#a4243b1f;border:1px solid #a4243b3d}.kpi-sub{color:var(--text-tertiary);letter-spacing:-.005em;font-size:11px}.st-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}.st-main{flex-direction:column;gap:18px;min-width:0;display:flex}.st-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:24px}.st-card{padding:22px 24px}.st-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.st-card-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-size:10.5px;font-weight:700}.st-card-title{letter-spacing:-.015em;color:var(--text-primary);margin:4px 0 0;font-size:17px;font-weight:600}.st-card-badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.st-badge-good{color:var(--accent-emerald);background:#6b8e3f1f;border:1px solid #6b8e3f3d}.st-badge-bad{color:var(--accent-rose);background:#a4243b1f;border:1px solid #a4243b3d}.st-link{color:var(--accent-iris);font-size:12px;font-weight:500;text-decoration:none}.trend-chart{padding:8px 0}.tc-svg{width:100%;height:180px;display:block}.tc-x-axis{border-top:1px solid var(--edge-soft);margin-top:8px;padding-top:12px;display:grid}.tc-x-axis>span{text-align:center;color:var(--text-tertiary);flex-direction:column;font-size:10.5px;display:flex}.tc-x-axis>span strong{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-bottom:2px;font-size:13px;font-weight:600}.tc-x-axis>span.on strong,.tc-x-axis>span.on{color:var(--accent-iris)}.kat-acc-rows{flex-direction:column;gap:14px;display:flex}.kat-acc-row{grid-template-columns:130px minmax(0,1fr) 80px;align-items:center;gap:16px;display:grid}.kat-acc-label{flex-direction:column;gap:2px;display:flex}.kar-text{align-items:baseline;gap:8px;display:flex}.kar-jp{font-family:var(--font-sans-jp);color:var(--text-primary);font-size:14px;font-weight:600}.kar-ro{color:var(--text-tertiary);letter-spacing:.04em;font-size:11px}.kar-soal{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10.5px}.kat-acc-bar{background:var(--surface-2);border-radius:6px;height:10px;position:relative;overflow:visible}.kab-fill{background:linear-gradient(90deg, var(--accent-iris), #f4b89a);height:100%;transition:width .7s var(--ease-out-expo);border-radius:6px;box-shadow:0 0 10px #dd412466}.kab-fill.cat-iris{background:linear-gradient(90deg, var(--accent-iris), #f4b89a)}.kab-fill.cat-emerald{background:linear-gradient(90deg, var(--accent-emerald), #9cb572);box-shadow:0 0 10px #6b8e3f66}.kab-fill.cat-amber{background:linear-gradient(90deg, var(--accent-amber), #e8c57e);box-shadow:0 0 10px #d4a04a66}.kab-fill.cat-rose{background:linear-gradient(90deg, var(--accent-rose), #d67888);box-shadow:0 0 10px #a4243b66}.kab-marker{background:#ffffff80;border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px}.kab-marker:after{content:"";background:#ffffffb3;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-3px}.kat-acc-pct{font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:baseline;gap:6px;font-size:14px;font-weight:700;display:flex}.kat-pct-iris{color:var(--accent-iris)}.kat-pct-emerald{color:var(--accent-emerald)}.kat-pct-amber{color:var(--accent-amber)}.kat-pct-rose{color:var(--accent-rose)}.kat-delta{border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:600}.kat-delta.up{color:var(--accent-emerald);background:#6b8e3f24}.kat-delta.down{color:var(--accent-rose);background:#a4243b24}.kat-acc-footer{border-top:1px solid var(--edge-soft);color:var(--text-tertiary);margin-top:14px;padding-top:12px;font-size:11px}.kab-marker-legend{align-items:center;gap:6px;display:inline-flex}.lg-line{background:#ffffff80;width:12px;height:2px;display:inline-block}.level-progress{flex-direction:column;gap:12px;display:flex}.lp-row{grid-template-columns:140px minmax(0,1fr) 50px;align-items:center;gap:16px;padding:4px 0;display:grid}.lp-row.target{background:#dd41240f;border:1px solid #dd41242e;border-radius:12px;margin:0 -14px;padding:12px 14px;position:relative}.lp-label{align-items:center;gap:8px;display:flex}.lp-tag{letter-spacing:-.01em;font-variant-numeric:tabular-nums;border-radius:8px;padding:4px 10px;font-size:16px;font-weight:700}.lp-tag.lv-n1{color:var(--n1);background:#8b5a8c29;border:1px solid #8b5a8c52}.lp-tag.lv-n2{color:#f4b89a;background:#dd412433;border:1px solid #dd41245c}.lp-tag.lv-n3{color:var(--n3);background:#6b8e3f29;border:1px solid #6b8e3f47}.lp-tag.lv-n4{color:var(--n4);background:#d4a04a29;border:1px solid #d4a04a47}.lp-tag.lv-n5{color:var(--n5);background:#c77b3f29;border:1px solid #c77b3f47}.lp-target-pill{letter-spacing:.14em;background:var(--accent-iris);color:#0e1116;box-shadow:0 0 8px var(--accent-iris);border-radius:4px;padding:2px 7px;font-size:9px;font-weight:700}.lp-bar-wrap{align-items:center;gap:10px;display:flex}.lp-bar{background:var(--surface-2);border-radius:5px;flex:1;height:8px;overflow:hidden}.lp-fill{background:linear-gradient(90deg, var(--accent-iris), #f4b89a);border-radius:5px;height:100%;box-shadow:0 0 10px #dd412466}.lv-bar-n1{background:linear-gradient(90deg, var(--n1), #dbc0de);box-shadow:0 0 10px #8b5a8c66}.lv-bar-n2{background:linear-gradient(90deg, var(--accent-iris), #f4b89a)}.lv-bar-n3{background:linear-gradient(90deg, var(--n3), #9cb572);box-shadow:0 0 10px #6b8e3f66}.lv-bar-n4{background:linear-gradient(90deg, var(--n4), #f2d89f);box-shadow:0 0 10px #d4a04a66}.lv-bar-n5{background:linear-gradient(90deg, var(--n5), #e8b789);box-shadow:0 0 10px #c77b3f66}.lp-soal{color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:60px;font-size:10.5px}.lp-pct{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-primary);font-size:14px;font-weight:700}.lp-n1 .lp-pct{color:var(--n1)}.lp-n2 .lp-pct{color:#f4b89a}.lp-n3 .lp-pct{color:var(--n3)}.lp-n4 .lp-pct{color:var(--n4)}.lp-n5 .lp-pct{color:var(--n5)}.st-side-card{flex-direction:column;gap:10px;padding:18px 20px;display:flex}.st-side-head{letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.st-insight-title{color:var(--text-primary);letter-spacing:-.01em;margin:4px 0 6px;font-size:14px;font-weight:600;line-height:1.4}.st-insight-body{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.55}.st-insight-body strong{color:var(--text-primary);font-weight:600}.record-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.record-list li{border-bottom:1px solid var(--edge-soft);justify-content:space-between;align-items:baseline;padding:8px 0;font-size:12px;display:flex}.record-list li:last-child{border-bottom:none}.record-list li>span{color:var(--text-tertiary)}.record-list li>strong{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-weight:700}.time-heatmap{flex-direction:column;gap:5px;display:flex}.tm-row{align-items:center;gap:10px;display:flex}.tm-hour{color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-width:50px;font-size:10.5px}.tm-track{background:var(--surface-2);border-radius:4px;flex:1;height:8px;overflow:hidden}.tm-fill{background:linear-gradient(90deg, var(--accent-iris), #f4b89a);border-radius:4px;height:100%;box-shadow:0 0 8px #dd412466}.tm-tip{color:var(--text-secondary);border-top:1px solid var(--edge-soft);margin:8px 0 0;padding-top:10px;font-size:11.5px;line-height:1.5}.tm-tip strong{color:var(--accent-iris);font-weight:600}.pr-header{text-align:center;max-width:760px;margin:0 auto 48px}.pr-header .breadcrumbs{justify-content:center;margin-bottom:14px}.pr-eyebrow{border-radius:var(--radius-full);color:var(--accent-iris);letter-spacing:.12em;background:#dd41241a;border:1px solid #dd412452;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.pr-title{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--text-primary);margin:0 0 18px;font-size:clamp(40px,5.5vw,60px);font-weight:600;line-height:1.05}.pr-title-jp{font-family:var(--font-serif-jp);color:#0000;filter:drop-shadow(0 8px 18px #dd41244d);background:linear-gradient(135deg,#f4b89a,#dd4124 50%,#b873bd);-webkit-background-clip:text;background-clip:text;padding:0 4px;font-size:.92em;font-weight:600}.pr-grad{background:linear-gradient(135deg, var(--accent-iris), #b873bd);color:#0000;-webkit-background-clip:text;background-clip:text}.pr-sub{color:var(--text-secondary);max-width:540px;margin:0 auto;font-size:15.5px;line-height:1.55}.pr-toggle{background:var(--surface-1);border:1px solid var(--edge-soft);border-radius:12px;gap:2px;margin-top:28px;padding:5px;display:inline-flex}.pr-toggle-btn{color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;transition:all .16s;display:inline-flex}.pr-toggle-btn:hover{color:var(--text-primary)}.pr-toggle-btn.on{background:var(--surface-3);color:var(--accent-iris);font-weight:600;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff0f}.pr-toggle-save{color:var(--accent-emerald);letter-spacing:.04em;background:#6b8e3f2e;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.pr-plan-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:64px;display:grid}.pr-plan{transition:all .24s var(--ease-out-back);flex-direction:column;gap:18px;padding:28px 26px;display:flex;position:relative}.pr-plan.popular{border-color:#dd412466;transform:translateY(-8px);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #dd41242e,0 24px 56px -16px #dd412473}.plan-pop-badge{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-iris), #a4243b);color:var(--text);letter-spacing:.12em;white-space:nowrap;align-items:center;gap:4px;padding:5px 12px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px -4px #a4243b80}.plan-current-badge{letter-spacing:.08em;color:var(--accent-emerald);background:#6b8e3f24;border:1px solid #6b8e3f52;border-radius:5px;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;top:22px;right:22px}.plan-name{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 6px;font-size:19px;font-weight:600}.plan-tagline{color:var(--text-tertiary);margin:0;font-size:12.5px;line-height:1.45}.plan-price{border-top:1px solid var(--edge-soft);border-bottom:1px solid var(--edge-soft);flex-wrap:wrap;align-items:baseline;gap:6px;padding:14px 0;display:flex}.plan-amount{letter-spacing:-.03em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700}.plan-period{color:var(--text-tertiary);font-size:13px}.plan-original{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:6px;font-size:12px;text-decoration:line-through}.plan-iris .plan-amount{color:#0000;background:linear-gradient(135deg,#fff,#f4b89a);-webkit-background-clip:text;background-clip:text}.plan-gold .plan-amount{color:#0000;background:linear-gradient(135deg,#e8c57e,#d4a04a);-webkit-background-clip:text;background-clip:text}.plan-cta{border-radius:var(--radius-full);cursor:pointer;transition:all .2s var(--ease-out-back);font-size:14px;font-weight:600;font-family:var(--font-sans);border:1px solid;justify-content:center;align-items:center;gap:8px;padding:12px 18px;display:inline-flex}.plan-cta:disabled{opacity:.6;cursor:not-allowed}.plan-cta-arrow{transition:transform .2s}.plan-cta:hover:not(:disabled) .plan-cta-arrow{transform:translate(3px)}.plan-cta-slate{background:var(--surface-2);border-color:var(--edge-default);color:var(--text-secondary)}.plan-cta-iris{background:linear-gradient(180deg, var(--accent-iris), #b83518);border-color:var(--accent-iris);color:var(--text);box-shadow:inset 0 1px #ffffff4d,0 6px 18px -4px #dd412480}.plan-cta-iris:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 10px 24px -4px #dd412499}.plan-cta-gold{color:#0e1116;background:linear-gradient(#e8c57e,#d4a04a);border-color:#d4a04a;box-shadow:inset 0 1px #fff6,0 6px 18px -4px #d4a04a80}.plan-cta-gold:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,0 10px 24px -4px #d4a04ab3}.plan-features{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.plan-features li{color:var(--text-tertiary);align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.4;display:flex}.plan-features li>svg{flex-shrink:0;margin-top:2px}.plan-features li.on{color:var(--text-secondary)}.plan-features li.on>svg{color:var(--accent-emerald)}.plan-features li.highlight{color:var(--text-primary);font-weight:500}.plan-features li.off{color:var(--text-muted);opacity:.7}.pr-section-title{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--text-primary);margin:0 0 8px;font-size:28px;font-weight:600}.pr-section-title.centered{text-align:center}.pr-section-sub{color:var(--text-tertiary);text-align:left;margin:0;font-size:13.5px}.pr-compare{margin-bottom:56px}.pr-compare-head{text-align:center;margin-bottom:28px}.pr-compare-head .pr-section-sub{text-align:center}.cmp-table{padding:0;overflow:hidden}.cmp-row{border-bottom:1px solid var(--edge-soft);grid-template-columns:1.6fr 1fr 1fr 1fr;align-items:center;padding:14px 24px;font-size:13.5px;display:grid}.cmp-row:last-child{border-bottom:none}.cmp-row.cmp-head{background:var(--surface-1);letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;font-weight:700}.cmp-row.cmp-head .cmp-col.pop{color:var(--accent-iris)}.cmp-row.cmp-head .cmp-col.gold{color:var(--accent-amber)}.cmp-feature{color:var(--text-primary);font-weight:500}.cmp-row.cmp-head .cmp-feature{color:var(--text-tertiary);font-weight:700}.cmp-col{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.cmp-col.pop{background:#dd41240a}.cmp-val{font-size:12.5px;font-weight:500}.pr-testi-section{margin-bottom:56px}.pr-testi-section .pr-section-title{margin-bottom:24px}.pr-testi-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.testi-card{flex-direction:column;gap:14px;padding:22px 24px;display:flex}.testi-iris{background:linear-gradient(135deg, #dd41240f, var(--surface-1));border-color:#dd41242e}.testi-amber{background:linear-gradient(135deg, #d4a04a0f, var(--surface-1));border-color:#d4a04a2e}.testi-emerald{background:linear-gradient(135deg, #6b8e3f0f, var(--surface-1));border-color:#6b8e3f2e}.testi-stars{gap:2px;display:flex}.testi-quote{color:var(--text-primary);letter-spacing:-.005em;margin:0;font-size:14px;font-weight:500;line-height:1.6}.testi-attribution{color:var(--text-tertiary);border-top:1px solid var(--edge-soft);align-items:center;gap:10px;padding-top:12px;font-size:12px;display:flex}.testi-avatar{width:32px;height:32px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.testi-av-iris{background:linear-gradient(135deg, var(--accent-iris), #b83518)}.testi-av-amber{background:linear-gradient(135deg, var(--accent-amber), #a4243b)}.testi-av-emerald{background:linear-gradient(135deg, var(--accent-emerald), #6b8e3f)}.pr-faq-section{margin-bottom:56px}.pr-faq-section .pr-section-title{margin-bottom:18px}.pr-faq-list{flex-direction:column;gap:8px;display:flex}.pr-faq-item{background:var(--surface-1);border:1px solid var(--edge-soft);cursor:pointer;border-radius:14px;padding:18px 22px;transition:all .18s}.pr-faq-item:hover{background:var(--surface-2);border-color:var(--edge-default)}.pr-faq-item.open{background:var(--surface-2);border-color:#dd412447}.pr-faq-q{justify-content:space-between;align-items:center;gap:14px;display:flex}.pr-faq-q h4{color:var(--text-primary);letter-spacing:-.005em;margin:0;font-size:14px;font-weight:600}.pr-faq-chev{color:var(--accent-iris);font-size:22px;font-weight:300;font-family:var(--font-sans);text-align:center;width:22px}.pr-faq-a{color:var(--text-secondary);border-top:1px solid var(--edge-soft);margin:12px 0 0;padding-top:12px;font-size:13px;line-height:1.6}.pr-cta-footer{text-align:center;padding:48px 40px;position:relative;overflow:hidden}.pr-cta-bg{pointer-events:none;background:radial-gradient(at top,#dd412438,#0000 50%),radial-gradient(circle at 100% 100%,#b873bd29,#0000 55%);position:absolute;inset:0}.pr-cta-content{position:relative}.pr-cta-content h2{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 8px;font-size:32px;font-weight:600}.pr-cta-content p{color:var(--text-tertiary);max-width:480px;margin:0 auto 28px;font-size:14px}.pr-cta-content .pr-legal{color:var(--text-tertiary);margin:-18px auto 24px;font-size:12.5px}.pr-cta-content .pr-legal a{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline}.pr-cta-content .pr-legal a:hover,.pr-cta-content .pr-legal a:focus-visible{color:var(--text-primary)}.pr-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:inline-flex}.pg-header{margin-bottom:28px}.pg-title{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--text-primary);margin:0 0 10px;font-size:36px;font-weight:600;line-height:1}.pg-title-jp{font-family:var(--font-serif-jp);color:#0000;filter:drop-shadow(0 6px 14px #dd41244d);background:linear-gradient(135deg,#f4b89a,#dd4124 50%,#b873bd);-webkit-background-clip:text;background-clip:text;margin-left:12px;font-size:30px;font-weight:600}.pg-sub{color:var(--text-secondary);max-width:540px;margin:0;font-size:13.5px}.pg-grid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px;display:grid}.pg-nav{padding:10px 8px;position:sticky;top:24px}.pg-nav-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.pg-nav-item{color:var(--text-secondary);cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:all .14s;display:flex}.pg-nav-item:hover{background:var(--surface-1);color:var(--text-primary)}.pg-nav-item.on{background:var(--surface-2);color:var(--text-primary)}.pg-nav-item.on>span{font-weight:600}.pg-nav-item>span{letter-spacing:-.005em;flex:1}.pg-nav-item.danger{color:var(--text-tertiary)}.pg-nav-item.danger:hover{color:var(--accent-rose);background:#a4243b0f}.pg-nav-item.danger.on{color:var(--accent-rose);background:#a4243b1a}.pg-main{flex-direction:column;gap:14px;min-width:0;display:flex}.pg-card{padding:24px 28px}.pg-card-head{margin-bottom:18px}.pg-card-head h3{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 4px;font-size:17px;font-weight:600}.pg-card-head p{color:var(--text-tertiary);margin:0;font-size:12.5px}.pg-card-body{flex-direction:column;gap:18px;display:flex}.pg-field{flex-direction:column;gap:8px;display:flex}.pg-field-label{letter-spacing:.04em;color:var(--text-secondary);font-size:11px;font-weight:600}.pg-field-hint{color:var(--text-tertiary);margin-left:4px;font-weight:400}.pg-field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pg-input{background:var(--surface-1);border:1px solid var(--edge-soft);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-sans);letter-spacing:-.005em;border-radius:10px;outline:none;padding:11px 14px;transition:all .16s}.pg-input:hover{border-color:var(--edge-default)}.pg-input:focus{border-color:var(--accent-iris);background:var(--surface-2);box-shadow:0 0 0 3px #dd41241f}.pg-textarea{resize:vertical;min-height:80px}.pg-avatar-row{align-items:center;gap:18px;display:flex}.pg-avatar-big{width:72px;height:72px;color:var(--text);border:3px solid var(--surface-2);background:linear-gradient(135deg,#c77b3f,#a4243b);border-radius:50%;flex-shrink:0;place-items:center;font-size:28px;font-weight:600;display:grid;overflow:hidden;box-shadow:0 8px 24px -8px #a4243b66}.pg-avatar-big img{object-fit:cover;width:100%;height:100%}.pg-avatar-hint{color:var(--text-tertiary);margin:6px 0 0;font-size:11px}.pg-lv-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.pg-lv-tile{background:var(--surface-1);border:1px solid var(--edge-soft);cursor:pointer;transition:all .2s var(--ease-out-back);text-align:center;border-radius:12px;padding:14px;position:relative}.pg-lv-tile:hover{background:var(--surface-2);transform:translateY(-1px)}.pg-lv-letter{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--text-tertiary);font-size:22px;font-weight:700}.pg-lv-tile.on{background:linear-gradient(135deg,#dd41242e,#8b5a8c14);border-color:#dd412480;box-shadow:0 8px 24px -8px #dd412473}.pg-lv-tile.on .pg-lv-letter{color:#f4b89a}.pg-range-wrap{align-items:center;gap:14px;display:flex}.pg-range{background:var(--surface-2);appearance:none;border-radius:3px;outline:none;flex:1;height:6px}.pg-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-iris);border:3px solid var(--surface-3);cursor:pointer;width:18px;height:18px;box-shadow:0 0 10px var(--accent-iris);border-radius:50%}.pg-range::-moz-range-thumb{background:var(--accent-iris);border:3px solid var(--surface-3);cursor:pointer;border-radius:50%;width:18px;height:18px}.pg-range-val{text-align:right;min-width:70px;color:var(--accent-iris);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.pg-focus-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.pg-focus-tile{background:var(--surface-1);border:1px solid var(--edge-soft);cursor:pointer;font-family:var(--font-sans);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;transition:all .2s;display:flex;position:relative}.pg-focus-tile span:first-child{color:var(--text-secondary);font-size:22px;font-weight:600}.pg-focus-tile span:nth-child(2){color:var(--text-tertiary);letter-spacing:.04em;font-size:10.5px}.pg-focus-tile:hover{background:var(--surface-2)}.pg-focus-tile.on{background:linear-gradient(135deg,#6b8e3f24,#6b8e3f0a);border-color:#6b8e3f52}.pg-focus-tile.on span:first-child,.pg-focus-tile.on span:nth-child(2){color:var(--accent-emerald)}.focus-check{background:var(--accent-emerald);border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:6px;right:6px}.pg-radio-group{flex-direction:column;gap:6px;display:flex}.pg-radio{background:var(--surface-1);border:1px solid var(--edge-soft);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .16s;display:flex}.pg-radio:hover{background:var(--surface-2)}.pg-radio.on{background:#dd41240f;border-color:#dd41245c}.pg-radio-dot{border:2px solid var(--edge-strong);border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:2px;transition:all .16s;position:relative}.pg-radio.on .pg-radio-dot{border-color:var(--accent-iris);background:var(--accent-iris);box-shadow:inset 0 0 0 3px var(--bg-canvas), 0 0 8px var(--accent-iris)}.pg-radio-meta{flex:1}.pg-radio-title{color:var(--text-primary);letter-spacing:-.005em;font-size:13px;font-weight:500}.pg-radio-desc{color:var(--text-tertiary);margin-top:2px;font-size:11.5px;line-height:1.4}.pg-radio.on .pg-radio-title{color:var(--accent-iris);font-weight:600}.pg-toggle-row{border-bottom:1px solid var(--edge-soft);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:12px 4px;display:flex}.pg-toggle-row:last-child{border-bottom:none}.pg-toggle-label{color:var(--text-primary);letter-spacing:-.005em;font-size:13px;font-weight:500}.pg-toggle-sub{color:var(--text-tertiary);margin-top:2px;font-size:11.5px}.pg-toggle{background:var(--surface-3);border:1px solid var(--edge-default);width:38px;height:22px;transition:all .2s var(--ease-out-back);border-radius:12px;flex-shrink:0;position:relative}.pg-toggle.on{background:var(--accent-iris);border-color:var(--accent-iris);box-shadow:0 0 12px #dd412466}.pg-toggle-knob{width:16px;height:16px;transition:transform .2s var(--ease-out-back);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.pg-toggle.on .pg-toggle-knob{transform:translate(16px)}.pg-save-row{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.pg-sub-hero{padding:28px 32px;position:relative;overflow:hidden}.pg-sub-hero-bg{pointer-events:none;background:radial-gradient(circle at 100% 0,#dd412438,#0000 50%),radial-gradient(circle at 0 100%,#b873bd24,#0000 55%);position:absolute;inset:0}.pg-sub-hero-row{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex;position:relative}.pg-sub-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-iris);border-radius:var(--radius-full);background:#dd41241a;border:1px solid #dd412447;align-items:center;gap:5px;margin-bottom:12px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.pg-sub-title{letter-spacing:-.03em;color:#0000;background:linear-gradient(135deg,#fff,#f4b89a);-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:30px;font-weight:700}.pg-sub-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.pg-sub-price{text-align:right;white-space:nowrap}.pg-price-amount{color:var(--text-primary);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.pg-price-period{color:var(--text-tertiary);margin-left:4px;font-size:13px}.pg-sub-meta{background:var(--surface-1);border:1px solid var(--edge-soft);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px;padding:18px 22px;display:grid;position:relative}.pg-sub-meta>div{flex-direction:column;gap:4px;display:flex}.pg-sub-meta span{letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-size:10.5px;font-weight:700}.pg-sub-meta strong{color:var(--text-primary);font-size:14px;font-weight:600}.pg-sub-actions{flex-wrap:wrap;gap:10px;display:flex;position:relative}.danger-link{color:var(--accent-rose)!important}.danger-link:hover{background:#a4243b14!important}.invoice-list{margin:0;padding:0;list-style:none}.invoice-item{border-bottom:1px solid var(--edge-soft);grid-template-columns:minmax(0,1fr) 80px 110px 90px;align-items:center;gap:16px;padding:14px 4px;display:grid}.invoice-item:last-child{border-bottom:none}.inv-title{color:var(--text-primary);letter-spacing:-.005em;font-size:13px;font-weight:500}.inv-date{color:var(--text-tertiary);margin-top:2px;font-size:11px}.inv-status{color:var(--accent-emerald);letter-spacing:.06em;text-align:center;background:#6b8e3f24;border:1px solid #6b8e3f47;border-radius:5px;width:max-content;padding:3px 9px;font-size:10.5px;font-weight:700}.inv-amount{color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.inv-download{color:var(--accent-iris);text-align:right;font-size:11.5px;font-weight:500;text-decoration:none}.pg-data-row{flex-wrap:wrap;gap:10px;display:flex}.danger-row{border-bottom:1px solid var(--edge-soft);justify-content:space-between;align-items:center;gap:24px;padding:16px 4px;display:flex}.danger-row:last-child{border-bottom:none}.danger-row.strong{background:#a4243b0a;border:1px solid #a4243b52;border-radius:14px;margin-top:6px;padding:18px 20px}.danger-title{color:var(--text-primary);letter-spacing:-.005em;margin-bottom:4px;font-size:13.5px;font-weight:600}.danger-desc{color:var(--text-tertiary);max-width:480px;margin:0;font-size:12px;line-height:1.5}.danger-btn{color:var(--accent-rose)!important;background:#a4243b1a!important;border:1px solid #a4243b66!important}.danger-btn:hover{background:var(--accent-rose)!important;color:var(--text)!important}.pg-saved-toast{z-index:100;border-radius:var(--radius-full);background:var(--accent-emerald);color:#0e1116;animation:sheet-up .22s var(--ease-out-back);align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px -8px #6b8e3f80}.pg-error-toast{color:#fff;background:#c0392b;max-width:90vw;box-shadow:0 12px 32px -8px #c0392b80}.lt-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.lt-header-title-row{align-items:center;gap:14px;display:flex}.lt-title{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--text-primary);margin:0;font-size:36px;font-weight:600;line-height:1}.lt-title-jp{font-family:var(--font-serif-jp);color:#0000;filter:drop-shadow(0 6px 14px #dd41244d);background:linear-gradient(135deg,#f4b89a,#dd4124 50%,#b873bd);-webkit-background-clip:text;background-clip:text;margin-left:10px;font-size:32px;font-weight:600}.lv-badge{letter-spacing:-.005em;font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:6px;padding:5px 10px 5px 12px;font-size:13px;font-weight:700;display:inline-flex}.lv-badge.lv-n1{color:var(--n1);background:#8b5a8c29;border:1px solid #8b5a8c52}.lv-badge.lv-n2{color:#f4b89a;background:#dd412433;border:1px solid #dd41245c}.lv-badge.lv-n3{color:var(--n3);background:#6b8e3f29;border:1px solid #6b8e3f52}.lv-badge.lv-n4{color:var(--n4);background:#d4a04a29;border:1px solid #d4a04a52}.lv-badge.lv-n5{color:var(--n5);background:#c77b3f29;border:1px solid #c77b3f52}.lv-badge .lv-badge-kat{font-family:var(--font-sans-jp);background:#00000040;border:1px solid #ffffff1a;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.lt-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lt-riwayat-count{background:var(--surface-2);border:1px solid var(--edge-default);font-variant-numeric:tabular-nums;color:var(--text-tertiary);border-radius:5px;margin-left:4px;padding:1px 7px;font-size:10px;font-weight:700}.lt-setup-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.lt-setup-main{flex-direction:column;gap:20px;min-width:0;display:flex}.lt-setup-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:24px}.setup-section{padding:24px 26px}.section-head{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.section-num{background:var(--surface-2);border:1px solid var(--edge-default);width:30px;height:30px;color:var(--accent-iris);font-variant-numeric:tabular-nums;border-radius:9px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.section-title{letter-spacing:-.02em;color:var(--text-primary);margin:2px 0 4px;font-size:17px;font-weight:600}.section-desc{color:var(--text-tertiary);margin:0;font-size:12.5px;line-height:1.45}.level-picker{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.level-tile{background:var(--surface-1);border:1px solid var(--edge-soft);cursor:pointer;text-align:left;transition:all .2s var(--ease-out-back);border-radius:14px;flex-direction:column;gap:4px;padding:18px 14px;display:flex;position:relative}.level-tile:hover{background:var(--surface-2);border-color:var(--edge-default);transform:translateY(-1px)}.lvt-letter{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--text-tertiary);font-size:26px;font-weight:700;line-height:1}.lvt-desc{color:var(--text-tertiary);letter-spacing:.02em;font-size:11px;font-weight:500}.level-tile.on{background:linear-gradient(135deg,#dd41242e,#8b5a8c14);border-color:#dd412480;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #dd41242e,0 8px 24px -8px #dd412473}.lvt-n1.on{background:linear-gradient(135deg,#8b5a8c33,#8b5a8c0d);border-color:#8b5a8c80;box-shadow:0 8px 24px -8px #8b5a8c66}.lvt-n3.on{background:linear-gradient(135deg,#6b8e3f2e,#6b8e3f0d);border-color:#6b8e3f80;box-shadow:0 8px 24px -8px #6b8e3f66}.lvt-n4.on{background:linear-gradient(135deg,#d4a04a2e,#d4a04a0d);border-color:#d4a04a80;box-shadow:0 8px 24px -8px #d4a04a66}.lvt-n5.on{background:linear-gradient(135deg,#c77b3f2e,#c77b3f0d);border-color:#c77b3f80;box-shadow:0 8px 24px -8px #c77b3f66}.level-tile.on .lvt-letter{color:var(--text-primary)}.lvt-n1.on .lvt-letter{color:var(--n1)}.lvt-n2.on .lvt-letter{color:#f4b89a}.lvt-n3.on .lvt-letter{color:var(--n3)}.lvt-n4.on .lvt-letter{color:var(--n4)}.lvt-n5.on .lvt-letter{color:var(--n5)}.level-tile.on .lvt-desc{color:var(--text-secondary)}.level-tile.locked{cursor:not-allowed;opacity:.5}.level-tile.locked:hover{background:var(--surface-1);border-color:var(--edge-soft);transform:none}.lvt-soon{font-family:var(--font-sans);letter-spacing:.08em;color:var(--text-tertiary);background:var(--surface-3,#ffffff0f);border:1px solid var(--edge-soft);border-radius:6px;padding:2px 6px;font-size:8.5px;font-weight:800;position:absolute;top:9px;right:9px}.lvt-check{background:var(--accent-iris);width:18px;height:18px;box-shadow:0 0 10px var(--accent-iris);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.lvt-n1.on .lvt-check{background:var(--n1);box-shadow:0 0 10px var(--n1)}.lvt-n3.on .lvt-check{background:var(--n3);box-shadow:0 0 10px var(--n3)}.lvt-n4.on .lvt-check{background:var(--n4);box-shadow:0 0 10px var(--n4)}.lvt-n5.on .lvt-check{background:var(--n5);box-shadow:0 0 10px var(--n5)}.kat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.kat-tile{background:var(--surface-1);border:1px solid var(--edge-soft);cursor:pointer;text-align:left;transition:all .2s var(--ease-out-back);border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex;position:relative}.kat-tile:hover{background:var(--surface-2);border-color:var(--edge-default);transform:translateY(-1px)}.kt-icon{background:var(--surface-2);border:1px solid var(--edge-default);width:40px;height:40px;color:var(--text-tertiary);border-radius:11px;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.kat-tile.on .kt-icon{color:var(--text);border-color:#0000}.kt-iris.on .kt-icon{background:var(--accent-iris);box-shadow:0 4px 12px -2px #dd412466}.kt-emerald.on .kt-icon{background:var(--accent-emerald);box-shadow:0 4px 12px -2px #6b8e3f66}.kt-amber.on .kt-icon{background:var(--accent-amber);box-shadow:0 4px 12px -2px #d4a04a66}.kt-rose.on .kt-icon{background:var(--accent-rose);box-shadow:0 4px 12px -2px #a4243b66}.kt-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.kt-jp{font-family:var(--font-sans-jp);color:var(--text-primary);font-size:15px;font-weight:600}.kt-label{color:var(--text-tertiary);letter-spacing:.04em;font-size:11px;font-weight:600}.kt-desc{color:var(--text-secondary);margin-top:2px;font-size:11.5px}.kat-tile.on{background:var(--surface-2);border-color:var(--edge-strong)}.kt-iris.on{box-shadow:inset 0 0 0 1px #dd412452,0 8px 20px -8px #dd41244d}.kt-emerald.on{box-shadow:inset 0 0 0 1px #6b8e3f52,0 8px 20px -8px #6b8e3f4d}.kt-amber.on{box-shadow:inset 0 0 0 1px #d4a04a52,0 8px 20px -8px #d4a04a4d}.kt-rose.on{box-shadow:inset 0 0 0 1px #a4243b52,0 8px 20px -8px #a4243b4d}.kt-check{border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:12px;right:12px}.kt-iris.on .kt-check{background:var(--accent-iris);box-shadow:0 0 8px var(--accent-iris)}.kt-emerald.on .kt-check{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.kt-amber.on .kt-check{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}.kt-rose.on .kt-check{background:var(--accent-rose);box-shadow:0 0 8px var(--accent-rose)}.kat-mix-btn{border:1px dashed var(--edge-default);width:100%;color:var(--accent-iris);cursor:pointer;font-size:12.5px;font-weight:500;font-family:var(--font-sans);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:12px;transition:all .18s;display:inline-flex}.kat-mix-btn.on{border-style:solid;border-color:var(--accent-iris);background:#dd412414}.kat-mix-btn:hover{border-color:var(--accent-iris);background:#dd41240f}.opt-row{grid-template-columns:1fr 1px 1fr;align-items:start;gap:24px;display:grid}.opt-divider{background:var(--edge-soft);align-self:stretch;width:1px}.opt-block{flex-direction:column;gap:10px;display:flex}.opt-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-size:10.5px;font-weight:700}.count-stepper{gap:6px;display:flex}.step-chip{background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--text-secondary);cursor:pointer;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;font-family:var(--font-sans);border-radius:10px;flex:1;padding:10px;transition:all .16s}.step-chip:hover{background:var(--surface-2);color:var(--text-primary)}.step-chip.on{background:var(--accent-iris);border-color:var(--accent-iris);color:var(--text);box-shadow:0 4px 12px -2px #dd412466}.opt-est{color:var(--text-tertiary);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.opt-est strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.toggle-pair{background:var(--surface-1);border:1px solid var(--edge-soft);border-radius:12px;gap:0;padding:4px;display:flex}.toggle-pill{color:var(--text-tertiary);cursor:pointer;font-size:12.5px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;transition:all .16s;display:inline-flex}.toggle-pill.on{background:var(--surface-3);color:var(--accent-iris);box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff0f}.lt-start-cta{border-radius:var(--radius-lg);color:var(--text);font-family:var(--font-sans);cursor:pointer;transition:all .25s var(--ease-out-back);background:linear-gradient(135deg,#dd4124 0%,#a4243b 100%);border:1px solid #a4243b80;align-items:center;gap:12px;padding:18px 24px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 12px 32px -8px #a4243b8c,0 0 0 1px #a4243b2e}.lt-start-cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff59,0 20px 44px -8px #a4243bb3,0 0 0 4px #a4243b26}.lt-start-cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.cta-bg{pointer-events:none;background:radial-gradient(at 100% 0,#ffffff26,#0000 60%);position:absolute;inset:0}.cta-text{letter-spacing:-.01em}.cta-meta{border-radius:var(--radius-full);letter-spacing:.04em;font-variant-numeric:tabular-nums;background:#00000040;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:600}.lt-side-card{padding:18px 20px}.lt-side-head{letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.recent-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.recent-item{cursor:pointer;color:inherit;border-radius:10px;align-items:center;gap:10px;padding:10px;text-decoration:none;transition:background .14s;display:flex}.recent-item:hover{background:var(--surface-1)}.recent-meta{flex:1;min-width:0}.recent-title{color:var(--text-primary);letter-spacing:-.005em;align-items:center;gap:4px;font-size:12.5px;font-weight:500;display:flex}.recent-title .font-jp-sans{font-weight:600}.recent-sep{color:var(--text-tertiary);margin:0 2px}.recent-date{color:var(--text-tertiary);margin-top:1px;font-size:10.5px}.recent-score{font-variant-numeric:tabular-nums;letter-spacing:-.005em;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:700}.recent-score.rs-good{color:var(--accent-emerald);background:#6b8e3f24;border:1px solid #6b8e3f47}.recent-score.rs-mid{color:var(--accent-amber);background:#d4a04a24;border:1px solid #d4a04a47}.recent-score.rs-bad{color:var(--accent-rose);background:#a4243b24;border:1px solid #a4243b47}.sg-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-amber);margin-bottom:6px;font-size:10px;font-weight:700}.sg-title{color:var(--text-primary);letter-spacing:-.005em;margin:0 0 8px;font-size:13.5px;font-weight:600;line-height:1.4}.rose-text{color:var(--accent-rose)}.sg-desc{color:var(--text-secondary);margin:0 0 14px;font-size:12px;line-height:1.5}.sg-cta{background:var(--surface-2);width:100%;color:var(--accent-amber);cursor:pointer;letter-spacing:-.005em;font-size:12px;font-weight:600;font-family:var(--font-sans);border:1px solid #d4a04a4d;border-radius:10px;padding:10px}.sg-cta:hover{background:#d4a04a1a}.lt-quiz-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.lt-quiz-main{flex-direction:column;gap:18px;min-width:0;display:flex}.lt-quiz-side{flex-direction:column;gap:14px;display:flex;position:sticky;top:24px}.quiz-progress{border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--edge-soft);-webkit-backdrop-filter:blur(20px);align-items:center;gap:20px;padding:16px 20px;display:flex}.qp-info{flex:1;align-items:center;gap:16px;display:flex}.qp-counter{font-variant-numeric:tabular-nums;letter-spacing:-.01em;align-items:baseline;gap:2px;display:inline-flex}.qp-counter strong{color:var(--text-primary);font-size:22px;font-weight:600}.qp-total{color:var(--text-tertiary);margin-left:2px;font-size:14px}.qp-bar{background:var(--surface-2);border-radius:4px;flex:1;height:6px;position:relative;overflow:hidden}.qp-fill{background:linear-gradient(90deg, var(--accent-iris), #f4b89a);height:100%;transition:width .4s var(--ease-out-back);border-radius:4px;box-shadow:0 0 10px #dd412480}.qp-timer{background:var(--surface-2);border:1px solid var(--edge-default);border-radius:10px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.qp-time-val{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:16px;font-weight:600}.qp-time-tag{letter-spacing:.14em;color:var(--text-tertiary);font-size:9px;font-weight:700}.quiz-card{padding:28px 32px}.quiz-meta-row{align-items:center;gap:8px;margin-bottom:24px;display:flex}.quiz-kat{background:var(--surface-2);border:1px solid var(--edge-default);color:var(--text-secondary);border-radius:5px;padding:2px 8px;font-size:12px;font-weight:600}.quiz-num-tag{letter-spacing:.08em;color:var(--text-tertiary);margin-left:auto;font-size:11px;font-weight:700}.quiz-prompt{font-family:var(--font-sans-jp);color:var(--text-primary);margin:0 0 24px;font-size:22px;font-weight:500;line-height:1.8}.quiz-blank{text-align:center;border-bottom:2px dashed var(--accent-iris);min-width:70px;color:var(--text-tertiary);margin:0 4px;padding:0 12px;font-weight:400;display:inline-block}.quiz-options{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.quiz-opt{background:var(--surface-1);border:1.5px solid var(--edge-soft);cursor:pointer;text-align:left;transition:all .22s var(--ease-out-back);font-family:var(--font-sans);border-radius:14px;align-items:center;gap:14px;padding:14px 18px;display:flex}.quiz-opt:hover:not(.correct):not(.wrong):not(.picked){background:var(--surface-2);border-color:#dd412452;transform:translateY(-1px)}.quiz-opt.picked{border-color:var(--accent-iris);background:#dd41241a}.quiz-opt.correct{border-color:var(--accent-emerald);background:#6b8e3f1a;box-shadow:0 0 0 1px #6b8e3f33,0 8px 24px -8px #6b8e3f4d}.quiz-opt.wrong{border-color:var(--accent-rose);background:#a4243b1a}.qo-key{background:var(--surface-2);border:1px solid var(--edge-default);width:32px;height:32px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.quiz-opt.correct .qo-key{background:var(--accent-emerald);border-color:var(--accent-emerald);color:#0e1116}.quiz-opt.wrong .qo-key{background:var(--accent-rose);border-color:var(--accent-rose);color:#0e1116}.quiz-opt.picked .qo-key{background:var(--accent-iris);border-color:var(--accent-iris);color:var(--text)}.qo-text{color:var(--text-primary);letter-spacing:0;flex:1;font-size:18px;font-weight:600}.quiz-explain{animation:slide-in .28s var(--ease-out-back);background:#6b8e3f0d;border:1px solid #6b8e3f38;border-radius:14px;padding:18px 20px;position:relative}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qe-head{margin-bottom:8px}.qe-badge{border-radius:var(--radius-full);letter-spacing:.14em;color:var(--accent-emerald);background:#6b8e3f24;border:1px solid #6b8e3f47;align-items:center;gap:6px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.qe-body{color:var(--text-secondary);margin:0 0 8px;font-size:13.5px;line-height:1.7}.qe-body strong{color:var(--text-primary);font-weight:600}.qe-body em{color:var(--accent-emerald);font-style:italic;font-weight:500}.qe-link{color:var(--accent-iris);font-size:12px;font-weight:500;text-decoration:none}.quiz-nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.quiz-nav-center{flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.quiz-flag{border-radius:var(--radius-full);border:1px solid var(--edge-default);color:var(--text-tertiary);cursor:pointer;font-size:11.5px;font-family:var(--font-sans);background:0 0;align-items:center;gap:6px;padding:6px 12px;transition:all .16s;display:inline-flex}.quiz-flag:hover{color:var(--accent-amber);border-color:#d4a04a80}.quiz-flag.on{color:var(--accent-amber);background:#d4a04a1a;border-color:#d4a04a99}.quiz-jump-hint{color:var(--text-muted);font-size:11px}.quiz-jump-hint kbd{font-family:var(--font-sans);background:var(--surface-2);border:1px solid var(--edge-default);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.quiz-side-card{padding:18px 20px}.qside-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.qside-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);font-size:11.5px;font-weight:700}.qside-meta{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:13px}.qsm-good{color:var(--accent-emerald);font-weight:700}.qsm-sep{color:var(--text-tertiary);margin:0 4px}.qside-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px;display:grid}.qside-cell{aspect-ratio:1;background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--text-tertiary);font-variant-numeric:tabular-nums;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);border-radius:8px;transition:all .16s}.qside-cell:hover{background:var(--surface-2);color:var(--text-primary)}.qside-cell.done{color:var(--accent-emerald);background:#6b8e3f1f;border-color:#6b8e3f4d}.qside-cell.on{background:var(--accent-iris);border-color:var(--accent-iris);color:var(--text);box-shadow:0 0 0 2px var(--bg-canvas), 0 0 0 3px var(--accent-iris), 0 4px 12px -2px #dd412480}.qside-cell.flagged{box-shadow:0 0 0 1.5px var(--accent-amber)}.qside-legend{color:var(--text-tertiary);border-top:1px solid var(--edge-soft);flex-wrap:wrap;justify-content:space-between;gap:6px;padding-top:12px;font-size:10px;display:flex}.qside-legend>span{align-items:center;gap:4px;display:inline-flex}.lg-dot{border-radius:3px;width:8px;height:8px}.lg-dot.lg-on{background:var(--accent-iris)}.lg-dot.lg-done{background:#6b8e3f99}.lg-dot.lg-todo{background:var(--surface-2);border:1px solid var(--edge-default)}.quiz-tip-card{padding:18px 20px}.quiz-tip-body{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.6}.quiz-tip-body strong{color:var(--text-primary);font-weight:600}.quiz-tip-body em{color:var(--accent-amber);font-style:italic;font-weight:500}.drawer-overlay{-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;z-index:50;background:#0e111699;transition:opacity .24s;position:fixed;inset:0}.drawer-overlay.on{opacity:1;pointer-events:auto}.drawer{-webkit-backdrop-filter:blur(28px);border-left:1px solid var(--border-strong);width:420px;max-width:92vw;height:100vh;transition:transform .32s var(--ease-out-expo);z-index:60;background:#181c24f5;flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-24px 0 64px -8px #000000b3}.drawer.on{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--edge-soft);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-title{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.drawer-close{background:var(--surface-1);border:1px solid var(--edge-soft);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;place-items:center;display:grid}.drawer-close:hover{background:var(--surface-2);color:var(--text-primary)}.drawer-body{flex:1;padding:16px 20px;overflow-y:auto}.drawer-sub{color:var(--text-tertiary);margin:0 0 12px;font-size:11.5px}.drawer-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.drawer-item{cursor:pointer;color:inherit;border-radius:10px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:background .14s;display:flex}.drawer-item:hover{background:var(--surface-1)}.drawer-meta{flex:1;min-width:0}.drawer-item-title{color:var(--text-primary);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.drawer-item-title .font-jp-sans{font-weight:600}.drawer-item-sub{color:var(--text-tertiary);margin-top:2px;font-size:10.5px}.drawer-score{font-variant-numeric:tabular-nums;letter-spacing:-.005em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.drawer-score.ds-good{color:var(--accent-emerald);background:#6b8e3f24;border:1px solid #6b8e3f47}.drawer-score.ds-mid{color:var(--accent-amber);background:#d4a04a24;border:1px solid #d4a04a47}.drawer-score.ds-bad{color:var(--accent-rose);background:#a4243b24;border:1px solid #a4243b47}.lt-gen-overlay{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;display:flex}.lt-gen-spinner{border:3px solid var(--surface-2);border-top-color:var(--accent-iris);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite lt-spin}@keyframes lt-spin{to{transform:rotate(360deg)}}.lt-gen-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.lt-gen-sub{color:var(--text-tertiary);margin:0;font-size:12.5px}.kk-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:20px;display:flex}.kk-title{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--text-primary);margin:0 0 10px;font-size:40px;font-weight:600;line-height:1}.kk-title-jp{font-family:var(--font-serif-jp);color:#0000;filter:drop-shadow(0 6px 14px #dd41244d);background:linear-gradient(135deg,#f4b89a,#dd4124 50%,#b873bd);-webkit-background-clip:text;background-clip:text;margin-left:14px;font-size:36px;font-weight:600}.kk-sub{color:var(--text-secondary);max-width:540px;margin:0;font-size:13.5px;line-height:1.55}.kk-header-right{align-items:center;gap:10px;display:flex}.kk-count-pill{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--edge-default);font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;padding:8px 16px;display:inline-flex}.kk-count-num{color:var(--accent-iris);letter-spacing:-.02em;font-size:22px;font-weight:700}.kk-count-label{letter-spacing:.14em;color:var(--text-tertiary);font-size:10.5px;font-weight:700}.kk-furi-chip{border-radius:var(--radius-md);color:var(--accent-amber);letter-spacing:.1em;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-sans);background:#d4a04a1f;border:1px solid #d4a04a4d;align-items:center;gap:6px;padding:8px 14px;transition:all .16s;display:inline-flex}.kk-furi-chip:hover{background:#d4a04a2e}.kk-furi-chip:disabled{opacity:.6;cursor:not-allowed}.kk-furi-count{background:var(--accent-amber);color:#0e1116;letter-spacing:0;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700}.kk-toolbar{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;display:grid}.tb-btn{border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all .22s var(--ease-out-back);font-family:var(--font-sans);border:1px solid;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.tb-btn>span:not(.tb-meta){letter-spacing:.04em;align-items:center;gap:8px;font-size:16px;font-weight:700;display:inline-flex}.tb-btn .tb-meta{letter-spacing:-.005em;opacity:.8;font-size:11.5px;font-weight:500}.tb-btn:hover{transform:translateY(-2px)}.tb-btn.tb-flash{color:var(--text);background:linear-gradient(135deg,#dd4124 0%,#a4243b 100%);border-color:#a4243b80;box-shadow:inset 0 1px #ffffff4d,0 8px 28px -8px #a4243b8c,0 0 0 1px #a4243b33}.tb-btn.tb-flash:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#fff3,#0000 70%);border-radius:50%;width:60%;position:absolute;top:-50%;right:-20%}.tb-btn.tb-flash .tb-meta{color:#ffffffd9}.tb-btn.tb-flash:hover{box-shadow:inset 0 1px #fff6,0 14px 36px -8px #a4243bb3,0 0 0 4px #a4243b2e}.tb-btn.tb-import{color:#e07b4a;background:#e07b4a0f;border-color:#e07b4a52}.tb-btn.tb-import:hover{background:#e07b4a1f;border-color:#e07b4a80}.tb-btn.tb-import .tb-meta{color:#e07b4ab3}.tb-btn.tb-tambah{color:#5ea87a;background:#5ea87a0f;border-color:#5ea87a52}.tb-btn.tb-tambah:hover{background:#5ea87a1f;border-color:#5ea87a80}.tb-btn.tb-tambah .tb-meta{color:#5ea87ab3}.kk-workspace{grid-template-columns:220px minmax(0,1fr) 380px;align-items:start;gap:18px;display:grid}.kk-filter-rail{max-height:calc(100vh - 48px);padding:14px 12px;position:sticky;top:24px;overflow-y:auto}.rail-section{flex-direction:column;gap:4px;display:flex}.rail-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:6px;padding:4px 8px 8px;font-size:10px;font-weight:700;display:flex}.rail-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.rail-item{cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;transition:all .14s;display:flex;position:relative}.rail-item:hover{background:var(--surface-1);color:var(--text-primary)}.rail-item.on{background:var(--surface-2);color:var(--text-primary)}.rail-item.on:before{content:"";background:var(--accent-iris);border-radius:2px;width:3px;height:16px;position:absolute;top:50%;left:-12px;transform:translateY(-50%);box-shadow:0 0 10px}.rail-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.rail-item-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.rail-badge{letter-spacing:.06em;background:var(--accent-emerald);color:#0e1116;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700;position:absolute;top:-2px;right:8px}.rail-divider{background:var(--edge-soft);height:1px;margin:16px 4px}.rail-level-grid{grid-template-columns:1fr 1fr;gap:6px;padding:0 4px;display:grid}.level-chip{background:var(--surface-1);border:1px solid var(--edge-soft);cursor:pointer;text-align:left;font-family:var(--font-sans);border-radius:8px;flex-direction:column;padding:8px 10px;transition:all .16s;display:flex}.level-chip:hover{background:var(--surface-2)}.level-chip.on{background:var(--surface-2);border-color:#dd412452;box-shadow:0 0 0 1px #dd41242e}.lc-label{letter-spacing:-.005em;font-size:12px;font-weight:700}.lc-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-top:2px;font-size:10.5px}.lc-iris .lc-label{color:var(--accent-iris)}.lc-n1 .lc-label{color:var(--n1)}.lc-n2 .lc-label{color:var(--n2)}.lc-n3 .lc-label{color:var(--n3)}.lc-n4 .lc-label{color:var(--n4)}.lc-n5 .lc-label{color:var(--n5)}.kk-list-section{flex-direction:column;max-height:calc(100vh - 48px);padding:14px 16px;display:flex;position:sticky;top:24px}.list-head{border-bottom:1px solid var(--edge-soft);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:12px;display:flex}.list-search{background:var(--surface-1);border:1px solid var(--edge-soft);border-radius:10px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.list-search input{color:var(--text-primary);font-size:12.5px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.list-search input::placeholder{color:var(--text-tertiary)}.list-sort{align-items:center;gap:4px;display:flex}.sort-label{color:var(--text-tertiary);padding-right:4px;font-size:11px}.sort-chip{border-radius:var(--radius-full);border:1px solid var(--edge-soft);color:var(--text-secondary);cursor:pointer;font-size:11px;font-family:var(--font-sans);background:0 0;padding:6px 10px;transition:all .14s}.sort-chip:hover{background:var(--surface-1);color:var(--text-primary)}.sort-chip.on{background:var(--surface-2);color:var(--accent-iris);border-color:#dd412452}.word-table-head{letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--edge-soft);grid-template-columns:1.2fr 1fr 2fr 1.4fr;gap:12px;margin-bottom:4px;padding:8px 12px;font-size:9.5px;font-weight:700;display:grid}.word-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.word-row{cursor:pointer;border:1px solid #0000;border-radius:10px;grid-template-columns:1.2fr 1fr 2fr 1.4fr;align-items:center;gap:12px;margin:2px 0;padding:10px 12px;transition:all .14s;display:grid}.word-row:hover{background:var(--surface-1)}.word-row.on{background:var(--surface-2);border-color:#dd412452;box-shadow:0 0 0 1px #dd41241f,0 4px 14px -4px #dd412440}.word-kanji{font-family:var(--font-sans-jp);color:var(--text-primary);font-size:18px;font-weight:600}.word-row.on .word-kanji{color:#f4b89a}.word-reading{font-family:var(--font-sans-jp);color:var(--text-tertiary);letter-spacing:.03em;font-size:12px}.word-meaning{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.word-row.on .word-meaning{color:var(--text-primary)}.word-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.score-dots{gap:3px;display:inline-flex}.score-dots .sd{background:var(--surface-2);border:1px solid var(--edge-default);border-radius:50%;width:6px;height:6px}.score-dots .sd.on{background:var(--accent-emerald);border-color:var(--accent-emerald);box-shadow:0 0 4px}.kk-detail{flex-direction:column;gap:14px;max-height:calc(100vh - 48px);padding-right:4px;display:flex;position:sticky;top:24px;overflow-y:auto}.kk-detail>*{flex-shrink:0}.detail-hero{text-align:center;padding:28px 26px 22px;position:relative;overflow:hidden}.detail-hero-bg{pointer-events:none;background:radial-gradient(at top,#dd412438,#0000 50%),radial-gradient(circle at 100% 100%,#b873bd24,#0000 55%);position:absolute;inset:0}.detail-hero-actions{gap:6px;display:flex;position:absolute;top:14px;left:14px}.dh-icon-btn{background:var(--surface-1);border:1px solid var(--edge-soft);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;border-radius:8px;place-items:center;transition:all .16s;display:grid}.dh-icon-btn:hover{background:var(--surface-2);color:var(--text-primary)}.dh-icon-btn.danger:hover{color:var(--accent-rose);border-color:#a4243b66}.dh-icon-btn:disabled{opacity:.4;cursor:not-allowed}.dh-icon-btn.fav.on{color:var(--accent-amber);background:#d4a04a1f;border-color:#d4a04a73;box-shadow:0 0 16px -4px #d4a04a66}.dh-icon-btn.fav:hover{color:var(--accent-amber)}.kk-row-fav{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .14s;display:inline-flex}.kk-row-fav:hover{color:var(--accent-amber);background:#d4a04a14}.kk-row-fav.on{color:var(--accent-amber)}.kk-row-fav.on:hover{background:#d4a04a29}.kk-row-delete{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .14s;display:inline-flex}.kk-row-delete:hover{color:var(--accent-rose);background:#a4243b1a}.kk-fav-chip{align-items:center;gap:6px;display:inline-flex}.kk-fav-chip.on{color:var(--accent-amber);background:#d4a04a1a;border-color:#d4a04a73;box-shadow:inset 0 0 0 1px #d4a04a2e}.detail-level{letter-spacing:.08em;font-variant-numeric:tabular-nums;z-index:1;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:14px;right:14px}.detail-level.lv-n1{color:var(--n1);background:#8b5a8c2e;border:1px solid #8b5a8c52}.detail-level.lv-n2{color:#f4b89a;background:#dd412438;border:1px solid #dd412461}.detail-level.lv-n3{color:var(--n3);background:#6b8e3f33;border:1px solid #6b8e3f52}.detail-level.lv-n4{color:var(--n4);background:#d4a04a33;border:1px solid #d4a04a52}.detail-level.lv-n5{color:var(--n5);background:#c77b3f33;border:1px solid #c77b3f52}.detail-reading{font-family:var(--font-sans-jp);color:var(--text-tertiary);letter-spacing:.06em;margin-top:4px;margin-bottom:12px;font-size:14px;position:relative}.detail-kanji{font-family:var(--font-serif-jp);color:#0000;filter:drop-shadow(0 12px 28px #dd412466);letter-spacing:0;word-break:keep-all;overflow-wrap:normal;background:linear-gradient(150deg,#fff 10%,#f4b89a 50%,#dd4124 95%);-webkit-background-clip:text;background-clip:text;max-width:100%;margin:0 0 18px;padding:0 8px;font-size:clamp(42px,4vw,60px);font-weight:600;line-height:1.05;position:relative}.detail-meaning{color:var(--text-primary);margin:0 0 18px;font-size:15px;font-weight:500;line-height:1.5;position:relative}.detail-meta{border-top:1px solid var(--edge-soft);flex-wrap:wrap;justify-content:center;gap:6px;padding-top:14px;display:flex;position:relative}.dm-item{border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--text-secondary);align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:inline-flex}.detail-example{padding:16px 18px}.dx-head{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-iris);align-items:center;gap:6px;margin-bottom:12px;font-size:10.5px;font-weight:700;display:flex}.dx-jp{color:var(--text-primary);border-left:2px solid var(--accent-iris);background:#dd41240f;border-radius:0 8px 8px 0;margin:0 0 8px;padding:12px 14px;font-size:15px;line-height:1.7}.dx-hl{color:var(--accent-iris);font-weight:600}.dx-en{color:var(--text-tertiary);margin:0;font-size:12.5px;font-style:italic;line-height:1.5}.detail-quiz{padding:18px 20px}.dq-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dq-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-amber);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.dq-skip{color:var(--text-tertiary);cursor:pointer;font-size:11px;font-family:var(--font-sans);background:0 0;border:none}.dq-skip:hover{color:var(--accent-iris)}.dq-prompt{color:var(--text-secondary);margin-bottom:12px;font-size:13.5px;line-height:1.5}.dq-kanji{color:var(--text-primary);vertical-align:-2px;margin:0 4px;font-size:22px;font-weight:600}.dq-options{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dq-opt{background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;transition:all .18s;display:flex}.dq-opt:hover{background:var(--surface-2);border-color:#dd412447}.dq-opt.correct{background:#6b8e3f14;border-color:#6b8e3f52}.dq-opt.wrong{background:#a4243b14;border-color:#a4243b52}.dq-bullet{background:var(--surface-2);border:1px solid var(--edge-default);width:22px;height:22px;color:var(--text-secondary);border-radius:6px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.dq-opt.correct .dq-bullet{background:var(--accent-emerald);border-color:var(--accent-emerald);color:#0e1116}.dq-opt.wrong .dq-bullet{background:var(--accent-rose);border-color:var(--accent-rose);color:#0e1116}.flash-mask{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(120%);background:#0e1116db;justify-content:center;align-items:center;padding:24px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.flash-picker{border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:88vh;animation:modal-pop .28s var(--ease-out-back);background:#181c24fa;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 40px 80px -16px #000000b3,0 0 0 1px #dd41241a}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fp-head{border-bottom:1px solid var(--edge-soft);flex-shrink:0;align-items:flex-start;gap:14px;padding:20px 22px 16px;display:flex}.fp-head-icon{background:#dd41241f;border:1px solid #dd412452;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.fp-head-text{flex:1;min-width:0}.fp-head-text h2{color:var(--text-primary);letter-spacing:-.015em;margin:0 0 3px;font-size:16px;font-weight:600}.fp-head-text p{color:var(--text-tertiary);margin:0;font-size:11.5px}.fp-list{flex-direction:column;gap:6px;padding:12px;display:flex;overflow-y:auto}.fp-card{background:var(--surface-1);border:1px solid var(--edge-soft);text-align:left;cursor:pointer;transition:all .18s var(--ease-out-back);font-family:var(--font-sans);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex}.fp-card:hover{background:var(--surface-2);border-color:var(--edge-default);transform:translateY(-1px)}.fp-num{background:var(--surface-2);border:1px solid var(--edge-default);width:38px;height:38px;color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:10px;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid}.fp-num-iris{color:var(--accent-iris);background:#dd412429;border-color:#dd412452}.fp-num-purple{color:var(--n1);background:#8b5a8c29;border-color:#8b5a8c52}.fp-num-emerald{color:var(--accent-emerald);background:#6b8e3f29;border-color:#6b8e3f52}.fp-num-amber{color:var(--accent-amber);background:#d4a04a29;border-color:#d4a04a52}.fp-num-rose{color:var(--accent-rose);background:#a4243b29;border-color:#a4243b52}.fp-card-body{flex:1;min-width:0}.fp-card-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.fp-card-head strong{color:var(--text-primary);letter-spacing:-.005em;font-size:14px;font-weight:600}.fp-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.fp-badge{letter-spacing:.06em;background:var(--accent-emerald);color:#0e1116;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:8.5px;font-weight:700}.fp-card-desc{color:var(--text-tertiary);margin:0;font-size:11.5px}.fp-preview-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.fp-prev-chip{font-family:var(--font-sans-jp);background:var(--surface-2);border:1px solid var(--edge-default);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;max-width:90px;padding:2px 8px;font-size:12px;font-weight:500;overflow:hidden}.fp-prev-iris{color:var(--accent-iris);background:#dd412414;border-color:#dd412438}.fp-prev-purple{color:var(--n1);background:#8b5a8c14;border-color:#8b5a8c38}.fp-prev-emerald{color:var(--accent-emerald);background:#6b8e3f14;border-color:#6b8e3f38}.fp-prev-amber{color:var(--accent-amber);background:#d4a04a14;border-color:#d4a04a38}.fp-prev-rose{color:var(--accent-rose);background:#a4243b14;border-color:#a4243b38}.fp-prev-more{color:var(--text-tertiary);padding:2px 4px;font-size:11px}.fp-card-all{background:linear-gradient(135deg, #dd412414, var(--surface-1));border-color:#dd41243d}.fp-card-all .fp-num{background:#dd41242e;border-color:#dd412466}.flash-card-mask{background:radial-gradient(60% 40% at 50% 30%,#dd41241f,#0000 60%),radial-gradient(50% 30% at 50% 80%,#8b5a8c14,#0000 60%),#0e1116f0;flex-direction:column;justify-content:stretch;gap:18px;padding:28px 32px}.flash-topbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.flash-chip{border-radius:var(--radius-full);color:var(--accent-iris);letter-spacing:.1em;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-sans);background:#dd41241a;border:1px solid #dd412452;align-items:center;gap:6px;padding:6px 12px;transition:all .16s;display:inline-flex}.flash-chip:hover{background:#dd41242e}.flash-chip.on{color:var(--accent-amber);background:#d4a04a29;border-color:#d4a04a66}.flash-counter{color:var(--text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:13px;font-weight:500}.fc-sep{color:var(--text-muted);margin:0 2px}.flash-top-actions{align-items:center;gap:8px;display:flex}.flash-close{background:var(--surface-1);border:1px solid var(--edge-default);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;place-items:center;transition:all .16s;display:grid}.flash-close:hover{background:var(--surface-2);color:var(--text-primary)}.flash-stage{perspective:1600px;flex:1;place-items:center;min-height:0;display:grid}.flash-card{width:min(720px,90vw);height:min(440px,60vh);transform-style:preserve-3d;transition:transform .58s var(--ease-out-back);cursor:pointer;position:relative}.flash-card.flipped{transform:rotateY(180deg)}.fc-side{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(28px);border:1px solid var(--border-strong);backface-visibility:hidden;background:linear-gradient(135deg,#181c24f0,#1c1834f0);flex-direction:column;justify-content:center;align-items:center;padding:32px 40px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 32px 64px -16px #000000b3,0 0 0 1px #dd41241f}.fc-back{transform:rotateY(180deg)}.fc-bg{pointer-events:none;background:radial-gradient(circle at 30% 20%,#dd41242e,#0000 55%),radial-gradient(circle at 70% 80%,#8b5a8c24,#0000 55%);position:absolute;inset:0}.fc-back-bg{pointer-events:none;background:radial-gradient(circle at 50% 0,#6b8e3f1f,#0000 60%),radial-gradient(circle at 50% 100%,#dd41241a,#0000 60%);position:absolute;inset:0}.fc-level{letter-spacing:.08em;font-variant-numeric:tabular-nums;z-index:2;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:18px;right:22px}.fc-level.lv-n1{color:var(--n1);background:#8b5a8c2e;border:1px solid #8b5a8c52}.fc-level.lv-n2{color:#f4b89a;background:#dd412438;border:1px solid #dd412461}.fc-level.lv-n3{color:var(--n3);background:#6b8e3f33;border:1px solid #6b8e3f52}.fc-level.lv-n4{color:var(--n4);background:#d4a04a33;border:1px solid #d4a04a52}.fc-level.lv-n5{color:var(--n5);background:#c77b3f33;border:1px solid #c77b3f52}.fc-kanji{font-family:var(--font-serif-jp);color:#0000;filter:drop-shadow(0 24px 48px #dd412473);letter-spacing:0;-webkit-user-select:none;user-select:none;background:linear-gradient(150deg,#fff 10%,#f4b89a 50%,#b873bd 95%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(110px,14vw,180px);font-weight:600;line-height:1;position:relative}.fc-kanji-back{filter:drop-shadow(0 16px 32px #dd412459);margin:6px 0;font-size:clamp(60px,8vw,96px)}.fc-hint{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600;position:absolute;bottom:22px}.fc-reading{font-family:var(--font-sans-jp);color:var(--accent-iris);letter-spacing:.04em;margin-bottom:8px;font-size:24px;font-weight:500;position:relative}.fc-meaning{font-family:var(--font-sans);color:var(--text-primary);text-align:center;letter-spacing:-.015em;max-width:480px;margin:12px 0 16px;font-size:20px;font-weight:600;position:relative}.fc-example{border-left:2px solid var(--accent-iris);color:var(--text-secondary);text-align:left;background:#dd41240f;border-radius:0 12px 12px 0;max-width:540px;margin-top:8px;padding:12px 20px;font-size:15px;line-height:1.7;position:relative}.fc-example-tr{font-family:var(--font-sans);color:var(--text-tertiary);margin-top:4px;font-size:12px;font-style:italic;display:block}.flash-controls{flex-shrink:0;grid-template-columns:48px 1fr 48px;align-items:center;gap:16px;display:grid}.flash-arrow{background:var(--surface-1);border:1px solid var(--edge-default);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;border-radius:50%;place-items:center;transition:all .2s;display:grid}.flash-arrow:hover:not(:disabled){background:var(--accent-iris);border-color:var(--accent-iris);color:var(--text);transform:scale(1.05)}.flash-arrow:disabled{opacity:.35;cursor:not-allowed}.flash-center{flex-direction:column;align-items:center;gap:12px;display:flex}.flash-dots{align-items:center;gap:6px;display:flex}.flash-dot{background:var(--surface-2);border:1px solid var(--edge-default);cursor:pointer;width:8px;height:8px;transition:all .2s var(--ease-out-back);border-radius:50%}.flash-dot:hover{transform:scale(1.3)}.flash-dot.done{background:#dd412466;border-color:#0000}.flash-dot.on{background:var(--accent-iris);border-color:var(--accent-iris);box-shadow:0 0 12px var(--accent-iris);transform:scale(1.5)}.dot-spill{color:var(--text-muted);padding:0 2px;font-size:10px}.flash-flip-cta{border-radius:var(--radius-full);color:var(--accent-iris);font-family:var(--font-sans);letter-spacing:.14em;cursor:pointer;background:#dd41241a;border:1px solid #dd412452;min-width:200px;padding:12px 32px;font-size:12px;font-weight:700;transition:all .18s}.flash-flip-cta:hover{background:#dd41242e;border-color:#dd412480}.flash-hint-row{color:var(--text-muted);flex-shrink:0;justify-content:center;gap:18px;padding-top:4px;font-size:10.5px;display:flex}.flash-hint-row>span{align-items:center;gap:5px;display:inline-flex}.flash-hint-row kbd{font-family:var(--font-sans);background:var(--surface-2);border:1px solid var(--edge-default);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:600}.kk-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:90;background:#0e1116b3;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.kk-modal{border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:480px;animation:modal-pop .28s var(--ease-out-back);background:#181c24fa;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 40px 80px -16px #000000b3}.kk-modal-head{border-bottom:1px solid var(--edge-soft);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.kk-modal-head h2{color:var(--text-primary);letter-spacing:-.015em;margin:0;font-size:16px;font-weight:600}.kk-modal-body{flex-direction:column;gap:14px;padding:20px 22px;display:flex}.kk-modal-foot{border-top:1px solid var(--edge-soft);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.af-topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.af-title-block{flex:1;min-width:0}.af-title{font-family:var(--font-sans);letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;margin:0 0 14px;font-size:26px;font-weight:600;line-height:1.15;overflow:hidden}.af-title-jp{color:var(--text-primary)}.af-title-meta{color:var(--text-secondary);margin-left:12px;font-size:14px;font-weight:500}.af-meta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.meta-chip{border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--text-secondary);align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:inline-flex}.meta-chip .meta-num{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.meta-chip-btn{cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s,background .15s}.meta-chip-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--edge-strong,var(--edge-soft));background:var(--surface-2,var(--surface-1))}.meta-chip-btn:disabled{opacity:.6;cursor:default}.meta-chip .meta-dot{border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.meta-chip.status-saved{color:var(--accent-emerald);background:#6b8e3f14;border-color:#6b8e3f38}.meta-link{color:var(--accent-emerald);margin-left:4px;font-weight:500;text-decoration:none}.af-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.af-timer{z-index:60;-webkit-backdrop-filter:blur(10px);border:1px solid var(--edge-soft);font-variant-numeric:tabular-nums;color:var(--text-secondary);opacity:.55;background:#1a16208c;border-radius:10px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;transition:opacity .2s;display:inline-flex;position:fixed;bottom:24px;right:24px}.af-timer:hover{opacity:1}.af-timer .af-timer-val{font-size:12px;font-weight:500}.af-timer .af-timer-status{padding:1px 4px;font-size:8.5px}@media (max-width:768px){.af-timer{opacity:.4;gap:4px;padding:3px 7px;font-size:10px;bottom:84px;left:12px;right:auto}.af-timer .af-timer-val{font-size:11px}.af-timer .af-timer-status{padding:0 3px;font-size:8px}.af-timer:hover,.af-timer:active{opacity:1}.af-timer>svg{display:none}}.af-timer-val{font-size:18px;font-weight:600}.af-timer-status{letter-spacing:.12em;color:var(--accent-emerald);background:#6b8e3f2e;border:1px solid #6b8e3f52;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.af-timer-status.off{color:var(--text-tertiary);background:#4a5a7a2e;border-color:#4a5a7a52}.qc-v2{animation:4.2s ease-in-out infinite qc-card-glow;border-color:#dd412452!important;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #dd412438,0 0 36px -4px #dd412466,0 0 72px -16px #dd412447,0 10px 30px -10px #00000080!important}@keyframes qc-card-glow{0%,to{box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #dd412438,0 0 32px -4px #dd412459,0 0 60px -16px #dd412438,0 10px 30px -10px #00000080}50%{box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #dd412452,0 0 44px -2px #dd412480,0 0 80px -12px #dd412452,0 10px 30px -10px #00000080}}.af-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:28px;display:grid}.af-main{flex-direction:column;gap:24px;min-width:0;display:flex}.af-side{flex-direction:column;gap:14px;height:calc(100vh - 92px);min-height:580px;display:flex;position:sticky;top:24px}.af-filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.af-filter-chip{border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);padding:6px 14px;transition:all .16s}.af-filter-chip:hover{background:var(--surface-2);color:var(--text-primary)}.af-filter-chip.on{background:var(--surface-2);color:var(--accent-iris);border-color:#dd412466}.af-filter-chip.review{color:var(--accent-amber);border-color:#d4a04a52;margin-left:auto}.af-filter-chip.review.on{background:#d4a04a29;border-color:#d4a04a80}.qc-v2{padding:0;position:relative;overflow:hidden}.qc-v2-head{border-bottom:1px solid var(--edge-soft);background:var(--surface-1);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 20px;display:flex}.qc-v2-num{background:linear-gradient(135deg, var(--accent-iris), #b83518);width:32px;height:32px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:9px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff4d,0 4px 12px -2px #dd412466}.qc-v2-cat-tag{font-family:var(--font-sans-jp);color:var(--accent-iris);background:#dd412429;border:1px solid #dd412447;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:600}.qc-furi-toggle{border-radius:var(--radius-full);border:1px solid var(--edge-default);color:var(--text-tertiary);letter-spacing:.06em;cursor:pointer;font-size:10.5px;font-weight:700;font-family:var(--font-sans);background:0 0;align-items:center;gap:5px;padding:4px 9px;transition:all .16s;display:inline-flex}.qc-furi-toggle:hover{color:var(--text-primary);border-color:var(--edge-strong)}.qc-furi-toggle.on{color:var(--accent-iris);background:#dd41241a;border-color:#dd41245c}.qc-furi-toggle.furi-opsi.on{color:#b873bd;background:#8b5a8c1a;border-color:#8b5a8c5c}.qc-furi-toggle:disabled{opacity:.6;cursor:not-allowed}.furi-jp{font-family:var(--font-sans-jp);letter-spacing:0;font-size:12px;font-weight:600}.qc-v2-actions{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.qc-act{letter-spacing:.1em;color:var(--text-tertiary);cursor:pointer;font-size:10.5px;font-weight:700;font-family:var(--font-sans);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;transition:all .16s;display:inline-flex}.qc-act:hover{background:var(--surface-2);color:var(--text-primary)}.qc-act.review:hover{color:var(--accent-amber);border-color:#d4a04a52}.qc-act.review.on{color:var(--accent-amber);background:#d4a04a1a;border-color:#d4a04a52}.qc-act.edit:hover{color:var(--accent-iris);border-color:#dd412452}.qc-act.delete{color:var(--accent-rose);background:#a4243b0a;border-color:#a4243b2e;padding:5px 8px}.qc-act.delete:hover{background:#a4243b24;border-color:#a4243b66}.qc-v2-prompt{color:var(--text-primary);letter-spacing:0;margin:0;padding:24px 26px 18px;font-size:20px;font-weight:500;line-height:2.2}.qc-v2-prompt ruby>rt{color:var(--accent-iris);font-size:.5em;font-weight:500;font-family:var(--font-sans-jp)}.qc-v2-prompt .qc-blank{border-bottom:2px dashed var(--accent-iris);min-width:60px;color:var(--text-tertiary);text-align:center;margin:0 4px;display:inline-block}.qc-v2-options{flex-direction:column;gap:8px;padding:0 22px 22px;display:flex}.qc-v2-option{background:var(--surface-1);border:1px solid var(--edge-soft);cursor:pointer;text-align:left;transition:all .2s var(--ease-out-back);font-family:var(--font-sans);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative}.qc-v2-option:hover:not(.correct):not(.wrong):not(.picked):not(.dim){background:var(--surface-2);border-color:#dd412452;transform:translateY(-1px)}.qc-v2-option.picked{border-color:var(--accent-iris);background:#dd412424;box-shadow:0 0 0 1px #dd412452,0 6px 20px -8px #dd412473,inset 0 1px #ffffff14}.qc-v2-option.correct{border-color:var(--accent-emerald);background:#6b8e3f1a;animation:1.1s cubic-bezier(.22,1,.36,1) correct-pulse;position:relative;box-shadow:0 0 0 1px #6b8e3f38,0 8px 24px -8px #6b8e3f4d}.qc-v2-option.correct:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;z-index:0;background:radial-gradient(#9cb5728c 0%,#6b8e3f40 35%,#0000 70%);animation:1.2s cubic-bezier(.22,1,.36,1) correct-halo;position:absolute;inset:-2px;transform:scale(.85)}.qc-v2-option.correct>*{z-index:1;position:relative}@keyframes correct-pulse{0%{box-shadow:0 0 0 1px #6b8e3f38,0 8px 24px -8px #6b8e3f4d}25%{box-shadow:0 0 0 8px #6b8e3f6b,0 28px 56px -10px #9cb572bf}70%{box-shadow:0 0 0 3px #6b8e3f4d,0 14px 34px -10px #6b8e3f73}to{box-shadow:0 0 0 1px #6b8e3f38,0 8px 24px -8px #6b8e3f4d}}@keyframes correct-halo{0%{opacity:0;transform:scale(.85)}20%{opacity:.9;transform:scale(1.04)}60%{opacity:.4;transform:scale(1.12)}to{opacity:0;transform:scale(1.18)}}@keyframes check-draw{0%{stroke-dashoffset:28px}to{stroke-dashoffset:0}}.qc-check-draw{stroke-dasharray:28;stroke-dashoffset:28px;animation:.48s cubic-bezier(.22,1,.36,1) .18s forwards check-draw}.kamus-row{transition:border-color .2s;animation:5.4s ease-in-out infinite kamus-row-breathe;border:1px solid #dd412438!important}@keyframes kamus-row-breathe{0%,to{box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #dd41241a,0 0 16px -4px #dd412438,0 0 32px -12px #dd412424,0 4px 14px -6px #00000073}50%{box-shadow:inset 0 1px #ffffff14,0 0 0 1px #dd41242e,0 0 26px -2px #dd412461,0 0 48px -10px #dd41243d,0 4px 14px -6px #00000073}}.kamus-row:hover{animation-duration:2.8s;border-color:#dd41246b!important}.kamus-row .font-jp-sans:first-child{color:#ece6d6!important}.kamus-row-flash{position:relative;animation:1.7s cubic-bezier(.22,1,.36,1) kamus-pulse!important}.kamus-row-flash:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;z-index:0;background:radial-gradient(#e8b45abf 0%,#d4a04a73 30%,#c77b3f2e 60%,#0000 80%);animation:1.7s cubic-bezier(.22,1,.36,1) kamus-halo;position:absolute;inset:-4px;transform:scale(.8)}.kamus-row-flash>*{z-index:1;position:relative}@keyframes kamus-pulse{0%{border-color:var(--edge-soft);box-shadow:0 0 #d4a04a00}12%{border-color:#e8b45ad9;box-shadow:0 0 0 10px #e8b45a8c,0 28px 60px -8px #e8b45ab3}35%{border-color:#d4a04a8c;box-shadow:0 0 0 3px #d4a04a4d,0 16px 36px -12px #d4a04a73}55%{border-color:#e8b45ab3;box-shadow:0 0 0 8px #e8b45a66,0 22px 52px -10px #e8b45a8c}to{border-color:var(--edge-soft);box-shadow:0 0 #d4a04a00}}@keyframes kamus-halo{0%{opacity:0;transform:scale(.8)}12%{opacity:1;transform:scale(1.05)}35%{opacity:.35;transform:scale(1.1)}55%{opacity:.85;transform:scale(1.14)}to{opacity:0;transform:scale(1.22)}}.qc-v2-option.wrong{border-color:var(--accent-rose);background:#a4243b14}.qc-v2-option.dim{opacity:.55}.qc-v2-bullet{background:var(--surface-2);border:1px solid var(--edge-default);width:32px;height:32px;color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:9px;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.qc-v2-option.picked .qc-v2-bullet{background:var(--accent-iris);border-color:var(--accent-iris);color:var(--text)}.qc-v2-option.correct .qc-v2-bullet{background:var(--accent-emerald);border-color:var(--accent-emerald);color:#0e1116}.qc-v2-option.wrong .qc-v2-bullet{background:var(--accent-rose);border-color:var(--accent-rose);color:#0e1116}.qc-v2-opt-text{color:var(--text-primary);letter-spacing:0;flex:1;font-size:17px;font-weight:500}.qc-v2-opt-text ruby>rt{color:var(--accent-iris);font-size:.42em;font-weight:500;font-family:var(--font-sans-jp)}.qc-v2-option.correct .qc-v2-opt-text ruby>rt{color:var(--accent-emerald)}.qc-opt-copy{border:1px solid var(--edge-soft);width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;opacity:0;background:0 0;border-radius:6px;place-items:center;transition:all .16s;display:grid}.qc-v2-option:hover .qc-opt-copy{opacity:.7}.qc-opt-copy:hover{color:var(--accent-iris);border-color:var(--accent-iris);opacity:1}@media (hover:none){.qc-opt-copy{opacity:.6;width:36px;height:36px}}.hx-tur-on .qc-opt-copy[data-tur]{opacity:1}.qc-v2-hint{text-align:center;color:var(--accent-amber);background:#d4a04a1a;border:1px solid #d4a04a47;border-radius:10px;margin:0 22px 12px;padding:10px 16px;font-size:12.5px;font-weight:500;animation:2.4s ease-in-out infinite hint-pulse}.qc-hint-emoji{margin-right:4px}@keyframes hint-pulse{0%,to{border-color:#d4a04a47;box-shadow:0 0 #d4a04a00}50%{border-color:#d4a04a6b;box-shadow:0 0 0 2px #d4a04a1f,0 0 16px -4px #d4a04a59}}.qc-reveal-btn{width:calc(100% - 44px);font-family:var(--font-sans);letter-spacing:.1em;cursor:pointer;transition:all .22s var(--ease-out-back);border-radius:14px;justify-content:center;align-items:center;gap:10px;margin:0 22px 22px;padding:16px 24px;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden}.qc-reveal-btn:not(:disabled){background:var(--primary);color:var(--text);border:1.5px solid #ffffff24;animation:2.4s ease-in-out infinite reveal-ready;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000002e,0 4px 16px -2px #dd41248c,0 0 24px -4px #dd412466}.qc-reveal-btn:not(:disabled):before{content:"";background:linear-gradient(135deg,#0000 30%,#ffffff40 50%,#0000 70%);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.qc-reveal-btn:not(:disabled):hover:before{transform:translate(100%)}.qc-reveal-btn:not(:disabled):hover{background:var(--primary-hover);border-color:#ffffff38;animation:none;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000002e,0 10px 28px -4px #dd4124b3,0 0 36px -4px #dd41248c}@keyframes reveal-ready{0%,to{box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000002e,0 4px 16px -2px #dd41248c,0 0 24px -4px #dd412466}50%{box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000002e,0 6px 22px -2px #dd4124b3,0 0 36px -2px #dd41248c}}.qc-reveal-btn:disabled{background:var(--surface-1);color:var(--text-tertiary);border:1px solid var(--border);cursor:not-allowed;box-shadow:inset 0 1px #ffffff0a,0 0 32px -8px #dd41242e}.qc-reveal-btn:disabled .reveal-emoji{filter:grayscale(.6);opacity:.6}.reveal-emoji{font-size:16px}.qc-pembahasan{border-top:1px solid var(--edge-soft);animation:slide-in .32s var(--ease-out-back);background:#181c2466;flex-direction:column;gap:14px;padding:20px 24px 24px;display:flex}.pb-result-badge{background:var(--surface-1);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.qc-pembahasan:has(.prb-icon.good) .pb-result-badge{background:linear-gradient(135deg,#6b8e3f24,#6b8e3f0a);border-color:#6b8e3f52;box-shadow:inset 0 1px #ffffff0f,0 4px 16px -4px #6b8e3f4d}.qc-pembahasan:has(.prb-icon.bad) .pb-result-badge{background:linear-gradient(135deg,#a4243b24,#a4243b0a);border-color:#a4243b52;box-shadow:inset 0 1px #ffffff0f,0 4px 16px -4px #a4243b4d}.prb-icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.prb-icon.good{background:var(--accent-emerald);color:var(--bg);box-shadow:inset 0 1px #ffffff4d,0 0 0 3px #6b8e3f2e,0 0 20px #6b8e3f80}.prb-icon.bad{background:var(--accent-rose);color:var(--bg);box-shadow:inset 0 1px #ffffff4d,0 0 0 3px #a4243b2e,0 0 20px #a4243b80}.prb-text{flex-direction:column;flex:1;gap:2px;display:flex}.prb-text strong{color:var(--text-primary);letter-spacing:-.005em;font-size:14px;font-weight:600}.prb-text>span{color:var(--text-tertiary);font-size:12.5px}.prb-text em{color:var(--accent-emerald);font-style:normal;font-weight:600}.prb-reading{color:var(--text-muted);font-size:11.5px}.qc-pb-section{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:14px 16px 14px 20px;position:relative;overflow:hidden}.qc-pb-section:before{content:"";border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.qc-pb-section:after{content:"";pointer-events:none;opacity:.04;border-radius:12px;position:absolute;inset:0}.qc-pb-section.pb-good:before{background:var(--accent-emerald);box-shadow:0 0 12px #6b8e3f80}.qc-pb-section.pb-bad:before{background:var(--accent-rose);box-shadow:0 0 12px #a4243b80}.qc-pb-section.pb-tips:before{background:var(--accent-amber);box-shadow:0 0 12px #d4a04a80}.qc-pb-section.pb-info:before{background:var(--accent-cyan);box-shadow:0 0 12px #5570b580}.qc-pb-section.pb-good:after{background:radial-gradient(circle at 0% 50%, var(--accent-emerald), transparent 70%)}.qc-pb-section.pb-bad:after{background:radial-gradient(circle at 0% 50%, var(--accent-rose), transparent 70%)}.qc-pb-section.pb-tips:after{background:radial-gradient(circle at 0% 50%, var(--accent-amber), transparent 70%)}.qc-pb-section.pb-info:after{background:radial-gradient(circle at 0% 50%, var(--accent-cyan), transparent 70%)}.pb-info .qc-pb-head{color:var(--accent-cyan)}.qc-pb-head{letter-spacing:.16em;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.pb-good .qc-pb-head{color:var(--accent-emerald)}.pb-bad .qc-pb-head{color:var(--accent-rose)}.pb-tips .qc-pb-head{color:var(--accent-amber)}.qc-pb-body{color:var(--text-secondary);text-wrap:pretty;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.65}.qc-pb-grammar{flex-direction:column;gap:6px;margin-top:8px;display:flex}.qc-pb-grammar-row{background:var(--surface-2);border:1px solid var(--edge-soft);border-radius:8px;align-items:baseline;gap:8px;padding:8px 10px;display:flex}.qc-pb-grammar-jp{font-family:var(--font-sans-jp);color:var(--text-primary);font-size:13.5px;font-weight:600}.qc-pb-grammar-reading{font-family:var(--font-sans-jp);color:var(--text-tertiary);font-size:11px}.qc-pb-grammar-meaning{color:var(--text-secondary);flex:1;font-size:12px}.qc-pb-footer{flex-wrap:wrap;gap:8px;padding-top:6px;display:flex}.af-reading{padding:24px 28px}.reading-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.reading-title{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:14px;font-weight:600;display:inline-flex}.reading-actions{flex-wrap:wrap;gap:8px;display:flex}.toggle-chip{border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--text-secondary);cursor:pointer;font-size:11.5px;font-weight:500;font-family:var(--font-sans);align-items:center;gap:6px;padding:6px 12px;transition:all .16s;display:inline-flex}.toggle-chip:hover{border-color:var(--edge-strong);color:var(--text-primary)}.toggle-chip.on{color:var(--accent-iris);background:#dd41241a;border-color:#dd412452}.toggle-chip:disabled{opacity:.6;cursor:not-allowed}.toggle-jp{font-family:var(--font-sans-jp);font-size:13px;font-weight:600}.reading-body{position:relative}.reading-body p{color:var(--text-primary);font-feature-settings:"palt";font-size:16px;line-height:2.4;font-family:var(--font-sans-jp);white-space:pre-wrap;z-index:1;margin:0 0 14px;position:relative}.stabilo-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.stabilo-canvas.active{pointer-events:auto;touch-action:none;cursor:crosshair}.reading-body.stabilo-active p{-webkit-user-select:none;user-select:none}.stabilo-dock{z-index:60;align-items:center;gap:10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.stabilo-dock-tools{border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--edge-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:8px;padding:8px 14px;animation:.18s stabilo-pop;display:flex;box-shadow:0 8px 30px #00000059}@keyframes stabilo-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}.stabilo-dock-sep{background:var(--edge-soft);align-self:stretch;width:1px;margin:0 2px}.stabilo-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .14s,border-color .14s}.stabilo-swatch:hover{transform:scale(1.12)}.stabilo-swatch.on{border-color:var(--text-primary);transform:scale(1.12)}.stabilo-tool{border-radius:var(--radius-full);border:1px solid var(--edge-soft);color:var(--text-secondary);cursor:pointer;font-size:11.5px;font-weight:500;font-family:var(--font-sans);background:0 0;align-items:center;gap:5px;padding:6px 11px;transition:all .14s;display:inline-flex}.stabilo-tool:hover:not(:disabled){border-color:var(--edge-strong);color:var(--text-primary)}.stabilo-tool:disabled{opacity:.4;cursor:not-allowed}.stabilo-fab{border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--edge-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);align-items:center;gap:7px;padding:11px 18px;transition:all .16s;display:inline-flex;box-shadow:0 8px 30px #00000059}.stabilo-fab:hover{color:var(--text-primary);border-color:var(--edge-strong)}.stabilo-fab.on{color:var(--accent-iris);background:#dd412424;border-color:#dd412466}.af-modal.af-complete{text-align:center;align-items:center;gap:0;width:92vw;max-width:400px;padding:32px 28px 26px}.af-complete-emoji{margin-bottom:8px;font-size:46px;line-height:1;animation:.26s stabilo-pop}.af-complete-title{color:var(--text-primary);margin:0 0 4px;font-size:22px;font-weight:700}.af-complete-sub{color:var(--text-tertiary);margin:0 0 18px;font-size:13px}.af-complete-score{font-family:var(--font-sans-jp);justify-content:center;align-items:baseline;gap:4px;display:flex}.af-complete-score strong{color:var(--accent-emerald);font-size:52px;font-weight:800;line-height:1}.af-complete-score span{color:var(--text-tertiary);font-size:22px;font-weight:600}.af-complete-pct{color:var(--text-secondary);margin-top:6px;margin-bottom:24px;font-size:13px;font-weight:600}.af-complete-actions{gap:10px;width:100%;display:flex}.af-complete-actions .btn{flex:1;justify-content:center}.af-modal.af-exit{text-align:center;align-items:center;gap:0;width:92vw;max-width:384px;padding:30px 26px 22px}.af-exit-icon{width:54px;height:54px;color:var(--accent-iris);background:#dd41241f;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;animation:.24s stabilo-pop;display:flex;box-shadow:0 0 0 6px #dd41240f}.af-exit-title{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 8px;font-size:20px;font-weight:700}.af-exit-sub{color:var(--text-tertiary);max-width:300px;margin:0 0 22px;font-size:13px;line-height:1.6}.af-exit-actions{flex-direction:column;gap:9px;width:100%;display:flex}.af-exit-save{justify-content:center;width:100%;padding:12px;font-size:14px;font-weight:600}.af-exit-discard{border-radius:var(--radius-lg);border:1px solid var(--edge-soft);width:100%;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);background:0 0;justify-content:center;align-items:center;gap:7px;padding:11px;transition:all .15s;display:inline-flex}.af-exit-discard:hover:not(:disabled){color:#f47272;background:#f472720f;border-color:#f4727266}.af-exit-discard:disabled{opacity:.5;cursor:not-allowed}.af-exit-cancel{cursor:pointer;color:var(--text-tertiary);font-size:12.5px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;margin-top:14px;padding:4px 8px;transition:color .15s}.af-exit-cancel:hover:not(:disabled){color:var(--text-primary)}.af-exit-cancel:disabled{opacity:.5;cursor:not-allowed}.af-exit-btn{border:1px solid var(--edge-soft);color:var(--text-secondary);background:0 0}.af-exit-btn:hover{color:#f47272;background:#f472720f;border-color:#f472726b}.reading-body ruby>rt{color:var(--text-tertiary);font-size:9px;font-weight:400;font-family:var(--font-sans-jp);margin-bottom:2px}.side-tabs{gap:2px;padding:4px;display:flex}.side-tab{color:var(--text-tertiary);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 6px;transition:all .16s;display:inline-flex;position:relative}.side-tab:hover{color:var(--text-secondary)}.side-tab.on{color:var(--accent-iris);background:linear-gradient(#dd412438,#dd41241f);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #dd41244d,0 2px 8px -2px #dd412459}.side-tab-badge{background:var(--accent-iris);color:#0e1116;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:4px;right:6px}.side-card{flex-direction:column;flex:auto;min-height:0;padding:16px;display:flex;overflow:hidden}.sensei-card{flex-direction:column;flex:none;gap:14px;display:flex;overflow:visible}.sensei-intro{border-bottom:1px solid var(--edge-soft);align-items:center;gap:12px;padding-bottom:12px;display:flex}.sensei-avatar{background:linear-gradient(135deg, var(--accent-iris), #b83518);width:36px;height:36px;font-family:var(--font-serif-jp);color:var(--text);border-radius:10px;flex-shrink:0;place-items:center;font-size:16px;font-weight:600;display:grid}.sensei-name{color:var(--text-primary);font-size:13px;font-weight:600}.sensei-status{color:var(--accent-emerald);align-items:center;gap:5px;font-size:11px;display:flex}.sensei-status:before{content:"";background:var(--accent-emerald);border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px}.sensei-msgs{flex-direction:column;gap:8px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.sensei-suggest{flex-direction:column;gap:6px;display:flex}.suggest-pill{text-align:left;background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;border-radius:12px;padding:10px 14px;font-size:12.5px;line-height:1.45;transition:all .16s;position:relative}.suggest-pill:before{content:"";background:var(--primary);opacity:.4;border-radius:2px;width:2px;transition:opacity .16s;position:absolute;top:12px;bottom:12px;left:0}.suggest-pill:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary);transform:translate(2px)}.suggest-pill:hover:before{opacity:1}.sensei-msg{border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.55}.sensei-msg.user{background:var(--surface-2);color:var(--text-primary);align-self:flex-end;max-width:86%}.sensei-msg.bot{background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--text-secondary);max-width:86%}.sensei-input{background:var(--surface-1);border:1px solid var(--edge-default);border-radius:12px;gap:6px;padding:6px;display:flex}.sensei-input input{color:var(--text-primary);font-size:12.5px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;padding:6px 8px}.sensei-input input::placeholder{color:var(--text-tertiary)}.sensei-send{background:linear-gradient(180deg, var(--accent-iris), #b83518);cursor:pointer;width:32px;height:32px;color:var(--text);border:none;border-radius:9px;place-items:center;display:grid;box-shadow:inset 0 1px #fff3,0 2px 6px -1px #dd412466}.sensei-send:disabled{opacity:.5;cursor:not-allowed}.af-add-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.af-add-btn{font-family:var(--font-sans);letter-spacing:.04em;cursor:pointer;background:0 0;border:1px dashed;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.af-add-btn.manual{color:var(--accent-emerald);border-color:#6b8e3f59}.af-add-btn.manual:hover{background:#6b8e3f14}.af-add-btn.from-file{color:var(--accent-iris);border-color:#dd412459}.af-add-btn.from-file:hover{background:#dd41240f}.af-add-btn:disabled{opacity:.5;cursor:not-allowed}.af-vocab-section{flex-direction:column;gap:14px;display:flex}.af-vocab-head{letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:8px;font-size:10.5px;font-weight:700;display:flex}.af-vocab-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.af-vocab-card{background:var(--surface-1);border:1px solid var(--edge-soft);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:relative}.af-vocab-reading{font-family:var(--font-sans-jp);color:var(--text-tertiary);font-size:11px}.af-vocab-word{font-family:var(--font-serif-jp);color:var(--text-primary);font-size:22px;font-weight:600;line-height:1}.af-vocab-meaning{color:var(--text-secondary);font-size:12.5px}.af-vocab-example{font-family:var(--font-sans-jp);color:var(--text-tertiary);border-left:2px solid #dd41244d;padding-left:8px;font-size:11.5px;font-style:italic}.af-vocab-level{background:var(--surface-2);color:var(--text-tertiary);letter-spacing:.06em;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:10px;right:12px}.af-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:80;background:#0e1116b8;animation:.2s fade-in;position:fixed;inset:0}.af-modal{z-index:90;-webkit-backdrop-filter:blur(28px);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:92vw;max-width:720px;max-height:90vh;animation:modal-pop .26s var(--ease-out-back);background:#181c24f5;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff14,0 32px 80px -12px #000000b3,0 0 0 1px #dd412414}.af-modal-head{border-bottom:1px solid var(--edge-soft);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:22px 28px 16px;display:flex}.af-modal-head-left{align-items:flex-start;gap:14px;display:flex}.af-modal-head-icon{width:40px;height:40px;color:var(--accent-iris);background:#dd41241a;border:1px solid #dd412447;border-radius:11px;place-items:center;display:grid}.af-modal-title{letter-spacing:-.015em;color:var(--text-primary);margin:0 0 4px;font-size:17px;font-weight:600}.af-modal-sub{color:var(--text-tertiary);margin:0;font-size:12.5px}.af-modal-body{flex-direction:column;flex:1;gap:18px;padding:18px 28px;display:flex;overflow-y:auto}.af-modal-flag-row{background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--accent-amber);letter-spacing:.12em;cursor:pointer;font-size:11.5px;font-weight:700;font-family:var(--font-sans);border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:all .16s;display:flex}.af-modal-flag-row:hover{background:var(--surface-2)}.af-modal-flag-row.on{background:#d4a04a14;border-color:#d4a04a52}.af-mfr-check{border:1.5px solid var(--edge-strong);background:0 0;border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;transition:all .16s;display:grid}.af-mfr-check.on{background:var(--accent-amber);border-color:var(--accent-amber)}.af-modal-field{flex-direction:column;gap:8px;display:flex}.af-mf-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.af-modal-field label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-size:10.5px;font-weight:700}.af-mf-action{letter-spacing:.1em;background:var(--surface-2);border:1px solid var(--edge-default);color:var(--text-secondary);cursor:pointer;font-size:9.5px;font-weight:700;font-family:var(--font-sans);border-radius:5px;padding:4px 10px;transition:all .16s}.af-mf-action:hover:not(:disabled){color:var(--accent-iris);border-color:#dd412452}.af-mf-action:disabled{opacity:.3;cursor:not-allowed}.af-mf-action.on{color:var(--accent-iris);background:#dd41241f;border-color:#dd412452}.af-mf-hint{color:var(--text-tertiary);margin:0;font-size:11.5px}.af-modal-textarea,.af-modal-input{background:var(--surface-1);border:1px solid var(--edge-default);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-sans);resize:vertical;letter-spacing:-.005em;border-radius:10px;outline:none;padding:12px 14px;line-height:1.5;transition:all .16s}.af-modal-textarea.font-jp-sans,.af-modal-input.font-jp-sans{font-size:14px;line-height:1.7;font-family:var(--font-sans-jp)}.af-modal-textarea:focus,.af-modal-input:focus{border-color:var(--accent-iris);background:var(--surface-2);box-shadow:0 0 0 3px #dd41241f}.af-modal-opt-list{flex-direction:column;gap:8px;display:flex}.af-modal-opt-row{align-items:center;gap:10px;display:flex}.af-modal-opt-num{background:var(--surface-2);border:1px solid var(--edge-default);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;transition:all .16s;display:grid}.af-modal-opt-num:hover{color:var(--accent-emerald);border-color:#6b8e3f66}.af-modal-opt-num.correct{background:var(--accent-emerald);border-color:var(--accent-emerald);color:#0e1116;box-shadow:0 0 12px #6b8e3f80}.af-modal-cat-row{flex-wrap:wrap;gap:6px;display:flex}.af-modal-cat-chip{border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);padding:6px 14px;transition:all .16s}.af-modal-cat-chip:hover{background:var(--surface-2);color:var(--text-primary)}.af-modal-cat-chip.on{color:var(--accent-iris);background:#dd412429;border-color:#dd412466;font-weight:600}.af-modal-footer{border-top:1px solid var(--edge-soft);flex-shrink:0;gap:10px;padding:18px 28px;display:flex}.af-modal-footer .btn{flex:1;justify-content:center;padding:12px 18px;font-size:13px}.af-modal-footer .btn.btn-primary{letter-spacing:.06em;font-weight:700}.af-toast{z-index:100;border-radius:var(--radius-full);animation:sheet-up .22s var(--ease-out-back);align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px -8px #0009}.af-toast.ok{background:var(--accent-emerald);color:#0e1116}.af-toast.bad{background:var(--accent-rose);color:var(--text)}.af-upload-wrap{grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin-top:24px;display:grid}.af-upload-main{flex-direction:column;gap:18px;min-width:0;display:flex}.af-upload-drop{border-radius:var(--radius-xl);background:var(--surface-1);text-align:center;cursor:pointer;border:2px dashed #dd412452;padding:56px 32px;transition:all .2s}.af-upload-drop:hover{background:var(--surface-2);border-color:var(--accent-iris)}.af-upload-icon{width:60px;height:60px;color:var(--accent-iris);background:#dd41241a;border:1px solid #dd412452;border-radius:16px;place-items:center;margin:0 auto 16px;display:grid}.af-upload-title{color:var(--text-primary);letter-spacing:-.015em;margin:0 0 6px;font-size:18px;font-weight:600}.af-upload-sub{color:var(--text-tertiary);margin:0 0 16px;font-size:13px}.af-upload-cta-row{gap:10px;display:inline-flex}.af-analyzing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:80px 32px;display:flex}.af-analyzing-spinner{border:3px solid var(--surface-2);border-top-color:var(--accent-iris);border-radius:50%;width:56px;height:56px;animation:.8s linear infinite lt-spin}.af-analyzing-title{color:var(--text-primary);margin:0;font-size:17px;font-weight:600}.af-analyzing-sub{color:var(--text-tertiary);margin:0;font-size:12.5px}.ct-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:24px;display:flex}.ct-title{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--text-primary);margin:0;font-size:36px;font-weight:600;line-height:1}.ct-title-jp{font-family:var(--font-serif-jp);color:#0000;filter:drop-shadow(0 6px 14px #dd41244d);background:linear-gradient(135deg,#f4b89a,#dd4124 50%,#b873bd);-webkit-background-clip:text;background-clip:text;margin-left:12px;font-size:30px;font-weight:600}.ct-header-actions{flex-wrap:wrap;gap:10px;display:flex}.ct-workspace{grid-template-columns:240px 320px minmax(0,1fr);align-items:start;gap:16px;height:calc(100vh - 220px);display:grid}.ct-sidebar{flex-direction:column;gap:18px;height:100%;padding:16px 14px;display:flex;position:sticky;top:24px;overflow-y:auto}.ct-search{background:var(--surface-1);border:1px solid var(--edge-soft);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;display:flex}.ct-search input{color:var(--text-primary);font-size:12.5px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.ct-search input::placeholder{color:var(--text-tertiary)}.ct-sb-section{flex-direction:column;gap:4px;display:flex}.ct-sb-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:6px;padding:4px 8px 8px;font-size:10px;font-weight:700;display:flex}.ct-folder-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.ct-folder-item{cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;transition:all .14s;display:flex}.ct-folder-item:hover{background:var(--surface-1);color:var(--text-primary)}.ct-folder-item.on{background:var(--surface-2);color:var(--text-primary)}.ct-folder-label{letter-spacing:-.005em;flex:1;font-weight:500}.ct-folder-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:10.5px}.f-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:3px}.f-iris .f-dot{background:var(--accent-iris);box-shadow:0 0 6px}.f-emerald .f-dot{background:var(--accent-emerald);box-shadow:0 0 6px}.f-amber .f-dot{background:var(--accent-amber);box-shadow:0 0 6px}.f-rose .f-dot{background:var(--accent-rose);box-shadow:0 0 6px}.ct-tag-chips{flex-wrap:wrap;gap:4px;padding:0 4px;display:flex}.ct-tag-chip{border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--text-secondary);cursor:pointer;font-size:10.5px;font-family:var(--font-mono);padding:3px 9px;transition:all .14s}.ct-tag-chip:hover{background:var(--surface-2);color:var(--accent-iris);border-color:#dd41244d}.ct-sb-stats{border-top:1px solid var(--edge-soft);flex-direction:column;gap:6px;margin-top:auto;padding-top:14px;display:flex}.ct-sb-stat-row{color:var(--text-tertiary);justify-content:space-between;padding:0 4px;font-size:11.5px;display:flex}.ct-sb-stat-row strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.ct-list{flex-direction:column;gap:8px;height:100%;display:flex;position:sticky;top:24px;overflow-y:auto}.ct-list-head{border-bottom:1px solid var(--edge-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:4px 4px 12px;display:flex}.ct-list-title{letter-spacing:-.015em;margin:0;font-size:15px;font-weight:600}.ct-list-count{color:var(--text-tertiary);margin-top:2px;font-size:11px}.ct-list-sort{gap:4px;display:flex}.ct-note-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ct-note-card{background:var(--surface-1);border:1px solid var(--edge-soft);cursor:pointer;transition:all .18s var(--ease-out-back);border-radius:12px;padding:14px 16px;position:relative}.ct-note-card:hover{background:var(--surface-2);border-color:var(--edge-default);transform:translateY(-1px)}.ct-note-card.on{background:var(--surface-2);border-color:#dd412466;box-shadow:0 0 0 1px #dd412429,0 8px 24px -8px #dd41244d}.ct-note-card-del{width:24px;height:24px;color:var(--accent-rose);cursor:pointer;opacity:0;background:#a4243b1a;border:1px solid #a4243b47;border-radius:6px;place-items:center;transition:opacity .16s;display:grid;position:absolute;top:12px;right:14px}.ct-note-card:hover .ct-note-card-del{opacity:1}.ct-note-card-del:hover{background:var(--accent-rose);color:var(--text)}.ct-note-title{color:var(--text-primary);letter-spacing:-.005em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 30px 6px 0;font-size:13.5px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.ct-note-preview{color:var(--text-tertiary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:11.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.ct-note-meta{align-items:center;gap:8px;font-size:10px;display:flex}.ct-note-date{color:var(--text-tertiary)}.ct-note-words{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto}.ct-editor{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.ed-head{border-bottom:1px solid var(--edge-soft);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 26px;display:flex}.ed-meta{align-items:center;gap:12px;display:flex}.ed-saved{color:var(--text-tertiary);align-items:center;gap:5px;font-size:11px;display:inline-flex}.ed-actions{gap:4px;display:flex}.ed-icon-btn{background:var(--surface-1);border:1px solid var(--edge-soft);width:30px;height:30px;color:var(--text-tertiary);cursor:pointer;border-radius:8px;place-items:center;transition:all .16s;display:grid}.ed-icon-btn:hover{background:var(--surface-2);color:var(--text-primary)}.ed-icon-btn.danger:hover{color:var(--accent-rose);border-color:#a4243b66}.ed-title-input{letter-spacing:-.025em;color:var(--text-primary);width:calc(100% - 64px);font-size:28px;font-weight:600;line-height:1.2;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex-shrink:0;margin:18px 32px 8px}.ed-title-input::placeholder{color:var(--text-tertiary);opacity:.6}.ed-toolbar{border-top:1px solid var(--edge-soft);border-bottom:1px solid var(--edge-soft);background:var(--surface-1);flex-shrink:0;align-items:center;gap:4px;padding:8px 24px;display:flex}.ed-tool{width:30px;height:30px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;transition:all .14s;display:grid}.ed-tool:hover{background:var(--surface-2);color:var(--text-primary)}.ed-tool:disabled{opacity:.4;cursor:not-allowed}.ed-tool-sep{background:var(--edge-default);width:1px;height:18px;margin:0 4px}.ed-tool.ed-ai{width:auto;color:var(--accent-iris);font-size:11.5px;font-weight:600;font-family:var(--font-sans);background:linear-gradient(135deg,#dd412429,#8b5a8c14);border:1px solid #dd412452;gap:5px;margin-left:auto;padding:5px 12px;display:inline-flex}.ed-tool.ed-ai:hover{background:linear-gradient(135deg,#dd41243d,#8b5a8c24)}.ed-body-textarea{color:var(--text-secondary);resize:none;width:100%;font-size:14px;line-height:1.7;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;padding:24px 32px;overflow-y:auto}.ed-body-textarea::placeholder{color:var(--text-tertiary);opacity:.6}.ed-footer{border-top:1px solid var(--edge-soft);color:var(--text-tertiary);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:12px;padding:12px 26px;font-size:11px;display:flex}.ct-empty{opacity:.5;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.ct-empty p{color:var(--text-tertiary);margin:0;font-size:13px}.lg-shell{width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:16px;padding:16px;display:grid}.lg-form-pane{--lg-form-w:460px;-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);border:1px solid var(--edge-soft);background:#0e111680;flex-direction:column;width:100%;padding:32px 56px;display:flex;position:relative;overflow-y:auto}.lg-brand{width:max-content;color:inherit;align-items:center;gap:10px;margin-bottom:36px;text-decoration:none;display:inline-flex}.lg-brand-mark{background:linear-gradient(135deg, var(--accent-iris), #b83518);width:34px;height:34px;font-family:var(--font-serif-jp);color:var(--text);border-radius:9px;place-items:center;font-size:17px;font-weight:600;display:grid;box-shadow:inset 0 1px #ffffff4d,0 4px 12px -2px #dd412466}.lg-brand-text{flex-direction:column;display:flex}.lg-brand-name{color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:600}.lg-brand-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-size:9px;font-weight:600}.lg-tabs{background:var(--surface-1);border:1px solid var(--edge-soft);width:max-content;margin-bottom:28px;margin-left:max(0px, calc((100% - var(--lg-form-w)) / 2));border-radius:12px;gap:2px;padding:4px;display:inline-flex}.lg-tab{color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 22px;transition:all .16s;display:inline-flex}.lg-tab:hover{color:var(--text-primary)}.lg-tab.on{background:var(--surface-3);color:var(--accent-iris);font-weight:600;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff0f}.lg-tab-pill{letter-spacing:.06em;color:var(--accent-emerald);background:#6b8e3f2e;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.lg-form-wrap{width:100%;max-width:var(--lg-form-w);flex:1;margin-inline:auto}.lg-title{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--text-primary);margin:0 0 10px;font-size:32px;font-weight:600;line-height:1.1}.lg-sub{color:var(--text-secondary);margin:0 0 28px;font-size:14px;line-height:1.5}.lg-sub .streak-amber{color:var(--accent-amber);font-weight:600}.lg-social{grid-template-columns:1fr;gap:8px;margin-bottom:20px;display:grid}.lg-social-btn{background:var(--surface-1);border:1px solid var(--edge-default);color:var(--text-primary);cursor:pointer;font-size:12.5px;font-weight:500;font-family:var(--font-sans);border-radius:11px;justify-content:center;align-items:center;gap:10px;padding:11px 14px;transition:all .16s;display:inline-flex}.lg-social-btn:hover{background:var(--surface-2);border-color:var(--edge-strong);transform:translateY(-1px)}.lg-social-btn:disabled{opacity:.6;cursor:not-allowed}.lg-divider{color:var(--text-tertiary);letter-spacing:.02em;align-items:center;gap:12px;margin:18px 0;font-size:11px;display:flex}.lg-divider:before,.lg-divider:after{content:"";background:var(--edge-soft);flex:1;height:1px}.lg-form{flex-direction:column;gap:14px;display:flex}.lg-field{flex-direction:column;gap:6px;display:flex}.lg-field-label{letter-spacing:.04em;color:var(--text-secondary);font-size:11px;font-weight:600}.lg-field-input{background:var(--surface-1);border:1px solid var(--edge-default);border-radius:11px;align-items:center;transition:all .16s;display:flex;position:relative}.lg-field-input:focus-within{background:var(--surface-2);border-color:var(--accent-iris);box-shadow:0 0 0 3px #dd41241f}.lg-field-icon{color:var(--text-tertiary);flex-shrink:0;place-items:center;padding:0 12px;display:grid}.lg-field-input input{color:var(--text-primary);font-size:13.5px;font-family:var(--font-sans);letter-spacing:-.005em;background:0 0;border:none;outline:none;flex:1;padding:12px 14px 12px 0}.lg-field-input input::placeholder{color:var(--text-muted)}.lg-eye{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;place-items:center;padding:0 12px;display:grid}.lg-eye:hover{color:var(--text-primary)}.lg-field-footer{justify-content:flex-end;font-size:11.5px;display:flex}.lg-forgot{color:var(--accent-iris);cursor:pointer;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;font-size:11.5px;text-decoration:none}.lg-forgot:hover{text-decoration:underline}.lg-remember{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.lg-remember input{width:14px;height:14px;accent-color:var(--accent-iris)}.lg-remember a{color:var(--accent-iris);text-decoration:none}.lg-remember a:hover{text-decoration:underline}.lg-primary-cta{background:linear-gradient(180deg, var(--accent-iris), #b83518);color:var(--text);font-family:var(--font-sans);cursor:pointer;letter-spacing:-.01em;transition:all .2s var(--ease-out-back);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:14px 22px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 6px 18px -4px #dd412480,0 1px 2px #0000004d}.lg-primary-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 12px 28px -4px #dd412499,0 0 0 4px #dd412426}.lg-primary-cta:disabled{opacity:.6;cursor:not-allowed}.lg-switch{color:var(--text-tertiary);text-align:center;margin:24px 0 0;font-size:13px}.lg-switch button{color:var(--accent-iris);cursor:pointer;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;padding:0 4px;font-size:13px}.lg-switch button:hover{text-decoration:underline}.lg-error,.lg-success{border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:12.5px;line-height:1.4;display:flex}.lg-error{color:var(--accent-rose);background:#a4243b1a;border:1px solid #a4243b52}.lg-success{color:var(--accent-emerald);background:#6b8e3f1a;border:1px solid #6b8e3f52}.lg-footer{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:14px;margin-top:auto;padding-top:28px;font-size:11px;display:flex}.lg-footer a{color:var(--text-tertiary);text-decoration:none}.lg-footer a:hover{color:var(--accent-iris)}.lg-footer-sep{opacity:.4}.lg-visual{border-radius:var(--radius-xl);border:1px solid var(--edge-default);background:radial-gradient(80% 60% at 30% 20%,#dd41242e,#0000 55%),radial-gradient(70% 60% at 70% 80%,#b873bd1f,#0000 55%),linear-gradient(135deg,#181c24,#232936);flex-direction:column;justify-content:flex-end;padding:48px;display:flex;position:relative;overflow:hidden}.lg-visual-bg{opacity:.4;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#ffffff14 1px,#0000 0);background-size:32px 32px;position:absolute;inset:0}.lg-kanji-stage{aspect-ratio:1;perspective:1000px;place-items:center;width:50%;display:grid;position:absolute;top:8%;left:50%;transform:translate(-50%)}.lg-kanji-glow{filter:blur(40px);background:radial-gradient(circle,#dd412459,#0000 60%);position:absolute;inset:-10%}.lg-kanji-glyph{font-family:var(--font-serif-jp);color:#0000;filter:drop-shadow(0 24px 48px #dd412480);transform-style:preserve-3d;-webkit-user-select:none;user-select:none;background:linear-gradient(150deg,#fff 0%,#f4b89a 50%,#dd4124 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(180px,22vw,320px);font-weight:600;line-height:1;animation:16s ease-in-out infinite lg-kanji-rotate;position:relative}@keyframes lg-kanji-rotate{0%,to{transform:rotateY(-8deg)rotateX(3deg)}50%{transform:rotateY(8deg)rotateX(-2deg)}}.lg-mini-card{-webkit-backdrop-filter:blur(24px);border:1px solid var(--edge-default);background:#181c24c7;border-radius:14px;padding:14px 18px;position:absolute;box-shadow:inset 0 1px #ffffff1a,0 12px 32px -8px #00000080}.lg-mini-1{min-width:200px;animation:8s ease-in-out infinite lg-float-1;top:18%;left:8%}.lg-mini-2{animation:7s ease-in-out infinite lg-float-2;top:12%;right:8%}.lg-mini-3{text-align:center;animation:9s ease-in-out infinite lg-float-3;top:50%;right:4%}@keyframes lg-float-1{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(-1deg)}}@keyframes lg-float-2{0%,to{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-6px)rotate(1deg)}}@keyframes lg-float-3{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(10px)rotate(0)}}.lg-mini-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.lg-mini-tag{color:#f4b89a;letter-spacing:.06em;background:#dd412433;border:1px solid #dd41245c;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.lg-mini-meta{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.lg-mini-jp{font-family:var(--font-sans-jp);color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.lg-mini-bar{background:var(--surface-2);border-radius:2px;height:4px;overflow:hidden}.lg-mini-bar span{background:linear-gradient(90deg, var(--accent-emerald), #9cb572);border-radius:2px;height:100%;display:block;box-shadow:0 0 8px #6b8e3f66}.lg-mini-streak{color:var(--accent-amber);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.lg-mini-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;font-size:9px;font-weight:700}.lg-mini-kanji{font-family:var(--font-serif-jp);color:#0000;background:linear-gradient(150deg,#fff,#f4b89a);-webkit-background-clip:text;background-clip:text;margin:4px 0;font-size:40px;font-weight:600;line-height:1}.lg-mini-reading{font-family:var(--font-sans-jp);color:var(--text-tertiary);font-size:11px}.lg-visual-content{z-index:2;max-width:480px;position:relative}.lg-visual-eyebrow{border-radius:var(--radius-full);color:var(--accent-iris);letter-spacing:.12em;background:#dd41241a;border:1px solid #dd412452;align-items:center;gap:6px;margin-bottom:18px;padding:5px 12px;font-size:10.5px;font-weight:700;display:inline-flex}.lg-visual-title{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--text-primary);margin:0 0 20px;font-size:clamp(28px,3.5vw,40px);font-weight:600;line-height:1.1}.lg-visual-title .grad{color:#0000;background:linear-gradient(135deg,#f4b89a,#b873bd);-webkit-background-clip:text;background-clip:text}.lg-visual-bullets{flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.lg-visual-bullets li{color:var(--text-secondary);align-items:center;gap:10px;font-size:13.5px;display:flex}.lvb-icon{border-radius:7px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.lvb-icon.iris{color:var(--accent-iris);background:#dd412429;border:1px solid #dd412452}.lvb-icon.emerald{color:var(--accent-emerald);background:#6b8e3f29;border:1px solid #6b8e3f52}.lvb-icon.amber{color:var(--accent-amber);background:#d4a04a29;border:1px solid #d4a04a52}.lg-visual-social-proof{background:var(--surface-1);border:1px solid var(--edge-soft);border-radius:14px;align-items:center;gap:14px;width:max-content;padding:14px 18px;display:flex}.lg-avatars{display:flex}.lg-mini-avatar{width:30px;height:30px;color:var(--text);border:2px solid #181c24;border-radius:50%;place-items:center;margin-left:-8px;font-size:11px;font-weight:700;display:grid}.lg-mini-avatar:first-child{margin-left:0}.lg-av-0{background:linear-gradient(135deg,#c77b3f,#a4243b)}.lg-av-1{background:linear-gradient(135deg,#dd4124,#b83518)}.lg-av-2{background:linear-gradient(135deg,#6b8e3f,#506d2e)}.lg-av-3{background:linear-gradient(135deg,#d4a04a,#a4243b)}.lg-av-4{background:var(--surface-3);color:var(--text-secondary);font-size:12px}.lg-proof-text{flex-direction:column;display:flex}.lg-proof-text strong{color:var(--text-primary);letter-spacing:-.005em;font-size:13px;font-weight:700}.lg-proof-text span{color:var(--text-tertiary);font-size:11px}@media (max-width:1100px){.lg-shell{grid-template-columns:1fr;padding:0}.lg-visual{display:none}.lg-form-pane{border-radius:0;max-width:100%;min-height:100vh;padding:28px 24px}}@media (max-width:1023px){.nav-rail{padding:14px 8px;top:16px;bottom:16px;left:16px;width:64px!important}.nav-rail:hover{width:64px!important}.nav-rail .nav-item-label,.nav-rail .nav-brand-text,.nav-rail .nav-section-label,.nav-rail .nav-upgrade-text{display:none!important}.nav-rail .nav-brand{justify-content:center;padding:4px 0 12px}.nav-rail .nav-item,.nav-rail .nav-upgrade{justify-content:center;padding:10px}.app-shell{padding-top:20px;padding-left:96px!important;padding-right:20px!important}.beranda-grid,.mat-grid{grid-template-columns:minmax(0,1fr) 300px!important}.mat-soon-grid{grid-template-columns:repeat(2,1fr)!important}.rs-workspace{grid-template-columns:minmax(0,1fr) 300px!important}.st-grid{grid-template-columns:minmax(0,1fr) 280px!important}.st-kpi-row{grid-template-columns:repeat(3,1fr)!important}.pr-plan-grid,.pr-testi-grid{grid-template-columns:repeat(2,1fr)!important}.pg-grid{grid-template-columns:200px minmax(0,1fr)!important}.lt-setup-grid,.lt-quiz-grid{grid-template-columns:minmax(0,1fr) 280px!important}.level-picker{gap:6px!important}.level-tile{padding:14px 10px!important}.lvt-letter{font-size:22px!important}.kk-workspace{grid-template-columns:200px minmax(0,1fr)!important}.kk-workspace>.kk-detail{display:none!important}.af-grid{grid-template-columns:minmax(0,1fr) 0!important;gap:0!important}.af-upload-wrap{grid-template-columns:1fr!important}.ct-workspace{grid-template-columns:220px minmax(0,1fr)!important}.ct-workspace>.ct-editor{display:none!important}}html{scrollbar-gutter:stable}@media (max-width:767px){html,body{width:100%;max-width:100vw;overflow-x:hidden}.nav-rail{display:none!important}.bottom-nav{display:block}.af-userbar .pro-chip,.af-userbar .icon-btn{display:none!important}.glass-card{border-radius:18px}.app-shell{padding-top:max(16px, env(safe-area-inset-top,0px));box-sizing:border-box;width:100%;padding:16px 10px calc(80px + env(safe-area-inset-bottom,0px))!important}.af-grid{width:100%;padding:0!important}.af-main{width:100%;min-width:0}.qc-v2{box-sizing:border-box;width:100%!important;min-width:100%!important;max-width:100%!important;margin:0!important;animation:none!important;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #dd412433,0 0 24px -6px #dd412447,0 8px 24px -10px #00000080!important}.glass-card{transition:background-color .2s,border-color .2s!important}.top-bar{flex-wrap:wrap;gap:12px;margin-bottom:20px}.top-actions{gap:8px}.af-userbar{flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:12px}.af-userbar-left{gap:8px}.streak-pill{padding:4px 10px 4px 6px;font-size:11px}.beranda-grid{grid-template-columns:minmax(0,1fr)!important}.side-panel{position:static!important}.hero-section{gap:16px;grid-template-columns:1fr!important}.hero-section>:first-child{padding:0}.hero-headline{font-size:32px!important}.featured-row{gap:16px;grid-template-columns:1fr!important}.kanji-of-day{grid-template-columns:1fr!important;padding:20px!important}.kanji-hero-stage{margin:0 auto;width:160px!important;height:160px!important}.kanji-glyph{font-size:110px!important}.hero-stat-secondary{flex-wrap:wrap;gap:14px!important}.focus-row{gap:12px!important}.mat-grid{gap:18px;grid-template-columns:1fr!important}.mat-side{position:static!important}.mat-card-grid,.mat-soon-grid{grid-template-columns:1fr!important}.mat-stats{display:none}.mat-header{flex-direction:column;align-items:flex-start;gap:14px}.mat-title{font-size:32px!important}.rs-workspace{gap:18px;grid-template-columns:1fr!important}.rs-side{grid-template-columns:1fr;gap:12px;display:grid;position:static!important}.rs-stats{display:none!important}.rs-header{flex-direction:column;align-items:flex-start;gap:14px}.rs-title{font-size:32px!important}.rs-card{gap:12px;grid-template-columns:52px minmax(0,1fr) auto!important;padding:12px 14px!important}.rs-card .rs-card-cta{display:none}.rs-card .rs-meta{gap:8px;font-size:10.5px}.rs-card-title{font-size:13.5px!important}.rs-glyph{width:44px!important;height:44px!important;font-size:22px!important}.rs-card-score{gap:6px}.rs-ring,.rs-ring svg{width:44px!important;height:44px!important}.rs-ring-pct{font-size:11px!important}.rs-score-meta{display:none!important}.rs-filter-row{flex-direction:column;align-items:stretch;gap:12px}.rs-filter-row .filter-group{flex-direction:column;align-items:flex-start;gap:6px}.rs-filter-row .fg-chips{gap:5px}.rs-filter-row .fg-chip{padding:5px 10px;font-size:11.5px}.rs-filter-row .fg-label{font-size:10px}.rs-filter-actions{padding-top:4px;gap:12px!important;margin-left:0!important}.rs-filter-actions .reset-link{font-size:11.5px!important}.rs-search{padding:10px 14px}.rs-search kbd{display:none}.activity-grid{grid-template-columns:repeat(8,1fr)!important}.activity-grid .ag-col:nth-child(n+9){display:none}.st-grid{gap:16px;grid-template-columns:1fr!important}.st-side{position:static!important}.st-kpi-row{gap:10px;grid-template-columns:repeat(2,1fr)!important}.kpi-card{padding:14px 16px!important}.kpi-value{font-size:24px!important}.st-period{display:none!important}.st-header{flex-direction:column;align-items:flex-start;gap:14px}.st-title{font-size:30px!important}.st-title-jp{font-size:26px!important}.kat-acc-row{grid-template-columns:90px minmax(0,1fr) 60px!important;gap:10px!important}.lp-row{gap:10px;grid-template-columns:90px minmax(0,1fr) 40px!important}.lp-soal{display:none}.pr-plan-grid,.pr-testi-grid{grid-template-columns:1fr!important}.pr-plan.popular{transform:none!important}.pr-title{font-size:32px!important}.cmp-row{font-size:11px;grid-template-columns:1.4fr 1fr 1fr 1fr!important;padding:12px 16px!important}.pr-cta-footer{padding:32px 22px}.pr-cta-content h2{font-size:24px}.pg-grid{grid-template-columns:1fr!important}.pg-nav{position:static!important}.pg-nav-list{flex-direction:row;gap:4px;display:flex;overflow-x:auto}.pg-nav-item{white-space:nowrap;padding:8px 12px}.pg-nav-item>svg{display:none}.pg-field-row{grid-template-columns:1fr!important}.pg-lv-grid,.pg-focus-grid{grid-template-columns:repeat(3,1fr)!important}.pg-sub-meta{grid-template-columns:1fr!important}.pg-sub-hero{padding:22px 18px!important}.pg-sub-hero-row{flex-direction:column;gap:14px}.pg-sub-price{text-align:left}.invoice-item{grid-template-columns:1fr auto!important;gap:8px!important}.invoice-item .inv-status,.invoice-item .inv-download{display:none}.pg-title{font-size:28px!important}.pg-title-jp{font-size:24px!important}.pg-card{padding:18px 20px}.danger-row{flex-direction:column;align-items:flex-start;gap:10px}.lt-setup-grid,.lt-quiz-grid{gap:16px;grid-template-columns:1fr!important}.lt-setup-side,.lt-quiz-side{order:2;position:static!important}.lt-quiz-main{order:1}.lt-header{flex-direction:column;align-items:flex-start;gap:12px}.lt-header-actions{justify-content:flex-end;width:100%}.lt-title{font-size:28px!important}.lt-title-jp{font-size:24px!important}.level-picker{grid-template-columns:repeat(3,1fr)!important}.kat-grid{grid-template-columns:1fr!important}.opt-row{gap:16px;grid-template-columns:1fr!important}.opt-divider{display:none}.quiz-card{padding:20px 18px!important}.quiz-prompt{font-size:17px!important;line-height:1.9!important}.quiz-options{grid-template-columns:1fr!important}.quiz-opt{min-height:56px}.quiz-nav{flex-wrap:wrap;gap:10px}.quiz-nav-center{order:3;justify-content:center;width:100%}.quiz-jump-hint{display:none}.setup-section{padding:18px 20px}.kk-workspace{grid-template-columns:1fr!important}.kk-toolbar{gap:6px;grid-template-columns:1fr 1fr 1fr!important}.tb-btn{padding:10px 12px!important}.tb-btn .tb-meta,.kk-filter-rail{display:none}.kk-list-section,.kk-detail{max-height:none!important;position:static!important}.kk-detail{display:none}.detail-kanji{font-size:56px!important}.word-row{grid-template:"kanji right""reading right""meaning meaning"/1fr auto!important;gap:4px 10px!important;padding:14px!important;display:grid!important}.word-row .word-kanji{grid-area:kanji;font-size:17px!important}.word-row .word-reading{color:var(--text-tertiary);grid-area:reading;font-size:12px!important;display:block!important}.word-row .word-meaning{color:var(--text-secondary);grid-area:meaning;line-height:1.45;white-space:normal!important;font-size:12.5px!important;display:block!important}.word-row .word-right{grid-area:right;align-self:start}.word-table-head{display:none!important}.list-head{flex-wrap:wrap;gap:8px}.list-search{width:100%}.flash-card{width:92vw!important;height:60vh!important}.fc-kanji{text-align:center;max-width:100%;padding:0 12px;word-break:normal!important;overflow-wrap:anywhere!important;font-size:clamp(28px,11vw,84px)!important;line-height:1.15!important}.fc-reading{padding:0 16px;word-break:normal!important;font-size:clamp(13px,4vw,18px)!important;line-height:1.4!important}.flash-controls{grid-template-columns:40px 1fr 40px!important}.flash-arrow{width:40px!important;height:40px!important}.flash-flip-cta{min-width:0!important;padding:10px 18px!important;font-size:11px!important}.flash-hint-row{display:none!important}.kk-header{flex-direction:column;align-items:flex-start;gap:14px}.kk-title{font-size:30px!important}.kk-title-jp{font-size:26px!important}.af-topbar{flex-direction:column;gap:14px;margin-bottom:18px}.af-title{white-space:normal!important;font-size:18px!important;line-height:1.3!important}.af-title-jp{margin-bottom:2px;display:block}.af-title-meta{font-size:12px;margin-left:0!important}.af-meta-row{white-space:nowrap;scrollbar-width:none;margin:0 -16px;padding:0 16px;overflow-x:auto;flex-wrap:nowrap!important}.af-meta-row::-webkit-scrollbar{display:none}.meta-chip{flex-shrink:0}.af-actions{gap:6px;width:100%}.af-actions .btn{flex:1;justify-content:center;padding:10px 12px}.af-timer{padding:6px 10px}.af-timer-val{font-size:14px}.af-grid{grid-template-columns:1fr!important;gap:0!important}.af-main{gap:18px!important}.qc-v2-head{flex-wrap:wrap;gap:6px;padding:12px 14px}.qc-v2-actions{justify-content:flex-end;width:100%;margin-left:0}.qc-v2-prompt{padding:18px 16px 14px;font-size:17px!important;line-height:1.95!important}.qc-v2-options{padding:0 14px 14px}.qc-v2-option{min-height:56px;padding:14px!important}.qc-v2-opt-text{font-size:15.5px!important}.qc-v2-hint{margin:0 14px 10px}.qc-reveal-btn{letter-spacing:.06em!important;width:calc(100% - 28px)!important;margin:0 14px 16px!important;padding:14px 16px!important;font-size:12px!important}.qc-pembahasan{padding:16px!important}.af-reading{padding:18px 16px!important}.reading-head{flex-wrap:wrap;gap:10px}.reading-body p{font-size:14.5px!important;line-height:2!important}.af-vocab-grid,.af-add-row{grid-template-columns:1fr!important}.af-upload-wrap{gap:16px;grid-template-columns:1fr!important}.af-upload-drop{padding:32px 18px}.af-modal{border-radius:24px 24px 0 0!important;width:100%!important;max-width:100%!important;max-height:95vh!important;top:auto!important;bottom:0!important;left:0!important;transform:none!important}.ct-workspace{grid-template-columns:1fr!important;height:auto!important}.ct-sidebar,.ct-list,.ct-editor{height:auto!important;max-height:none!important;position:static!important}.ct-sidebar{display:none!important}.ct-list,.ct-editor{padding:12px}.ed-title-input{margin:12px 16px 8px;font-size:22px}.ed-body-textarea{padding:16px}.ed-toolbar{padding:8px 16px}.ct-header{flex-direction:column;align-items:flex-start;gap:14px}.ct-title{font-size:28px!important}.ct-title-jp{font-size:24px!important}}.ch-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.ch-list-card{align-items:stretch;gap:14px;padding:16px;text-decoration:none;display:flex}.ch-list-glyph{width:56px;height:56px;font-family:var(--font-serif-jp);color:var(--accent-iris);background:linear-gradient(135deg,#dd412433,#a4243b1a);border:1px solid #dd412447;border-radius:14px;flex-shrink:0;place-items:center;font-size:26px;font-weight:600;display:grid}.ch-list-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.ch-list-meta{align-items:center;gap:8px;display:flex}.ch-list-time{color:var(--text-tertiary);align-items:center;gap:4px;font-size:11px;display:inline-flex}.ch-list-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:600;line-height:1.35}.ch-list-foot{color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-top:auto;font-size:12px;display:flex}.ch-list-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.ch-list-empty h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.ch-list-empty p{max-width:480px;color:var(--text-tertiary);margin:0;font-size:13px;line-height:1.6}.ch-spin{animation:1s linear infinite ch-spin}@keyframes ch-spin{to{transform:rotate(360deg)}}.ch-page{padding-bottom:80px}.ch-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.ch-title{font-family:var(--font-sans);letter-spacing:-.03em;align-items:center;gap:12px;margin:0;font-size:34px;font-weight:600;line-height:1;display:flex}.ch-title-jp{font-family:var(--font-serif-jp);color:#0000;background:linear-gradient(135deg,#f0b49a,#dd4124 55%,#a4243b);-webkit-background-clip:text;background-clip:text;font-weight:600}.ch-head-actions{flex-wrap:wrap;gap:8px;display:flex}.ch-toggle{border-radius:var(--radius-full);background:var(--surface-1);border:1px solid var(--edge-default);color:var(--text-secondary);cursor:pointer;font-size:11.5px;font-weight:600;font-family:var(--font-sans);align-items:center;gap:6px;padding:7px 13px;transition:all .16s;display:inline-flex}.ch-toggle:hover{color:var(--text-primary);border-color:var(--edge-strong)}.ch-toggle.on{color:var(--accent-iris);background:#dd41241a;border-color:#dd412457}.furi-jp{font-family:var(--font-sans-jp);font-weight:600}.ch-mondai-bar{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:20px;padding:14px 20px;display:flex}.chm-info{align-items:baseline;gap:10px;display:flex}.chm-no{color:var(--accent-iris);font-size:12px;font-weight:700;font-family:var(--font-sans-jp)}.chm-name{color:var(--text-primary);font-size:14px;font-weight:600;font-family:var(--font-sans-jp)}.chm-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11.5px}.chm-track{background:var(--surface-2);border-radius:4px;flex:1;min-width:120px;height:6px;overflow:hidden}.chm-fill{background:linear-gradient(90deg, var(--accent-iris), #e8704f);height:100%;transition:width .4s var(--ease-out-back);border-radius:4px;box-shadow:0 0 10px #dd412480}.chm-mondai-pills{gap:5px;display:flex}.chm-pill{background:var(--surface-1);border:1px solid var(--edge-soft);width:24px;height:24px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;border-radius:7px;place-items:center;font-size:11px;font-weight:700;display:grid}.chm-pill.on{background:var(--accent-iris);border-color:var(--accent-iris);color:#fff}.ch-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.ch-card{padding:0;overflow:hidden}.ch-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.ch-qbody{flex-direction:column;gap:18px;padding:24px 28px;display:flex}.ch-situation{align-items:flex-start;gap:14px;display:flex}.ch-sit-tag{color:var(--accent-iris);font-family:var(--font-sans-jp);background:#dd412424;border:1px solid #dd412447;border-radius:8px;flex-shrink:0;padding:5px 11px;font-size:12px;font-weight:700}.ch-situation p{font-family:var(--font-sans-jp);color:var(--text-primary);margin:0;font-size:17px;font-weight:500;line-height:1.6}.ch-player{padding:18px 22px;background:linear-gradient(135deg, #dd412414, var(--surface-1))!important;border-color:#dd412433!important}.chp-row{align-items:center;gap:16px;display:flex}.chp-play{cursor:pointer;background:linear-gradient(135deg, var(--accent-iris), #b83518);color:#fff;width:56px;height:56px;transition:.2s var(--ease-out-back);border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff4d,0 8px 22px -6px #dd4124b3}.chp-play:hover:not(:disabled){transform:scale(1.05);box-shadow:inset 0 1px #fff6,0 12px 28px -6px #dd4124d9}.chp-play:disabled{opacity:.4;cursor:not-allowed}.chp-main{flex:1;min-width:0}.chp-wave{align-items:center;gap:2px;height:48px;display:flex}.chp-bar{background:var(--surface-3);border-radius:2px;flex:1;min-width:2px;transition:background .1s,height .2s}.chp-bar.on{background:linear-gradient(180deg, #e8704f, var(--accent-iris))}.chp-bar.live{background:#fcd9cc;box-shadow:0 0 8px #dd4124cc}.chp-times{color:var(--text-tertiary);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.chp-replay{background:var(--surface-2);border:1px solid var(--edge-default);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;transition:all .16s;display:grid}.chp-replay:hover:not(:disabled){color:var(--accent-iris);border-color:#dd412466}.chp-replay:disabled{opacity:.4;cursor:not-allowed}.chp-skip{background:var(--surface-2);border:1px solid var(--edge-default);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;transition:all .16s;display:grid;position:relative}.chp-skip:hover:not(:disabled){color:var(--accent-iris);border-color:#dd412466}.chp-skip:disabled{opacity:.4;cursor:not-allowed}.chp-skip-n{color:currentColor;background:var(--surface-1);border-radius:3px;padding:1px 2px;font-size:8px;font-weight:700;line-height:1;position:absolute;bottom:3px;right:3px}.chp-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.chp-speed{background:var(--surface-2);border:1px solid var(--edge-soft);border-radius:9px;gap:4px;padding:3px;display:flex}.chp-sp{color:var(--text-tertiary);cursor:pointer;font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:700;font-family:var(--font-sans);background:0 0;border:none;border-radius:6px;padding:5px 11px;transition:all .14s}.chp-sp.on{background:var(--surface-3);color:var(--accent-iris)}.chp-hint{color:var(--text-tertiary);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.chp-done{color:var(--accent-emerald);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.chp-missing{color:var(--accent-rose);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.ch-prompt{background:var(--surface-1);border:1px solid var(--edge-soft);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.ch-prompt-spk{background:var(--surface-3);border:1px solid var(--edge-default);width:28px;height:28px;color:var(--accent-iris);border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.ch-prompt p{font-family:var(--font-sans-jp);color:var(--text-primary);margin:0;font-size:17px;font-weight:500}.ch-prompt-instr{border:none;border-left:3px solid var(--edge-soft);background:0 0;border-radius:0;padding:4px 0 4px 14px}.ch-prompt-instr p{color:var(--text-tertiary);font-size:13.5px;font-weight:400;line-height:1.65}.ch-soal-img-fixed{border:1px solid var(--edge-soft);background:var(--surface-1);border-radius:14px;overflow:hidden}.ch-soal-img-fixed img{width:100%;height:auto;display:block}.ch-opts{flex-direction:column;gap:9px;display:flex}.ch-opt-lisan-note{color:var(--text-muted,#94a3b8);margin:0 0 10px;font-size:13px;line-height:1.5}.ch-opts.lisan{flex-flow:wrap;gap:12px}.ch-opts.lisan .ch-opt{flex:1 1 0;justify-content:center;min-width:72px;padding-block:18px}.ch-opts.lisan .ch-opt-k{min-width:auto;font-size:22px;font-weight:700}.ch-opt{background:var(--surface-1);border:1.5px solid var(--edge-soft);cursor:pointer;text-align:left;transition:.2s var(--ease-out-back);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;display:flex}.ch-opt:hover:not(.correct):not(.wrong):not(.picked):not(.dim){background:var(--surface-2);border-color:#dd412452;transform:translateY(-1px)}.ch-opt.picked{border-color:var(--accent-iris);background:#dd412414}.ch-opt.correct{border-color:var(--accent-emerald);background:#6b8e3f1a}.ch-opt.wrong{border-color:var(--accent-rose);background:#a4243b1a}.ch-opt.dim{opacity:.5}.ch-opt-k{background:var(--surface-2);border:1px solid var(--edge-default);width:30px;height:30px;color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:8px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.ch-opt.picked .ch-opt-k{background:var(--accent-iris);border-color:var(--accent-iris);color:#fff}.ch-opt.correct .ch-opt-k{background:var(--accent-emerald);border-color:var(--accent-emerald);color:#0a0c18}.ch-opt.wrong .ch-opt-k{background:var(--accent-rose);border-color:var(--accent-rose);color:#fff}.ch-opt-t{font-family:var(--font-sans-jp);color:var(--text-primary);flex:1;font-size:16px;font-weight:500}.ch-script{border:1px solid var(--edge-soft);background:var(--surface-1);border-radius:14px;overflow:hidden}.ch-script-toggle{cursor:pointer;width:100%;color:var(--text-secondary);font-size:12.5px;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ch-script-toggle span{align-items:center;gap:7px;display:inline-flex}.ch-script-toggle:hover{color:var(--text-primary)}.ch-script.open .ch-script-chev{transform:rotate(180deg)}.ch-script-chev{transition:transform .2s}.ch-script-body{flex-direction:column;gap:12px;padding:4px 16px 16px;display:flex}.ch-line{gap:12px;display:flex}.ch-line-sp{background:var(--surface-2);border:1px solid var(--edge-default);width:26px;height:26px;font-family:var(--font-sans-jp);color:var(--accent-iris);border-radius:7px;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.ch-line-text{flex-direction:column;gap:2px;display:flex}.ch-line-jp{font-family:var(--font-sans-jp);color:var(--text-primary);font-size:15px;line-height:1.6}.ch-line-id{color:var(--text-tertiary);font-size:12px;line-height:1.5}.ch-submit-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ch-submit{border-radius:var(--radius-full);background:linear-gradient(180deg, var(--accent-iris), #b83518);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:.2s var(--ease-out-back);border:none;align-items:center;gap:8px;padding:13px 28px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 6px 18px -4px #dd412499}.ch-submit:hover:not(.disabled){transform:translateY(-1px)}.ch-submit.disabled,.ch-submit:disabled{opacity:.4;cursor:not-allowed;background:var(--surface-2);color:var(--text-tertiary);box-shadow:none}.ch-pemb{animation:ch-slide .32s var(--ease-out-back);border:1px solid;border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}@keyframes ch-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ch-pemb.good{background:#6b8e3f0f;border-color:#6b8e3f47}.ch-pemb.bad{background:#a4243b0f;border-color:#a4243b47}.ch-pemb-badge{align-items:center;gap:12px;display:flex}.chpb-ic{border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.chpb-ic.good{background:var(--accent-emerald);color:#0a0c18}.chpb-ic.bad{background:var(--accent-rose);color:#fff}.ch-pemb-badge strong{color:var(--text-primary);font-size:14.5px;font-weight:700}.ch-pemb-sec{background:var(--surface-1);border:1px solid var(--edge-soft);border-radius:12px;padding:13px 15px 13px 17px;position:relative}.ch-pemb-sec:before{content:"";border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:13px;left:0}.ch-pemb-sec.good:before{background:var(--accent-emerald);box-shadow:0 0 8px}.ch-pemb-sec.bad:before{background:var(--accent-rose);box-shadow:0 0 8px}.ch-pemb-sec.vocab:before{background:var(--accent-iris);box-shadow:0 0 8px}.ch-pemb-h{letter-spacing:.14em;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.ch-pemb-sec.good .ch-pemb-h{color:var(--accent-emerald)}.ch-pemb-sec.bad .ch-pemb-h{color:var(--accent-rose)}.ch-pemb-sec.vocab .ch-pemb-h{color:var(--accent-iris)}.ch-pemb-link{color:var(--text-tertiary);letter-spacing:0;text-transform:none;margin-left:auto;font-size:10.5px;font-weight:600;text-decoration:none}.ch-pemb-link:hover{color:var(--accent-iris)}.ch-pemb-sec p{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.7}.ch-chips{flex-wrap:wrap;gap:7px;display:flex}.ch-chip{background:var(--surface-2);border:1px solid var(--edge-default);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-family:inherit;transition:all .16s;display:inline-flex}.ch-chip:hover{border-color:#dd412466}.ch-chip-k{font-family:var(--font-sans-jp);color:var(--accent-iris);font-size:14px;font-weight:600}.ch-chip-r{font-family:var(--font-sans-jp);color:var(--text-tertiary);font-size:10px}.ch-chip-m{color:var(--text-secondary);font-size:12px}.ch-chip-add{background:var(--surface-1);border:1px solid var(--edge-default);width:18px;height:18px;color:var(--text-tertiary);border-radius:5px;place-items:center;display:grid}.ch-nav{border-top:1px solid var(--edge-soft);background:#1416264d;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;display:flex}.ch-nav-mid{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:12px}.ch-side-card{padding:18px 20px}.ch-side-head{letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:11.5px;font-weight:700;display:flex}.ch-side-meta{color:var(--text-tertiary);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0;margin-left:auto;font-size:13px}.ch-side-meta b{color:var(--accent-emerald)}.ch-num-grid{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.ch-cell{aspect-ratio:1;background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--text-tertiary);cursor:pointer;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;font-family:var(--font-sans);border-radius:7px;transition:all .14s}.ch-cell:hover{background:var(--surface-2);color:var(--text-primary)}.ch-cell.on{background:var(--accent-iris);border-color:var(--accent-iris);color:#fff;box-shadow:0 0 0 2px var(--bg-canvas), 0 0 0 3px var(--accent-iris)}.ch-cell.correct{color:var(--accent-emerald);background:#6b8e3f2e;border-color:#6b8e3f66}.ch-cell.wrong{color:#e0566f;background:#a4243b2e;border-color:#a4243b66}.ch-legend{border-top:1px solid var(--edge-soft);color:var(--text-tertiary);flex-wrap:wrap;gap:8px 12px;margin-top:14px;padding-top:12px;font-size:10px;display:flex}.ch-legend span{align-items:center;gap:4px;display:inline-flex}.ch-legend .lg{background:var(--surface-2);border:1px solid var(--edge-default);border-radius:3px;width:9px;height:9px}.ch-legend .lg.on{background:var(--accent-iris);border-color:var(--accent-iris)}.ch-legend .lg.correct{background:#6b8e3f99}.ch-legend .lg.wrong{background:#a4243b99}.ch-tip p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.6}.ch-tip p b{color:var(--text-primary)}.ch-pause-btn{background:var(--surface-1);border:1px solid var(--edge-default);color:var(--text-secondary);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font-sans);border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:12px;transition:all .16s;display:inline-flex}.ch-pause-btn:hover{background:var(--surface-2);color:var(--text-primary)}.ch-map-mask{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06070fb8;justify-content:center;align-items:center;padding:24px;animation:.2s ch-fade;display:flex;position:fixed;inset:0}@keyframes ch-fade{0%{opacity:0}to{opacity:1}}.ch-map{flex-direction:column;width:100%;max-width:560px;max-height:88vh;display:flex;overflow:hidden}.ch-map-head{border-bottom:1px solid var(--edge-soft);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ch-map-head h3{margin:0;font-size:16px;font-weight:600}.modal-close{background:var(--surface-1);border:1px solid var(--edge-soft);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;place-items:center;display:grid}.modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.ch-map-body{flex-direction:column;gap:18px;padding:18px 24px;display:flex;overflow-y:auto}.ch-map-mondai .ch-num-grid{grid-template-columns:repeat(6,1fr)}.ch-map-mlabel{font-size:13px;font-family:var(--font-sans-jp);align-items:center;gap:6px;margin-bottom:10px;display:flex}.ch-map-mlabel .chm-no{font-size:13px}@media (max-width:1024px){.ch-grid{grid-template-columns:1fr}.ch-side{position:static}}@media (max-width:768px){.ch-header{flex-direction:column;align-items:flex-start;gap:14px}.ch-title{font-size:26px}.ch-qbody{padding:18px 16px}.ch-nav{padding:14px 16px}.chp-row{gap:10px}.chp-play{width:48px;height:48px}.stabilo-dock{bottom:92px}.stabilo-dock-tools{flex-wrap:wrap;max-width:calc(100vw - 28px)}}.materi-v3{--line:#ffffff14;--line-2:#ffffff24;--jp:var(--font-sans-jp);--jps:var(--font-serif-jp)}.materi-v3 .card{background:var(--surface);border:1px solid var(--line);border-radius:16px}.materi-v3 a{color:#e8704f;text-decoration:none}.materi-v3 a:hover{color:var(--primary-hover)}.materi-v3 .m3-hd{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin:6px 0 20px;display:flex}.materi-v3 .m3-hd h1{letter-spacing:-.03em;font-size:32px;font-weight:600;line-height:1}.materi-v3 .m3-hd h1 .jp{font-family:var(--jps);background:linear-gradient(120deg,#f0b49a,var(--primary));color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:10px;font-size:27px}.materi-v3 .m3-hd p{color:var(--text-dim);max-width:520px;margin-top:10px;font-size:13px;line-height:1.55}.materi-v3 .m3-pace{background:linear-gradient(135deg,#6b8e3f1a,var(--surface));border:1px solid #6b8e3f4d;border-radius:16px;flex:0 340px;min-width:300px;padding:15px 18px}.materi-v3 .m3-pace-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.materi-v3 .m3-pace-top .t{letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:700}.materi-v3 .m3-pace-top .badge{color:#8fcb52;background:#6b8e3f2e;border:1px solid #6b8e3f66;border-radius:99px;padding:3px 10px;font-size:10px;font-weight:800}.materi-v3 .m3-pace .main{font-size:13.5px;font-weight:700;line-height:1.45}.materi-v3 .m3-pace .main b{color:#8fcb52}.materi-v3 .m3-pace .sub{color:var(--text-dim);margin-top:3px;font-size:11px}.materi-v3 .m3-pace .sub b{color:var(--warning);font-weight:700}.materi-v3 .m3-next{background:linear-gradient(135deg,#dd412429,var(--surface));border:1px solid #dd412461;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:14px;padding:22px 26px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 44px -18px #dd412473}.materi-v3 .m3-next:after{content:"次";font-family:var(--jps);opacity:.05;pointer-events:none;font-size:130px;font-weight:700;position:absolute;top:-26px;right:170px}.materi-v3 .m3-next .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#e8704f;align-items:center;gap:7px;margin-bottom:9px;font-size:10px;font-weight:800;display:inline-flex}.materi-v3 .m3-next .eyebrow .d{background:var(--primary);width:6px;height:6px;box-shadow:0 0 8px var(--primary);border-radius:50%}.materi-v3 .m3-next .t{letter-spacing:-.02em;font-size:22px;font-weight:700}.materi-v3 .m3-next .t .jpt{font-family:var(--jp)}.materi-v3 .m3-next .meta{color:var(--text-dim);flex-wrap:wrap;gap:16px;margin-top:10px;font-size:11.5px;display:flex}.materi-v3 .m3-next .meta b{color:var(--text-muted);font-weight:600}.materi-v3 .m3-next .acts{flex-direction:column;gap:8px;display:flex}.materi-v3 .btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:700;transition:all .16s;display:inline-flex}.materi-v3 .btn-p{background:var(--primary);color:#fff;box-shadow:0 10px 24px -8px #dd4124bf}.materi-v3 .btn-p:hover{background:var(--primary-hover);transform:translateY(-1px)}.materi-v3 .btn-g{border:1px solid var(--line-2);color:var(--text-muted);background:0 0;padding:9px 20px;font-size:11.5px}.materi-v3 .btn-g:hover{color:#e8704f;border-color:#dd412473}.materi-v3 .m3-bar{flex-wrap:wrap;align-items:center;gap:9px;margin:22px 0 14px;display:flex}.materi-v3 .fchip{background:var(--surface);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);border-radius:99px;align-items:center;gap:6px;padding:8px 15px;transition:all .15s;display:inline-flex}.materi-v3 .fchip:hover{color:var(--text-muted);border-color:var(--line-2)}.materi-v3 .fchip.on{color:#e8704f;background:#dd41241f;border-color:#dd412466}.materi-v3 .fchip .c{color:var(--text-dim);font-size:10px}.materi-v3 .fchip .lock{font-size:10px}.materi-v3 .m3-div{background:var(--line-2);width:1px;height:20px;margin:0 4px}.materi-v3 .bar-r{color:var(--text-dim);margin-left:auto;font-size:11.5px}.materi-v3 .m3-lock{color:var(--text-muted);background:#dd412412;border:1px solid #dd412438;border-radius:12px;align-items:center;gap:8px;margin-bottom:14px;padding:11px 16px;font-size:12px;display:flex}.materi-v3 .m3-lock .cta{margin-left:auto;font-weight:700}.materi-v3 .m3-exams{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.materi-v3 .exam{cursor:default;padding:18px 20px;transition:all .16s;position:relative;overflow:hidden}.materi-v3 .exam:hover{border-color:var(--line-2)}.materi-v3 .exam.teaser{opacity:.82}.materi-v3 .exam-glyph{font-family:var(--jps);opacity:.05;pointer-events:none;font-size:78px;font-weight:700;position:absolute;bottom:-20px;right:-8px}.materi-v3 .exam-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.materi-v3 .exam-t{font-family:var(--jp);font-size:16.5px;font-weight:700}.materi-v3 .exam-badge{letter-spacing:.08em;white-space:nowrap;border-radius:99px;padding:3px 8px;font-size:9px;font-weight:800}.materi-v3 .eb-done{color:#8fcb52;background:#6b8e3f29;border:1px solid #6b8e3f66}.materi-v3 .eb-new{color:var(--warning);background:#d4a04a26;border:1px solid #d4a04a59}.materi-v3 .exam-s{color:var(--text-dim);margin-bottom:13px;font-size:11px}.materi-v3 .exam-s b{color:var(--text-muted);font-weight:600}.materi-v3 .parts{flex-direction:column;gap:7px;display:flex}.materi-v3 .part{border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:11px;align-items:center;gap:10px;padding:9px 12px;transition:all .14s;display:flex}.materi-v3 .part:hover{background:#dd41240f;border-color:#dd412466}.materi-v3 .part.disabled{cursor:default;opacity:.55}.materi-v3 .part.disabled:hover{border-color:var(--line);background:#ffffff08}.materi-v3 .part-ic{border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.materi-v3 .pi-w{background:#dd412421;border:1px solid #dd41244d}.materi-v3 .pi-l{background:#6b7d5c29;border:1px solid #6b7d5c66}.materi-v3 .part-m{flex:1;min-width:0}.materi-v3 .part-t{font-size:11.5px;font-weight:700}.materi-v3 .part-s{color:var(--text-dim);margin-top:1px;font-size:9.5px}.materi-v3 .part-go{color:#e8704f;white-space:nowrap;font-size:11px;font-weight:700}.materi-v3 .part-score{color:#8fcb52;background:#6b8e3f29;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:800}.materi-v3 .part-soon{color:var(--text-dim);font-size:10px}.materi-v3 .more{border:1.5px dashed var(--line-2);cursor:pointer;min-height:180px;font-family:var(--font-sans);background:0 0;border-radius:16px;place-items:center;transition:all .16s;display:grid}.materi-v3 .more:hover{background:#dd41240a;border-color:#dd412466}.materi-v3 .more .n{color:var(--text-muted);font-size:20px;font-weight:700}.materi-v3 .more .l{color:var(--text-dim);margin-top:4px;font-size:11.5px}.materi-v3 .more .a{color:#e8704f;margin-top:10px;font-size:11.5px;font-weight:700}.materi-v3 .m3-empty{color:var(--text-dim);text-align:center;grid-column:1/-1;padding:30px 0;font-size:13px}.materi-v3 .m3-sec{flex-wrap:wrap;align-items:baseline;gap:10px;margin:34px 0 13px;display:flex}.materi-v3 .m3-sec h2{letter-spacing:-.015em;font-size:18px;font-weight:700}.materi-v3 .m3-sec .b{background:var(--primary);color:#fff;border-radius:99px;padding:2px 9px;font-size:10.5px;font-weight:800}.materi-v3 .m3-sec .b.muted{background:var(--surface-3);color:var(--text-dim)}.materi-v3 .m3-sec .r{color:var(--text-dim);margin-left:auto;font-size:11.5px}.materi-v3 .m3-duo{grid-template-columns:1fr 1fr;gap:13px;display:grid}.materi-v3 .mat{cursor:pointer;grid-template-columns:120px minmax(0,1fr);transition:all .16s;display:grid;overflow:hidden}.materi-v3 .mat:hover{border-color:var(--line-2);transform:translateY(-2px)}.materi-v3 .mat-g{border-right:1px solid var(--line);background:#dd41240f;place-items:center;display:grid;position:relative}.materi-v3 .mat-g .gl{font-family:var(--jps);background:linear-gradient(150deg,#f0b49a,var(--primary));color:#0000;filter:drop-shadow(0 6px 14px #dd412459);-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:700}.materi-v3 .mat-g.gold{background:#d4a04a12}.materi-v3 .mat-g.gold .gl{background:linear-gradient(150deg,#f2d89f,var(--warning));-webkit-background-clip:text;background-clip:text}.materi-v3 .mat-b{flex-direction:column;gap:7px;padding:16px 18px;display:flex}.materi-v3 .mat-eyebrow{letter-spacing:.13em;text-transform:uppercase;color:#e8704f;font-size:9.5px;font-weight:800}.materi-v3 .mat-eyebrow.gold{color:var(--warning)}.materi-v3 .mat-t{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.materi-v3 .mat-soon{letter-spacing:.1em;background:var(--surface-3);color:var(--text-dim);border-radius:99px;padding:2px 7px;font-size:8.5px;font-weight:800}.materi-v3 .mat-d{color:var(--text-dim);font-size:11.5px;line-height:1.5}.materi-v3 .mat-foot{align-items:center;gap:10px;margin-top:auto;padding-top:8px;display:flex}.materi-v3 .mat-track{background:var(--surface-3);border-radius:2px;flex:1;height:4px;overflow:hidden}.materi-v3 .mat-track i{background:linear-gradient(90deg,var(--primary),var(--primary-hover));border-radius:2px;height:100%;display:block}.materi-v3 .mat-track i.gold{background:linear-gradient(90deg,var(--warning),#e8c57e)}.materi-v3 .mat-pct{color:var(--text-dim);font-size:10.5px}.materi-v3 .mat-go{color:#e8704f;white-space:nowrap;font-size:11.5px;font-weight:700}.materi-v3 .m3-soon{grid-template-columns:1fr 1fr 1fr 260px;display:grid;overflow:hidden}.materi-v3 .soon-i{border-right:1px solid var(--line);opacity:.75;align-items:center;gap:12px;padding:16px 20px;transition:all .15s;display:flex}.materi-v3 .soon-i:hover{opacity:1;background:var(--surface-2)}.materi-v3 .soon-ic{background:var(--surface-3);border:1px solid var(--line-2);width:38px;height:38px;font-family:var(--jps);color:var(--text-muted);border-radius:11px;flex-shrink:0;place-items:center;font-size:17px;font-weight:700;display:grid;position:relative}.materi-v3 .soon-ic .lk{font-size:9px;position:absolute;bottom:-4px;right:-4px}.materi-v3 .soon-t{font-size:12.5px;font-weight:700}.materi-v3 .soon-s{color:var(--text-dim);margin-top:2px;font-size:10px;line-height:1.4}.materi-v3 .soon-vote{background:#dd41240d;flex-direction:column;justify-content:center;gap:8px;padding:16px 20px;display:flex}.materi-v3 .soon-vote .t{color:var(--text-muted);font-size:11.5px;font-weight:700}.materi-v3 .vbtn{color:#e8704f;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-sans);background:#dd41241f;border:1px solid #dd412466;border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;transition:all .15s;display:inline-flex}.materi-v3 .vbtn:hover{background:var(--primary);color:#fff}@media (max-width:1100px){.materi-v3 .m3-exams{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.materi-v3 .m3-exams,.materi-v3 .m3-duo{grid-template-columns:1fr}.materi-v3 .m3-soon{grid-template-columns:1fr 1fr}.materi-v3 .m3-next{grid-template-columns:1fr}.materi-v3 .bar-r{display:none}}.beranda-v2{--b-surface:#1a1620;--b-surface-2:#241e2a;--b-surface-3:#2c2532;--b-line:#ffffff14;--b-line-2:#ffffff24;--b-text:#fff;--b-muted:#ffffffb8;--b-dim:#ffffff7a;--b-primary:#dd4124;--b-primary-h:#e55a3f;--b-success:#6b8e3f;--b-warning:#d4a04a;--b-danger:#a4243b;--b-moji:#c77b3f;--b-goi:#8b5a8c;--b-bunpou:#4a7c7e;--b-dokkai:#b85450;--b-choukai:#6b7d5c;--b-jp:var(--font-sans-jp), "Noto Sans JP", sans-serif;--b-jps:var(--font-serif-jp), "Noto Serif JP", serif;color:var(--b-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;letter-spacing:normal;font-size:16px;line-height:normal}@keyframes bv-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bv-glowpulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes bv-flicker{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.18)rotate(3deg)}}@keyframes bv-barfill{0%{width:0}}@keyframes bv-ringdraw{0%{stroke-dashoffset:201px}}@keyframes bv-shine{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(240%)skew(-18deg)}}@keyframes bv-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bv-wkgrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.beranda-v2 a{color:#e8704f;text-decoration:none}.beranda-v2 a:hover{color:var(--b-primary-h)}.beranda-v2 a:focus-visible{outline-offset:4px;outline:2px solid #e8704f}.beranda-v2 .card{background:var(--b-surface);border:1px solid var(--b-line);border-radius:16px}.beranda-v2 .bv-top{z-index:4;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;animation:.5s cubic-bezier(.16,1,.3,1) both bv-rise;display:flex;position:relative}.beranda-v2 .bv-greet p{color:var(--b-dim);margin:0;font-size:12.5px}.beranda-v2 .bv-greet p b{color:var(--b-muted)}.beranda-v2 .bv-top-r{align-items:center;gap:10px;display:flex}.beranda-v2 .bv-pill{background:var(--b-surface);border:1px solid var(--b-line);color:var(--b-muted);border-radius:99px;align-items:center;gap:7px;padding:8px 15px;font-size:12.5px;font-weight:600;display:inline-flex}.beranda-v2 .bv-pill.streak{color:var(--b-warning);border-color:#d4a04a66}.beranda-v2 .bv-pill.streak .fl{animation:1.6s ease-in-out infinite bv-flicker;display:inline-block}.beranda-v2 .bv-pill b{color:var(--b-text);font-weight:700}.beranda-v2 .bv-pill.streak b{color:var(--b-warning)}.beranda-v2 .bv-pill.streak.bump{animation:.8s cubic-bezier(.34,1.56,.64,1) bv-bump}@keyframes bv-bump{35%{transform:scale(1.4);box-shadow:0 0 22px #d4a04a99}}.beranda-v2 .bv-pill.streak.off{border-color:var(--b-line-2);color:var(--b-dim)}.beranda-v2 .bv-pill.streak.off b{color:var(--b-dim)}.beranda-v2 .bv-xp{flex-direction:column;gap:4px;min-width:150px;display:flex}.beranda-v2 .bv-xp-top{color:var(--b-dim);font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #0b0a0cf2,0 0 2px #0b0a0ce6;justify-content:space-between;font-size:10px;display:flex}.beranda-v2 .bv-xp-top b{color:#e8704f}.beranda-v2 .bv-xp-bar{background:var(--b-surface-3);border-radius:3px;height:5px;overflow:hidden;box-shadow:0 0 0 2px #0b0a0cd9,0 2px 10px #0b0a0ccc}.beranda-v2 .bv-xp-bar i{background:linear-gradient(90deg, var(--b-primary), var(--b-primary-h));border-radius:3px;height:100%;animation:1s cubic-bezier(.16,1,.3,1) .3s both bv-barfill;display:block;box-shadow:0 0 8px #dd412499}.beranda-v2 .bv-lv{color:#e8704f;background:#dd412429;border:1px solid #dd412466;border-radius:12px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.beranda-v2 .bv-ava{background:linear-gradient(135deg, var(--b-primary), var(--b-danger));color:#fff;border:2px solid #ffffff1f;border-radius:50%;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid;overflow:hidden}.beranda-v2 .bv-ava-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.beranda-v2 .bv-resume{background:linear-gradient(135deg, #dd412424, var(--b-surface));color:var(--b-text);border:1px solid #dd41244d;border-radius:16px;align-items:center;gap:16px;margin-bottom:16px;padding:15px 20px;display:flex;position:relative;overflow:hidden}.beranda-v2 .bv-resume:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:60px;animation:3.5s ease-in-out infinite bv-shine;position:absolute;top:0;bottom:0}.beranda-v2 .bv-resume:after{content:"続";font-family:var(--b-jps);opacity:.06;pointer-events:none;font-size:92px;font-weight:700;position:absolute;top:-18px;right:10px}.beranda-v2 .res-ic{background:#dd41242e;border:1px solid #dd412466;border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:19px;display:grid}.beranda-v2 .res-m{flex:1;min-width:0}.beranda-v2 .res-t{color:var(--b-text);font-size:14px;font-weight:700}.beranda-v2 .res-t .jpt{font-family:var(--b-jp)}.beranda-v2 .res-s{color:var(--b-dim);align-items:center;gap:10px;margin-top:3px;font-size:11.5px;display:flex}.beranda-v2 .res-bar{background:var(--b-surface-3);border-radius:2px;flex-shrink:0;width:120px;height:4px;display:inline-block;overflow:hidden}.beranda-v2 .res-bar i{background:var(--b-primary);height:100%;display:block}.beranda-v2 .btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:99px;justify-content:center;align-items:center;gap:7px;padding:11px 20px;font-size:12.5px;font-weight:700;transition:all .16s;display:inline-flex}.beranda-v2 .btn-p{background:var(--b-primary);color:#fff;box-shadow:0 8px 20px -8px #dd4124b3}.beranda-v2 .btn-p:hover{background:var(--b-primary-h);color:#fff;transform:translateY(-1px)}.beranda-v2 .btn-g{border:1px solid var(--b-line-2);color:var(--b-muted);background:0 0}.beranda-v2 .btn-g:hover{color:#e8704f;border-color:#dd412466}.beranda-v2 .btn.sm{padding:8px 16px;font-size:11px}.beranda-v2 .bv-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.beranda-v2 .bv-stat{padding:15px 18px;animation:.5s cubic-bezier(.16,1,.3,1) both bv-rise;position:relative;overflow:hidden}.beranda-v2 .bv-stat:first-child{animation-delay:.12s}.beranda-v2 .bv-stat:nth-child(2){animation-delay:.18s}.beranda-v2 .bv-stat:nth-child(3){animation-delay:.24s}.beranda-v2 .bv-stat:nth-child(4){animation-delay:.3s}.beranda-v2 .bv-stat:hover{border-color:var(--b-line-2);transition:all .18s;transform:translateY(-2px)}.beranda-v2 .bv-stat:after{content:"";aspect-ratio:1;background:radial-gradient(circle,#dd41241f,#0000 70%);border-radius:50%;width:60%;position:absolute;top:-40%;right:-20%}.beranda-v2 .stat-l{color:var(--b-dim);align-items:center;gap:7px;margin-bottom:9px;font-size:10.5px;font-weight:600;display:flex}.beranda-v2 .stat-ic{border-radius:8px;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.beranda-v2 .stat-v{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:25px;font-weight:700;line-height:1;position:relative}.beranda-v2 .stat-v .u{color:var(--b-dim);margin-left:4px;font-size:11.5px;font-weight:500}.beranda-v2 .stat-d{margin-top:6px;font-size:10.5px;font-weight:700;position:relative}.beranda-v2 .stat-d.up{color:#8fcb52}.beranda-v2 .stat-d.flat{color:var(--b-dim)}.beranda-v2 .bv-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.beranda-v2 .bv-col>*,.beranda-v2 .bv-side>*{animation:.55s cubic-bezier(.16,1,.3,1) both bv-rise}.beranda-v2 .bv-col>:first-child{animation-delay:.34s}.beranda-v2 .bv-col>:nth-child(2){animation-delay:.42s}.beranda-v2 .bv-col>:nth-child(3){animation-delay:.5s}.beranda-v2 .bv-side>:first-child{animation-delay:.4s}.beranda-v2 .bv-side>:nth-child(2){animation-delay:.48s}.beranda-v2 .bv-side>:nth-child(3){animation-delay:.56s}.beranda-v2 .bv-side>:nth-child(4){animation-delay:.64s}.beranda-v2 .bv-col{flex-direction:column;gap:16px;min-width:0;display:flex}.beranda-v2 .bv-duo{grid-template-columns:1.15fr 1fr;gap:16px;display:grid}.beranda-v2 .bv-kanji{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:18px;padding:20px;display:grid;position:relative;overflow:hidden}.beranda-v2 .kj-stage{place-items:center;height:150px;display:grid;position:relative}.beranda-v2 .kj-stage:before{content:"";background:radial-gradient(circle,#dd412438,#0000 65%);border-radius:50%;width:130px;height:130px;animation:3.2s ease-in-out infinite bv-glowpulse;position:absolute}.beranda-v2 .kj{font-family:var(--b-jps);background:linear-gradient(150deg, #f0b49a, var(--b-primary));color:#0000;filter:drop-shadow(0 8px 18px #dd412466);-webkit-background-clip:text;background-clip:text;font-size:96px;font-weight:700;line-height:1;animation:4.5s ease-in-out infinite bv-floaty;position:relative}.beranda-v2 .kj-meta{flex-direction:column;gap:9px;min-width:0;display:flex}.beranda-v2 .tagrow{gap:6px;display:flex}.beranda-v2 .tag{letter-spacing:.06em;border-radius:99px;padding:3px 9px;font-size:9.5px;font-weight:700}.beranda-v2 .tag-day{color:#e8704f;background:#dd412424}.beranda-v2 .tag-lvl{color:#e8704f;background:#dd41242e;border:1px solid #dd412452}.beranda-v2 .kj-read{font-family:var(--b-jp);font-size:18px;font-weight:700}.beranda-v2 .kj-read .rom{font-family:var(--font-sans);color:var(--b-dim);margin-left:7px;font-size:11.5px;font-weight:500}.beranda-v2 .kj-mean{color:var(--b-muted);font-size:12px;line-height:1.5}.beranda-v2 .kj-ex{border:1px solid var(--b-line);font-family:var(--b-jp);color:var(--b-text);background:#dd41240f;border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.7}.beranda-v2 .kj-ex .hl{color:#e8704f;font-weight:700}.beranda-v2 .kj-ex .tr{font-family:var(--font-sans);color:var(--b-dim);margin-top:2px;font-size:10.5px;display:block}.beranda-v2 .bv-quiz{flex-direction:column;gap:12px;padding:20px;display:flex}.beranda-v2 .q-head{justify-content:space-between;align-items:center;display:flex}.beranda-v2 .q-head h3{font-size:14px;font-weight:700}.beranda-v2 .q-head span{color:var(--b-dim);font-variant-numeric:tabular-nums;font-size:10.5px}.beranda-v2 .q-q{font-family:var(--b-jp);font-size:14.5px;line-height:1.75}.beranda-v2 .blank{text-align:center;border-bottom:2px dashed var(--b-primary);min-width:44px;color:var(--b-dim);margin:0 2px;display:inline-block}.beranda-v2 .q-opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.beranda-v2 .q-opt{border:1px solid var(--b-line);cursor:pointer;font-family:var(--b-jp);background:#ffffff08;border-radius:11px;align-items:center;gap:9px;padding:9px 12px;font-size:13.5px;font-weight:600;transition:all .14s;display:flex}.beranda-v2 .q-opt:hover{background:#dd412412;border-color:#dd412466}.beranda-v2 .q-opt.ok{border-color:var(--b-success);background:#6b8e3f24}.beranda-v2 .ok-k{background:var(--b-success)!important;border-color:var(--b-success)!important;color:#14200a!important}.beranda-v2 .q-k{background:var(--b-surface-3);border:1px solid var(--b-line-2);width:20px;height:20px;font-family:var(--font-sans);color:var(--b-dim);border-radius:6px;flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:grid}.beranda-v2 .q-foot{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.beranda-v2 .q-foot span{color:var(--b-dim);font-size:11px}.beranda-v2 .bv-fokus{padding:20px}.beranda-v2 .f-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.beranda-v2 .f-head h3{font-size:14px;font-weight:700}.beranda-v2 .f-head a{font-size:11px;font-weight:700;text-decoration:none}.beranda-v2 .cats{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.beranda-v2 .cat{border:1px solid var(--b-line);cursor:pointer;background:#ffffff08;border-radius:13px;padding:13px 14px;transition:all .15s;position:relative;overflow:hidden}.beranda-v2 .cat:hover{border-color:var(--b-line-2);transform:translateY(-2px)}.beranda-v2 .cat-jp{font-family:var(--b-jp);margin-bottom:1px;font-size:15px;font-weight:700}.beranda-v2 .cat-ro{letter-spacing:.08em;text-transform:uppercase;color:var(--b-dim);margin-bottom:10px;font-size:9px;font-weight:600}.beranda-v2 .cat-bar{background:var(--b-surface-3);border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.beranda-v2 .cat-bar i{border-radius:2px;height:100%;animation:1.1s cubic-bezier(.16,1,.3,1) .6s both bv-barfill;display:block}.beranda-v2 .cat-pct{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.beranda-v2 .cat-n{color:var(--b-dim);margin-top:1px;font-size:9.5px}.beranda-v2 .c-moji{box-shadow:inset 3px 0 0 var(--b-moji)}.beranda-v2 .c-moji .cat-jp,.beranda-v2 .c-moji .cat-pct{color:var(--b-moji)}.beranda-v2 .c-moji .cat-bar i{background:var(--b-moji)}.beranda-v2 .c-goi{box-shadow:inset 3px 0 0 var(--b-goi)}.beranda-v2 .c-goi .cat-jp,.beranda-v2 .c-goi .cat-pct{color:#b583b6}.beranda-v2 .c-goi .cat-bar i{background:var(--b-goi)}.beranda-v2 .c-bunpou{box-shadow:inset 3px 0 0 var(--b-bunpou)}.beranda-v2 .c-bunpou .cat-jp,.beranda-v2 .c-bunpou .cat-pct{color:#6fa5a7}.beranda-v2 .c-bunpou .cat-bar i{background:var(--b-bunpou)}.beranda-v2 .c-dokkai{box-shadow:inset 3px 0 0 var(--b-dokkai)}.beranda-v2 .c-dokkai .cat-jp,.beranda-v2 .c-dokkai .cat-pct{color:#d07e7a}.beranda-v2 .c-dokkai .cat-bar i{background:var(--b-dokkai)}.beranda-v2 .c-choukai{box-shadow:inset 3px 0 0 var(--b-choukai)}.beranda-v2 .c-choukai .cat-jp,.beranda-v2 .c-choukai .cat-pct{color:#92a67f}.beranda-v2 .c-choukai .cat-bar i{background:var(--b-choukai)}.beranda-v2 .f-note{color:var(--b-muted);background:#b8545014;border:1px solid #b8545040;border-radius:11px;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;font-size:11.5px;display:flex}.beranda-v2 .f-note b{color:#d07e7a}.beranda-v2 .f-note .btn{margin-left:auto;padding:7px 14px;font-size:11px}.beranda-v2 .f-note .hx-tip{object-fit:contain;filter:drop-shadow(0 6px 14px #ff6a004d);flex-shrink:0;width:52px;height:52px;margin:-10px 0 -10px -6px}.beranda-v2 .bv-materi2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.beranda-v2 .bv-materi2.tiga{grid-template-columns:repeat(3,minmax(0,1fr))}.beranda-v2 .m-card{cursor:pointer;color:var(--b-text);align-items:center;gap:13px;padding:16px 18px;transition:all .15s;display:flex;position:relative;overflow:hidden}.beranda-v2 .m-card:hover{background:var(--b-surface-2);color:var(--b-text);transform:translateY(-1px)}.beranda-v2 .m-card.m-warn{border-color:#dd412452}.beranda-v2 .m-card.m-warn .m-t{color:#e8704f}.beranda-v2 .m-card.m-warn .m-s b{color:var(--b-text);font-family:var(--b-jps)}.beranda-v2 .m-glyph{font-family:var(--b-jps);opacity:.06;pointer-events:none;font-size:64px;font-weight:700;position:absolute;bottom:-16px;right:-4px}.beranda-v2 .m-ic{border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.beranda-v2 .m-ic.goi{background:#8b5a8c2e;border:1px solid #8b5a8c66}.beranda-v2 .m-ic.bun{background:#4a7c7e2e;border:1px solid #4a7c7e73}.beranda-v2 .m-ic.kanji{background:#dd412429;border:1px solid #dd412466}.beranda-v2 .m-m{flex:1;min-width:0}.beranda-v2 .m-t{font-size:13px;font-weight:700}.beranda-v2 .m-s{color:var(--b-dim);margin-top:2px;font-size:10.5px}.beranda-v2 .m-bar{background:var(--b-surface-3);border-radius:2px;flex-shrink:0;width:70px;height:4px;overflow:hidden}.beranda-v2 .m-bar i{background:linear-gradient(90deg, var(--b-primary), var(--b-primary-h));border-radius:2px;height:100%;display:block}.beranda-v2 .bv-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.beranda-v2 .bv-scard{padding:17px 19px}.beranda-v2 .s-h{letter-spacing:.12em;text-transform:uppercase;color:var(--b-muted);justify-content:space-between;align-items:center;margin-bottom:13px;font-size:10.5px;font-weight:700;display:flex}.beranda-v2 .s-h .r{color:#8fcb52;text-transform:none;letter-spacing:0;font-size:10.5px;font-weight:700}.beranda-v2 .s-h .r.turun{color:var(--b-dim)}.beranda-v2 .s-h .s-all{text-transform:none;letter-spacing:0;font-size:10.5px;text-decoration:none}.beranda-v2 .cd{align-items:center;gap:14px;display:flex}.beranda-v2 .cd-ring{flex-shrink:0;width:74px;height:74px;position:relative}.beranda-v2 .cd-ring circle:last-child{animation:1.4s cubic-bezier(.16,1,.3,1) .5s both bv-ringdraw}.beranda-v2 .cd-ring .n{font-variant-numeric:tabular-nums;place-items:center;font-size:19px;font-weight:700;display:grid;position:absolute;inset:0}.beranda-v2 .cd-m{min-width:0}.beranda-v2 .cd-t{font-size:13px;font-weight:700}.beranda-v2 .cd-s{color:var(--b-dim);margin-top:3px;font-size:10.5px;line-height:1.5}.beranda-v2 .cd-s b{color:var(--b-warning)}.beranda-v2 .wk{align-items:flex-end;gap:6px;height:60px;display:flex}.beranda-v2 .wkc{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.beranda-v2 .wkb{background:linear-gradient(180deg, var(--b-primary-h), var(--b-primary));transform-origin:bottom;border-radius:4px 4px 2px 2px;flex-shrink:0;width:100%;min-height:3px;animation:.8s cubic-bezier(.16,1,.3,1) .7s both bv-wkgrow}.beranda-v2 .wkb.mut{background:var(--b-surface-3)}.beranda-v2 .wkb.now{box-shadow:0 0 10px #dd41248c}.beranda-v2 .wkl{color:var(--b-dim);font-size:9px;font-weight:700;line-height:12px}.beranda-v2 .wkl.now{color:#e8704f}.beranda-v2 .wk-note{color:var(--b-dim);border-top:1px solid var(--b-line);margin-top:11px;padding-top:11px;font-size:10.5px;line-height:1.5}.beranda-v2 .wk-note b{color:var(--b-muted)}.beranda-v2 .riw{flex-direction:column;gap:5px;display:flex}.beranda-v2 .riw-i{cursor:pointer;color:var(--b-text);border-radius:10px;align-items:center;gap:10px;padding:7px 8px;transition:all .13s;display:flex}.beranda-v2 .riw-i:hover{background:var(--b-surface-2);color:var(--b-text)}.beranda-v2 .riw-g{width:30px;height:30px;font-family:var(--b-jps);border:1px solid;border-radius:9px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.beranda-v2 .riw-m{flex:1;min-width:0}.beranda-v2 .riw-t{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;overflow:hidden}.beranda-v2 .riw-s{color:var(--b-dim);margin-top:1px;font-size:9.5px}.beranda-v2 .riw-sc{border-radius:99px;padding:2px 8px;font-size:10px;font-weight:800}.beranda-v2 .sc-g{color:#8fcb52;background:#6b8e3f29}.beranda-v2 .sc-m{color:var(--b-warning);background:#d4a04a24}.beranda-v2 .riw-empty{color:var(--b-dim);text-align:center;padding:14px 0;font-size:11px}.beranda-v2 .bv-hero{background:radial-gradient(ellipse 45% 110% at 88% 50%, #ff6a0038, transparent 62%), linear-gradient(135deg, #251a22, var(--b-surface) 70%);z-index:3;border:1px solid #dd41244d;border-radius:24px;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:20px;margin-bottom:16px;padding:26px 30px 24px;transition:background .6s;animation:.5s cubic-bezier(.16,1,.3,1) 50ms both bv-rise;display:grid;position:relative;overflow:hidden}.beranda-v2 .bv-hero.sleep{background:radial-gradient(ellipse 45% 110% at 88% 50%, #5570b52e, transparent 62%), linear-gradient(135deg, #1c1a26, var(--b-surface) 70%);border-color:#ffffff1f}.beranda-v2 .bv-hero-m{z-index:3;min-width:0;position:relative}.beranda-v2 .bv-hero-eye{letter-spacing:.13em;text-transform:uppercase;color:var(--b-dim);min-height:1em;font-size:10.5px;font-weight:800}.beranda-v2 .bv-hero h1{letter-spacing:-.03em;margin-top:8px;font-size:30px;font-weight:600;line-height:1.15}.beranda-v2 .bv-hero h1 .jp{font-family:var(--b-jps);background:linear-gradient(120deg, #f0b49a, var(--b-primary));color:#0000;-webkit-background-clip:text;background-clip:text}.beranda-v2 .bv-hero-say{color:var(--b-muted);background:#ffffff0a;border:1px solid #dd412438;border-radius:99px;align-items:center;gap:10px;max-width:100%;margin-top:12px;padding:6px 14px 6px 6px;font-size:13px;display:inline-flex}.beranda-v2 .bv-hero-say img{object-fit:contain;flex-shrink:0;width:30px;height:30px}.beranda-v2 .bv-hero-say b{color:var(--b-text)}.beranda-v2 .bv-hero-say span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.beranda-v2 .bv-hero-say.love{border-radius:18px}.beranda-v2 .bv-hero-say.love span{white-space:normal}.beranda-v2 .bv-hero .bv-resume{z-index:3;background:#0b0a0c73;margin:16px 0 0;position:relative}.beranda-v2 .bv-hero .bv-resume:after{display:none}.beranda-v2 .bv-hero-bird{justify-self:center;width:250px;height:250px;margin:-16px 0;position:relative}.beranda-v2 .bv-hero-bird .hx-box{width:100%;height:100%}.beranda-v2 .bv-trail{width:0;height:0;position:absolute;top:58%;left:32%}.beranda-v2 .bv-trail i{background:var(--c);width:5px;height:5px;box-shadow:0 0 8px var(--c);opacity:0;animation:bv-emb var(--d) ease-out var(--dl) infinite;border-radius:50%;position:absolute}@keyframes bv-emb{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) scale(.3)}}@media (min-width:1024px){.beranda-v2 .bv-hero:not(.sleep){grid-template-columns:minmax(0,1fr);min-height:0;padding:30px;overflow:visible;container-type:inline-size}.beranda-v2 .bv-hero:not(.sleep) .bv-hero-m{align-self:center}.beranda-v2 .bv-hero:not(.sleep)>*{--hx:clamp(380px, calc((100cqw + 62px) * .46), 570px)}.beranda-v2 .bv-hero:not(.sleep) .bv-hero-m{width:calc(100% - var(--hx) * .34)}.beranda-v2 .bv-hero:not(.sleep) .bv-resume{width:89.3%}.beranda-v2 .bv-hero.kosong:not(.sleep){min-height:260px}.beranda-v2 .bv-hero:not(.sleep) .bv-hero-bird{width:var(--hx);height:var(--hx);right:calc(var(--hx) * -56 / 570);top:calc(var(--hx) * -84 / 570);pointer-events:none;z-index:2;margin:0;position:absolute}.beranda-v2 .bv-hero:not(.sleep) .hx-box:before{height:46%;top:12%;left:22%;right:22%}.beranda-v2 .bv-hero:not(.sleep) .hx-img{filter:drop-shadow(0 18px 40px #ff6a0047)}.beranda-v2 .bv-hero:not(.sleep) .bv-trail{top:50%;left:40%}.beranda-v2 .bv-hero:not(.sleep) .hx-img,.beranda-v2 .bv-hero:not(.sleep) .hx-box,.beranda-v2 .bv-hero:not(.sleep) .hx-box:before{animation:none!important}.beranda-v2 .bv-hero:not(.sleep)~.bv-stats .bv-stat:last-child{animation:none}.beranda-v2 .bv-hero:not(.sleep)~.bv-stats .bv-stat:last-child:hover{transform:none}.beranda-v2 .bv-hero:not(.sleep)~.bv-stats .bv-stat:last-child:before{content:"";border-radius:inherit;z-index:4;pointer-events:none;background:linear-gradient(90deg,#16121bf0 0%,#16121bdb 48%,#16121b59 72%,#0000 90%);position:absolute;inset:0}.beranda-v2 .bv-hero:not(.sleep)~.bv-stats .bv-stat:last-child>*{z-index:5;text-shadow:0 1px 10px #0b0a0ce6,0 0 2px #0b0a0ccc;position:relative}.beranda-v2 .bv-side{z-index:4}}@media (min-width:1200px){.beranda-v2 .bv-hero:not(.sleep) .bv-resume{height:68px}}:is(html:has(.beranda-v2),body:has(.beranda-v2)){overflow-x:clip}@media (min-width:1001px) and (max-width:1199px){.beranda-v2 .bv-materi2.tiga,.beranda-v2 .bv-duo{grid-template-columns:1fr}}@media (max-width:1199px){.beranda-v2 .res-s{flex-wrap:wrap;gap:4px 10px}}@media (max-width:1023px){.beranda-v2 .bv-hero{grid-template-columns:minmax(0,1fr) 240px;padding:24px}.beranda-v2 .bv-hero-bird{width:240px;height:240px;margin:0}.beranda-v2 .bv-hero .bv-resume{flex-wrap:wrap}.beranda-v2 .bv-hero .bv-resume>.btn{margin-left:auto}}@media (max-width:1000px){.beranda-v2 .bv-grid{grid-template-columns:1fr}.beranda-v2 .bv-side{position:static}.beranda-v2 .bv-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.beranda-v2 .bv-top{flex-wrap:wrap}.beranda-v2 .bv-top-r{flex-wrap:wrap;width:100%}.beranda-v2 .bv-hero{grid-template-columns:1fr;gap:0;min-height:0;padding:22px;overflow:visible}.beranda-v2 .bv-hero-bird{z-index:1;pointer-events:none;width:clamp(160px,48vw,210px);height:clamp(160px,48vw,210px);margin:0;position:absolute;top:-36px;right:-14px}.beranda-v2 .bv-hero-eye,.beranda-v2 .bv-hero h1{padding-right:42%}.beranda-v2 .bv-hero h1{font-size:clamp(21px,6.4vw,26px)}.beranda-v2 .bv-hero h1 .jp{display:block}.beranda-v2 .bv-hero-say{z-index:3;background:#1a1620eb;border-radius:22px;position:relative}.beranda-v2 .bv-hero-say span{white-space:normal;overflow:visible}.beranda-v2 .bv-resume{flex-wrap:wrap;gap:12px;padding:14px}.beranda-v2 .bv-resume .res-m{flex:1;min-width:140px}.beranda-v2 .bv-resume>.btn{width:100%;min-height:44px}.beranda-v2 .f-head{flex-wrap:wrap;align-items:flex-start;gap:12px}.beranda-v2 .f-note{flex-wrap:wrap}.beranda-v2 .f-note>span{flex:1;min-width:150px}.beranda-v2 .f-note .btn{min-height:44px}.beranda-v2 .bv-kanji{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:16px}.beranda-v2 .kj{font-size:80px}.beranda-v2 .tagrow{flex-wrap:wrap}.beranda-v2 .q-head{flex-wrap:wrap;gap:8px}.beranda-v2 .bv-quiz .btn{min-height:44px}}@media (max-width:640px){.beranda-v2 .bv-duo,.beranda-v2 .bv-materi2,.beranda-v2 .bv-materi2.tiga{grid-template-columns:1fr}.beranda-v2 .cats{grid-template-columns:repeat(2,1fr)}}.bv-streak-banner{z-index:1000;font-family:var(--font-sans);color:#fff;white-space:nowrap;background:#241e2a;border:1px solid #d4a04a73;border-radius:99px;align-items:center;gap:10px;padding:8px 18px 8px 8px;font-size:13px;font-weight:600;animation:.35s cubic-bezier(.34,1.56,.64,1) both bv-bannerin;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -12px #000000b3}.bv-streak-banner img{object-fit:contain;width:34px;height:34px}.bv-streak-banner b{color:#d4a04a}.bv-streak-banner.out{opacity:0;transition:all .2s;transform:translate(-50%,-12px)}.bv-streak-banner.rm{animation:.2s linear both bv-fade}.bv-streak-banner.rm.out{transform:translate(-50%)}@keyframes bv-bannerin{0%{opacity:0;transform:translate(-50%,-20px)scale(.9)}}@keyframes bv-fade{0%{opacity:0}}@media (max-width:767px){.bv-streak-banner{font-size:12px;top:12px}}@media (prefers-reduced-motion:reduce){.beranda-v2 *,.beranda-v2 :before,.beranda-v2 :after{transition:none!important;animation:none!important}.beranda-v2 .bv-trail{display:none}}.beranda-v2.hx-rm .bv-trail{display:none}.kotoba-deck{--line:#ffffff14;--line-2:#ffffff24;--jp:var(--font-sans-jp);--jps:var(--font-serif-jp);max-width:1000px}.kotoba-deck .kd-hd{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin:6px 0 18px;display:flex}.kotoba-deck .kd-hd h1{letter-spacing:-.03em;align-items:center;gap:10px;font-size:30px;font-weight:600;display:flex}.kotoba-deck .kd-hd h1 .jp{font-family:var(--jps);background:linear-gradient(120deg,#f0b49a,var(--primary));color:#0000;-webkit-background-clip:text;background-clip:text}.kotoba-deck .kd-lv{color:#e8704f;background:#dd412429;border:1px solid #dd412466;border-radius:8px;padding:3px 9px;font-size:12px;font-weight:700}.kotoba-deck .kd-hd p{color:var(--text-dim);margin-top:8px;font-size:13px}.kotoba-deck .kd-hd p b{color:var(--text-muted)}.kotoba-deck .kd-flash-btn{background:var(--primary);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:99px;align-items:center;gap:8px;padding:11px 20px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 8px 20px -8px #dd4124b3}.kotoba-deck .kd-flash-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.kotoba-deck .kd-flash-btn:disabled{opacity:.5;cursor:default}.kotoba-deck .kd-bar{gap:10px;margin-bottom:12px;display:flex}.kotoba-deck .kd-search{background:var(--surface);border:1px solid var(--line);color:var(--text-dim);border-radius:12px;flex:1;align-items:center;gap:8px;padding:10px 14px;display:flex}.kotoba-deck .kd-search input{color:var(--text);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.kotoba-deck .kd-chip{background:var(--surface);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font-sans);border-radius:12px;align-items:center;gap:6px;padding:10px 15px;display:inline-flex}.kotoba-deck .kd-chip.on{color:var(--warning);background:#d4a04a24;border-color:#d4a04a66}.kotoba-deck .kd-groups{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.kotoba-deck .kd-g{background:var(--surface);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);border-radius:99px;padding:7px 13px}.kotoba-deck .kd-g:hover{border-color:var(--line-2);color:var(--text-muted)}.kotoba-deck .kd-g.on{color:#e8704f;background:#dd41241f;border-color:#dd412466}.kotoba-deck .kd-g .c{color:var(--text-dim);margin-left:3px;font-size:10px}.kotoba-deck .kd-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kotoba-deck .kd-word{background:var(--surface);border:1px solid var(--line);border-radius:13px;align-items:flex-start;gap:12px;padding:13px 15px;transition:all .14s;display:flex}.kotoba-deck .kd-word:hover{border-color:var(--line-2)}.kotoba-deck .kd-w-main{flex:1;min-width:0}.kotoba-deck .kd-w-jp{font-family:var(--jp);font-size:17px;font-weight:700}.kotoba-deck .kd-w-read{font-family:var(--jp);color:var(--text-dim);margin-left:8px;font-size:12.5px;font-weight:500}.kotoba-deck .kd-w-mean{color:var(--text-muted);margin-top:3px;font-size:12.5px}.kotoba-deck .kd-w-note{color:var(--text-dim);margin-top:3px;font-size:11px;font-style:italic}.kotoba-deck .kd-w-group{background:var(--surface-3);color:var(--text-dim);white-space:nowrap;border-radius:99px;flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:700}.kotoba-deck .kd-star{cursor:pointer;color:var(--text-dim);background:0 0;border:none;flex-shrink:0;padding:2px;transition:all .14s}.kotoba-deck .kd-star:hover,.kotoba-deck .kd-star.on{color:var(--warning)}.kotoba-deck .kd-empty{text-align:center;color:var(--text-dim);grid-column:1/-1;padding:30px 0;font-size:13px}.kotoba-deck .kd-more{background:var(--surface);border:1px solid var(--line-2);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;border-radius:99px;margin:16px auto 0;padding:10px 22px;font-size:12.5px;font-weight:600;display:block}.kotoba-deck .kd-more span{color:var(--text-dim);margin-left:5px}.kotoba-deck .kd-more:hover{color:#e8704f;border-color:#dd412466}.kd-flash{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a0cd1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.kd-flash-inner{flex-direction:column;gap:14px;width:100%;max-width:440px;display:flex}.kd-flash-top{color:var(--text-dim);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.kd-flash-top button{color:var(--text-dim);cursor:pointer;background:0 0;border:none}.kd-card{background:linear-gradient(150deg,var(--surface-2),var(--surface));border:1px solid var(--border-strong);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;place-items:center;min-height:260px;padding:30px;display:grid}.kd-card-word{font-family:var(--font-serif-jp);background:linear-gradient(150deg,#f0b49a,var(--primary));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:700}.kd-card-hint{color:var(--text-dim);margin-top:16px;font-size:11px}.kd-card-read{font-family:var(--font-sans-jp);color:var(--text);font-size:24px;font-weight:700}.kd-card-mean{color:var(--text-muted);margin-top:10px;font-size:16px}.kd-card-ex{font-family:var(--font-sans-jp);color:var(--text-dim);border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-size:13px}.kd-flash-nav{justify-content:center;align-items:center;gap:10px;display:flex}.kd-flash-nav button{background:var(--surface-2);border:1px solid var(--line-2);width:46px;height:46px;color:var(--text-muted);cursor:pointer;border-radius:50%;place-items:center;display:grid}.kd-flash-nav button.p{width:auto;font-family:var(--font-sans);color:#fff;background:var(--primary);border:none;border-radius:99px;align-items:center;gap:7px;padding:0 20px;font-size:12.5px;font-weight:700;display:inline-flex}.kd-flash-shuffle{color:var(--text-dim);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;margin:0 auto;font-size:11.5px;display:inline-flex}@media (max-width:700px){.kotoba-deck .kd-list{grid-template-columns:1fr}}.kotoba-v2{--line:#ffffff14;--line-2:#ffffff24;--jp:var(--font-sans-jp);--jps:var(--font-serif-jp);--danger2:#e0566f;--success2:#8fcb52}.kotoba-v2 .card{background:var(--surface);border:1px solid var(--line);border-radius:16px}.kotoba-v2 .btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:99px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 16px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.kotoba-v2 .btn-p{background:var(--primary);color:#fff;box-shadow:0 8px 20px -8px #dd4124b3}.kotoba-v2 .btn-p:hover{background:var(--primary-hover)}.kotoba-v2 .btn-g{border:1px solid var(--line-2);color:var(--text-muted);background:0 0}.kotoba-v2 .btn-g:hover{color:#e8704f;border-color:#dd412466}.kotoba-v2 .kv-hd{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin:6px 0 18px;display:flex}.kotoba-v2 .kv-hd h1{letter-spacing:-.03em;font-size:30px;font-weight:600;line-height:1}.kotoba-v2 .kv-hd h1 .jp{font-family:var(--jps);background:linear-gradient(120deg,#f0b49a,var(--primary));color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:8px;font-size:26px}.kotoba-v2 .lvtag{color:#e8704f;vertical-align:6px;background:#dd412429;border:1px solid #dd412466;border-radius:8px;margin-left:10px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.kotoba-v2 .kv-hd p{color:var(--text-dim);margin-top:9px;font-size:12.5px}.kotoba-v2 .kv-hd p b{color:var(--text-muted)}.kotoba-v2 .kv-prog{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:16px;padding:13px 18px;display:flex}.kotoba-v2 .kv-prog .seg{text-align:center;min-width:62px}.kotoba-v2 .kv-prog .n{letter-spacing:-.02em;font-size:19px;font-weight:700}.kotoba-v2 .kv-prog .n.g{color:var(--success2)}.kotoba-v2 .kv-prog .n.y{color:var(--warning)}.kotoba-v2 .kv-prog .l{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:2px;font-size:9px;font-weight:700}.kotoba-v2 .kv-prog .sep{background:var(--line-2);width:1px;height:30px}.kotoba-v2 .kv-fbar{align-items:center;gap:10px;margin-bottom:20px;display:flex}.kotoba-v2 .kv-search{background:var(--surface);border:1px solid var(--line);color:var(--text-dim);border-radius:12px;flex:1;align-items:center;gap:10px;padding:11px 16px;display:flex}.kotoba-v2 .kv-search input{color:var(--text);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;font-size:13px}.kotoba-v2 .kv-chip{background:var(--surface);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font-sans);border-radius:12px;align-items:center;gap:6px;padding:11px 16px;display:inline-flex}.kotoba-v2 .kv-chip.on{color:var(--warning);background:#d4a04a24;border-color:#d4a04a66}.kotoba-v2 .kv-chip .n{opacity:.8;font-size:10px}.kotoba-v2 .kv-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.kotoba-v2 .kv-main{min-width:0}.kotoba-v2 .kv-unit{margin-bottom:12px}.kotoba-v2 .kv-uhead{background:var(--surface-2);border:1px solid var(--line-2);cursor:pointer;border-radius:14px;grid-template-columns:auto minmax(0,1fr) 140px auto auto;align-items:center;gap:14px;padding:13px 18px;transition:all .15s;display:grid}.kotoba-v2 .kv-uhead:hover{border-color:#dd412459}.kotoba-v2 .kv-chev{color:var(--text-dim);flex-shrink:0;transition:all .2s}.kotoba-v2 .kv-unit.open .kv-chev{color:#e8704f;transform:rotate(90deg)}.kotoba-v2 .kv-ut{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.kotoba-v2 .kv-ut .cnt{color:var(--text-dim);margin-left:6px;font-size:10.5px;font-weight:500}.kotoba-v2 .kv-utrack{background:var(--surface-3);border-radius:3px;height:5px;overflow:hidden}.kotoba-v2 .kv-utrack i{background:var(--success2);height:100%;display:block}.kotoba-v2 .kv-upct{color:var(--text-dim);white-space:nowrap;font-size:11px;font-weight:600}.kotoba-v2 .kv-drill{color:#e8704f;cursor:pointer;font-size:10.5px;font-weight:700;font-family:var(--font-sans);white-space:nowrap;background:#dd41241f;border:1px solid #dd412466;border-radius:99px;align-items:center;gap:5px;padding:7px 14px;transition:all .14s;display:inline-flex}.kotoba-v2 .kv-drill:hover{background:var(--primary);color:#fff}.kotoba-v2 .kv-words{flex-direction:column;gap:5px;padding:8px 2px 2px;display:flex}.kotoba-v2 .kv-w{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:11px;grid-template-columns:8px minmax(0,1.2fr) minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:10px 14px;transition:all .13s;display:grid}.kotoba-v2 .kv-w:hover{background:var(--surface-2);border-color:var(--line-2)}.kotoba-v2 .kv-w.sel{background:#dd412412;border-color:#dd412480}.kotoba-v2 .kv-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kotoba-v2 .kv-dot.d-new{background:var(--surface-3);border:1px solid var(--line-2)}.kotoba-v2 .kv-wjp{font-family:var(--jp);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.kotoba-v2 .kv-wjp .r{color:var(--text-dim);margin-left:8px;font-size:11px;font-weight:500}.kotoba-v2 .kv-wid{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.kotoba-v2 .kv-whits{color:var(--text-dim);white-space:nowrap;font-size:10px}.kotoba-v2 .kv-star{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px}.kotoba-v2 .kv-star:hover,.kotoba-v2 .kv-star.on{color:var(--warning)}.kotoba-v2 .kv-empty{text-align:center;color:var(--text-dim);padding:30px 0;font-size:13px}.kotoba-v2 .kv-side{position:sticky;top:24px}.kotoba-v2 .kv-det{padding:22px;position:relative;overflow:hidden}.kotoba-v2 .kv-det:after{content:"語";font-family:var(--jps);opacity:.05;pointer-events:none;font-size:110px;font-weight:700;position:absolute;top:-24px;right:-8px}.kotoba-v2 .kv-status{letter-spacing:.08em;background:var(--surface-3);border:1px solid var(--line-2);color:var(--text-dim);border-radius:99px;align-items:center;gap:7px;margin-bottom:14px;padding:4px 11px;font-size:10px;font-weight:800;display:inline-flex}.kotoba-v2 .kv-det-kanji{font-family:var(--jp);font-size:38px;font-weight:700;line-height:1.15}.kotoba-v2 .kv-det-read{font-family:var(--jp);color:#e8704f;margin-top:4px;font-size:15px;font-weight:600}.kotoba-v2 .kv-det-mean{color:var(--text-muted);margin-top:9px;font-size:13.5px;line-height:1.5}.kotoba-v2 .kv-det-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.kotoba-v2 .dtag{background:var(--surface-3);border:1px solid var(--line-2);color:var(--text-muted);border-radius:6px;padding:3px 9px;font-size:9.5px;font-weight:700}.kotoba-v2 .kv-det-sec{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.kotoba-v2 .kv-det-h{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:10px;font-weight:700}.kotoba-v2 .kv-ex{border-left:2px solid var(--primary);font-family:var(--jp);background:#dd41240d;border-radius:11px;padding:11px 14px;font-size:13px;line-height:1.75}.kotoba-v2 .kv-det-none{color:var(--text-dim);font-size:11.5px;line-height:1.55}.kotoba-v2 .kv-det-act{gap:8px;margin-top:18px;display:flex}.kotoba-v2 .kv-det-fav{border:1px dashed var(--line-2);width:100%;color:var(--text-dim);font-family:var(--font-sans);cursor:pointer;background:0 0;border-radius:99px;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:10px;font-size:11.5px;font-weight:600;transition:all .14s;display:inline-flex}.kotoba-v2 .kv-det-fav:hover{color:var(--warning);border-color:#d4a04a80}.kotoba-v2 .kv-det-fav.on{color:var(--warning);border-style:solid;border-color:#d4a04a80}.kotoba-v2 .kv-det-empty{text-align:center;place-items:center;min-height:260px;display:grid}.kotoba-v2 .kv-det-glyph{font-family:var(--jps);opacity:.18;margin-bottom:12px;font-size:60px;font-weight:700}.kotoba-v2 .kv-det-empty p{color:var(--text-dim);max-width:240px;font-size:12.5px;line-height:1.6}@media (max-width:1000px){.kotoba-v2 .kv-grid{grid-template-columns:1fr}.kotoba-v2 .kv-side{position:static}}@media (max-width:640px){.kotoba-v2 .kv-uhead{grid-template-columns:auto 1fr auto}.kotoba-v2 .kv-utrack,.kotoba-v2 .kv-upct{display:none}.kotoba-v2 .kv-w{grid-template-columns:8px 1fr auto}.kotoba-v2 .kv-wid,.kotoba-v2 .kv-whits{display:none}.kotoba-v2 .kv-prog{flex-wrap:wrap}}.kotoba-v2 .kv-src{background:var(--surface);border:1px solid var(--line);color:var(--text-muted);white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:11px 16px;font-size:12.5px;font-weight:600;display:inline-flex}.kotoba-v2 .kv-chips{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;display:flex}.kotoba-v2 .kv-chips .chip{background:var(--surface);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;font-size:11.5px;font-weight:600;font-family:var(--font-sans);border-radius:99px;align-items:center;gap:6px;padding:7px 13px;transition:all .14s;display:inline-flex}.kotoba-v2 .kv-chips .chip:hover{color:var(--text-muted);border-color:var(--line-2)}.kotoba-v2 .kv-chips .chip.on{color:#e8704f;background:#dd41241f;border-color:#dd412466}.kotoba-v2 .kv-chips .chip .n{color:var(--text-dim);font-size:10px}.kotoba-v2 .kv-chips .chip.on .n{color:#e8704f;opacity:.75}.kotoba-v2 .kv-chips .chip .d{border-radius:50%;width:7px;height:7px}.kotoba-v2 .kv-chips .chip.wrong.on{color:var(--danger2);background:#e0566f1f;border-color:#e0566f80}.kotoba-v2 .kv-chips .csep{background:var(--line-2);width:1px;height:20px;margin:0 3px}.kotoba-v2 .kv-dot.d-seen,.kotoba-v2 .kv-chips .d.d-seen{background:var(--warning);border:none;box-shadow:0 0 6px #d4a04a80}.kotoba-v2 .kv-dot.d-known{background:#8fcb52;border:none;box-shadow:0 0 6px #8fcb5273}.kotoba-v2 .kv-dot.d-wrong,.kotoba-v2 .kv-chips .d.d-wrong{background:var(--danger2);border:none;box-shadow:0 0 7px #e0566f99}.kotoba-v2 .kv-whits.bad{color:var(--danger2);font-weight:700}.kotoba-v2 .kv-ut .jpt{font-family:var(--jp);color:#e8704f;font-weight:700}.kotoba-v2 .kv-ut .thid{color:var(--text-muted);font-weight:500}.kotoba-v2 .kv-upct{color:var(--success2);font-weight:700}.kotoba-v2 .kv-status.s-wrong{color:var(--danger2);background:#e0566f1f;border-color:#e0566f66}.kotoba-v2 .kv-status.s-known{color:var(--success2);background:#8fcb521f;border-color:#8fcb5266}.kotoba-v2 .kv-status.s-seen{color:var(--warning);background:#d4a04a1f;border-color:#d4a04a66}.kotoba-v2 .kv-trace{align-items:center;gap:6px;display:flex}.kotoba-v2 .kv-trace .tr-i{border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.kotoba-v2 .kv-trace .tr-ok{color:var(--success2);background:#8fcb5224;border:1px solid #8fcb5266}.kotoba-v2 .kv-trace .tr-no{color:var(--danger2);background:#e0566f21;border:1px solid #e0566f73}.kotoba-v2 .kv-conf{flex-direction:column;gap:6px;display:flex}.kotoba-v2 .kv-conf .conf-i{border:1px solid var(--line);font-family:var(--jp);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:600;transition:all .13s;display:flex}.kotoba-v2 .kv-conf .conf-i:hover{border-color:#dd412459}.kotoba-v2 .kv-conf .conf-i .m{font-family:var(--font-sans);color:var(--text-dim);margin-left:auto;font-size:10.5px;font-weight:500}.kotoba-v2 .kv-levels{flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;display:flex}.kotoba-v2 .kv-lvl{font-family:var(--font-sans);color:var(--text-muted);border:1px solid var(--line-2);cursor:pointer;background:#ffffff08;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .14s;display:inline-flex}.kotoba-v2 .kv-lvl:hover:not(:disabled){color:#e8704f;border-color:#dd412466}.kotoba-v2 .kv-lvl:disabled{cursor:default;opacity:.55}.kotoba-v2 .kv-lvl.on{color:#f0906f;background:#dd412429;border-color:#dd41248c}.kotoba-v2 .kv-lvl .c{color:var(--text-dim);background:#ffffff0f;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:600}.kotoba-v2 .kv-lvl.on .c{color:#e8704f;background:#dd412429}.kotoba-v2 .kv-lvl-load{color:var(--text-dim);margin-left:4px;font-size:11px;font-style:italic}.kotoba-v2 .kv-ex-id{font-family:var(--font-sans);color:var(--text-dim);margin-top:6px;padding-left:14px;font-size:11.5px;line-height:1.6}.kotoba-v2 .kd-card-ex .id{font-family:var(--font-sans);color:var(--text-dim);margin-top:6px;font-size:11.5px;display:block}.materi-v3 .part.soon{cursor:default;opacity:.7}.materi-v3 .part.soon:hover{border-color:var(--line);background:#ffffff08}.materi-v3 .part.soon .part-soon{color:var(--warning);letter-spacing:.05em;background:#d4a04a21;border:1px solid #d4a04a59;border-radius:99px;padding:3px 9px;font-size:9.5px;font-weight:800}.beranda-v2 .bv-love{color:#f0b49a;max-width:600px;margin-top:7px;font-size:13px;font-weight:500;line-height:1.55}.bunpou-v3{--line:#ffffff14;--line-2:#ffffff24;--jp:var(--font-sans-jp);--jps:var(--font-serif-jp);--success2:#8fcb52;--danger2:#e0566f;--info2:#8fa3d8}.bunpou-v3 .card{background:var(--surface);border:1px solid var(--line);border-radius:16px}.bunpou-v3 .bv-hd{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin:6px 0 18px;display:flex}.bunpou-v3 .bv-hd h1{letter-spacing:-.03em;font-size:30px;font-weight:600;line-height:1}.bunpou-v3 .bv-hd h1 .jp{font-family:var(--jps);background:linear-gradient(120deg,#f0b49a,var(--primary));color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:8px;font-size:26px}.bunpou-v3 .lvtag{color:#e8704f;vertical-align:6px;background:#dd412429;border:1px solid #dd412466;border-radius:8px;margin-left:10px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.bunpou-v3 .bv-hd p{color:var(--text-dim);max-width:540px;margin-top:9px;font-size:12.5px;line-height:1.5}.bunpou-v3 .bv-hd p b{color:var(--text-muted)}.bunpou-v3 .bv-levels{flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;display:flex}.bunpou-v3 .bv-lvl{font-family:var(--font-sans);color:var(--text-muted);border:1px solid var(--line-2);cursor:pointer;background:#ffffff08;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .14s;display:inline-flex}.bunpou-v3 .bv-lvl:hover{color:#e8704f;border-color:#dd412466}.bunpou-v3 .bv-lvl.on{color:#f0906f;background:#dd412429;border-color:#dd41248c}.bunpou-v3 .bv-lvl .c{color:var(--text-dim);background:#ffffff0f;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:600}.bunpou-v3 .bv-lvl.on .c{color:#e8704f;background:#dd412429}.bunpou-v3 .bv-hd-right{align-items:center;gap:12px;display:flex}.bunpou-v3 .bv-prog{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:15px;padding:13px 18px;display:flex}.bunpou-v3 .bv-prog .seg{text-align:center;min-width:62px}.bunpou-v3 .bv-prog .n{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.bunpou-v3 .bv-prog .n.g{color:var(--success2)}.bunpou-v3 .bv-prog .n.y{color:var(--warning)}.bunpou-v3 .bv-prog .n.r{color:var(--danger2)}.bunpou-v3 .bv-prog .l{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:2px;font-size:9px;font-weight:700}.bunpou-v3 .bv-prog .sep{background:var(--line-2);width:1px;height:30px}.bunpou-v3 .bv-cta{background:var(--primary);color:#fff;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-sans);border:none;border-radius:99px;align-items:center;gap:7px;padding:13px 22px;transition:all .18s;display:inline-flex;box-shadow:0 8px 22px -8px #dd4124b3}.bunpou-v3 .bv-cta:hover{background:var(--primary-hover);transform:translateY(-1px)}.bunpou-v3 .bv-fbar{align-items:center;gap:10px;margin-bottom:13px;display:flex}.bunpou-v3 .bv-search{background:var(--surface);border:1px solid var(--line);color:var(--text-dim);border-radius:12px;flex:1;align-items:center;gap:10px;padding:11px 16px;display:flex}.bunpou-v3 .bv-search input{color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;font-size:13px}.bunpou-v3 .bv-search input::placeholder{color:var(--text-dim)}.bunpou-v3 .bv-sort{background:var(--surface);border:1px solid var(--line);color:var(--text-muted);cursor:pointer;white-space:nowrap;font-size:12.5px;font-weight:500;font-family:var(--font-sans);border-radius:12px;align-items:center;gap:7px;padding:11px 16px;display:flex}.bunpou-v3 .bv-sort:hover{border-color:var(--line-2)}.bunpou-v3 .bv-sort b{color:var(--text-primary);font-weight:700}.bunpou-v3 .bv-chips{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;display:flex}.bunpou-v3 .chip{background:var(--surface);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;font-size:11.5px;font-weight:600;font-family:var(--font-sans);border-radius:99px;align-items:center;gap:6px;padding:7px 13px;transition:all .14s;display:inline-flex}.bunpou-v3 .chip:hover{color:var(--text-muted);border-color:var(--line-2)}.bunpou-v3 .chip.on{color:#e8704f;background:#dd41241f;border-color:#dd412466}.bunpou-v3 .chip .n{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:10px}.bunpou-v3 .chip.on .n{color:#e8704f;opacity:.75}.bunpou-v3 .chip .d{border-radius:50%;width:7px;height:7px}.bunpou-v3 .chip.wrong{border-color:#e0566f59}.bunpou-v3 .chip.wrong.on{color:var(--danger2);background:#e0566f1f;border-color:#e0566f80}.bunpou-v3 .csep{background:var(--line-2);width:1px;height:20px;margin:0 3px}.bunpou-v3 .d-new{background:var(--surface-3,#ffffff0f);border:1px solid var(--line-2)}.bunpou-v3 .d-seen{background:var(--warning);box-shadow:0 0 6px #d4a04a80}.bunpou-v3 .d-known{background:var(--success2);box-shadow:0 0 6px #8fcb5273}.bunpou-v3 .d-wrong{background:var(--danger2);box-shadow:0 0 7px #e0566f99}.bunpou-v3 .bv-grid{grid-template-columns:minmax(0,1fr) 372px;align-items:start;gap:18px;display:grid}.bunpou-v3 .bv-fn{margin-bottom:13px}.bunpou-v3 .bv-fn-head{background:var(--surface-2);border:1px solid var(--line-2);cursor:pointer;border-radius:14px;grid-template-columns:auto minmax(0,1fr) 148px auto auto;align-items:center;gap:13px;padding:13px 18px;transition:all .15s;display:grid}.bunpou-v3 .bv-fn-head:hover{border-color:#dd412459}.bunpou-v3 .bv-chev{color:var(--text-dim);transition:all .2s}.bunpou-v3 .bv-fn.open .bv-chev{color:#e8704f;transform:rotate(90deg)}.bunpou-v3 .bv-fn-t{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;font-size:13.5px;font-weight:700;display:flex}.bunpou-v3 .bv-fn-t .jpt{font-family:var(--jp);color:#e8704f}.bunpou-v3 .bv-fn-t .cnt{color:var(--text-dim);font-size:10.5px;font-weight:500}.bunpou-v3 .warn-tag{letter-spacing:.06em;color:var(--danger2);white-space:nowrap;background:#e0566f24;border:1px solid #e0566f66;border-radius:5px;padding:3px 8px;font-size:9px;font-weight:800}.bunpou-v3 .bv-track{background:var(--surface-3,#ffffff0f);border-radius:3px;height:5px;display:flex;overflow:hidden}.bunpou-v3 .bv-track i{height:100%}.bunpou-v3 .bv-pct{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px;font-weight:700}.bunpou-v3 .bv-drill{color:#e8704f;cursor:pointer;font-size:10.5px;font-weight:700;font-family:var(--font-sans);white-space:nowrap;background:#dd41241f;border:1px solid #dd412466;border-radius:99px;align-items:center;gap:5px;padding:7px 14px;transition:all .14s;display:inline-flex}.bunpou-v3 .bv-drill:hover{background:var(--primary);color:#fff}.bunpou-v3 .bv-pats{flex-direction:column;gap:5px;padding:8px 2px 2px;display:flex}.bunpou-v3 .bv-p{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:11px;grid-template-columns:10px 148px minmax(0,1fr) auto auto auto;align-items:center;gap:13px;padding:10px 14px;transition:all .13s;display:grid}.bunpou-v3 .bv-p:hover{background:var(--surface-2);border-color:var(--line-2)}.bunpou-v3 .bv-p.sel{background:#dd412412;border-color:#dd412480}.bunpou-v3 .bv-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.bunpou-v3 .bv-p-gm{font-family:var(--jp);white-space:nowrap;font-size:14.5px;font-weight:700}.bunpou-v3 .bv-p-arti{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.bunpou-v3 .bv-p-setsu{gap:4px;display:flex}.bunpou-v3 .schip{font-family:var(--jp);color:#e8704f;white-space:nowrap;background:#dd41241a;border:1px solid #dd412442;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:600}.bunpou-v3 .schip.alt{color:var(--info2);background:#5570b51f;border-color:#5570b552}.bunpou-v3 .bv-p-hits{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:52px;font-size:10px}.bunpou-v3 .bv-star{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px;display:inline-flex}.bunpou-v3 .bv-star:hover,.bunpou-v3 .bv-star.on{color:var(--warning)}.bunpou-v3 .bv-empty{color:var(--text-dim);text-align:center;padding:24px;font-size:13px}.bunpou-v3 .bv-side{position:sticky;top:24px}.bunpou-v3 .bv-det{padding:22px;position:relative;overflow:hidden}.bunpou-v3 .bv-det:after{content:"法";font-family:var(--jps);opacity:.05;pointer-events:none;font-size:112px;font-weight:700;position:absolute;top:-26px;right:-10px}.bunpou-v3 .bv-status{letter-spacing:.08em;border-radius:99px;align-items:center;gap:7px;margin-bottom:13px;padding:4px 11px;font-size:10px;font-weight:800;display:inline-flex}.bunpou-v3 .bv-status.s-new{border:1px solid var(--line-2);color:var(--text-dim);background:#ffffff0d}.bunpou-v3 .bv-status.s-seen{color:var(--warning);background:#d4a04a1f;border:1px solid #d4a04a66}.bunpou-v3 .bv-status.s-known{color:var(--success2);background:#8fcb521f;border:1px solid #8fcb5266}.bunpou-v3 .bv-status.s-wrong{color:var(--danger2);background:#e0566f1f;border:1px solid #e0566f66}.bunpou-v3 .bv-det-gm{font-family:var(--jp);font-size:30px;font-weight:700;line-height:1.2;position:relative}.bunpou-v3 .bv-det-arti{color:var(--text-muted);margin-top:7px;font-size:13px;line-height:1.5}.bunpou-v3 .bv-det-setsu{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.bunpou-v3 .bv-det-sec{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.bunpou-v3 .bv-det-h{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:10px;font-weight:700}.bunpou-v3 .bv-nuance{color:var(--text-muted);border:1px solid var(--line);background:#ffffff08;border-radius:11px;padding:11px 13px;font-size:12px;line-height:1.6}.bunpou-v3 .bv-ex{border-left:2px solid var(--primary);font-family:var(--jp);background:#dd41240d;border-radius:11px;padding:11px 14px;font-size:13px;line-height:1.75}.bunpou-v3 .bv-ex .hl{color:#e8704f;font-weight:700}.bunpou-v3 .bv-ex .tr{font-family:var(--font-sans);color:var(--text-dim);margin-top:3px;font-size:11px;display:block}.bunpou-v3 .bv-cmp{flex-direction:column;gap:6px;display:flex}.bunpou-v3 .cmp-i{border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:10px;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:11px;padding:10px 12px;transition:all .13s;display:grid}.bunpou-v3 .cmp-i:hover{border-color:#dd412459}.bunpou-v3 .cmp-i.self{cursor:default;background:#dd412414;border-color:#dd412452}.bunpou-v3 .cmp-gm{font-family:var(--jp);color:#e8704f;font-size:12.5px;font-weight:700}.bunpou-v3 .cmp-i.self .cmp-gm{color:#f0937a}.bunpou-v3 .cmp-key{color:var(--text-muted);font-size:11px;line-height:1.5}.bunpou-v3 .cmp-key b{color:var(--text-primary);font-weight:700}.bunpou-v3 .cmp-note{color:var(--text-dim);margin-top:8px;font-size:10.5px;line-height:1.5}.bunpou-v3 .cmp-note b{color:#e8704f}.bunpou-v3 .bv-det-none{color:var(--text-dim);font-size:11.5px;line-height:1.55}.bunpou-v3 .bv-det-act{gap:8px;margin-top:17px;display:flex}.bunpou-v3 .btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:99px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 16px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.bunpou-v3 .btn-p{background:var(--primary);color:#fff;box-shadow:0 8px 20px -8px #dd4124b3}.bunpou-v3 .btn-p:hover{background:var(--primary-hover)}.bunpou-v3 .btn-g{border:1px solid var(--line-2);color:var(--text-muted);background:0 0}.bunpou-v3 .btn-g:hover{color:#e8704f;border-color:#dd412466}.bunpou-v3 .bv-det-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.bunpou-v3 .bv-det-glyph{font-family:var(--jps);color:var(--text-dim);opacity:.5;font-size:44px}.bunpou-v3 .bv-det-empty p{color:var(--text-dim);font-size:12px;line-height:1.6}.bunpou-v3 .bv-toast{z-index:50;background:var(--surface-2);border:1px solid var(--line-2);color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:12.5px;font-weight:600;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px -8px #00000080}.bunpou-v3 .bv-toast .x{color:var(--text-dim);display:inline-flex}.bunpou-v3 .bv-drill-overlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.bunpou-v3 .bv-drill-box{background:var(--surface);border:1px solid var(--line-2);border-radius:18px;width:100%;max-width:560px;padding:22px;box-shadow:0 24px 60px -12px #0009}.bunpou-v3 .bv-drill-top{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;font-weight:700;display:flex}.bunpou-v3 .bv-drill-top button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;display:inline-flex}.bunpou-v3 .bv-drill-q{font-family:var(--jp);border:1px solid var(--line);background:#ffffff08;border-radius:12px;margin-bottom:14px;padding:16px 18px;font-size:19px;font-weight:600;line-height:1.7}.bunpou-v3 .bv-drill-opts{grid-template-columns:1fr 1fr;gap:9px;display:grid}.bunpou-v3 .bv-drill-opt{font-family:var(--jp);background:var(--surface-2);border:1px solid var(--line-2);color:var(--text-primary);cursor:pointer;text-align:center;border-radius:11px;padding:13px 14px;font-size:14px;font-weight:700;transition:all .13s}.bunpou-v3 .bv-drill-opt:hover:not(:disabled){border-color:#dd412480}.bunpou-v3 .bv-drill-opt:disabled{cursor:default}.bunpou-v3 .bv-drill-opt.correct{color:var(--success2);background:#8fcb5224;border-color:#8fcb5280}.bunpou-v3 .bv-drill-opt.wrong{color:var(--danger2);background:#e0566f21;border-color:#e0566f80}.bunpou-v3 .bv-drill-fb{color:var(--text-muted);border-radius:11px;align-items:flex-start;gap:8px;margin-top:14px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.bunpou-v3 .bv-drill-fb.ok{background:#8fcb521a;border:1px solid #8fcb5259}.bunpou-v3 .bv-drill-fb.no{background:#e0566f1a;border:1px solid #e0566f59}.bunpou-v3 .bv-drill-fb b{color:var(--text-primary)}.bunpou-v3 .bv-drill-next{width:100%;margin-top:14px}.bunpou-v3 .bv-drill-done{text-align:center;padding:20px 0 8px}.bunpou-v3 .bv-drill-score{color:var(--success2);font-variant-numeric:tabular-nums;font-size:44px;font-weight:800}.bunpou-v3 .bv-drill-score span{color:var(--text-dim);font-size:22px}.bunpou-v3 .bv-drill-done p{color:var(--text-muted);margin:6px 0 18px;font-size:13px}@keyframes lk-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes lk-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes lk-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes lk-glow{0%,to{box-shadow:0 0 #8fcb5200}50%{box-shadow:0 0 0 6px #8fcb521f}}.latihan-kilat{--surface:#1a1620;--surface-2:#241e2a;--surface-3:#2c2532;--line:#ffffff14;--line-2:#ffffff24;--muted:#ffffffb8;--dim:#ffffff7a;--primary:#dd4124;--primary-h:#e55a3f;--success2:#8fcb52;--danger2:#e0566f;--warning:#d4a04a;--info:#5570b5;--jp:var(--font-sans-jp);--jps:var(--font-serif-jp);--sans:var(--font-sans);color:#fff;min-height:100vh;font-family:var(--sans);background:radial-gradient(60% 45% at 25% 0,#dd412424,#0000 55%),radial-gradient(45% 40% at 88% 100%,#4a7c7e1c,#0000 60%),#0b0a0c}.lk-load{color:#fff9;background:#0b0a0c;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;font-size:14px;display:flex}.latihan-kilat .top{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#0b0a0cc7;position:sticky;top:0}.latihan-kilat .top-in{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;max-width:1000px;margin:0 auto;padding:15px 32px;display:grid}.latihan-kilat .tt{white-space:nowrap;align-items:center;gap:10px;display:flex}.latihan-kilat .tt-jp{font-family:var(--jps);background:linear-gradient(120deg,#f0b49a,var(--primary));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:19px;font-weight:700}.latihan-kilat .tt-l{letter-spacing:-.01em;font-size:13.5px;font-weight:700}.latihan-kilat .tt-lv{color:#e8704f;background:#dd412429;border:1px solid #dd412466;border-radius:6px;padding:2px 8px;font-size:9.5px;font-weight:800}.latihan-kilat .dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.latihan-kilat .dt{background:var(--surface-3);border-radius:3px;width:26px;height:5px;transition:all .25s}.latihan-kilat .dt.now{background:var(--primary);width:34px;box-shadow:0 0 9px #dd4124a6}.latihan-kilat .dt.ok{background:var(--success2)}.latihan-kilat .dt.no{background:var(--danger2)}.latihan-kilat .top-right{white-space:nowrap;align-items:center;gap:14px;display:flex}.latihan-kilat .tcount{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.latihan-kilat .tcount .s{color:var(--dim);font-weight:500}.latihan-kilat .tstreak{color:var(--warning);background:#d4a04a1a;border:1px solid #d4a04a4d;border-radius:99px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.latihan-kilat .tx{background:var(--surface);border:1px solid var(--line-2);width:30px;height:30px;color:var(--dim);cursor:pointer;font-size:13px;font-family:var(--sans);border-radius:50%;place-items:center;transition:all .15s;display:grid}.latihan-kilat .tx:hover{color:var(--danger2);border-color:#e0566f80}.latihan-kilat .stage{max-width:1000px;margin:0 auto;padding:38px 32px 120px}.latihan-kilat .qmeta{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:15px;animation:.4s both lk-rise;display:flex}.latihan-kilat .qtag{letter-spacing:.09em;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:9.5px;font-weight:800}.latihan-kilat .qt-fn{color:#7fbfc1;background:#4a7c7e29;border:1px solid #4a7c7e6b}.latihan-kilat .qt-form{color:#8fa3d8;background:#5570b524;border:1px solid #5570b55c}.latihan-kilat .qt-weak{color:var(--danger2);background:#e0566f21;border:1px solid #e0566f6b}.latihan-kilat .why{color:var(--dim);margin-left:auto;font-size:11px}.latihan-kilat .why b{color:var(--muted)}.latihan-kilat .qcard{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:34px 38px;animation:.45s 40ms both lk-rise;position:relative;overflow:hidden}.latihan-kilat .qcard:after{content:"法";font-family:var(--jps);opacity:.04;pointer-events:none;font-size:150px;font-weight:700;position:absolute;top:-40px;right:-14px}.latihan-kilat .qask{color:var(--dim);letter-spacing:.02em;margin-bottom:16px;font-size:11.5px;font-weight:600}.latihan-kilat .sent{font-family:var(--jp);letter-spacing:.01em;font-size:27px;font-weight:500;line-height:1.85;position:relative}.latihan-kilat .blank{color:#0000;text-align:center;border-bottom:2.5px dashed #dd41248c;min-width:118px;margin:0 3px;padding:0 12px;transition:all .3s;display:inline-block}.latihan-kilat .blank.filled{border-bottom-color:var(--primary);color:#e8704f;font-weight:700}.latihan-kilat .blank.ok{border-bottom-color:var(--success2);color:var(--success2)}.latihan-kilat .blank.no{border-bottom-color:var(--danger2);color:var(--danger2);-webkit-text-decoration:line-through #e0566f99;text-decoration:line-through #e0566f99}.latihan-kilat .sent-tr{font-family:var(--sans);color:var(--dim);opacity:0;max-height:0;margin-top:14px;font-size:12.5px;line-height:1.55;transition:all .35s;overflow:hidden}.latihan-kilat .sent-tr.show{opacity:1;max-height:70px}.latihan-kilat .opts{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px;display:grid}.latihan-kilat .opt{background:var(--surface-2);border:1.5px solid var(--line);cursor:pointer;text-align:left;font-family:var(--sans);border-radius:14px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 17px;transition:all .16s;display:grid;position:relative}.latihan-kilat .opt:hover:not(.locked){background:var(--surface-3);border-color:var(--line-2);transform:translateY(-1px)}.latihan-kilat .opt-k{background:var(--surface-3);border:1px solid var(--line-2);width:26px;height:26px;color:var(--dim);border-radius:8px;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.latihan-kilat .opt-b{min-width:0}.latihan-kilat .opt-gm{font-family:var(--jp);letter-spacing:.01em;font-size:16px;font-weight:700}.latihan-kilat .opt-st{gap:4px;margin-top:5px;display:flex}.latihan-kilat .schip{font-family:var(--jp);border:1px solid var(--line-2);color:var(--dim);white-space:nowrap;background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:600}.latihan-kilat .opt-mark{font-size:15px;font-weight:800}.latihan-kilat .opt.sel{background:#dd412417;border-color:#dd412499}.latihan-kilat .opt.sel .opt-k{color:#e8704f;background:#dd41242e;border-color:#dd412480}.latihan-kilat .opt.locked{cursor:default}.latihan-kilat .opt.correct{border-color:var(--success2);background:#8fcb5217;animation:1.3s lk-glow}.latihan-kilat .opt.correct .opt-k{color:var(--success2);background:#8fcb522e;border-color:#8fcb5280}.latihan-kilat .opt.correct .opt-mark{color:var(--success2)}.latihan-kilat .opt.wrong{border-color:var(--danger2);background:#e0566f14;animation:.38s lk-shake}.latihan-kilat .opt.wrong .opt-k{color:var(--danger2);background:#e0566f29;border-color:#e0566f80}.latihan-kilat .opt.wrong .opt-mark{color:var(--danger2)}.latihan-kilat .opt.dim{opacity:.4}.latihan-kilat .fb{border-radius:18px;margin-top:16px;animation:.3s both lk-pop;overflow:hidden}.latihan-kilat .fb-head{align-items:center;gap:11px;padding:15px 22px;display:flex}.latihan-kilat .fb-ic{border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:grid}.latihan-kilat .fb-t{letter-spacing:-.01em;font-size:14px;font-weight:700}.latihan-kilat .fb-xp{font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px;font-weight:700}.latihan-kilat .fb-body{padding:0 22px 20px}.latihan-kilat .fb.good{background:linear-gradient(135deg,#8fcb521a,var(--surface));border:1px solid #8fcb5252}.latihan-kilat .fb.good .fb-ic{color:var(--success2);background:#8fcb522e;border:1px solid #8fcb5273}.latihan-kilat .fb.good .fb-t,.latihan-kilat .fb.good .fb-xp{color:var(--success2)}.latihan-kilat .fb.bad{background:linear-gradient(135deg,#e0566f17,var(--surface));border:1px solid #e0566f52}.latihan-kilat .fb.bad .fb-ic{color:var(--danger2);background:#e0566f29;border:1px solid #e0566f73}.latihan-kilat .fb.bad .fb-t{color:var(--danger2)}.latihan-kilat .fb.bad .fb-xp{color:var(--dim)}.latihan-kilat .cue{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:13px;padding:15px 18px;font-size:13px;line-height:1.7}.latihan-kilat .cue .pk{font-family:var(--jp);color:var(--danger2);font-weight:700}.latihan-kilat .cue .pk-ok{font-family:var(--jp);color:var(--success2);font-weight:700}.latihan-kilat .cue .lbl{letter-spacing:.11em;text-transform:uppercase;color:var(--dim);margin-bottom:7px;font-size:9.5px;font-weight:800;display:block}.latihan-kilat .tip{border-left:2px solid var(--primary);color:var(--muted);background:#dd412412;border-radius:11px;margin-top:11px;padding:11px 15px;font-size:12px;line-height:1.6}.latihan-kilat .tip b{color:#e8704f}.latihan-kilat .tip .lbl2{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:5px;font-size:9.5px;font-weight:800;display:block}.latihan-kilat .mini{gap:8px;margin-top:12px;display:flex}.latihan-kilat .mini-i{border:1px solid var(--line);background:#ffffff08;border-radius:11px;flex:1;padding:11px 13px}.latihan-kilat .mini-i.self{background:#8fcb5212;border-color:#8fcb524d}.latihan-kilat .mini-i.picked{background:#e0566f12;border-color:#e0566f52}.latihan-kilat .mini-gm{font-family:var(--jp);color:#e8704f;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.latihan-kilat .mini-i.self .mini-gm{color:var(--success2)}.latihan-kilat .mini-i.picked .mini-gm{color:var(--danger2)}.latihan-kilat .mini-d{color:var(--dim);margin-top:4px;font-size:10.5px;line-height:1.5}.latihan-kilat .mini-tag{letter-spacing:.06em;color:var(--dim);background:#ffffff12;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:800}.latihan-kilat .fb-act{align-items:center;gap:9px;margin-top:15px;display:flex}.latihan-kilat .fb-act>.hx-rx{margin-left:auto}@media (max-width:767px){.latihan-kilat .fb-act:has(>.hx-rx){flex-wrap:wrap}.latihan-kilat .fb-act>.hx-rx{flex-basis:100%;order:-1;margin-left:0}}.latihan-kilat .btn{font-family:var(--sans);cursor:pointer;white-space:nowrap;border:none;border-radius:99px;justify-content:center;align-items:center;gap:7px;padding:12px 22px;font-size:12.5px;font-weight:700;transition:all .16s;display:inline-flex}.latihan-kilat .btn-p{background:var(--primary);color:#fff;box-shadow:0 8px 22px -8px #dd4124b3}.latihan-kilat .btn-p:hover{background:var(--primary-h);transform:translateY(-1px)}.latihan-kilat .btn-g{border:1px solid var(--line-2);color:var(--muted);background:0 0}.latihan-kilat .btn-g:hover{color:#e8704f;border-color:#dd41246b}.latihan-kilat .btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.latihan-kilat .btn-star{color:var(--dim);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--sans);background:0 0;border:none;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.latihan-kilat .btn-star:hover,.latihan-kilat .btn-star.on{color:var(--warning)}.latihan-kilat .subbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);background:linear-gradient(#0000,#0b0a0ce6 40%);padding:16px 32px;position:fixed;bottom:0;left:0;right:0}.latihan-kilat .subbar-in{align-items:center;gap:14px;max-width:1000px;margin:0 auto;display:flex}.latihan-kilat .kbd-hint{color:var(--dim);align-items:center;gap:14px;font-size:10.5px;display:flex}.latihan-kilat .kbd-hint span{align-items:center;gap:5px;display:inline-flex}.latihan-kilat kbd{font-family:var(--sans);background:var(--surface-2);border:1px solid var(--line-2);color:var(--muted);border-radius:5px;padding:3px 7px;font-size:9.5px;font-weight:700}.latihan-kilat .subbar .btn{margin-left:auto}.latihan-kilat .sum{max-width:1000px;margin:0 auto;padding:48px 32px 80px;animation:.5s both lk-rise}.latihan-kilat .sum-hero{text-align:center;margin-bottom:32px}.latihan-kilat .sum-jp{font-family:var(--jps);background:linear-gradient(120deg,#f0b49a,var(--primary));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:700;line-height:1.1}.latihan-kilat .sum-h{letter-spacing:-.025em;margin-top:8px;font-size:26px;font-weight:600}.latihan-kilat .sum-p{color:var(--dim);margin-top:9px;font-size:13px}.latihan-kilat .sum-stats{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:20px;display:grid}.latihan-kilat .sst{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;padding:19px}.latihan-kilat .sst-n{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:27px;font-weight:700}.latihan-kilat .sst-l{letter-spacing:.11em;text-transform:uppercase;color:var(--dim);margin-top:5px;font-size:9.5px;font-weight:700}.latihan-kilat .sum-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.latihan-kilat .scard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.latihan-kilat .scard-h{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);align-items:center;gap:8px;margin-bottom:14px;font-size:10.5px;font-weight:700;display:flex}.latihan-kilat .scard-h .r{text-transform:none;letter-spacing:0;margin-left:auto;font-size:11px;font-weight:700}.latihan-kilat .rrow{border-bottom:1px solid var(--line);grid-template-columns:24px 118px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;display:grid}.latihan-kilat .rrow:last-child{border-bottom:none}.latihan-kilat .rmark{border-radius:7px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid}.latihan-kilat .rm-ok{color:var(--success2);background:#8fcb5224;border:1px solid #8fcb5266}.latihan-kilat .rm-no{color:var(--danger2);background:#e0566f21;border:1px solid #e0566f73}.latihan-kilat .rgm{font-family:var(--jp);font-size:13.5px;font-weight:700}.latihan-kilat .rnote{color:var(--dim);font-size:11px;line-height:1.45}.latihan-kilat .mast{background:linear-gradient(135deg,#8fcb521a,var(--surface));border-color:#8fcb524d}.latihan-kilat .mast-i{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.latihan-kilat .mast-i:last-child{border-bottom:none}.latihan-kilat .mast-gm{font-family:var(--jp);color:var(--success2);font-size:13px;font-weight:700}.latihan-kilat .mast-arrow{color:var(--dim);white-space:nowrap;margin-left:auto;font-size:10px}.latihan-kilat .mast-arrow b{color:var(--success2)}.latihan-kilat .srs-i{color:var(--muted);align-items:center;gap:9px;padding:8px 0;font-size:11.5px;display:flex}.latihan-kilat .srs-d{border-radius:50%;flex-shrink:0;width:7px;height:7px}.latihan-kilat .srs-i b{font-family:var(--jp);font-weight:700}.latihan-kilat .srs-when{color:var(--dim);white-space:nowrap;margin-left:auto;font-size:10.5px}.latihan-kilat .sum-act{justify-content:center;gap:10px;margin-top:22px;display:flex}.latihan-kilat .prompt{text-align:center;padding:8px 0 4px;position:relative}.latihan-kilat .pr-jp{font-family:var(--jp);letter-spacing:.02em;font-size:56px;font-weight:700;line-height:1.2}.latihan-kilat .pr-read{font-family:var(--jp);color:#e8704f;opacity:0;max-height:0;margin-top:8px;font-size:15px;font-weight:600;transition:all .35s;overflow:hidden}.latihan-kilat .pr-read.show{opacity:1;max-height:40px}.latihan-kilat .pr-read .rom{font-family:var(--sans);color:var(--dim);margin-left:8px;font-size:11.5px;font-weight:500}.latihan-kilat .pr-id{letter-spacing:-.02em;max-width:600px;margin:0 auto;font-size:32px;font-weight:600;line-height:1.35}.latihan-kilat .opt-main{letter-spacing:-.005em;font-size:15px;font-weight:600;line-height:1.4}.latihan-kilat .opt-main.jp{font-family:var(--jp);font-size:19px;font-weight:700}.latihan-kilat .opt-sub{color:var(--dim);font-size:11px;font-family:var(--jp);margin-top:4px;display:block}.latihan-kilat .ex{border-left:2px solid var(--primary);font-family:var(--jp);background:#dd41240f;border-radius:12px;margin-top:11px;padding:12px 16px;font-size:14px;line-height:1.8}.latihan-kilat .ex .lbl2{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:6px;font-size:9.5px;font-weight:800;display:block}.latihan-kilat .ex .hl{color:#e8704f;font-weight:700}.latihan-kilat .ex .tr{font-family:var(--sans);color:var(--dim);margin-top:4px;font-size:11.5px;display:block}@media (prefers-reduced-motion:reduce){.latihan-kilat *,.latihan-kilat :before,.latihan-kilat :after{transition:none!important;animation:none!important}}@media (max-width:1100px){.bunpou-v3 .bv-grid{grid-template-columns:1fr}.bunpou-v3 .bv-side{position:static}}.kt-buckets{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.kt-bucket{border-radius:var(--radius-md,12px);background:var(--surface-1);border:1px solid var(--edge-soft);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;display:flex}.kt-bucket strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1.1}.kt-bucket span{color:var(--text-secondary);font-size:11px}.kt-known strong{color:var(--accent-emerald)}.kt-seen strong{color:var(--accent-amber)}.kt-wrong strong{color:var(--accent-rose)}.kt-new strong{color:var(--text-dim,var(--text-secondary))}.kt-empty{border-top:1px solid var(--edge-soft);color:var(--text-secondary);margin:14px 0 0;padding-top:14px;font-size:12.5px;line-height:1.6}@media (max-width:520px){.kt-buckets{grid-template-columns:repeat(2,1fr)}}.flash-nilai{gap:10px;margin-top:12px;display:flex}.flash-nilai-btn{border-radius:var(--radius-full,99px);cursor:pointer;border:1px solid var(--edge-soft);background:var(--surface-1);min-width:104px;color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .12s,border-color .15s,color .15s,background .15s;display:inline-flex}.flash-nilai-btn:hover{transform:translateY(-1px)}.flash-nilai-btn.tau:hover{color:var(--accent-emerald);border-color:var(--accent-emerald)}.flash-nilai-btn.belum:hover{color:var(--accent-rose);border-color:var(--accent-rose)}.flash-nilai-done{align-items:center;gap:6px;padding:9px 18px;font-size:12.5px;font-weight:600;display:inline-flex}.flash-nilai-done.tau{color:var(--accent-emerald)}.flash-nilai-done.belum{color:var(--accent-rose)}.pr-galat{border-radius:var(--radius-full,99px);background:var(--accent-rose);align-items:center;gap:7px;margin:14px 0 0;padding:9px 15px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pr-galat{background:color-mix(in srgb, var(--accent-rose) 12%, transparent)}}.pr-galat{border:1px solid var(--accent-rose)}@supports (color:color-mix(in lab, red, red)){.pr-galat{border:1px solid color-mix(in srgb, var(--accent-rose) 35%, transparent)}}.pr-galat{color:var(--accent-rose);font-size:13px;font-weight:600}.pg-sub-sisa{border-radius:var(--radius-md,12px);background:var(--surface-1);border:1px solid var(--edge-soft);color:var(--text-secondary);align-items:center;gap:8px;margin:14px 0 0;padding:10px 14px;font-size:13px;display:flex}.pg-sub-sisa strong{color:var(--text-primary)}.pg-sub-sisa.segera{color:var(--accent-amber);background:var(--accent-amber)}@supports (color:color-mix(in lab, red, red)){.pg-sub-sisa.segera{background:color-mix(in srgb, var(--accent-amber) 10%, transparent)}}.pg-sub-sisa.segera{border-color:var(--accent-amber)}@supports (color:color-mix(in lab, red, red)){.pg-sub-sisa.segera{border-color:color-mix(in srgb, var(--accent-amber) 32%, transparent)}}.pg-sub-sisa.segera strong{color:var(--accent-amber)}.pg-sub-lifetime{color:var(--accent-amber);font-size:13px;font-weight:600}.pg-sub-catatan{color:var(--text-secondary);margin:12px 0 0;font-size:12.5px;line-height:1.6}.pg-sub-kosong{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.pg-tx-list{flex-direction:column;gap:2px;margin-top:10px;display:flex}.pg-tx-row{border-bottom:1px solid var(--edge-soft);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.pg-tx-row:last-child{border-bottom:none}.pg-tx-row>div:first-child{flex-direction:column;gap:2px;display:flex}.pg-tx-row strong{font-size:13.5px;font-weight:600}.pg-tx-row span{color:var(--text-secondary);font-size:12px}.pg-tx-kanan{align-items:center;gap:12px;display:flex}.pg-tx-jumlah{font-variant-numeric:tabular-nums;color:var(--text-primary)!important}.pg-tx-status{border-radius:var(--radius-full,99px);background:var(--surface-1);border:1px solid var(--edge-soft);padding:3px 10px;font-weight:600;font-size:11px!important}.pg-tx-status.s-lunas{border-color:var(--accent-emerald);color:var(--accent-emerald)!important}@supports (color:color-mix(in lab, red, red)){.pg-tx-status.s-lunas{border-color:color-mix(in srgb, var(--accent-emerald) 34%, transparent)}}.pg-tx-status.s-pending{border-color:var(--accent-amber);color:var(--accent-amber)!important}@supports (color:color-mix(in lab, red, red)){.pg-tx-status.s-pending{border-color:color-mix(in srgb, var(--accent-amber) 34%, transparent)}}.pg-tx-status.s-gagal,.pg-tx-status.s-kadaluarsa{border-color:var(--accent-rose);color:var(--accent-rose)!important}@supports (color:color-mix(in lab, red, red)){.pg-tx-status.s-gagal,.pg-tx-status.s-kadaluarsa{border-color:color-mix(in srgb, var(--accent-rose) 34%, transparent)}}@media (max-width:560px){.pg-tx-row{flex-direction:column;align-items:flex-start;gap:6px}}.sensei-msg.kuota{border:1px solid var(--accent-amber)}@supports (color:color-mix(in lab, red, red)){.sensei-msg.kuota{border:1px solid color-mix(in srgb, var(--accent-amber) 34%, transparent)}}.sensei-msg.kuota{background:var(--accent-amber)}@supports (color:color-mix(in lab, red, red)){.sensei-msg.kuota{background:color-mix(in srgb, var(--accent-amber) 9%, transparent)}}.sensei-msg.kuota{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.sensei-kuota-link{color:var(--accent-amber);font-size:12px;font-weight:700;text-decoration:none}.sensei-kuota-link:hover{text-decoration:underline}.seleksi-aksi{z-index:1050;border-radius:var(--radius-md);background:var(--surface-3);border:1px solid var(--edge-strong);max-width:calc(100vw - 24px);animation:fade-in var(--dur-small) var(--ease-out-expo);gap:2px;padding:4px;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%,-100%);box-shadow:0 14px 34px -10px #000000bf}.seleksi-aksi.bawah{transform:translate(-50%)}.seleksi-aksi,.seleksi-aksi *{-webkit-user-select:none;user-select:none}.seleksi-aksi.dok{max-width:none;top:auto;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(0,1fr));justify-content:space-between;display:grid;transform:none}.seleksi-aksi.dok button{white-space:normal;text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:56px;padding:6px 2px;font-size:11px;line-height:1.2}@media (min-width:768px){.seleksi-aksi.dok{display:flex;bottom:24px;left:50%;right:auto;transform:translate(-50%)}.seleksi-aksi.dok button{white-space:nowrap;flex-direction:row;min-height:44px;padding:0 12px;font-size:12.5px}}.seleksi-aksi button{border-radius:var(--radius-sm);min-height:40px;color:var(--text-secondary);font:inherit;white-space:nowrap;cursor:pointer;transition:background var(--dur-micro), color var(--dur-micro);background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.seleksi-aksi button:hover,.seleksi-aksi button:focus-visible{color:var(--text-primary);background:#dd412424;outline:none}.seleksi-aksi button svg{color:var(--primary)}@media (max-width:767px){.seleksi-aksi button{min-height:44px}}.panel-fab,.af-sheet-head,.af-sheet-ov{display:none}@media (max-width:1023px){.panel-fab{display:inline-flex}.af-sheet-ov{z-index:1029;animation:fade-in var(--dur-small);background:#0b0a0c8c;display:block;position:fixed;inset:0}.af-grid .af-side{z-index:1030;height:78dvh;min-height:0;padding:6px 12px calc(12px + env(safe-area-inset-bottom));background:var(--surface-2);border-top:1px solid var(--edge-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;visibility:hidden;transition:transform var(--dur-medium) var(--ease-out-expo), visibility 0s linear var(--dur-medium);gap:10px;position:fixed;inset:auto 0 0;transform:translateY(100%);box-shadow:0 -20px 50px #0009}.af-grid .af-side.sheet-open{visibility:visible;transition:transform var(--dur-medium) var(--ease-out-expo);transform:none}.af-grid .af-side .glass-card{-webkit-backdrop-filter:none}.af-sheet-head{touch-action:none;justify-content:center;align-items:center;min-height:32px;display:flex;position:relative}.af-sheet-grip{background:#ffffff38;border-radius:99px;width:40px;height:4px}.af-sheet-close{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-4px}.af-sheet-close:hover,.af-sheet-close:focus-visible{background:var(--surface-3);color:var(--text-primary);outline:none}}@media (max-width:1023px) and (prefers-reduced-motion:reduce){.af-grid .af-side,.af-grid .af-side.sheet-open{transition:none}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}