:root{--bg: #ecefe3;--card: #f9faf4;--ink: #22241d;--ink-dim: #8b9080;--ink-soft: #565b4d;--line: #e3e7d8;--green: #6d8f3e;--green-deep: #587a2e;--green-pill: #dfe7ca;--charcoal: #2e2f2a;--orange: #dd5b28;--red: #b3402e;--amber: #c08a2d;--shadow: 0 10px 30px rgba(35, 42, 26, .12);--shadow-soft: 0 2px 10px rgba(35, 42, 26, .08);--col: 480px;--gutter: 16px;--radius-card: 20px;--radius-card-inset: 14px;--radius-chip: 10px;--mark-btn-size: 50px;--dock-tab-height: 40px;--dock-clearance: 56px;--tick-unfilled: #d9ddc9;--commonness-pill: #e0e6cf;--dock-bg: #fbfcf7;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--size-headword: 34px;--weight-headword: 700;--size-phoneme: 17px;--size-definition: 17px;--line-height-definition: 1.45;--size-example: 15px}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/source-serif-4-latin-700-normal-CGGdTIBe.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:600;font-display:swap;src:url(/assets/source-serif-4-latin-600-italic-BYz3Th4E.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.card-surface{display:flex;flex:1;flex-direction:column;min-height:0}.card-surface-topbar{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;padding:0 8px}.card-surface-topbar .report-banner{flex:1 0 100%;order:1}.card-surface-headword-row{align-items:center;display:flex;gap:10px;justify-content:center;padding:2px 12px 0}.card-surface-headword-row .word-card-headword{letter-spacing:.01em;margin:0}.icon-btn{align-items:center;background:none;border-radius:50%;color:var(--charcoal);display:inline-flex;height:38px;justify-content:center;min-height:auto;padding:0;transition:background .15s;width:38px}.icon-btn:hover{background:#2e2f2a12}.icon-btn:disabled{cursor:default;opacity:.3}.icon-btn:disabled:hover{background:none}.card-surface-phoneme-row{align-items:center;display:flex;gap:8px;justify-content:center;padding:2px 12px 6px}.card-surface-phoneme{font-size:var(--size-phoneme)}.card-surface-speak{align-items:center;background:none;border-radius:50%;color:var(--green);display:inline-flex;height:30px;justify-content:center;min-height:auto;padding:0;width:30px}.card-surface-speak:hover{background:#6d8f3e1f}.card-surface-pos-tabs{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start;overflow-x:auto;padding:2px 12px 6px;scrollbar-width:none}.card-surface-pos-tabs::-webkit-scrollbar{display:none}.pos-tab{background:none;border-radius:var(--radius-chip);color:var(--ink-dim);flex:none;font-family:var(--font-serif);font-size:14px;font-style:italic;font-weight:600;min-height:auto;padding:6px 14px;width:auto}.pos-tab.active{background:var(--charcoal);color:#fff}@property --fade-top{inherits: true; initial-value: 0px; syntax: "<length>";}@property --fade-bottom{inherits: true; initial-value: 0px; syntax: "<length>";}.card-surface-senses-wrap{--fade-top: 0px;--fade-bottom: 0px;display:flex;flex:1;min-height:0;position:relative;transition:--fade-top .25s ease,--fade-bottom .25s ease}.card-surface-senses-wrap:not(.at-top){--fade-top: 28px}.card-surface-senses-wrap:not(.at-bottom){--fade-bottom: 28px}.card-surface-senses{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent 100%);flex:1;min-height:0;overflow-y:auto;padding:4px 12px 10px;scrollbar-width:thin}.card-surface-senses-wrap:before,.card-surface-senses-wrap:after{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);content:"";height:26px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .2s;z-index:1}.card-surface-senses-wrap:before{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 45%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 45%,transparent);top:0}.card-surface-senses-wrap:after{bottom:0;-webkit-mask-image:linear-gradient(to top,transparent,#000 45%,transparent);mask-image:linear-gradient(to top,transparent,#000 45%,transparent)}.card-surface-senses-wrap:not(.at-top):before{opacity:1}.card-surface-senses-wrap:not(.at-bottom):after{opacity:1}.sense-list{list-style:none;margin:0;padding:0}.sense+.sense{margin-top:14px}.def-line{align-items:flex-start;display:flex;font-size:var(--size-definition);gap:8px;line-height:var(--line-height-definition);margin:0}.commonness-pill{align-items:center;background:var(--commonness-pill);border-radius:999px;display:inline-flex;flex:none;margin-top:2px;padding:4px 7px}.bars-icon{display:block}.example{border-left:3px solid var(--green-pill);color:var(--ink-soft);font-size:var(--size-example);font-style:italic;line-height:1.45;margin:8px 0 0 14px;padding:2px 0 2px 12px}.synonyms-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card-inset);box-shadow:var(--shadow-soft);margin:10px 0 0 14px;padding:8px 12px}.synonyms-card h4{color:var(--ink-dim);font-size:12px;font-weight:600;letter-spacing:.06em;margin:0 0 4px;text-transform:uppercase}.synonyms-card .synonym{color:var(--ink-soft);font-size:14px;line-height:1.5;margin:4px 0 0}.synonyms-card .synonym strong{color:var(--green-deep);font-weight:600}.modal-mask{align-items:center;background:#1e201873;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:40}.lightbox{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);margin:0;overflow:hidden;position:relative;width:min(400px,100%)}.lightbox img{display:block;height:auto;width:100%}.lightbox figcaption{color:var(--ink-dim);font-size:12px;padding:12px 16px}.lightbox figcaption a{color:var(--green-deep)}.lightbox-note{color:var(--ink-dim);font-size:14px;margin:0;padding:44px 24px;text-align:center}.lightbox-close{align-items:center;background:#14160f8c;border-radius:50%;color:#fff;display:inline-flex;height:36px;justify-content:center;min-height:auto;padding:0;position:absolute;right:10px;top:10px;width:36px}.card-view-page{display:flex;flex-direction:column;height:100dvh;padding-bottom:calc(var(--dock-clearance) + env(safe-area-inset-bottom,0px));padding-top:16px}.page.review-page{display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding:8px 8px calc(var(--dock-clearance) + 4px + env(safe-area-inset-bottom,0px))}.review-page .notice-text{color:var(--ink-dim)}.review-building{align-items:center;display:flex;flex:1;justify-content:center}.mark-row{display:flex;gap:16px;justify-content:center;padding:4px 12px 6px}.mark-btn{align-items:center;background:var(--card);border-radius:50%;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:2px;height:var(--mark-btn-size);justify-content:center;min-height:auto;padding:0;transition:transform .08s;width:var(--mark-btn-size)}.mark-btn:active{transform:scale(.94)}.mark-btn svg{height:16px;width:16px}.mark-label{font-size:9px;font-weight:600}.mark-forgot{color:var(--red)}.mark-fuzzy{color:var(--amber)}.mark-gotit{color:var(--green)}.progress-ticks{display:flex;gap:3px;padding:0 12px}.tick{background:var(--tick-unfilled);border-radius:2px;flex:1;height:4px}.tick.filled{background:var(--green)}.review-end-stack{display:flex;flex:1;flex-direction:column;min-height:0}.review-end-wrap{align-items:center;display:flex;flex:1;justify-content:center;min-height:0;padding:24px}.end-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:28px 26px;text-align:center;width:100%}.end-title{font-size:22px;font-weight:700;margin:0}.end-count{color:var(--ink-soft);font-size:15px;margin:10px 0 0}.end-distribution{color:var(--ink-soft);display:inline-flex;flex-direction:column;font-size:14px;gap:8px;list-style:none;margin:16px auto 0;padding:0;text-align:left}.end-distribution li{align-items:center;display:flex}.dot{border-radius:50%;display:inline-block;height:9px;margin-right:8px;width:9px}.dot-forgot{background:var(--red)}.dot-fuzzy{background:var(--amber)}.dot-gotit{background:var(--green)}.end-elapsed{color:var(--ink-dim);font-size:13px;margin:16px 0 0}.streak-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:24px;text-align:center}.streak-number{color:var(--green-deep);font-size:46px;font-weight:800;line-height:1.1}.streak-label{color:var(--ink-dim);font-size:14px;margin-top:2px}.chart-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);margin-top:16px;padding:20px 18px 14px}.chart-title{color:var(--ink-dim);font-size:13px;font-weight:600;margin:0 0 14px}.stats-chart{align-items:flex-end;display:flex;gap:3px;height:96px}.stats-bar{background:var(--green);border-radius:3px 3px 0 0;flex:1;min-height:3px}.stats-bar-zero{background:var(--tick-unfilled)}.stats-chart-axis{color:var(--ink-dim);display:flex;font-size:11px;justify-content:space-between;margin-top:8px}.group-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);overflow:hidden}.row{align-items:center;color:inherit;display:flex;font-size:16px;gap:14px;padding:18px 20px;text-align:left;text-decoration:none;width:100%}.row+.row{border-top:1px solid var(--line)}.row-icon{color:var(--green);display:inline-flex}.row-label{flex:1;font-weight:500}.row-value{color:var(--ink-dim);font-size:15px}.chev{color:#b9bdae;display:inline-flex}.signout-row{display:flex;justify-content:flex-end;padding:26px 4px 0}.pill-danger{background:var(--orange);border-radius:999px;color:#fff;font-size:15px;font-weight:600;min-height:auto;padding:13px 26px;width:auto}.stepper{align-items:center;display:flex;gap:18px}.stepper-btn{align-items:center;background:var(--green-pill);border-radius:50%;color:var(--green-deep);display:inline-flex;font-size:18px;font-weight:700;height:36px;justify-content:center;min-height:auto;padding:0;width:36px}.stepper-btn:disabled{opacity:.35}.stepper-value{font-size:18px;font-weight:700;min-width:34px;text-align:center}.settings-hint{color:var(--ink-dim);font-size:13px;margin:14px 4px 0}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{margin:0 auto;max-width:var(--col);min-height:100dvh;position:relative}@media(min-width:560px){#app{border-inline:1px solid var(--line)}}.page{width:100%;max-width:480px;margin:0 auto;padding:24px 16px calc(var(--dock-clearance) + 4px + env(safe-area-inset-bottom,0px))}.page-title{font-size:1.5rem;font-weight:700;margin:0 0 16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;color:var(--ink-dim)}input{appearance:none;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:16px;min-height:48px;padding:10px 14px;width:100%}input:focus{border-color:var(--green);outline:2px solid var(--green-pill)}button{appearance:none;border:none;border-radius:999px;cursor:pointer;font-size:1rem;font-weight:600;min-height:48px;padding:12px 16px;width:100%}button:disabled{opacity:.5}.btn-primary{background:var(--green);color:#fff}.btn-link{background:transparent;color:var(--green-deep);font-weight:500;min-height:auto;padding:8px 0;text-align:left;width:auto}.error-text{color:var(--red);font-size:.9rem;margin:8px 0}.notice-text{color:var(--ink-dim);font-size:.9rem;margin:8px 0}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:24px 20px}.stack{display:flex;flex-direction:column;gap:12px}.word-card-headword{font-family:var(--font-serif);font-size:var(--size-headword);font-weight:var(--weight-headword);margin:0 0 12px}.report-banner{background:#dd5b281a;border-radius:var(--radius-chip);color:var(--orange);font-size:13px;margin:0;padding:8px 12px;text-align:center;width:100%}.report-dialog{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:22px;width:min(400px,100%)}.report-dialog h3{font-size:17px;font-weight:700;margin:0}.report-dialog label{color:var(--ink-dim);display:block;font-size:13px;font-weight:400;margin:14px 0 6px}.report-dialog textarea{background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:14px;min-height:auto;padding:10px 12px;resize:vertical;width:100%}.report-dialog textarea:focus{border-color:var(--green);outline:2px solid var(--green-pill)}.report-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.report-cancel{background:none;border-radius:999px;color:var(--ink-dim);font-size:14px;font-weight:600;min-height:auto;padding:10px 16px;width:auto}.report-cancel:hover{background:#2e2f2a0f}.report-submit{background:var(--orange);border-radius:999px;color:#fff;font-size:15px;font-weight:600;min-height:auto;padding:13px 26px;width:auto}.dock{background:var(--dock-bg);border-radius:999px;bottom:calc(8px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow);display:flex;left:50%;padding:4px;position:fixed;transform:translate(-50%);width:min(calc(var(--col) - 48px),calc(100vw - 48px));z-index:20}.dock-tab{align-items:center;border-radius:999px;color:#a9ada0;display:inline-flex;flex:1;height:var(--dock-tab-height);justify-content:center;min-height:auto;padding:0;width:auto}.dock-tab.active{background:var(--green-pill);color:var(--green-deep)}.page:has(>.sub-page){padding-top:12px}.sub-header{align-items:center;display:flex;justify-content:center;padding:8px 16px 26px;position:relative}.sub-title{font-size:17px;font-weight:600;margin:0}.back-btn{align-items:center;background:var(--card);border-radius:50%;box-shadow:var(--shadow-soft);color:var(--charcoal);display:inline-flex;height:42px;justify-content:center;left:0;min-height:auto;padding:0;position:absolute;top:0;width:42px}