.zh-app{min-height:100vh;color:#2b2118;background:radial-gradient(circle at top left,rgba(194,58,43,.12),transparent 28%),linear-gradient(180deg,#f7f1e6,#efe4d0 48%,#f8f4ec);font-family:"Source Han Serif SC","Noto Serif SC",Songti SC,SimSun,PingFang SC,Hiragino Sans GB,serif}.zh-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid rgba(90,62,43,.12);background:#fffaf2db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.zh-brand{display:flex;align-items:center;gap:12px}.zh-brand-mark{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#c23a2b;color:#fff8ef;font-size:22px;font-weight:700}.zh-brand p{margin:0;color:#2b21189e;font-size:12px}.zh-nav{display:flex;flex-wrap:wrap;gap:8px}.zh-nav-link,.zh-ghost-link{color:#5a3e2b;text-decoration:none;padding:8px 12px;border-radius:999px}.zh-nav-link.is-active{background:#c23a2b;color:#fff8ef}.zh-top-actions,.zh-result-actions,.zh-lookup-row,.zh-inline-filters,.zh-saved-actions,.zh-collection-head,.zh-type-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.zh-user-name{color:#2b2118b8;line-height:1}.zh-lang-switch{display:inline-flex;align-items:center;gap:6px;height:36px;margin:0}.zh-lang-switch span{line-height:1;white-space:nowrap}.zh-lang-switch select{width:92px;height:36px;padding:0 8px;border-radius:999px;line-height:36px}.ja-font-switch select{width:148px}.zh-settings{position:relative}.zh-settings-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:248px;display:grid;gap:8px;padding:10px 12px;border-radius:14px;background:#fffdf8;box-shadow:0 12px 40px #2b211829}.zh-settings-panel label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}.zh-settings-panel select{width:136px;height:32px;padding:0 8px;border-radius:10px}.zh-settings-share{justify-content:flex-start}.zh-settings-share input{width:16px;height:16px;margin:0;flex:0 0 auto}.zh-settings-panel .zh-ghost-button,.zh-settings-panel .zh-primary-button{width:100%;padding:6px 12px}.zh-password-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#2b211847}.zh-password-dialog{width:min(360px,100%);display:grid;gap:12px;padding:20px;border-radius:18px;background:#fffdf8;box-shadow:0 18px 50px #2b21182e}.zh-password-dialog h2{margin:0;font-size:20px}.zh-password-dialog label{display:grid;gap:6px}.zh-password-actions{display:flex;justify-content:flex-end;gap:8px}.zh-password-error{margin:0;color:#9f1239}.zh-password-saved{margin:0}.zh-page{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.zh-hero h1,.zh-login-panel h1,.zh-panel h2{margin:0 0 8px;letter-spacing:.04em}.zh-kicker{margin:0 0 8px;color:#c23a2b;font-size:13px;letter-spacing:.18em;text-transform:uppercase}.zh-lead,.zh-muted,.zh-source{color:#2b2118b8;line-height:1.7}.zh-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.zh-feature-card,.zh-panel,.zh-result-card,.zh-saved-card{background:#fffbf5e6;border:1px solid rgba(90,62,43,.12);box-shadow:0 18px 40px #5a3e2b14;border-radius:22px}.zh-feature-card{padding:24px;text-decoration:none;color:inherit}.zh-feature-glyph{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#2f6f6a;color:#f6fffd;font-size:24px;margin-bottom:12px}.zh-panel{padding:22px;margin-top:20px}.zh-token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.zh-token,.zh-syllable-cell{border:1px solid rgba(90,62,43,.14);background:#fffaf3;border-radius:16px;padding:10px 8px;cursor:pointer;color:inherit}.zh-token strong,.zh-syllable-cell strong{display:block;font-size:18px}.zh-token span,.zh-syllable-cell span{color:#2b21188c;font-size:13px}.zh-chart-scroll{overflow:auto}.zh-syllable-table{border-collapse:separate;border-spacing:6px;min-width:960px}.zh-syllable-table th,.zh-syllable-table td{text-align:center}.zh-syllable-table td.is-empty{min-width:64px}.zh-input,.zh-textarea,.zh-login-lang select{width:100%;border:1px solid rgba(90,62,43,.18);background:#fffdf8;border-radius:14px;padding:12px 14px;color:inherit;font:inherit}.zh-input-lg{font-size:20px}.zh-lookup-row .zh-input{flex:1;min-width:180px}.zh-primary-button,.zh-ghost-button,.zh-chip-button,.zh-speak-button,.zh-star-button{border:0;cursor:pointer;border-radius:999px;padding:10px 16px;font:inherit}.zh-primary-button{background:#c23a2b;color:#fff8ef}.zh-ghost-button,.zh-chip-button,.zh-speak-button{background:#ffffffb8;color:#5a3e2b;border:1px solid rgba(90,62,43,.12)}.zh-ghost-button.is-active,.zh-chip-button.is-active,.zh-star-button.is-active{background:#c23a2b;color:#fff8ef}.zh-speak-button{display:inline-flex;align-items:center;gap:8px}.zh-speak-icon{width:18px;height:18px}.zh-result-hanzi{font-size:56px;line-height:1.1;margin:8px 0}.zh-result-sentence{font-size:32px}.zh-result-pinyin,.ja-line-pinyin{color:#2f6f6a;letter-spacing:.08em;margin:0}.ja-line-pinyin{font-size:13px;letter-spacing:.04em}.zh-error{margin-top:12px;padding:10px 12px;border-radius:12px;background:#c23a2b1a;color:#9b2c23}.zh-saved-card{padding:16px;display:flex;justify-content:space-between;gap:12px}.zh-collection-list{display:grid;gap:12px}.zh-saved-pinyin{margin:0;color:#2f6f6a}.zh-saved-card h3{margin:4px 0;font-size:28px}.zh-form,.zh-field{display:grid;gap:8px}.zh-check{display:flex;gap:8px;align-items:center}.zh-login-page{min-height:calc(100vh - 40px);display:grid;place-items:center}.zh-login-panel{width:min(480px,100%)}.zh-star-button{width:42px;padding:8px 0}.ja-kana-grid{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));gap:10px}.ja-draft-line,.ja-line,.ja-group{display:grid;gap:12px;align-items:start}.ja-draft-line{grid-template-columns:72px 1fr auto;margin-top:12px}.ja-speaker-input{text-align:center}.ja-group-list{display:grid;gap:16px}.ja-group{grid-template-columns:auto 1fr auto;padding-top:12px;border-top:1px solid rgba(90,62,43,.12)}.ja-group-index{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#2f6f6a;color:#f6fffd;font-weight:700}.ja-lines{display:grid;gap:14px}.ja-line{grid-template-columns:minmax(0,1.2fr) minmax(160px,.8fr)}.ja-speaker{margin-right:6px;color:#c23a2b}.ja-line-translation{margin:0;color:#2b2118b8}.ja-sentence{font-family:var(--ja-sentence-font, inherit)}.ja-word-groups,.ja-word-draft{display:grid;gap:16px}.ja-word-group{display:grid;gap:12px;padding-top:12px;border-top:1px solid rgba(90,62,43,.12)}.ja-word-group-head,.ja-word-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ja-cover{width:min(440px,100%);height:260px;-o-object-fit:contain;object-fit:contain;border-radius:16px;background:#ffffffb3}.ja-cover-button{padding:0;border:0;background:transparent;cursor:zoom-in}.ja-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:32px;border:0;background:#2b2118b8;cursor:zoom-out}.ja-lightbox img{max-width:min(960px,100%);max-height:86vh;-o-object-fit:contain;object-fit:contain;border-radius:16px;background:#fffdf8}.ja-word-preview,.ja-word-image img{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:16px;background:#ffffffb3}.ja-word-image{width:120px;height:120px;padding:0;border:0;border-radius:16px;background:#ffffffb8;cursor:pointer;display:grid;place-items:center;overflow:hidden;color:#2b21188c}.ja-word-card{width:160px;display:grid;gap:8px;justify-items:center}.ja-tags .zh-input{width:min(280px,100%)}.ja-line-actions,.ja-draft-main{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ja-draft-side{display:grid;gap:8px;justify-items:end}label.zh-ghost-button{display:inline-flex;align-items:center}.ja-search-row{display:flex;align-items:center;gap:8px}.ja-search-row .zh-input{width:220px}.ja-filter-select{width:132px;height:40px;padding:0 10px}.ja-icon-button{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(90,62,43,.12);border-radius:999px;background:#ffffffb8;color:#5a3e2b;cursor:pointer}.ja-icon-button svg{width:18px;height:18px}.ja-icon-button.is-active{background:#c23a2b;color:#fff8ef;border-color:transparent}label.ja-icon-button{position:relative}.ja-group-mark{display:grid;gap:6px;justify-items:center}.ja-level-badge{min-width:28px;height:28px;padding:0 6px;border-radius:8px;display:grid;place-items:center;background:#c23a2b;color:#fff8ef;font-weight:700}.ja-level-select{width:92px;height:36px;padding:0 8px}.ja-note{min-height:72px;margin-top:8px}.ja-editor,.ja-edit-line{display:grid;gap:8px}.ja-edit-line{grid-template-columns:72px 1.2fr .8fr auto;align-items:center}.ja-draft-main{display:grid}@media (max-width: 860px){.zh-topbar{flex-direction:column;align-items:stretch}.zh-result-hanzi{font-size:42px}.zh-saved-card,.zh-collection-head{flex-direction:column;align-items:stretch}}*,: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:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";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}.\!visible{visibility:visible!important}.visible{visibility:visible}.inline{display:inline}.table{display:table}.grid{display:grid}.hidden{display:none}.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)}:root{font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#1f2937;background:radial-gradient(circle at top left,rgba(249,115,22,.14),transparent 28%),radial-gradient(circle at top right,rgba(14,165,233,.1),transparent 24%),linear-gradient(180deg,#fff7ed,#f8fafc 52%,#eef2ff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--app-text: #1f2937;--app-muted: rgba(31, 41, 55, .72);--app-subtle: rgba(51, 65, 85, .74);--app-shell-bg: radial-gradient(circle at 20% 0%, rgba(249, 115, 22, .12), transparent 30%), linear-gradient(180deg, rgba(255, 247, 237, .96), rgba(241, 245, 249, .98));--panel-border: rgba(148, 163, 184, .26);--panel-bg: rgba(255, 255, 255, .74);--panel-shadow: 0 24px 80px rgba(148, 163, 184, .22);--soft-card-bg: rgba(255, 255, 255, .72);--soft-chip-bg: rgba(255, 255, 255, .88);--soft-chip-border: rgba(148, 163, 184, .28);--soft-control-bg: rgba(255, 255, 255, .84);--soft-control-hover: rgba(255, 255, 255, .96);--soft-control-text: #0f172a;--overlay-bg: rgba(226, 232, 240, .64);--guide-bg: linear-gradient(180deg, rgba(255, 251, 235, .98), rgba(241, 245, 249, .98));--menu-bg: #ffffff;--menu-hover-bg: rgba(241, 245, 249, .96);--input-bg: rgba(255, 255, 255, .9);--input-text: #0f172a;--input-border: rgba(148, 163, 184, .34);--page-button-bg: rgba(255, 255, 255, .9);--page-button-border: rgba(148, 163, 184, .3)}:root[data-theme=dark]{color:#f5f5f4;background:radial-gradient(circle at top left,rgba(249,115,22,.22),transparent 26%),radial-gradient(circle at top right,rgba(14,165,233,.16),transparent 24%),linear-gradient(180deg,#111827,#0c0a09 46%,#09090b);color-scheme:dark;--app-text: #f5f5f4;--app-muted: rgba(245, 245, 244, .82);--app-subtle: rgba(231, 229, 228, .78);--app-shell-bg: radial-gradient(circle at 20% 0%, rgba(249, 115, 22, .12), transparent 30%), linear-gradient(180deg, rgba(17, 24, 39, .85), rgba(9, 9, 11, .96));--panel-border: rgba(255, 255, 255, .1);--panel-bg: rgba(28, 25, 23, .76);--panel-shadow: 0 24px 80px rgba(0, 0, 0, .35);--soft-card-bg: rgba(255, 255, 255, .06);--soft-chip-bg: rgba(255, 255, 255, .08);--soft-chip-border: rgba(255, 255, 255, .1);--soft-control-bg: rgba(255, 255, 255, .08);--soft-control-hover: rgba(255, 255, 255, .12);--soft-control-text: #fafaf9;--overlay-bg: rgba(12, 10, 9, .72);--guide-bg: linear-gradient(180deg, rgba(41, 37, 36, .98), rgba(17, 24, 39, .98));--menu-bg: #1c1917;--menu-hover-bg: rgba(255, 255, 255, .08);--input-bg: rgba(255, 255, 255, .06);--input-text: #fafaf9;--input-border: rgba(255, 255, 255, .12);--page-button-bg: rgba(255, 255, 255, .05);--page-button-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}select{color-scheme:inherit}.app-shell{min-height:100vh;color:var(--app-text);background:var(--app-shell-bg)}.study-shell{min-height:100vh;display:flex;color:var(--app-text);background:var(--app-shell-bg)}.study-sidebar{position:fixed;inset:0 auto 0 0;width:290px;padding:1.1rem;border-right:1px solid var(--panel-border);background:#ffffffb3;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:18px 0 50px #0f172a14;z-index:40;transform:translate(-100%);transition:transform .24s ease}:root[data-theme=dark] .study-sidebar{background:#111827d1;box-shadow:18px 0 50px #0000003d}.study-sidebar.is-open{transform:translate(0)}.study-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.study-sidebar-brand-spacer{min-height:2.9rem}.sidebar-home-row{display:flex;align-items:center;gap:.75rem}.sidebar-home-link{flex:1}.study-sidebar-nav,.sidebar-subnav{display:flex;flex-direction:column;gap:.55rem}.sidebar-section+.sidebar-section{margin-top:1rem}.sidebar-link{display:flex;align-items:center;min-height:2.8rem;border-radius:18px;color:var(--app-text);transition:background .2s ease,transform .2s ease,color .2s ease}.sidebar-link:hover{background:var(--soft-control-hover);transform:translate(2px)}.sidebar-link-parent{padding:.75rem .95rem;font-weight:700}.sidebar-link-static{cursor:default}.sidebar-link-child{margin-left:.45rem;padding:.65rem .95rem;color:var(--app-muted)}.sidebar-link.is-active{background:linear-gradient(135deg,#f973162e,#0ea5e924);color:var(--app-text)}.study-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a6b;z-index:35}.study-main{width:100%;min-width:0;transition:padding-left .24s ease}.study-main-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1rem 0}.study-main-header-left{display:flex;align-items:center;gap:.9rem}.study-main-title{margin:0;font-size:1.4rem;line-height:1.1}.sidebar-toggle-button,.sidebar-peek-button{width:2.9rem;height:2.9rem;padding:0;flex-shrink:0}.study-shell-content{min-width:0}.study-shell-content .app-shell{min-height:auto;background:transparent}.study-shell-content .compact-topbar{display:none}.study-layout-message{padding-top:.75rem;padding-bottom:0}.login-shell{display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem}.login-layout{width:min(960px,100%);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,360px);gap:1rem;align-items:stretch}.login-gallery{display:grid;grid-template-rows:minmax(220px,1.4fr) minmax(150px,1fr);gap:.75rem;min-height:520px}.login-photo-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;min-height:0}.login-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:28px;display:block}.login-layout .login-panel{display:flex;flex-direction:column;justify-content:center;margin-top:0;padding:2rem 1.5rem}.login-title{margin:0;font-size:1.75rem;line-height:1.2}.login-layout .stack-form{margin-top:1.5rem}.login-layout .action-row .primary-button{width:100%}.password-field{position:relative;display:block}.password-field .text-input{padding-right:2.8rem}.password-toggle{position:absolute;top:50%;right:.45rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--app-subtle);cursor:pointer;transform:translateY(-50%)}.password-toggle svg{width:1.15rem;height:1.15rem}.password-toggle:hover{color:var(--app-text)}.page-wrap{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 2rem}.narrow-page{width:min(640px,calc(100% - 2rem))}.panel-card,.calendar-shell{position:relative;overflow:hidden;border:1px solid var(--panel-border);border-radius:28px;padding:1rem;background:var(--panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--panel-shadow)}.calendar-glow{position:absolute;width:14rem;height:14rem;border-radius:999px;filter:blur(50px);opacity:.22;pointer-events:none}.calendar-glow-left{top:-5rem;left:-5rem;background:#f97316}.calendar-glow-right{right:-6rem;bottom:-6rem;background:#0ea5e9}.calendar-header,.month-banner,.legend-strip,.week-grid,.calendar-grid,.panel-card>*{position:relative;z-index:1}.calendar-header,.topbar{display:flex;flex-direction:column;gap:1rem}.compact-topbar{display:flex;justify-content:flex-end;margin-bottom:.35rem;position:relative;z-index:12}.calendar-kicker,.section-kicker{margin:0 0 .35rem;color:#fdba74;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.calendar-title,.page-title{margin:0;font-size:clamp(2rem,6vw,4rem);line-height:.98}.page-title{font-size:clamp(1.8rem,4vw,2.8rem)}.calendar-subtitle,.section-copy,.sentence-card-copy,.word-help{color:var(--app-muted);line-height:1.6}.calendar-subtitle,.section-copy{margin:.75rem 0 0;max-width:48rem}.calendar-actions,.action-row,.pill-row,.pagination-row,.search-row{display:flex;gap:.75rem}.calendar-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.wrap-row{flex-wrap:wrap}.ghost-button,.primary-button,.accent-link-button,.ghost-link-button,.primary-link-button,.chip-button,.favorite-button{border:0;border-radius:999px;padding:.85rem 1.15rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background .2s ease;display:inline-flex;align-items:center;justify-content:center}.compact-button,.compact-action-button{padding:.55rem .85rem;font-size:.92rem}.ghost-button,.ghost-link-button,.chip-button,.icon-audio-button,.favorite-button,.learn-button{background:var(--soft-control-bg);color:var(--soft-control-text)}.theme-toggle-button{width:3rem;height:3rem;padding:0}.month-inline-icon-button{width:2.6rem;height:2.6rem;padding:0;flex-shrink:0}.theme-toggle-button-dark{color:#fff}.theme-toggle-icon{width:1.2rem;height:1.2rem}.primary-button,.primary-link-button{background:linear-gradient(135deg,#f97316,#fb7185);color:#fff7ed}.accent-link-button{background:linear-gradient(135deg,#0ea5e9,#22c55e);color:#fff}.ghost-button:hover,.primary-button:hover,.accent-link-button:hover,.ghost-link-button:hover,.primary-link-button:hover,.chip-button:hover,.icon-audio-button:hover,.favorite-button:hover,.learn-button:hover{transform:translateY(-1px)}.ghost-button:disabled,.primary-button:disabled,.chip-button:disabled,.icon-audio-button:disabled,.favorite-button:disabled,.learn-button:disabled{opacity:.5;cursor:not-allowed}.month-banner,.filters-panel,.detail-card,.login-panel,.status-card,.sentence-card,.related-sentence-card{margin-top:1rem;padding:1rem 1.1rem;border-radius:22px;background:var(--soft-card-bg)}.month-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem}.month-label-group{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:0}.month-label{margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;text-align:center}.month-meta,.swipe-hint,.list-meta,.meta-grid,.empty-mark,.guide-card-text{color:var(--app-subtle)}.status-card{margin-top:1rem}.error-card{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}:root[data-theme=dark] .error-card{background:#8813376b;color:#ffe4e6;border:1px solid rgba(251,113,133,.45)}.week-grid,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.55rem}.week-grid{margin-top:1.25rem}.week-cell{padding:.85rem .3rem;text-align:center;color:var(--app-subtle);font-size:.92rem}.calendar-grid{margin-top:.4rem}.day-card{aspect-ratio:1 / 1;min-height:0;padding:clamp(.4rem,1vw,.8rem);border-radius:20px;background:var(--soft-card-bg);border:1px solid var(--soft-chip-border);display:flex;flex-direction:column;justify-content:space-between;gap:.35rem}.day-card-blank{background:transparent;border-color:transparent}.day-card-active{background:var(--day-fill);border-color:#0000002e;box-shadow:inset 0 0 0 1px #ffffff14}.day-number-row{display:flex;align-items:center;justify-content:space-between}.day-number{font-size:clamp(.88rem,1.3vw,1.2rem);font-weight:700}.day-card-active .day-number{color:var(--day-text)}.garbage-mark{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden}.garbage-icon{width:2.35rem;height:2.35rem;flex-shrink:0;filter:drop-shadow(0 6px 12px rgba(0,0,0,.18))}.legend-strip{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.legend-chip,.level-badge,.delay-pill,.meta-pill{display:inline-flex;align-items:center;gap:.45rem}.legend-chip{min-height:3.6rem;padding:.8rem .9rem;border-radius:18px;background:var(--soft-card-bg)}.legend-swatch{width:.95rem;height:.95rem;border-radius:999px;flex-shrink:0;box-shadow:inset 0 0 0 1px #11182747}.legend-text-medium,.legend-text-short{display:none}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:1rem;background:var(--overlay-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guide-overlay-centered{align-items:center}.guide-panel{width:min(920px,100%);max-height:min(82vh,920px);overflow:auto;border:1px solid var(--panel-border);border-radius:28px;padding:1rem;background:var(--guide-bg)}.cache-dialog-panel{width:min(460px,calc(100% - 1.5rem));max-height:none}.guide-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.guide-title{margin:0;font-size:1.6rem}.guide-list,.word-grid,.detail-layout{display:grid;gap:.85rem}.guide-list,.word-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detail-layout{margin-top:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-stack{margin-top:1rem;display:flex;flex-direction:column;gap:.85rem}.guide-card,.word-card{padding:1rem;border-radius:22px;background:var(--soft-card-bg)}.guide-card-title,.word-card-title,.word-detail-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.stack-form{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.field-block{display:flex;flex-direction:column;gap:.45rem}.field-header-row{align-items:center;justify-content:space-between}.multi-select-wrap{position:relative}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;text-align:left}.multi-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-caret{flex-shrink:0;color:var(--app-subtle)}.multi-select-panel{position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:14;display:grid;gap:.35rem;max-height:16rem;overflow-y:auto;padding:.5rem;border:1px solid var(--panel-border);border-radius:16px;background:var(--menu-bg);box-shadow:var(--panel-shadow)}.multi-select-option{width:100%;border:0;border-radius:12px;padding:.6rem .75rem;background:transparent;color:var(--app-text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left}.multi-select-option:hover{background:var(--menu-hover-bg)}.multi-select-option.is-active{background:#f9731629}.text-input,.text-area{width:100%;border:1px solid var(--input-border);border-radius:18px;padding:.85rem 1rem;background:var(--input-bg);color:var(--input-text)}.text-input option{background:var(--menu-bg);color:var(--input-text)}.text-area{resize:vertical}.text-area[readOnly]{cursor:default;background:color-mix(in srgb,var(--input-bg) 78%,transparent)}.text-preview{width:100%;padding:.85rem 1rem;border:1px solid var(--input-border);border-radius:18px;background:color-mix(in srgb,var(--input-bg) 82%,transparent);color:var(--input-text);line-height:1.7;white-space:pre-wrap;overflow-y:auto}.text-preview-button{display:block;text-align:left;cursor:pointer}.checkbox-row{display:inline-flex;align-items:center;gap:.6rem}.inline-checkbox{margin-top:auto}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}.compact-filters{padding:.8rem .9rem}.search-row{margin-top:.85rem;flex-wrap:wrap}.compact-search-row{margin-top:0;align-items:center}.search-row .text-input{flex:1;min-width:220px}.search-input{min-width:260px}.compact-select{width:118px;flex:0 0 118px;min-width:118px;max-width:118px}.compact-select-short{width:108px;flex:0 0 108px;min-width:108px;max-width:108px}.tiny-select{width:72px;min-width:72px;padding:.45rem .6rem;border-radius:12px}.list-meta,.meta-grid{display:flex;flex-wrap:wrap;gap:1rem}.list-meta{margin-top:1rem}.subtle-note{color:var(--app-subtle)}.compact-stack-form{gap:.8rem}.pagination-total{color:#e7e5e4c7;font-size:.92rem}.sentence-list{margin-top:1rem;display:flex;flex-direction:column;gap:.9rem}.sentence-card{display:flex;flex-direction:column;gap:1rem}.sentence-card-title,.detail-sentence{margin:0;font-size:1.35rem;line-height:1.45}.sentence-card-copy{margin:.75rem 0 0}.sentence-card .sentence-card-copy{margin-top:.6rem}.sentence-card-main-clickable{cursor:pointer}.sentence-card-main-clickable:focus-visible{outline:2px solid #f97316;outline-offset:8px;border-radius:18px}.sentence-detail-inline-copy{flex:0 0 100%}.sentence-card-actions,.pagination-row{justify-content:space-between;align-items:center;flex-wrap:wrap}.sentence-card-actions{margin-left:auto;justify-content:flex-end;width:-moz-fit-content;width:fit-content;flex:0 0 auto;gap:.45rem}.point-target-pill{padding:.45rem .8rem;border-radius:999px;background:#facc152e;color:#facc15;font-size:.92rem}.point-day-card{justify-content:flex-start;align-items:flex-start;gap:.85rem}.point-day-card-achieved{--day-fill: linear-gradient(135deg, rgba(250, 204, 21, .3), rgba(245, 158, 11, .18));--day-text: #fef3c7}.point-day-card-missed{--day-fill: linear-gradient(135deg, rgba(239, 68, 68, .24), rgba(127, 29, 29, .2));--day-text: #fee2e2}.point-day-content{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.point-day-emoji{font-size:1.2rem;line-height:1}.point-day-score{font-size:.92rem;font-weight:700}.point-legend-strip{justify-content:flex-start}.point-chart-shell{width:100%;overflow-x:auto}.point-chart{width:100%;min-width:640px;height:auto}.point-chart-axis{stroke:var(--panel-border);stroke-width:1.2}.point-chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.point-chart-line-target{stroke:#facc15}.point-chart-line-score{stroke:#38bdf8}.point-chart-dot{fill:#38bdf8}.point-chart-label{fill:var(--app-subtle);font-size:11px}.point-chart-legend,.point-target-history{display:flex;flex-wrap:wrap;gap:.75rem}.point-target-row{display:inline-flex;align-items:center;gap:.65rem;padding:.6rem .8rem;border-radius:14px;background:var(--soft-chip-bg)}.compact-pagination-row{margin-top:1rem;gap:.6rem}.page-number-row{display:flex;gap:.35rem;flex-wrap:wrap}.page-number-button{min-width:2rem;height:2rem;border:1px solid var(--page-button-border);border-radius:999px;background:var(--page-button-bg);color:var(--app-text);cursor:pointer}.page-number-button.is-active{background:linear-gradient(135deg,#f97316,#fb7185);border-color:transparent}.page-size-inline{display:inline-flex;align-items:center;gap:.45rem;color:var(--app-subtle);font-size:.92rem;flex-wrap:wrap}.level-badge,.delay-pill,.meta-pill{border-radius:999px;padding:.35rem .7rem;color:#fff;font-size:.82rem}.level-badge{background:#fb923c}.level-badge-button{border:0;padding:0;background:transparent;cursor:pointer}.compact-badge-button .level-badge{padding:.3rem .62rem;font-size:.78rem}.level-badge-button:disabled{opacity:.6;cursor:not-allowed}.delay-pill{background:#334155}.meta-pill{background:var(--soft-chip-bg)}.meta-pill-button{border:0;border-radius:999px;padding:.35rem .7rem;background:var(--soft-chip-bg);color:var(--soft-control-text);font-size:.82rem;line-height:1.2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:transform .2s ease,background .2s ease,opacity .2s ease}.meta-pill-button:hover{transform:translateY(-1px)}.meta-pill-button:disabled{opacity:.5;cursor:not-allowed}.meta-pill-button.is-active{background:#f973162e}.subheading{margin:0;font-size:1.05rem}.token-line{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.8rem}.word-token,.word-link-button{border:0;background:var(--soft-chip-bg);color:var(--app-text);border-radius:14px;padding:.5rem .75rem;cursor:pointer}.word-token.is-mastered{color:var(--app-subtle)}.sentence-phonetic-list{margin-top:.9rem}.sentence-phonetic-chip{cursor:default}.word-link-button{font-size:1rem;padding:0;background:transparent}.user-menu-wrap{position:relative;z-index:18}.user-menu-trigger{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--panel-border);border-radius:999px;padding:.45rem .7rem;background:var(--soft-control-bg);color:var(--soft-control-text);cursor:pointer}.user-avatar{width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:radial-gradient(circle at 35% 30%,#fde68a 0 18%,transparent 19%),radial-gradient(circle at 62% 30%,#fde68a 0 18%,transparent 19%),radial-gradient(circle at 50% 58%,#fb7185 0 16%,transparent 17%),linear-gradient(135deg,#38bdf8,#818cf8 52%,#22c55e);color:transparent;box-shadow:inset 0 0 0 2px #ffffff2e}.user-avatar-label{color:#fff;font-weight:700;text-transform:uppercase}.user-name,.user-caret{font-size:.92rem}.user-menu-panel{position:absolute;right:0;top:calc(100% + .5rem);min-width:130px;padding:.4rem;border:1px solid var(--panel-border);border-radius:16px;background:var(--menu-bg);box-shadow:var(--panel-shadow);z-index:24;pointer-events:auto}.study-list-panel{overflow:visible}.menu-button{width:100%;border:0;border-radius:12px;padding:.55rem .7rem;background:transparent;color:var(--app-text);text-align:left;cursor:pointer;display:block}.menu-button:hover{background:var(--menu-hover-bg)}.icon-audio-button{width:2.45rem;height:2.45rem;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.favorite-button{width:2.45rem;height:2.45rem;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:var(--app-subtle)}.learn-button{width:2.45rem;height:2.45rem;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#38bdf8}.favorite-button.is-active{color:#facc15}.favorite-icon{width:1.15rem;height:1.15rem}.learn-icon{width:1.05rem;height:1.05rem}.meta-favorite-button{background:var(--soft-chip-bg)}.audio-icon{width:1.15rem;height:1.15rem}.level-toggle{width:100%;justify-content:space-between}.compact-level-toggle{width:auto;justify-content:center;gap:.55rem;white-space:nowrap}.compact-list .related-sentence-card{border:0;text-align:left;color:inherit}.related-sentence-card{display:flex;flex-direction:column;gap:.65rem;cursor:pointer}.word-card-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.translation-chip-text{margin:.55rem 0 0}.level-swatch-button{width:2.35rem;height:2.35rem;border:0;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff24}.level-swatch-value{font-size:.88rem;font-weight:700;line-height:1}.month-nav-button{width:3.1rem;height:3.1rem;border:0;border-radius:999px;background:var(--soft-control-bg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease}.month-nav-button:hover{transform:translateY(-1px);background:var(--soft-control-hover)}.month-nav-arrow{width:1rem;height:1rem;border-bottom:.2rem solid var(--app-subtle);border-right:.2rem solid var(--app-subtle);opacity:.82}.month-nav-arrow-left{transform:rotate(135deg)}.month-nav-arrow-right{transform:rotate(-45deg)}.action-row-spacer-button{margin-left:auto}.sentence-detail-pill-row{align-items:center}.sentence-detail-upload-button{padding:.55rem .9rem;font-size:.88rem}.visually-hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sentence-image-panel{border-radius:20px;overflow:hidden;background:#0f172a0d;min-height:180px;max-height:420px;flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.sentence-image-preview{display:block;width:auto;max-width:100%;max-height:360px;-o-object-fit:contain;object-fit:contain;border-radius:14px}.sentence-image-empty{padding:1.5rem;color:var(--app-subtle);text-align:center}.word-image-panel{margin-top:.2rem}.recorder-panel,.recording-history-list{display:flex;flex-direction:column;gap:.9rem}.recorder-panel-head,.recording-history-head,.recording-summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.recording-player-card{display:flex;flex-direction:column;gap:.65rem;padding:.9rem 1rem;border-radius:18px;background:var(--soft-card-bg)}.recording-audio{width:100%}.recording-history-card{margin-top:0}@media (min-width: 768px){.calendar-shell,.panel-card{padding:1.4rem}.calendar-header,.topbar{flex-direction:row;align-items:flex-end;justify-content:space-between}.month-banner{align-items:center}.sentence-card{flex-direction:row;justify-content:space-between;align-items:center}.sentence-card-main{flex:1}.sentence-card-actions{min-width:auto;flex-direction:column;align-items:flex-end}}@media (min-width: 961px){.study-main{padding-left:290px}.study-sidebar.is-collapsed+.study-main{padding-left:0}}@media (max-width: 960px){.study-sidebar{width:min(290px,calc(100vw - 3rem))}.study-main-header{padding-inline:.75rem}.study-main-title{font-size:1.15rem}.user-name{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 767px){.study-main-header{padding-top:.85rem}.login-layout{grid-template-columns:1fr}.login-gallery{min-height:0;grid-template-rows:11rem}.login-photo-row{display:none}.page-wrap{width:min(100%,calc(100% - 1rem));padding-top:.5rem}.week-cell{font-size:.78rem;padding:.6rem .1rem}.day-card{border-radius:16px}.day-number{font-size:.92rem}.month-nav-button{width:2.6rem;height:2.6rem}.month-inline-icon-button{width:2.35rem;height:2.35rem}.month-nav-arrow{width:.84rem;height:.84rem}.legend-strip .garbage-icon{width:2.05rem;height:2.05rem}.legend-chip{min-height:3.2rem;padding:.7rem .75rem}.guide-header,.word-detail-head{flex-direction:column;align-items:flex-start}}@media (max-width: 620px){.legend-text-full{display:none}.legend-text-medium{display:inline}}@media (max-width: 430px){.legend-strip{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.5rem}.legend-chip{justify-content:center;min-height:2.8rem;padding:.55rem .45rem}.legend-text-medium{display:none}.legend-text-short{display:inline}}