*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.btn{position:relative;display:inline-flex;cursor:pointer;align-items:center;justify-content:center}.search-section .btn{position:relative}.btn{transition:background-color .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out}.btn-primary{background-color:var(--accent-vermilion);color:#fff;font-weight:600;border-radius:var(--radius-md);padding:.875rem 1.5rem;box-shadow:0 2px 8px #c53d4340}.btn-primary:hover{background-color:#a83238;box-shadow:0 4px 12px #c53d4359;transform:translateY(-1px)}.btn-primary:disabled{transform:none;cursor:not-allowed;opacity:.5;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.btn-icon{height:2.5rem;width:2.5rem;border-radius:var(--radius-full);padding:.625rem;background-color:var(--bg-paper);border:1px solid var(--washi-border)}@media (hover: hover) and (pointer: fine){.nav-item-wrapper:hover .nav-item:not(.active){background-color:var(--nav-hover-bg);transform:translate(4px) translateY(-1px);box-shadow:0 4px 12px #0000000d}.dark-mode .nav-item-wrapper:hover .nav-item:not(.active){box-shadow:0 4px 12px #0003}.progress-item-wrapper:hover,.support-option-card:hover{transform:translate(-4px) translateY(-1px);box-shadow:0 4px 12px #0000000d}.dark-mode .progress-item-wrapper:hover,.dark-mode .support-option-card:hover{box-shadow:0 4px 12px #0003}.nav-item-wrapper:active .nav-item:not(.active){transform:scale(.98) translate(2px) translateY(0);transition-duration:.1s;box-shadow:none}.progress-item-wrapper:active,.support-option-card:active{transform:scale(.98) translate(-2px) translateY(0);transition-duration:.1s;box-shadow:none}.btn-icon:hover{background-color:var(--nav-hover-bg);transform:scale(1.05);box-shadow:var(--shadow-paper)}}.btn-icon:focus-visible{background-color:var(--nav-hover-bg);transform:scale(1.05);box-shadow:var(--shadow-paper)}.btn-icon:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.1s}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-1\/2{left:50%}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.z-40{z-index:40}.mx-auto{margin-left:auto;margin-right:auto}.-ml-2{margin-left:-.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[50vh\]{max-height:50vh}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-width:1px}.border-t{border-top-width:1px}.border-glass-border{border-color:var(--glass-border)}.bg-green-500\/20{background-color:#22c55e33}.bg-primary{background-color:var(--text-primary)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-6{padding-bottom:1.5rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-jp{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans JP,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-accent-red{color:var(--accent-red)}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-header{color:var(--header-text)}.text-primary{color:var(--text-primary)}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-secondary{color:var(--text-secondary)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--bg-main: #F0EFE9;--bg-main-rgb: 240, 239, 233;--bg-paper: #FAF8F3;--bg-paper-elevated: #FFFFFF;--text-primary: #2D2A26;--text-secondary: #6B6560;--text-header: #1A1816;--font-main: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: var(--font-main);--text-shadow-ink: 0 0 1px rgba(26, 24, 22, .15);--border-subtle: #D8D2C5;--border-medium: #C8BFB0;--shadow-color: rgba(45, 42, 38, .08);--shadow-paper: 0 4px 12px rgba(45, 42, 38, .06), 0 1px 3px rgba(45, 42, 38, .04);--shadow-paper-hover: 0 12px 28px rgba(45, 42, 38, .08), 0 6px 12px rgba(45, 42, 38, .04);--accent-vermilion: #C53D43;--accent-indigo: #2C4A52;--accent-gold: #B8860B;--accent-matcha: #5B7E5A;--accent-sakura: #F4A7B9;--accent-pink: #D97B93;--accent-blue: #4A7C8C;--accent-green: #5B7E5A;--accent-red: #C53D43;--accent-purple: #6B5B7C;--accent-orange: #C96A3B;--accent-yellow: #C9A83B;--accent-teal: #4A7C7C;--lang-inactive-color: #6B6560;--color-danger: #C53D43;--color-danger-bg: rgba(197, 61, 67, .1);--washi-bg: var(--bg-paper);--washi-border: var(--border-subtle);--card-front-bg: var(--bg-paper-elevated);--card-front-border: var(--border-subtle);--progress-track-color: #D1C9B8;--nav-hover-bg: #EAE6dc;--switch-bg: #E0DBD0;--backdrop-bg: rgba(45, 42, 38, .5);--bg-orange: rgba(201, 106, 59, .1);--bg-teal: rgba(74, 124, 124, .1);--pin-color: var(--accent-vermilion);--pin-unpinned: #8C857A;--pin-background: var(--bg-paper);--pin-hover-bg: var(--nav-hover-bg);--pin-pinned-bg: var(--accent-vermilion);--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.25rem;--radius-full: 9999px;--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--transition-duration: .25s}.dark-mode{--bg-main: #1A1816;--bg-main-rgb: 26, 24, 22;--bg-paper: #242220;--bg-paper-elevated: #302D2A;--text-primary: #F0EBE0;--text-secondary: #9C958A;--text-header: #FAF7F0;--border-subtle: #3D3935;--border-medium: #4D4843;--shadow-color: rgba(0, 0, 0, .35);--shadow-paper: 0 2px 8px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--shadow-paper-hover: 0 6px 20px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .2);--color-danger: #E57373;--color-danger-bg: rgba(229, 115, 115, .15);--washi-bg: var(--bg-paper);--washi-border: var(--border-subtle);--card-front-bg: var(--bg-paper-elevated);--card-front-border: var(--border-subtle);--progress-track-color: #3D3935;--nav-hover-bg: #3A3632;--switch-bg: #353230;--backdrop-bg: rgba(10, 9, 8, .85);--bg-orange: rgba(201, 106, 59, .18);--bg-teal: rgba(74, 124, 124, .15);--lang-inactive-color: #C5C0B5;--pin-color: #E8726A;--pin-unpinned: #7A756C;--pin-pinned-bg: #E8726A}html{scroll-behavior:smooth;font-size:15px;overflow-x:hidden;scrollbar-gutter:auto;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none;width:0;height:0}::-moz-selection{background-color:#c53d4333;color:inherit}::selection{background-color:#c53d4333;color:inherit}.dark-mode ::-moz-selection{background-color:#e8726a4d;color:#fff}.dark-mode ::selection{background-color:#e8726a4d;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#c8bfb080;border-radius:5px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#b4a082b3}.dark-mode ::-webkit-scrollbar-thumb{background-color:#504b4680}.dark-mode ::-webkit-scrollbar-thumb:hover{background-color:#645f5ab3}#main-content{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}#main-content::-webkit-scrollbar{display:none;width:0;height:0}body{font-family:var(--font-main);color:var(--text-primary);background-color:var(--bg-main);overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");transition:background-color var(--transition-duration) var(--ease-in-out-quad),color var(--transition-duration) var(--ease-in-out-quad)}body::-webkit-scrollbar{display:none;width:0;height:0}h1,h2,h3,h4,h5,h6,.sidebar-title,.modal-title,.font-serif{font-family:var(--font-serif);font-weight:700;letter-spacing:-.01em;text-shadow:var(--text-shadow-ink)}.dark-mode body{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E")}.body-no-scroll,body.sidebar-open{overflow:hidden}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-main);background-image:repeating-linear-gradient(135deg,transparent 0px,rgba(139,119,101,.02) 1px,transparent 2px,transparent 10px);display:flex;align-items:center;justify-content:center;z-index:200;transition:opacity .4s ease-out,visibility .4s;opacity:1;visibility:visible}#loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;width:100%;gap:1.5rem}.loader{position:relative;width:clamp(3rem,12vw,4rem);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--accent-vermilion);animation:hanko-breathe 2s ease-in-out infinite;box-shadow:inset 0 0 0 1px #c53d434d,0 0 8px #c53d4333}.loader:after{content:"読";position:absolute;font-family:var(--font-main);font-size:clamp(1.25rem,5vw,1.75rem);font-weight:700;color:var(--accent-vermilion);animation:hanko-breathe 2s ease-in-out infinite;animation-delay:.1s}@keyframes hanko-breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.app-loader-logo{animation:hanko-breathe 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(197,61,67,.15))}.main-grid{display:grid;grid-template-columns:220px 1fr 260px;gap:0;align-items:stretch;padding:0;min-height:100vh;transition:filter var(--transition-duration) var(--ease-in-out-quad)}.left-sidebar,.right-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background-color:var(--bg-paper);border-right:1px solid var(--border-medium);z-index:10;scrollbar-gutter:auto;scrollbar-width:none;-ms-overflow-style:none;border-radius:0;padding:1rem 1.25rem;overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")}.left-sidebar::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar{display:none;width:0;height:0}.left-sidebar:after,.right-sidebar:after{content:"";position:sticky;bottom:0;display:block;height:48px;background:linear-gradient(to bottom,rgba(250,248,243,0) 0%,var(--bg-paper) 90%);background-image:linear-gradient(to bottom,rgba(250,248,243,0) 0%,var(--bg-paper) 90%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out-quint);z-index:20;margin-top:-48px;bottom:-1.25rem;flex-shrink:0}.left-sidebar:after{margin-left:-1.25rem;margin-right:-1.25rem;width:calc(100% + 2.5rem)}.right-sidebar:after{margin-left:-1.25rem;margin-right:-1.25rem;width:calc(100% + 2.5rem)}.dark-mode .left-sidebar:after,.dark-mode .right-sidebar:after{background:linear-gradient(to bottom,rgba(36,34,32,0) 0%,var(--bg-paper) 80%);background-image:linear-gradient(to bottom,rgba(36,34,32,0) 0%,var(--bg-paper) 80%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")}.left-sidebar.can-scroll:after,.right-sidebar.can-scroll:after{opacity:1}.right-sidebar{border-right:none;border-left:1px solid var(--border-medium);padding:1rem 1.25rem}.left-sidebar:before,.right-sidebar:before{content:"";position:absolute;top:0;left:5%;right:5%;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(197,61,67,.3) 20%,rgba(197,61,67,.5) 50%,rgba(197,61,67,.3) 80%,transparent 100%);border-radius:0 0 2px 2px}.main-header h1{font-size:1.25rem}.sidebar-title{font-size:clamp(1rem,.9rem + .5vw,1.25rem);font-family:var(--font-serif)}.site-title-link{height:2.5rem;min-height:2.5rem;display:flex;align-items:center;flex-shrink:0}.search-header-container{display:flex;align-items:center;border-radius:var(--radius-full);padding:.375rem .375rem .375rem 1rem;gap:.5rem}.search-section{flex-grow:1;display:flex;align-items:center;gap:.75rem}.search-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);padding:.375rem 0;font-size:.875rem}.controls-divider{width:1px;height:24px;background-color:var(--text-secondary);opacity:.2;margin:0 .25rem}.controls-section{display:flex;align-items:center;gap:.5rem}@media (max-width: 1200px){.right-sidebar{display:none}.main-grid{grid-template-columns:220px 1fr;padding:0}}@media (max-width: 768px){.main-grid{grid-template-columns:1fr;padding:0;gap:0}.main-header{display:none}.mobile-header{display:flex;padding:.5rem .75rem;margin:0;border-radius:0!important;position:sticky;top:0;z-index:20;background-color:var(--bg-paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");box-shadow:var(--shadow-paper);border-bottom:1px solid var(--border-subtle)}.mobile-header-search{display:flex;align-items:center;flex:1;gap:.5rem;opacity:0;transform:translate(20px);transition:opacity .3s var(--ease-out-quint),transform .3s var(--ease-out-quint)}.mobile-header-search.hidden{display:none}.mobile-header-search .search-input{background:transparent;padding:.25rem 0;font-size:1rem;border:none;outline:none}.mobile-header-search .search-input:focus{outline:none;border:none;box-shadow:none}#mobile-search-toggle{color:var(--pin-unpinned);transition:color .2s var(--ease-out-quint),transform .2s var(--ease-out-quint)}#mobile-search-toggle:hover{color:var(--text-primary)}#mobile-search-toggle svg{width:1.25rem;height:1.25rem;stroke:var(--pin-unpinned);stroke-width:2}#mobile-search-toggle:hover svg{stroke:var(--text-primary)}#mobile-search-close{color:var(--text-secondary);transition:color .2s var(--ease-out-quint)}#mobile-search-close:hover{color:var(--text-primary)}#mobile-header-default,#mobile-header-actions{transition:opacity .25s var(--ease-out-quint),visibility .25s;opacity:1;visibility:visible}.mobile-header.search-active #mobile-header-default,.mobile-header.search-active #mobile-header-actions{opacity:0;visibility:hidden;pointer-events:none!important}.mobile-header-search{position:absolute;left:3rem;right:.75rem;opacity:0;visibility:hidden;transform:translate(20px);transition:opacity .25s var(--ease-out-quint),transform .25s var(--ease-out-quint),visibility .25s;z-index:25}.mobile-header.search-active .mobile-header-search{opacity:1;visibility:visible;transform:translate(0)}body.dictionary-active .mobile-header #mobile-search-close{display:none}body.dictionary-active .mobile-header .mobile-header-search{right:.75rem}#main-content{padding:.75rem!important;margin:0;width:100%}footer{padding:2rem 1rem;margin:0;width:100%}.mobile-header,.main-grid>.flex:not(#sidebar):not(.right-sidebar){transition:transform .35s var(--ease-out-quint)}.mobile-header.header-hidden{transform:translateY(-110%)}.body-no-scroll,body.sidebar-open{overflow:hidden;position:fixed;width:100%;height:100%;touch-action:none;overscroll-behavior:none}body.sidebar-open .mobile-header,body.sidebar-open .main-grid>.flex:not(#sidebar):not(.right-sidebar){transform:translate(min(85%,300px));transform-origin:center left;border-radius:var(--radius-lg);box-shadow:-4px 0 24px #0000001a}#sidebar{position:fixed;top:0;left:-100%;width:85%;max-width:300px;height:100vh;height:100dvh;z-index:100;transition:left var(--transition-duration) var(--ease-out-quint),box-shadow var(--transition-duration) var(--ease-out-quint);border-radius:0;overflow-y:auto;display:flex;flex-direction:column;padding:1.25rem .875rem;-ms-overflow-style:none;scrollbar-width:none;box-shadow:2px 0 8px #0000000d;border-right:1px solid var(--border-medium);background-color:var(--bg-paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");scrollbar-gutter:auto}#sidebar.open{left:0;box-shadow:4px 0 8px #2d2a2614,8px 0 16px #2d2a260f,16px 0 32px #2d2a260a,32px 0 64px #2d2a2605}.dark-mode #sidebar.open{box-shadow:4px 0 8px #0003,8px 0 16px #00000026,16px 0 32px #0000001a,32px 0 64px #0000000d}.sidebar-title{font-size:1.1rem}.nav-item{font-size:.9rem;padding:.875rem 1rem;margin-bottom:.25rem;border-radius:8px}.nav-item svg{width:1.25rem;height:1.25rem}}.main-header{background:var(--bg-main);position:sticky;top:0;z-index:20;padding:.5rem 1.5rem .25rem;margin:0;border-bottom:1px solid transparent}@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)){.main-header{background:rgba(var(--bg-main-rgb),.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}#main-content{min-height:100vh;padding:1rem 1.5rem;background-color:var(--bg-main)}.glass-effect{background:var(--bg-paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");border:1px solid var(--washi-border);transition:background var(--transition-duration) var(--ease-in-out-quad),box-shadow var(--transition-duration) var(--ease-in-out-quad),border-color var(--transition-duration) var(--ease-in-out-quad);border-radius:var(--radius-lg)}@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)){@media (prefers-reduced-transparency: no-preference){.glass-effect{background:#faf8f3}.main-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}}.dark-mode .glass-effect{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E")}@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)){@media (prefers-reduced-transparency: no-preference){.dark-mode .glass-effect{background:#242220e6}}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--backdrop-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:50;opacity:0;visibility:hidden;transition:opacity var(--transition-duration) var(--ease-in-out-quad),visibility 0s var(--transition-duration),backdrop-filter var(--transition-duration) var(--ease-in-out-quad)}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000004d;z-index:45;opacity:0;visibility:hidden;transition:opacity var(--transition-duration) var(--ease-in-out-quad),visibility 0s var(--transition-duration)}.dark-mode #overlay{background-color:#00000080}.search-section .relative{position:relative}#search-input,#mobile-search-input{padding-right:2.5rem}#search-input::-webkit-search-cancel-button,#mobile-search-input::-webkit-search-cancel-button{-moz-appearance:none;appearance:none;-webkit-appearance:none}.modal-hidden,#kanji-detail-modal{display:none;pointer-events:none}#kanji-detail-modal{opacity:0;transition:opacity .4s ease-out}.tab-content{display:none}.tab-content.active{display:block;contain:layout style}.nav-item-wrapper{position:relative;contain:layout}.nav-item{background-color:var(--card-front-bg);border:1px solid var(--washi-border);box-shadow:var(--shadow-paper);transition:background-color var(--transition-duration) var(--ease-out-quint),color var(--transition-duration) var(--ease-out-quint),transform var(--transition-duration) var(--ease-out-quint),box-shadow var(--transition-duration) var(--ease-out-quint),border-color var(--transition-duration) var(--ease-out-quint);border-radius:var(--radius-lg);position:relative;overflow:hidden;min-width:0}.nav-item>span:not(.hanko-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem}.nav-item:after{content:"";position:absolute;top:0;right:0;width:10px;height:10px;background:linear-gradient(135deg,transparent 50%,var(--border-medium) 50%,var(--bg-paper) 60%);border-bottom-left-radius:2px;opacity:.7;transition:opacity var(--transition-duration) var(--ease-out-quint)}.nav-item.active:after{background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.15) 60%);opacity:1}.accordion-wrapper,.search-wrapper,.progress-item-wrapper{scroll-margin-top:60px}@media (max-width: 768px){.accordion-wrapper,.search-wrapper,.progress-item-wrapper{scroll-margin-top:100px}}.accordion-wrapper .glass-effect,.dark-mode .accordion-wrapper .glass-effect{box-shadow:var(--shadow-paper)}.accordion-wrapper+.accordion-wrapper:before{content:"";display:block;width:60%;max-width:200px;height:2px;margin:0 auto 1rem;background:linear-gradient(90deg,transparent 0%,var(--border-medium) 20%,var(--border-subtle) 50%,var(--border-medium) 80%,transparent 100%);border-radius:1px;opacity:.6}.dark-mode .nav-item{color:var(--text-primary)}.nav-item.active{background-color:var(--accent-vermilion);color:#fff;box-shadow:0 4px 12px #c53d434d;transform:translateY(-1px);border-color:transparent}.nav-item.active svg{color:#fff!important}#close-sidebar-btn{position:absolute;top:1.5rem;right:1.5rem;padding:.5rem;color:var(--text-secondary);transition:color .2s ease,background-color .2s ease,transform .2s ease;border-radius:var(--radius-full)}#close-sidebar-btn:hover{color:var(--text-primary)}@media (min-width: 768px){#close-sidebar-btn{display:none}}.dark-mode .notes-header-btn{background-color:var(--bg-paper);border-color:var(--washi-border)}.notes-header-btn svg{fill:var(--pin-unpinned)}.dark-mode .notes-header-btn svg{fill:var(--pin-unpinned)}.control-container{position:relative;background-color:var(--switch-bg);border:1px solid var(--border-subtle);padding:2px;border-radius:var(--radius-md);display:flex;align-items:center;height:100%;min-height:42px;box-sizing:border-box}.lang-switch{position:relative;background-color:var(--switch-bg);border:1px solid var(--border-subtle);padding:2px;border-radius:var(--radius-lg);display:flex;align-items:center;min-height:42px;box-sizing:border-box}.theme-switch-container{position:relative;background-color:var(--switch-bg);border:1px solid var(--border-subtle);padding:6px 8px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;min-height:42px;box-sizing:border-box;height:auto}.lang-switch-pill{position:absolute;z-index:1;left:0;top:50%;transform:translateY(-50%);height:calc(100% - 4px);border-radius:var(--radius-md);background-color:var(--accent-vermilion);box-shadow:var(--shadow-paper);transition:transform .4s var(--ease-out-quint),width .4s var(--ease-out-quint)}.lang-switch button{flex:1;z-index:2;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;border:none;cursor:pointer;text-align:center;transition:color .4s var(--ease-in-out-quad);background-color:transparent;color:var(--text-secondary)}.dark-mode .lang-switch button{color:var(--lang-inactive-color, #E5E7EB)}.lang-switch button.active{color:#fff;font-weight:700;background-color:transparent;box-shadow:none}.dark-mode .lang-switch button.active{color:#fff}#progress-overview{height:100%;overflow-y:auto;overflow-x:clip;scrollbar-gutter:stable;scrollbar-width:none;-ms-overflow-style:none}#progress-overview::-webkit-scrollbar{display:none}#sidebar-controls{display:flex;flex-direction:column;gap:1.25rem;padding-top:1.25rem;border-top:1px solid var(--washi-border)}.square-icon-container{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;width:100%}.square-icon-container>img,.square-icon-container>svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media (max-width: 768px){.mobile-header h1,.modal-title{font-size:clamp(1.1rem,4vw,1.25rem)}input[type=text],input[type=search],input[type=number],input[type=email],input[type=password],textarea,select{font-size:16px!important}.modal-body{padding:1rem!important}.noto-sans.text-6xl{font-size:clamp(3rem,15vw,4rem)}}@media (max-width: 480px){html{font-size:15px}}#external-search .placeholder-container{min-height:300px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){#main-content{padding:.75rem!important;margin:0;width:100%}}.support-button{background-color:var(--card-front-bg);border:1px solid var(--washi-border);box-shadow:var(--shadow-paper)}.support-button:hover{background-color:#fff0f0;border-color:var(--accent-vermilion);box-shadow:var(--shadow-paper-hover);transform:translateY(-1px)}.dark-mode .support-button:hover{background-color:#c53d431a}.washi-card{background-color:var(--bg-paper-elevated);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");border:1px solid var(--border-medium)}.dark-mode .washi-card{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E")}.support-option-card{display:block;background-color:var(--bg-paper);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-duration) var(--ease-out-quint);text-decoration:none}.support-option-card:hover{background-color:var(--bg-paper-elevated);border-color:var(--accent-gold);box-shadow:0 4px 12px #b8860b26;transform:translateY(-2px)}.brand-bmc:hover{border-color:#fd0;background-color:#fffdf0;box-shadow:0 4px 12px #fd03}.brand-momo:hover{border-color:#a50064;background-color:#fff0f5;box-shadow:0 4px 12px #a5006426}.dark-mode .brand-bmc:hover{background-color:#ffdd000d}.dark-mode .brand-momo:hover{background-color:#a500640d}footer{font-family:var(--font-serif);letter-spacing:.02em;color:var(--text-secondary);position:relative;z-index:10}footer:before{content:"愛";display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto .75rem;border:2px solid var(--accent-vermilion);border-radius:50%;color:var(--accent-vermilion);font-family:"Noto Serif JP",serif;font-size:20px;font-weight:700;opacity:.7;transform:rotate(-8deg);box-shadow:0 0 0 1px #c53d431a;background-image:none}.pwa-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .4s var(--ease-out-quint),opacity .3s var(--ease-out-quint),visibility 0s .4s}@media (min-width: 769px){.pwa-banner{display:none!important}}.pwa-banner.active{transform:translateY(0);opacity:1;visibility:visible;transition:transform .4s var(--ease-out-quint),opacity .3s var(--ease-out-quint),visibility 0s}.pwa-banner-content{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:var(--bg-paper);border:1px solid var(--washi-border);border-radius:var(--radius-lg);box-shadow:0 -4px 20px #0000001a,0 -2px 8px #0000000d;max-width:480px;margin:0 auto}.dark-mode .pwa-banner-content{box-shadow:0 -4px 20px #0000004d,0 -2px 8px #0003}.pwa-banner-icon{width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0;-o-object-fit:contain;object-fit:contain}.pwa-banner-text{flex:1;min-width:0;overflow:hidden}.pwa-banner-title{font-weight:600;font-size:.9375rem;color:var(--text-primary);margin:0;line-height:1.3}.pwa-banner-subtitle{font-size:.75rem;color:var(--text-secondary);margin:0;margin-top:.125rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.pwa-banner-btn-install{background-color:var(--accent-vermilion);color:#fff;font-weight:600;font-size:.8125rem;padding:.5rem 1rem;border-radius:var(--radius-md);border:none;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,transform .2s ease}.pwa-banner-btn-install:hover{background-color:#a83238;transform:scale(1.02)}.pwa-banner-btn-install:active{transform:scale(.98)}.pwa-banner-btn-dismiss{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;transition:background-color .2s ease,color .2s ease}.pwa-banner-btn-dismiss:hover{background-color:var(--nav-hover-bg);color:var(--text-primary)}.pwa-banner-btn-dismiss svg{width:18px;height:18px}@media (max-width: 480px){.pwa-banner{padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.pwa-banner-content{gap:.625rem;padding:.75rem;border-radius:var(--radius-md)}.pwa-banner-icon{width:36px;height:36px}.pwa-banner-title{font-size:.875rem}.pwa-banner-subtitle{font-size:.6875rem}.pwa-banner-actions{gap:.375rem}.pwa-banner-btn-install{font-size:.75rem;padding:.4375rem .75rem}.pwa-banner-btn-dismiss{width:28px;height:28px}.pwa-banner-btn-dismiss svg{width:16px;height:16px}}@media (max-width: 360px){.pwa-banner-content{gap:.5rem;padding:.625rem}.pwa-banner-icon{width:32px;height:32px}.pwa-banner-subtitle{display:none}.pwa-banner-btn-install{padding:.375rem .625rem}}.hover\:text-accent-blue:hover{color:var(--accent-blue)}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.sm\:h-24{height:6rem}.sm\:h-40{height:10rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-6{gap:1.5rem}.sm\:p-5{padding:1.25rem}.sm\:pt-0{padding-top:0}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 768px){.md\:mb-4{margin-bottom:1rem}.md\:flex{display:flex}.md\:hidden{display:none}.md\:p-6{padding:1.5rem}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.font-jp,.noto-sans{font-family:var(--font-main)}.hanko-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid currentColor;font-size:.75rem;font-weight:700;font-family:var(--font-main);flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff1a,0 1px 2px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.hanko-stamp{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2em;height:2em;border:2px solid var(--accent-vermilion);color:var(--accent-vermilion);font-weight:700;font-family:var(--font-main);mix-blend-mode:multiply;border-radius:48% 52% 49% 51%/51% 49% 52% 48%;transform:rotate(-5deg);opacity:.9;box-shadow:inset 0 0 0 1px #c53d431a;background-color:transparent;transition:all .3s cubic-bezier(.25,.8,.25,1)}@media (hover: hover) and (pointer: fine){.hanko-stamp:hover{transform:rotate(-12deg) scale(1.05)}}.dark-mode .hanko-stamp{mix-blend-mode:normal;border-color:#ff6b6b;color:#ff6b6b;background:#ff6b6b1a;box-shadow:0 0 8px #ff6b6b33,inset 0 0 0 1px #ff6b6b33;text-shadow:0 0 2px rgba(255,107,107,.3)}.hanko-stamp.animate-stamp{animation:stamp-effect .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes stamp-effect{0%{transform:scale(3) rotate(15deg);opacity:0}to{transform:scale(1) rotate(-5deg);opacity:.9}}.nav-item.active .hanko-icon{background-color:var(--bg-paper-elevated);border-color:var(--accent-vermilion);color:var(--accent-vermilion);box-shadow:0 4px 12px #c53d4333,inset 0 0 0 1px #c53d431a}.dark-mode .nav-item.active .hanko-icon{background-color:#2d2a26;border-color:#ff6b6b;color:#ff6b6b;box-shadow:0 0 10px #ff6b6b26}@media (hover: hover) and (pointer: fine){.nav-item:hover .hanko-icon{transform:scale(1.1) rotate(5deg)}}.dark-mode .hanko-icon{box-shadow:inset 0 0 0 1px #ffffff0d,0 1px 3px #0000004d}mark.search-highlight{background-color:var(--accent-yellow);color:var(--text-primary);padding:2px 0;border-radius:3px;font-weight:600}.dark-mode mark.search-highlight{color:var(--bg-main)}.handbook-content{overflow-wrap:break-word;word-break:break-word}.search-hidden{display:none!important}*:focus-visible{outline:2px solid var(--accent-vermilion);outline-offset:2px}#overlay.active,.modal-backdrop.active{opacity:1;visibility:visible;transition-delay:0s}.progress-item-wrapper,.cell-bg,.grammar-card,.dict-card{padding:clamp(.75rem,3vw,1.25rem);transition:transform var(--transition-duration) var(--ease-out-quint),background-color var(--transition-duration) var(--ease-out-quint),box-shadow var(--transition-duration) var(--ease-out-quint)}.progress-title{font-size:.8125rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.progress-stats{font-size:.6875rem;white-space:nowrap}.progress-percentage{font-size:.625rem}.progress-item-wrapper,.cell-bg,.grammar-card,.dict-card{background-color:var(--card-front-bg);border:1px solid var(--washi-border);border-radius:var(--radius-lg);position:relative;box-shadow:0 2px 5px #0000000d}@media (min-width: 769px){.progress-item-wrapper,.cell-bg,.grammar-card,.dict-card{box-shadow:0 1px 2px #2d2a260d,0 4px 8px #2d2a260d;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L40 40M40 0L0 40' stroke='%238B7765' stroke-opacity='0.03' stroke-width='0.5'/%3E%3C/svg%3E")}.dark-mode .progress-item-wrapper,.dark-mode .cell-bg,.dark-mode .grammar-card,.dark-mode .dict-card{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L40 40M40 0L0 40' stroke='%23C8B496' stroke-opacity='0.015' stroke-width='0.5'/%3E%3C/svg%3E")}}.progress-item-wrapper:after,.cell-bg:after,.grammar-card:after,.dict-card:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;background:transparent;pointer-events:auto}.progress-item-wrapper:before{content:"";position:absolute;top:0;right:0;width:10px;height:10px;background:linear-gradient(135deg,transparent 50%,var(--border-medium) 50%,var(--bg-paper) 60%);border-bottom-left-radius:2px;opacity:.7;transition:opacity var(--transition-duration) var(--ease-out-quint);z-index:1}@media (hover: hover) and (pointer: fine){.progress-item-wrapper:hover:before{opacity:1}}@media (hover: hover) and (pointer: fine){#close-sidebar-btn:hover{color:var(--text-primary);background-color:var(--nav-hover-bg);transform:scale(1.05)}}.search-input-wrapper{flex-grow:1;min-width:0;transition:flex-grow .4s var(--ease-out-quint)}.clear-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%) scale(.8);opacity:0;pointer-events:none;width:1.25rem;height:1.25rem;cursor:pointer;transition:opacity .2s ease,transform .2s ease,background-color .2s ease;background-color:var(--text-secondary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z' clip-rule='evenodd' /%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z' clip-rule='evenodd' /%3E%3C/svg%3E") no-repeat center}#search-input:not(:-moz-placeholder)+.clear-btn{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}#search-input:not(:placeholder-shown)+.clear-btn{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}#mobile-search-input+.clear-btn{display:none}.clear-btn:hover{background-color:var(--text-primary)}.modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity var(--transition-duration) var(--ease-out-quint);pointer-events:none}.modal-wrapper.active{opacity:1;pointer-events:auto}.modal-wrapper .modal-content-container{transition:transform var(--transition-duration) var(--ease-out-quint),opacity var(--transition-duration) var(--ease-out-quint);transform:scale(.95) translateY(20px);opacity:0;width:100%;max-width:32rem}.modal-wrapper.active .modal-content-container{transform:scale(1) translateY(0);opacity:1}.modal-content{display:flex;flex-direction:column;max-height:85vh;border-radius:var(--radius-xl);overflow:hidden;position:relative;background:var(--bg-paper);border:1px solid var(--washi-border);box-shadow:var(--shadow-paper-hover);background-image:radial-gradient(ellipse at 10% 20%,rgba(180,160,130,.04) 0%,transparent 40%),radial-gradient(ellipse at 90% 80%,rgba(180,160,130,.03) 0%,transparent 35%)}.modal-header,.modal-footer{flex-shrink:0;padding:1.5rem;display:flex;align-items:center}.modal-header{justify-content:space-between}.modal-footer{justify-content:flex-end;gap:.75rem}.modal-body{padding:0 1.5rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.modal-title{font-size:clamp(1.125rem,4vw,1.25rem);font-weight:700;color:var(--text-primary)}.modal-close-btn{color:var(--text-secondary);padding:.5rem;margin:-.5rem;border-radius:var(--radius-full);transition:color .2s ease,background-color .2s ease}.modal-close-btn:hover{color:var(--text-primary);background-color:var(--nav-hover-bg)}.tab-content.active{animation:fadeIn .5s var(--ease-out-quint) forwards}.nav-item:focus-visible:not(.active){outline:2px solid var(--accent-vermilion);outline-offset:2px}.notes-header-btn{opacity:0;max-width:0;margin-left:0!important;padding:0!important;border-width:0!important;overflow:hidden;transition:max-width .4s var(--ease-out-quint),margin-left .4s var(--ease-out-quint),padding .4s var(--ease-out-quint),border-width .4s var(--ease-out-quint),opacity .3s var(--ease-out-quint) .1s}.notes-header-btn.visible{opacity:1;pointer-events:auto;max-width:40px;margin-left:.5rem!important;padding:.625rem!important;border-width:1px!important}.notes-header-btn svg{width:1.25rem;height:1.25rem}.card{perspective:1500px;transition:background-color var(--transition-duration) var(--ease-out-quint);contain:layout paint style}.card:after{content:"↻";position:absolute;bottom:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary);background-color:var(--nav-hover-bg);border-radius:var(--radius-full);opacity:0;transform:scale(.8) rotate(-45deg);transition:opacity .3s var(--ease-out-quint),transform .3s var(--ease-out-quint);pointer-events:none;z-index:5}@media (hover: hover) and (pointer: fine){.card:hover .card-face-front{background-color:var(--nav-hover-bg)}.card:hover:after{opacity:.8;transform:scale(1) rotate(0)}}.card.is-flipped:after{opacity:0}.card-inner{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.card.is-flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);overflow:hidden}.card-face-front{background:var(--card-front-bg);border:1px solid var(--card-front-border);box-shadow:inset 2px 0 #2d2a260f,inset 0 2px #2d2a260d,inset -1px 0 #2d2a2608,inset 0 -1px #2d2a260a;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.06'/%3E%3C/svg%3E")}.dark-mode .card-face-front{box-shadow:inset 2px 0 #0000001a,inset 0 2px #00000014,inset -1px 0 #0000000d,inset 0 -1px #0000000f}.card-face-back{transform:rotateY(180deg);background-color:var(--accent-indigo);color:#f7f5f0;padding:1rem;flex-direction:column;justify-content:space-around;text-align:center;border:1px solid rgba(255,255,255,.1);background-image:repeating-linear-gradient(115deg,transparent,transparent 7px,rgba(255,255,255,.03) 7px,rgba(255,255,255,.03) 9px);box-shadow:inset 0 0 20px #0000001f}.search-placeholder-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;position:relative;overflow:hidden}.search-placeholder-box{background:var(--bg-paper);border:1px solid var(--washi-border);box-shadow:var(--shadow-paper);border-radius:var(--radius-xl);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;min-height:clamp(200px,35vh,300px)}.search-placeholder-notice{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--radius-md);background-color:#c53d4314;border-left:4px solid var(--accent-vermilion);color:var(--text-secondary);font-size:.875rem;text-align:left;max-width:420px;width:100%;line-height:1.6}.kana-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.kana-grid .cell-bg{padding:.5rem;border-radius:var(--radius-md)}.kana-grid>div>p{white-space:nowrap}.kana-grid>div:empty{pointer-events:none}.kana-font{font-size:clamp(1.1rem,5vw,1.8rem)}.kana-font-digraph{font-size:clamp(.9rem,4vw,1.5rem)}.details-toggle,.learn-toggle{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;transition:transform var(--transition-duration) var(--ease-out-quint),background-color var(--transition-duration) var(--ease-out-quint),box-shadow var(--transition-duration) var(--ease-out-quint);will-change:transform,background-color,box-shadow;z-index:10;width:32px;height:32px;border-radius:var(--radius-full);background-color:#6b728026}@media (max-width: 768px){.details-toggle,.learn-toggle{width:28px;height:28px}}.details-toggle:hover,.learn-toggle:hover{background-color:#6b72804d;transform:scale(1.05)}#pin-toggle.pinned{border-color:var(--pin-color)}#pin-toggle.pinned svg{fill:var(--pin-color);animation:pin-icon-rotate .5s var(--ease-out-quint) forwards}.learn-toggle{top:10px;right:10px}.details-toggle{top:10px;left:10px}.notes-header-btn.has-note{animation:note-pulse 1.5s infinite;border:1px solid var(--accent-orange)}.dark-mode .notes-header-btn.has-note{border:1px solid var(--accent-orange)}.notes-header-btn.has-note svg{fill:var(--accent-orange)}.learn-toggle.learned{background-color:var(--accent-vermilion);color:#fff;border:1px solid transparent;box-shadow:0 2px 5px #c53d434d,inset 0 0 0 1px #fff3;animation:stamp-pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes stamp-pop{0%{transform:scale(1.5) rotate(15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.learn-toggle svg{color:var(--accent-green);transition:color .4s ease}.learn-toggle.learned svg{color:#fff;filter:drop-shadow(0 1px 0 rgba(0,0,0,.1))}.details-toggle svg{color:var(--text-primary);transition:color .4s ease}.dark-mode .details-toggle svg{color:var(--text-primary)}.learn-toggle.learned~.card .card-face-front{border-color:var(--accent-gold);box-shadow:0 0 0 1px var(--accent-gold),inset 2px 0 #d4a84a26,inset 0 2px #d4a84a1f,0 8px 24px #d4a84a26}.dark-mode .learn-toggle.learned~.card .card-face-front{box-shadow:0 0 0 1px var(--accent-gold),inset 2px 0 #d4a84a1a,inset 0 2px #d4a84a14,0 2px 12px #d4a84a33}#notes-modal .modal-content{background-color:#f5eed9;color:#3b352e;border-radius:var(--radius-xl);border:1px solid #D9CEAF;box-shadow:4px 4px 12px #3b352e1f}#notes-modal .modal-header{border-bottom:1px solid #D9CEAF;padding-bottom:1rem}#notes-modal .modal-title{color:#3b352e;font-weight:600}#notes-modal .modal-close-btn{color:#8c7f6a}#notes-modal .modal-close-btn:hover{background-color:#3b352e14}#notes-modal #notes-textarea{color:#3b352e;font-size:1.1rem;line-height:1.8;background-color:transparent;width:100%;border:none;outline:none;resize:vertical;min-height:150px}#notes-modal #notes-textarea::-moz-placeholder{color:#a0937a}#notes-modal #notes-textarea::placeholder{color:#a0937a}#notes-modal .modal-footer{border-top:none;justify-content:space-between;align-items:center;padding-top:.5rem}#notes-modal #note-info-display{font-family:monospace;color:#8c7f6a;font-size:.8rem}#notes-modal #notes-save-btn{background-color:var(--accent-vermilion);color:#fff;font-weight:600;padding:.625rem 1.25rem;border-radius:var(--radius-md);box-shadow:0 2px 6px #c53d4340}#notes-modal #notes-save-btn:hover{background-color:#a83238;box-shadow:0 4px 10px #c53d4359}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}@media (max-width: 768px){.responsive-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem}}.table-responsive-wrapper{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;border:1px solid var(--washi-border);border-radius:var(--radius-lg);margin:1rem 0}.table-responsive-wrapper table{width:100%;min-width:600px;border-collapse:collapse}.grammar-grid{display:flex;flex-direction:column;gap:1rem}.grammar-card h4{font-size:1rem;line-height:1.4}.grammar-card .grammar-description{line-height:1.6}.grammar-example{background-color:var(--bg-orange);padding:.75rem 1rem;border-radius:var(--radius-sm);border-left:4px solid var(--accent-orange);line-height:1.7}.grammar-example b,.grammar-description b{color:var(--text-primary);font-weight:600}.cheatsheet-card{background-color:var(--card-front-bg);border:1px solid var(--card-front-border);border-radius:var(--radius-lg);margin-bottom:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem;box-shadow:var(--shadow-paper);transition:transform .2s ease,box-shadow .2s ease;position:relative}.cheatsheet-card:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;background:transparent;pointer-events:auto}.cheatsheet-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-paper-hover)}.cheatsheet-particles{font-weight:700;font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.cheatsheet-usage{color:var(--text-secondary);line-height:1.6}.cheatsheet-example{color:var(--text-secondary);line-height:1.7;background-color:#00000008;padding:1rem;border-radius:var(--radius-md)}.dark-mode .cheatsheet-example{background-color:#ffffff08}@media (max-width: 768px){.cheatsheet-card{grid-template-columns:1fr;gap:1rem;padding:1.25rem}}.sidebar-control-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.625rem;width:100%}.sidebar-control-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);padding-left:.25rem}.import-button{border:2px dashed var(--accent-vermilion);background-color:transparent;color:var(--accent-vermilion);font-weight:600;font-family:Noto Sans JP,serif;padding:.625rem 1rem;border-radius:var(--radius-lg);transition:all .25s var(--ease-out-quint);background-image:repeating-linear-gradient(135deg,transparent 0px,rgba(197,61,67,.02) 1px,transparent 2px,transparent 6px)}.import-button:hover{background-color:var(--accent-vermilion);color:#fff;border-style:solid;transform:translateY(-1px);box-shadow:0 2px 8px #c53d4340}.modal-input{width:100%;padding:.875rem 1rem;border-radius:var(--radius-md);color:var(--text-primary);background-color:#fff6;border:1px solid var(--washi-border);transition:border-color .2s ease,box-shadow .2s ease}.dark-mode .modal-input{background-color:#0000001a}.modal-input::-moz-placeholder{color:var(--text-secondary)}.modal-input::placeholder{color:var(--text-secondary)}.modal-input:focus{outline:none;border-color:var(--accent-vermilion);box-shadow:0 0 0 3px #c53d4326}#file-import-area{border:2px dashed var(--text-secondary);opacity:.7;transition:border-color .4s ease,background-color .4s ease,opacity .4s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;border-radius:var(--radius-lg)}#file-import-area:hover{opacity:1;border-color:var(--accent-vermilion)}#file-import-area.drag-active{opacity:1;border-color:var(--accent-vermilion);background-color:#c53d4314}#file-import-area.state-preview{border-style:solid;border-color:var(--washi-border);background-color:#ff03;cursor:default;padding:1.25rem;text-align:left;align-items:flex-start}.dark-mode #file-import-area.state-preview{background-color:#0000000d}.preview-item{background-color:var(--card-front-bg);padding:.75rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--washi-border);display:flex;justify-content:space-between;align-items:center}.preview-item+.preview-item{margin-top:.75rem}@media (max-width: 480px){.modal-footer{gap:.75rem}.modal-button{padding:.875rem 1rem}.modal-body{padding:0 1rem 1rem}.modal-header,.modal-footer{padding:1rem}}.upload-icon{width:2.5rem;height:2.5rem;color:var(--text-secondary);margin-bottom:.75rem}.upload-icon .arrow{animation:upload-arrow-animation 1.5s var(--ease-in-out-quad) infinite}.progress-item-wrapper.is-highlighted{animation:highlight-progress 1.5s var(--ease-out-quint)}#kanji-detail-modal.active{display:flex;opacity:1;pointer-events:auto}#kanji-detail-modal .glass-effect{background-image:radial-gradient(ellipse at 10% 20%,rgba(180,160,130,.04) 0%,transparent 40%),radial-gradient(ellipse at 90% 80%,rgba(180,160,130,.03) 0%,transparent 35%)}#kanji-detail-modal .text-5xl{font-size:clamp(2.5rem,10vw,3rem)}#kanji-detail-modal .text-xl{font-size:clamp(1.125rem,5vw,1.25rem)}#kanji-detail-modal .text-sm{font-size:clamp(.9rem,4vw,1rem)}#kanji-detail-modal .text-xs{font-size:clamp(.8rem,3.5vw,.875rem)}@media (max-width: 480px){#kanji-detail-modal .p-6{padding:1rem}}.border-glass-border{border-color:var(--washi-border)}.with-furigana{font-size:1.2rem;line-height:2.4}.kanji-modal-translation{font-size:.875rem;color:var(--text-secondary)}.kanji-modal-scroll-content{position:relative;scrollbar-width:none;-ms-overflow-style:none}.kanji-modal-scroll-content::-webkit-scrollbar{display:none}.fade-indicator{content:"";position:absolute;bottom:0;left:0;right:0;height:75px;background:linear-gradient(to bottom,transparent,var(--bg-main));pointer-events:none;transition:opacity .3s ease-in-out;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.dict-section-header{font-size:clamp(1.1rem,4vw,1.25rem);font-weight:700;color:var(--text-primary);padding-bottom:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--washi-border)}.dict-grid{display:flex;flex-direction:column;gap:1rem}.dict-vocab-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem}.dict-vocab-term{font-size:clamp(1.1rem,4vw,1.25rem);font-weight:700;color:var(--text-primary);font-family:Noto Sans JP,sans-serif}.dict-vocab-reading{font-size:clamp(.85rem,3vw,.9rem);color:var(--text-secondary)}.dict-speaker-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;margin-left:auto;flex-shrink:0;border:none;border-radius:var(--radius-full);background-color:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease-out-quint)}.dict-speaker-btn svg{width:1.125rem;height:1.125rem}.dict-speaker-btn:hover{background-color:var(--nav-hover-bg);color:var(--accent-teal);transform:scale(1.1)}.dict-speaker-btn:active{transform:scale(.95)}.dict-speaker-btn.playing{color:var(--accent-teal);animation:speaker-pulse .6s ease-in-out infinite}@keyframes speaker-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.dict-level-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.5625rem;font-weight:700;font-family:Noto Sans JP,monospace;color:var(--accent-vermilion);background-color:#c53d4314;border:1px solid var(--accent-vermilion);padding:.0625rem .25rem;border-radius:2px;margin-left:.5rem;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px;background-image:repeating-linear-gradient(135deg,transparent 0px,rgba(197,61,67,.03) 1px,transparent 2px,transparent 4px);mix-blend-mode:multiply}.dark-mode .dict-level-badge{mix-blend-mode:normal;background-color:#e8726a26;border-color:#ff6b6b;color:#ff6b6b}.dict-kanji-in-level{color:var(--accent-teal);cursor:pointer;transition:color .2s ease,text-shadow .2s ease;text-shadow:0 0 1px rgba(45,157,143,.2)}.dict-kanji-in-level:hover{color:var(--accent-teal);text-shadow:0 0 4px rgba(45,157,143,.4)}.dict-vocab-definitions{font-size:clamp(.85rem,3vw,.9rem);line-height:1.7;color:var(--text-secondary);padding-top:.75rem;border-top:1px solid var(--washi-border)}.dict-vocab-definitions p{margin-bottom:.5rem}.dict-vocab-definitions p:last-child{margin-bottom:0}.dict-vocab-pos{font-size:.75rem;opacity:.7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;margin-left:.5rem}.dict-kanji-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.dict-kanji-char{font-size:clamp(1.8rem,8vw,2rem);font-weight:700;color:var(--accent-teal);font-family:Noto Sans JP,sans-serif;line-height:1}.dict-kanji-readings{font-family:Noto Sans JP,sans-serif;color:var(--text-secondary);font-size:.875rem}.dict-kanji-readings .reading-label{font-weight:600;color:var(--text-primary);margin-right:.5rem}.dict-kanji-meanings{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--washi-border);font-size:clamp(.9rem,3.5vw,.95rem);line-height:1.6;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.anim-fade-in,.content-anim-fade-in{animation:fadeIn .5s var(--ease-out-quint) forwards}.content-loader-wrapper{display:flex;justify-content:center;align-items:center;width:100%;min-height:300px}@keyframes anim-fade-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}.anim-fade-out{animation:anim-fade-out .4s var(--ease-out-quint) forwards}@keyframes pin-icon-rotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(-20deg) scale(1.3)}to{transform:rotate(0) scale(1.2)}}@keyframes checkmark-pop{0%{transform:scale(.6);box-shadow:0 0 #22c55e99}40%{transform:scale(1.25)}60%{transform:scale(.95);box-shadow:0 0 0 8px #22c55e00}80%{transform:scale(1.05)}to{transform:scale(1);box-shadow:0 0 #22c55e00}}@keyframes note-pulse{0%{box-shadow:0 0 #f9731666}70%{box-shadow:0 0 0 8px #f9731600}to{box-shadow:0 0 #f9731600}}@keyframes upload-arrow-animation{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes highlight-progress{0%{background-color:var(--nav-hover-bg);transform:scale(1.03)}to{background-color:transparent;transform:scale(1)}}.accordion-button{padding:1rem 1rem 1rem 1.25rem;font-size:.9375rem;transition:background-color .4s var(--ease-out-quint);position:relative;min-width:0}.accordion-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.accordion-right-section{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:.75rem}.hanko-counter{display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;font-family:Noto Sans JP,monospace;color:var(--accent-vermilion);background-color:#c53d4314;border:1.5px solid var(--accent-vermilion);padding:.125rem .375rem;border-radius:3px;white-space:nowrap;flex-shrink:0;box-shadow:inset 0 0 0 .5px #c53d434d,0 1px 2px #c53d431a;background-image:repeating-linear-gradient(135deg,transparent 0px,rgba(197,61,67,.03) 1px,transparent 2px,transparent 4px);mix-blend-mode:multiply;transition:transform .3s var(--ease-out-quint),box-shadow .3s var(--ease-out-quint),background-color .3s var(--ease-out-quint)}.accordion-button:hover .hanko-counter{transform:scale(1.05);box-shadow:inset 0 0 0 .5px #c53d4366,0 2px 4px #c53d4326}.hanko-counter.has-progress{background-color:#c53d431f}.hanko-counter.hanko-pulse{animation:hanko-stamp-pulse .8s cubic-bezier(.175,.885,.32,1.275)}@keyframes hanko-stamp-pulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.15);box-shadow:inset 0 0 0 .5px #c53d4380,0 0 12px #c53d4366}to{transform:scale(1);opacity:1}}.dark-mode .hanko-counter{mix-blend-mode:normal;background-color:#e8726a26;border-color:#ff6b6b;color:#ff6b6b;box-shadow:inset 0 0 0 .5px #e8726a66,0 0 8px #e8726a33;text-shadow:0 0 2px rgba(232,114,106,.2)}.dark-mode .hanko-counter.has-progress{background-color:#e8726a40;box-shadow:0 0 10px #e8726a4d}@media (max-width: 768px){.hanko-counter{font-size:.625rem;padding:.0625rem .3125rem}}.accordion-button:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;max-height:40px;background:linear-gradient(180deg,var(--accent-vermilion) 0%,var(--accent-gold) 50%,var(--accent-matcha) 100%);border-radius:0 2px 2px 0;opacity:.7;transition:opacity .4s var(--ease-out-quint),height .4s var(--ease-out-quint)}@media (hover: hover){.accordion-button:hover:before{opacity:1;height:70%}.accordion-button:hover{background-color:var(--nav-hover-bg)}}.accordion-button.open:before{opacity:1;height:80%}.accordion-button.open{background-color:var(--nav-hover-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.accordion-button .accordion-icon{transition:transform .4s var(--ease-out-quint)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .7s var(--ease-out-quint),padding .7s var(--ease-out-quint)}.open+.accordion-content{max-height:5000px}.open .accordion-icon{transform:rotate(180deg)}.lang-switch button:hover:not(.active){color:var(--text-primary);background-color:var(--nav-hover-bg)}.level-switch{display:flex;flex-wrap:nowrap;gap:.5rem;background-color:transparent;padding-top:5px;padding-bottom:8px;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);padding-left:.5rem;padding-right:.5rem}.level-switch::-webkit-scrollbar{display:none}.level-switch-item-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0}.level-switch .level-switch-button{width:2.5rem;height:2.5rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--text-secondary);background-color:transparent;color:var(--text-secondary);font-weight:700;font-size:.75rem;font-family:Noto Sans JP,serif;cursor:pointer;filter:url(#hanko-roughen);transition:all .25s var(--ease-out-quint)}.level-switch .level-switch-button:hover:not(.active){color:var(--accent-vermilion);border-color:var(--accent-vermilion);transform:scale(1.1)}.level-switch .level-switch-button.active{background-color:var(--accent-vermilion);color:#fff;border-color:var(--accent-vermilion);box-shadow:0 2px 8px #c53d434d,inset 0 1px 2px #0000001a;pointer-events:none;cursor:default}.delete-level-btn{position:absolute;right:-5px;top:-5px;z-index:10;padding:4px;border-radius:var(--radius-full);background-color:var(--card-front-bg);border:1px solid var(--washi-border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:scale(.8);transition:all .2s var(--ease-out-quint)}.level-switch-item-wrapper:hover .delete-level-btn{opacity:1;pointer-events:auto;transform:scale(1)}.delete-level-btn:hover{background-color:var(--color-danger-bg);color:var(--color-danger);transform:scale(1.15)}.sidebar-pin-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:6px;border-radius:var(--radius-full);background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:none;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .2s var(--ease-out-quint)}@media (min-width: 1201px){#nav-progress-tab{display:none}}@media (min-width: 769px){.sidebar-pin-btn{display:flex}}.nav-item-wrapper:hover .sidebar-pin-btn,.nav-item-wrapper.is-pinned .sidebar-pin-btn{opacity:1;pointer-events:auto}.sidebar-pin-btn:hover,.sidebar-pin-btn.is-pinned{background-color:var(--nav-hover-bg);transform:translateY(-50%) scale(1.1)}.sidebar-pin-btn.is-pinned{background-color:transparent}.sidebar-pin-btn svg{width:100%;height:100%;fill:var(--text-secondary);transition:fill .2s ease,transform .2s ease}.sidebar-pin-btn:hover svg{fill:var(--pin-color)}.sidebar-pin-btn.is-pinned svg{fill:var(--accent-vermilion)!important;transform:scale(1.1)}.dark-mode .sidebar-pin-btn.is-pinned svg{fill:var(--pin-color)!important}.nav-item.active+.sidebar-pin-btn.is-pinned svg{fill:#fff!important}.progress-container{width:100%;height:8px;background-color:var(--progress-track-color);border-radius:var(--radius-full);overflow:hidden;transition:transform .4s var(--ease-out-quint),box-shadow .4s var(--ease-out-quint)}.progress-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.progress-fill{height:100%;background-color:var(--accent-vermilion);border-radius:var(--radius-full);transition:width .8s var(--ease-out-quint),stroke-dashoffset 1.2s var(--ease-out-quint)}.progress-item-wrapper .relative{filter:url(#hanko-roughen)}.progress-track{stroke-width:5;opacity:.5}.progress-item-wrapper .progress-fill{stroke-width:5;stroke-linecap:round}.progress-percentage{font-family:Noto Sans JP,serif;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}#progress-overview::-webkit-scrollbar,.left-sidebar::-webkit-scrollbar{display:none;width:0;height:0}#progress-overview::-webkit-scrollbar-track,.left-sidebar::-webkit-scrollbar-track{background:transparent}#progress-overview::-webkit-scrollbar-thumb,.left-sidebar::-webkit-scrollbar-thumb{background-color:transparent}#progress-overview::-webkit-scrollbar-thumb:hover,.left-sidebar::-webkit-scrollbar-thumb:hover{background-color:transparent}.theme-switch-wrapper{display:flex;align-items:center;gap:.5rem}.theme-switch{position:relative;display:inline-block;width:50px;height:26px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-medium);transition:background-color .4s var(--ease-in-out-quad);border-radius:var(--radius-full)}.slider:before{position:absolute;content:"☀️";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:transform .4s var(--ease-out-quint);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px}input:checked+.slider:before{transform:translate(24px);content:"🌙"}@media (max-width: 768px){.search-placeholder-box{padding:1.5rem}.accordion-button{padding:1rem;font-size:1rem}}@media (max-width: 480px){.progress-item-wrapper,.cell-bg,.grammar-card,.dict-card{padding:1rem}.responsive-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}.kana-grid{gap:.25rem}.kana-grid .cell-bg{padding:.25rem}}@media (min-width: 768px){.md\:hidden{display:none}}.skeleton-card{height:8rem;border-radius:var(--radius-lg);background:var(--card-front-bg);border:1px solid var(--card-front-border);box-shadow:var(--shadow-paper);position:relative;overflow:hidden}@media (min-width: 640px){.skeleton-card{height:10rem}}.skeleton-card-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.5rem;padding:1rem}.skeleton-line{background:linear-gradient(90deg,var(--border-subtle) 0%,var(--border-medium) 50%,var(--border-subtle) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-line-lg{width:60%;height:2.5rem}.skeleton-line-sm{width:40%;height:1rem}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dark-mode .skeleton-line{background:linear-gradient(90deg,var(--border-subtle) 0%,var(--border-medium) 50%,var(--border-subtle) 100%);background-size:200% 100%}.skeleton-hydrated{animation:skeleton-fade-in .3s ease-out forwards}@keyframes skeleton-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.skeleton-line,.skeleton-hydrated{animation:none}}.sentinel{height:1px}.sidebar-control-btn{background:transparent;border:none;cursor:pointer}.sidebar-control-btn:hover{background-color:var(--nav-hover-bg)}.download-progress-bar-container{position:relative;height:8px;background:var(--cell-bg);border-radius:var(--radius-full);overflow:hidden;margin:1rem 0;border:1px solid var(--washi-border)}.download-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-vermilion) 0%,var(--accent-gold) 50%,var(--accent-matcha) 100%);border-radius:var(--radius-full);transition:width .3s ease-out;position:relative}.download-progress-ink{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,255,255,.08) 3px,rgba(255,255,255,.08) 5px);pointer-events:none}.download-progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");opacity:.5;mix-blend-mode:overlay;pointer-events:none}.download-level-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--cell-bg);border:1px solid var(--washi-border);border-radius:var(--radius-lg);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.download-level-item:hover{background:var(--nav-hover-bg)}.download-level-item input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--accent-vermilion);cursor:pointer}.download-level-item label{flex:1;font-weight:500;cursor:pointer;color:var(--text-primary)}.download-level-item .level-status{font-size:.75rem;color:var(--accent-matcha);display:flex;align-items:center;gap:.25rem}.offline-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#6b8e2326;color:var(--accent-matcha);border-radius:var(--radius-md);font-size:.6875rem;font-weight:600}.offline-badge:before{content:"✓"}.dark-mode .download-progress-bar-container,.dark-mode .download-level-item{background:var(--border-subtle)}