:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro SC", "PingFang SC", "Helvetica Neue", "Segoe UI", "Microsoft YaHei", sans-serif;--green:#4cd964;--orange:#ff9500;--red:#ff3b30;--yellow:#fc0;--purple:#5856d6;--teal:#5ac8fa;--pink:#ff2d55;--indigo:#5856d6;--gray:#8e8e93;--gray2:#aeaeb2;--gray3:#c7c7cc;--gray4:#d1d1d6;--gray5:#e5e5ea;--gray6:#f2f2f7;--bg:#fff;--bg-card:#fff;--bg-fill:#0d0d0d0f;--bg-fill-strong:#0d0d0d1f;--separator:#0d0d0d1f;--text:#0d0d0d;--text-secondary:#0d0d0d9e;--text-muted:#0d0d0d61;--white:#fff;--on-accent:#fff;--btn-primary-bg:#0d0d0d;--btn-primary-text:#fff;--accent:#007aff;--accent-dark:#0062cc;--accent-light:#e3f0ff;--grad:linear-gradient(135deg, #5ac8fa 0%, #007aff 100%);--shadow-sm:0 1px 2px #0000001f;--shadow-md:0 4px 18px #00000029;--shadow-lg:0 16px 48px #00000047;--sidebar-shadow:#0000000f;--radius-sm:10px;--radius:16px;--radius-lg:24px;--spring:cubic-bezier(.32, .72, 0, 1);--spring-light:cubic-bezier(.25, .1, .25, 1)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg-card:#1c1c1e;--bg-fill:#7878805c;--bg-fill-strong:#78788080;--separator:#54545899;--text:#fff;--text-secondary:#ebebf599;--text-muted:#ebebf54d;--white:#fff;--on-accent:#fff;--btn-primary-bg:#8e8e93;--btn-primary-text:#fff;--accent:#007aff;--accent-dark:#409cff;--accent-light:#007aff29;--grad:linear-gradient(135deg, #5ac8fa 0%, #007aff 100%);--green:#4cd964;--orange:#ff9500;--red:#ff3b30;--yellow:#fc0;--purple:#5856d6;--teal:#5ac8fa;--pink:#ff2d55;--indigo:#5856d6;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 6px 20px #00000080;--shadow-lg:0 18px 56px #000000a6;--sidebar-shadow:#0006}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%;overflow:hidden}body{height:100%;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5;transition:background-color .3s,color .3s;overflow:hidden}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(560px circle at var(--bg-glow-x,50%) var(--bg-glow-y,30%), color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), radial-gradient(900px circle at 50% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 60%);transition:opacity .3s;position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3,h4,p{margin:0}button{font-family:inherit}::selection{background:color-mix(in srgb, var(--accent) 26%, transparent)}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-muted) 45%, transparent) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted) 45%, transparent);border-radius:8px}::-webkit-scrollbar-track{background:0 0}.app-topbar{z-index:30;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, var(--bg-card)), var(--bg-card) 70%);border-bottom:.5px solid var(--separator);align-items:center;gap:16px;height:54px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-brand{letter-spacing:-.02em;white-space:nowrap;color:var(--accent);font-size:1.05rem;font-weight:700}.topnav-tabs{scrollbar-width:none;flex:1;gap:4px;min-width:0;padding:4px 0;display:flex;overflow-x:auto}.topnav-tabs::-webkit-scrollbar{display:none}.topnav-tab{color:var(--text-secondary);font:inherit;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;min-height:36px;padding:8px 12px;font-size:.95rem;font-weight:600;transition:background-color .18s,color .18s;transform:none!important}.topnav-tab:focus-visible,.settings-btn:focus-visible{outline:none}.topnav-tab:hover{box-shadow:none}.topnav-tab .tn-label{transform-origin:bottom;transition:transform .35s cubic-bezier(.22,1,.36,1);display:inline-block}.topnav-tab:hover .tn-label{transform:translateY(-1px)scale(1.06)}.topnav-tab:hover{background:var(--bg-fill)}.topnav-tab.active{background:var(--accent-light);color:var(--accent-dark);font-weight:600}.topnav-tab .tn-char{display:inline-block}.topnav-tab:hover:not(.active){background:var(--bg-fill-strong);color:var(--accent-dark)}.topbar-settings{position:relative}.settings-btn{color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;min-height:36px;padding:9px 14px;font-size:.9rem;font-weight:600}.settings-btn:hover{background:var(--bg-fill)}.more-popover{background:var(--bg-card);border:.5px solid var(--separator);width:260px;box-shadow:var(--shadow-lg);z-index:40;border-radius:14px;padding:8px;animation:.16s both pop-down;position:absolute;top:calc(100% + 8px);right:0}.more-section{border-bottom:.5px solid var(--separator);flex-direction:column;gap:2px;margin-bottom:8px;padding-bottom:8px;display:flex}.more-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.more-row{color:var(--text-secondary);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:.8rem;display:flex}.more-row .row-label{align-items:center;gap:8px;display:flex}.sidebar-row{background:var(--bg-fill);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;transition:background-color .18s,transform .12s;display:flex}.sidebar-row:hover{background:var(--bg-fill-strong);transform:translateY(-2px)}.sidebar-row:active{transform:scale(.97)}.sidebar-row .row-label{align-items:center;gap:8px;display:flex}.main-content{width:100%;height:calc(100vh - 54px)}.view{padding:calc(24px + env(safe-area-inset-top)) calc(28px + env(safe-area-inset-right)) calc(64px + env(safe-area-inset-bottom)) calc(28px + env(safe-area-inset-left));scrollbar-gutter:stable;max-width:1220px;height:100%;margin:0 auto;overflow-y:auto}.view-stage{background:0 0;height:100%;position:relative;overflow:hidden}.view-slot.hidden{display:none}.view-slot-enter{z-index:2;will-change:transform;background:0 0;height:100%;position:relative}.view-slot-enter.no-anim{animation:none}.view-stage.transitioning .view-slot-enter{background:0 0;height:100%;position:absolute;top:0;left:0;right:0;overflow:hidden}.view-slot-enter .view{animation:none}.view-slot-enter{animation:.32s cubic-bezier(.5,0,.3,1) both push-in-right}.view-slot-enter.dir-left{animation:.32s cubic-bezier(.5,0,.3,1) both push-in-left}.view-slot-enter.leaving{z-index:1;animation:.32s cubic-bezier(.5,0,.3,1) both push-out-left}.view-slot-enter.leaving.dir-left{animation:.32s cubic-bezier(.5,0,.3,1) both push-out-right}.view-stage.transitioning .view-slot-enter:not(.leaving){transform:translate(100%)}.view-stage.transitioning .view-slot-enter.dir-left:not(.leaving){transform:translate(-100%)}@keyframes push-in-right{0%{transform:translate(100%)}to{transform:translate(0,0)}}@keyframes push-in-left{0%{transform:translate(-100%)}to{transform:translate(0,0)}}@keyframes push-out-left{0%{transform:translate(0,0)}to{transform:translate(-100%)}}@keyframes push-out-right{0%{transform:translate(0,0)}to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pop-down{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.view-title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent), var(--purple));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:1.75rem;font-weight:700;line-height:1.2}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:.92rem;font-weight:600;line-height:1.2;transition:transform .15s,background-color .2s,color .2s,box-shadow .2s,opacity .2s,filter .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 4px 14px #0000004d, 0 0 24px color-mix(in srgb, var(--btn-primary-text) 22%, transparent)}.btn-primary:active{filter:brightness(.92)}.btn-secondary{background:var(--bg-fill-strong);color:var(--text)}.btn-outline{background:var(--bg-fill);color:var(--text)}.btn-sm{border-radius:9px;padding:6px 14px;font-size:.8rem}.btn-lg{border-radius:14px;padding:14px 36px;font-size:1.02rem}.icon-btn{background:var(--bg-fill);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:.85rem;transition:transform .15s,background-color .2s;display:inline-flex}.icon-btn:active{transform:scale(.88)}.icon-btn.playing{animation:.8s audio-pulse}.master-toggle{opacity:.65;font-size:1rem;background:0 0!important}.master-toggle:hover,.master-toggle.mastered{opacity:1}@keyframes audio-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--text) 35%, transparent)}to{box-shadow:0 0 0 12px #0000}}.field{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--text-muted);letter-spacing:.01em;font-size:.72rem;font-weight:500}select,input[type=text],input[type=search],input[type=number]{font:inherit;color:var(--text);background:var(--bg-fill);border:0;border-radius:10px;width:100%;padding:9px 12px;transition:box-shadow .2s,background-color .2s}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238E8E93' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:30px}select:focus,input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}select option{color:var(--text);background:var(--bg-card)}input::placeholder{color:var(--text-muted)}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.switch-root{background:var(--bg-fill-strong);cursor:pointer;border-radius:14px;flex-shrink:0;width:46px;height:28px;transition:background-color .2s;position:relative}.switch-root[data-checked]{background:var(--green)}.switch-thumb{background:var(--white);width:24px;height:24px;box-shadow:var(--shadow-md);transition:transform .25s var(--spring);border-radius:50%;position:absolute;top:2px;left:2px}.switch-root[data-checked] .switch-thumb{transform:translate(18px)}.slider-root{touch-action:none;cursor:pointer;flex:1;align-items:center;display:flex}.slider-control{flex:1;align-items:center;min-width:0;display:flex}.slider-track{background:var(--bg-fill-strong);border-radius:3px;flex:1;height:6px;position:relative}.slider-indicator{background:var(--accent);border-radius:3px;height:100%;position:absolute;top:0;left:0}.slider-thumb{background:var(--white);width:22px;height:22px;box-shadow:var(--shadow-md);touch-action:none;border-radius:50%;position:absolute;top:50%}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:48px 20px;font-size:.9rem}.word-list{flex-direction:column;gap:10px;display:flex}.word-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.word-grid .wc3d{aspect-ratio:5/3;width:100%}.wc3d[data-learned="1"] .wc-face{filter:grayscale()}.word-grid .wc-tilt,.word-grid .wc-front{height:100%}.word-grid .word-card-header{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:6px;height:100%;padding:16px 18px;display:flex;position:relative;overflow:hidden}.word-grid .word-card-header .icon-btn{z-index:2;position:absolute;top:12px;right:12px}.word-grid .word-card-header .master-toggle{right:48px}.word-grid .word-it{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-right:44px;font-size:1.08rem;overflow:hidden}.word-grid .word-zh{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.word-grid .word-pos{display:none}.word-grid .word-meta{letter-spacing:.01em;color:var(--text-muted);margin-top:2px;font-size:.72rem;display:block}.word-grid .word-card-header .chip.diff-A2,.word-grid .word-card-header .chip.diff-B1,.word-grid .word-card-header .chip.diff-B2,.word-grid .word-card-header .chip.diff-C1,.word-grid .word-card-header .chip.diff-C2{border-radius:999px;align-self:flex-start;margin-top:3px;padding:2px 9px;font-size:.64rem;font-weight:700}.word-grid .word-card-header:after{content:"";border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);width:7px;height:7px;transition:transform .3s;position:absolute;bottom:16px;right:18px;transform:rotate(45deg)}.word-grid .word-ex-snippet,.word-grid .word-status,.word-grid .word-card-header .chip-accent,.word-grid .word-card-header .chip:not(.diff-A2):not(.diff-B1):not(.diff-B2):not(.diff-C1):not(.diff-C2){display:none}.word-count{color:var(--text-muted);letter-spacing:.01em;margin:0 2px 10px;font-size:.76rem}.word-card{border-radius:var(--radius);background:0 0;position:relative}.word-card-header{cursor:pointer;-webkit-tap-highlight-color:transparent;flex-wrap:wrap;align-items:center;gap:8px;padding:18px;transition:background-color .15s;display:flex}.word-card-header:active{background:var(--bg-fill)}.word-it{letter-spacing:-.01em;font-size:1.08rem;font-weight:650}.stressed{color:var(--accent-dark);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.word-zh{color:var(--text-secondary);font-size:.88rem}.word-pos{color:var(--text-muted);font-size:.72rem}.chip{letter-spacing:.01em;white-space:nowrap;background:var(--bg-fill);color:var(--text-secondary);border-radius:7px;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.chip-accent{background:var(--accent-light);color:var(--accent-dark)}.diff-A2{color:var(--green);background:color-mix(in srgb, var(--green) 12%, transparent);border-radius:999px}.diff-B1{color:var(--accent-dark);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px}.diff-B2{color:var(--orange);background:color-mix(in srgb, var(--orange) 14%, transparent);border-radius:999px}.diff-C1{color:var(--purple);background:color-mix(in srgb, var(--purple) 14%, transparent);border-radius:999px}.diff-C2{color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent);border-radius:999px}.word-meta{display:none}.word-ex-snippet{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;font-size:.76rem;font-style:italic;overflow:hidden}.word-status{margin-left:auto;font-size:.85rem}.word-detail-section{padding:14px 18px}.word-detail-section:first-child{padding-top:16px}.word-detail-section h4{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:8px;font-size:.7rem;font-weight:700;display:flex}.word-detail-section h4:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:12px}.irregular{color:var(--orange);font-size:.85rem}.collocation-item{background:var(--bg-fill);border-radius:9px;flex-wrap:wrap;align-items:baseline;gap:6px;margin:2px 6px 2px 0;padding:3px 10px;font-size:.82rem;display:inline-flex}.collocation-item .it{font-weight:600}.collocation-item .zh{color:var(--text-secondary)}.example-item{padding:9px 0}.ex-it{font-size:.92rem;line-height:1.5}.ex-zh{color:var(--text-secondary);margin-top:3px;font-size:.8rem}.pagination{justify-content:center;align-items:center;gap:4px;margin-top:16px;display:flex}.pagination button{background:var(--bg-card);min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:10px;padding:0 10px;font-size:.85rem;font-weight:500;transition:transform .12s,background-color .18s,color .18s}.pagination button:active{transform:scale(.92)}.pagination button.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600}.pagination .pag-arrow{font-size:1.1rem}.pagination .pag-dots{cursor:default;background:0 0}.prompt-overlay{z-index:100;background:#00000059;justify-content:center;align-items:center;animation:.2s both fade-in;display:flex;position:fixed;inset:54px 0 0}.prompt-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;width:90%;max-width:340px;padding:28px 24px 20px;animation:.22s cubic-bezier(.32,.72,0,1) 40ms both pop-in}.prompt-card h3{margin-bottom:18px;font-size:1.05rem;font-weight:700}.prompt-actions{justify-content:center;gap:10px;display:flex}.today-words-section{margin-top:24px}.today-words-section h3{margin-bottom:12px;font-size:.95rem;font-weight:700}.record-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.record-header h3{margin-bottom:0}.record-select-wrap{position:relative}.record-date-btn{background:var(--bg-fill);color:var(--text);font-family:var(--font);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:background .18s;display:flex}.record-date-btn:hover{background:var(--bg-fill-strong)}.record-chevron{color:var(--text-muted);font-size:.7rem;transition:transform .2s}.record-chevron.open{transform:rotate(180deg)}.record-date-menu{z-index:30;background:var(--bg-card);min-width:180px;max-height:260px;box-shadow:var(--shadow-lg);border-radius:14px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.record-date-menu button{width:100%;color:var(--text);font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:9px 12px;font-size:.85rem;transition:background .15s;display:block}.record-date-menu button:hover{background:var(--bg-fill)}.record-date-menu button.active{background:var(--accent-light);color:var(--accent-dark);font-weight:600}.empty-hint{text-align:center;color:var(--text-muted);margin-top:40px;font-size:.85rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.review-date-list{max-height:200px;margin-top:8px;overflow-y:auto}.review-date-row{border-bottom:.5px solid var(--separator);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:9px 2px;font-size:.88rem;display:flex}.review-date-row:last-child{border-bottom:0}.session-header{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:.85rem;display:flex}.flashcard-wrap{perspective:1600px;margin-top:32px;position:relative}.flashcard{max-width:540px;min-height:300px;transform-style:preserve-3d;margin:0 auto;transition:none;display:grid;position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard:not(.flipped) .flashcard-back,.flashcard.flipped .flashcard-front{pointer-events:none}.flashcard-front,.flashcard-back{border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-lg);backface-visibility:hidden;flex-direction:column;grid-area:1/1;padding:30px 26px 64px;display:flex}.flashcard-front{text-align:center;justify-content:center;align-items:center;gap:8px;overflow-y:auto}.flashcard-back{text-align:left;justify-content:flex-start;align-items:stretch;overflow-y:auto;transform:rotateY(180deg)}.fc-audio-btn{position:absolute;top:14px;right:14px}.fc-word{letter-spacing:-.03em;font-size:2rem;font-weight:700;line-height:1.15}.fc-word-wrap{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.fc-type-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.fc-char{transition:color .12s,transform .12s;display:inline-block}.fc-char.ok{color:var(--green);animation:.28s fc-pop}.fc-char.bad{color:var(--red);animation:.28s fc-pop}.fc-space{width:.45em}.fc-typing-wrong{animation:.3s fc-shake}@keyframes fc-shake{0%,to{transform:translate(0)}25%{transform:translate(-14px)}75%{transform:translate(14px)}}@keyframes fc-pop{0%{transform:scale(1)}45%{transform:scale(1.25)}to{transform:scale(1)}}.fc-pos{color:var(--text-muted);font-size:.82rem}.fc-zh{color:var(--text);text-align:center;margin-top:12px;font-size:1.15rem;font-weight:600;line-height:1.4}.fc-prep{background:var(--accent-light);color:var(--accent-dark);border-radius:8px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.fc-hint{color:var(--text-muted);margin-top:14px;font-size:.75rem}.fc-meaning{letter-spacing:-.01em;cursor:text;margin-bottom:10px;font-size:1.25rem;font-weight:600;line-height:1.4}.fc-irregular{color:var(--orange);margin-bottom:10px;font-size:.85rem}.fc-examples,.fc-collo,.fc-collocations{margin-top:8px}.prep-item{background:var(--accent-light);color:var(--accent-dark);border-radius:8px;align-items:center;margin:2px 4px 2px 0;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.grammar-question{text-align:center;max-width:540px;margin:0 auto 16px;font-size:1.02rem;font-weight:600;line-height:1.45}.quiz-word{letter-spacing:-.02em;margin:4px 0;font-size:1.55rem;font-weight:700;display:block}.quiz-prompt{color:var(--text-muted);font-size:.85rem;font-weight:400}.quiz-options{flex-direction:column;gap:10px;max-width:540px;margin:0 auto;display:flex}.quiz-opt{background:var(--bg-fill);width:100%;color:var(--text);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:14px;padding:14px 18px;font-size:1rem;font-weight:500;transition:transform .15s,background-color .2s,color .2s;display:block}.quiz-opt:active{transform:scale(.98)}.quiz-opt:disabled{cursor:default}.quiz-opt.correct,.quiz-opt.correct-show{background:color-mix(in srgb, var(--green) 14%, var(--bg-card));color:var(--green);font-weight:600}.quiz-opt.wrong{background:color-mix(in srgb, var(--red) 12%, var(--bg-card));color:var(--red)}.fill-input{background:var(--bg-fill);width:100%;max-width:360px;color:var(--text);text-align:center;letter-spacing:.01em;border:0;border-radius:13px;margin:0 auto;padding:13px 18px;font-size:1.12rem;transition:box-shadow .2s,background-color .2s;display:block}.fill-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);background:var(--bg-card);outline:none}.fill-input.correct{background:color-mix(in srgb, var(--green) 12%, var(--bg-card));color:var(--green)}.fill-input.wrong{background:color-mix(in srgb, var(--red) 10%, var(--bg-card));color:var(--red)}.complete-card{background:var(--bg-card);border-radius:var(--radius-lg);max-width:440px;box-shadow:var(--shadow-lg);text-align:center;margin:28px auto 0;padding:34px 28px;position:relative}.complete-card h3{letter-spacing:-.02em;color:var(--pink);margin-bottom:10px;font-size:1.35rem;font-weight:700}.complete-card p{color:var(--text-secondary);margin:4px 0;font-size:.92rem}.complete-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.celebrating .complete-card{animation:celebrate-pop .55s var(--spring)}@keyframes celebrate-pop{0%{transform:scale(.94)}60%{transform:scale(1.02)}to{transform:scale(1)}}.confetti{background:var(--c);opacity:0;pointer-events:none;border-radius:2px;width:8px;height:8px;animation:1.6s cubic-bezier(.2,.6,.3,1) forwards confetti-burst;position:absolute;top:-10px}@keyframes confetti-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--r))}}.test-empty-hint{background:var(--accent-light);color:var(--accent-dark);border-radius:10px;margin:8px 0 4px;padding:8px 12px;font-size:.8rem;line-height:1.45}.test-progress-wrap{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:.85rem;display:flex}.test-question-card{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;justify-content:center;align-items:center;gap:10px;max-width:540px;min-height:300px;margin:0 auto;padding:30px 26px;display:flex}.test-question-card .quiz-options{width:100%}.test-word-lg{letter-spacing:-.03em;text-align:center;margin:8px 0;font-size:2rem;font-weight:700;line-height:1.15}.test-prompt{text-align:center;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;font-size:.78rem;font-weight:600}.test-typing-row{gap:8px;width:100%;max-width:380px;margin:0 auto;display:flex}.test-typing-row .fill-input{flex:1;margin:0}.test-chances{text-align:center;color:var(--text-muted);margin-top:8px;font-size:.78rem}.test-results-card{background:var(--bg-card);border-radius:var(--radius-lg);max-width:480px;box-shadow:var(--shadow-lg);text-align:center;margin:0 auto;padding:30px 26px}.test-results-card h3{letter-spacing:-.02em;margin-bottom:8px;font-size:1.25rem;font-weight:700}.test-score-big{letter-spacing:-.03em;color:var(--green);font-size:2rem;font-weight:700}.test-pct-big{letter-spacing:-.04em;color:var(--accent);margin:4px 0 14px;font-size:2.9rem;font-weight:800;line-height:1.05}.test-wrong-section{text-align:left;margin-top:16px}.test-wrong-section h4{color:var(--text-muted);margin-bottom:6px;font-size:.75rem;font-weight:600}.test-wrong-item{border-bottom:.5px solid var(--separator);flex-wrap:wrap;align-items:baseline;gap:6px;padding:8px 0;font-size:.88rem;display:flex}.test-wrong-item:last-child{border-bottom:0}.test-wrong-word{font-weight:600}.test-wrong-answer{color:var(--text-secondary);font-size:.82rem}.test-wrong-type{background:var(--bg-fill);color:var(--text-secondary);border-radius:6px;margin-left:auto;padding:1px 8px;font-size:.68rem;font-weight:600}.test-results-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.view-subtitle{color:var(--text-muted);margin:-6px 0 18px;font-size:.88rem;line-height:1.5}.section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;font-size:.78rem;font-weight:600}.learn-setup-card,.review-setup-card{flex-direction:column;gap:14px;padding:20px;display:flex}.eb-panel{flex-direction:column;gap:12px;display:flex}.eb-lists{margin:2px 0}.setup-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.setup-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.setup-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.stepper{background:var(--bg-fill);border-radius:999px;align-items:center;gap:12px;padding:4px;display:inline-flex}.step-btn{background:var(--bg-card);width:36px;height:36px;color:var(--text);cursor:pointer;border:0;border-radius:50%;font-size:1.25rem;font-weight:600;line-height:1;transition:transform .15s,opacity .15s;box-shadow:0 1px 3px #00000029}.step-btn:active{transform:scale(.92)}.step-btn:disabled{opacity:.35;cursor:default}.step-value{text-align:center;font-variant-numeric:tabular-nums;min-width:2.2ch;color:var(--pink);font-size:1.1rem;font-weight:700}.setup-start{border-radius:999px;justify-content:center;width:100%;margin-top:2px;padding:14px 36px}.list-empty-hint{color:var(--text-muted);margin:0;padding:8px 2px;font-size:.85rem}.test-score{color:var(--text-secondary);font-weight:500}.collo-tabs{margin-bottom:14px}.collo-section,.phrase-group{content-visibility:auto;contain-intrinsic-size:auto 300px;margin-bottom:14px}.collo-section h3,.phrase-group h3{letter-spacing:-.01em;margin-bottom:8px;padding:0 2px;font-size:.9rem;font-weight:700}.collo-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.collo-item{background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:6px;padding:11px 13px;font-size:.86rem;display:flex}.collo-it{font-weight:650}.collo-eq{color:var(--accent-dark);font-size:.75rem;font-weight:600}.collo-zh{color:var(--text-secondary);font-size:.8rem}.backup-card{padding:20px}.backup-actions{flex-direction:column;gap:10px;margin-top:14px;display:flex}.backup-msg{border-radius:12px;margin-top:14px;padding:10px 14px;font-size:.85rem}.backup-msg.success{background:color-mix(in srgb, var(--green) 12%, transparent);color:var(--green)}.backup-msg.error{background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red)}@media (width<=900px){.prompt-overlay{left:0}.main-content{margin:0 auto}.view{padding:calc(24px + env(safe-area-inset-top)) 18px calc(48px + env(safe-area-inset-bottom))}}@media (width<=560px){.view{padding-left:14px;padding-right:14px}.view-title{margin-bottom:14px;font-size:1.35rem}.word-card-header{gap:7px;padding:12px 14px}.word-detail-section{padding:12px 16px}.flashcard-front,.flashcard-back{border-radius:22px;padding:24px 18px 60px}.flashcard{min-height:260px}.fc-word,.test-word-lg{font-size:1.7rem}.complete-actions,.test-results-actions{flex-direction:column;width:100%}.complete-actions .btn,.test-results-actions .btn{width:100%}}.session-hints{color:var(--text-muted);text-align:center;opacity:.7;justify-content:center;padding:16px 20px 10px;font-size:.78rem;display:flex}.fc-actions{z-index:20;pointer-events:none;position:absolute;inset:0}.fc-action-btn{pointer-events:auto;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:9px 26px;font-size:.88rem;font-weight:650;transition:background-color .15s,transform .15s,box-shadow .2s;position:absolute}.fc-skip-btn{background:var(--bg-fill);color:var(--text-secondary);top:14px;left:14px}.fc-skip-btn:hover{background:var(--bg-fill-strong)}.fc-master-btn{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 28%, transparent);bottom:14px;right:14px}.fc-master-btn:hover{background:var(--accent-dark);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.view{animation:none}}@media (prefers-contrast:more){body{background:var(--bg-card)}.word-card,.backup-card,.flashcard-front,.flashcard-back,.complete-card,.test-results-card,.test-question-card,.collo-item{outline:1px solid var(--text-muted)}}.btn:hover:not(:active):not(:disabled),.icon-btn:hover:not(:active),.quiz-opt:hover:not(:active):not(:disabled),.pagination button:hover:not(:active),.fc-skip-btn:hover:not(:active),.record-date-btn:hover:not(:active){transform:translateY(-1px)}.review-date-row:hover:not(:has(input:checked)){transform:translateY(-1px)}.prompt-overlay{left:0}.rp-guide-note{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.5}.rp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.rp-head .view-title{margin-bottom:6px}.rp-meta{color:var(--text-muted);font-size:.82rem;line-height:1.55}.rp-actions{flex-wrap:wrap;gap:8px;display:flex}.rp-list{flex-direction:column;gap:10px;display:flex}.rp-row{background:var(--bg-card);border:.5px solid var(--separator);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:18px 20px;transition:box-shadow .15s,transform .15s;display:flex}.rp-row:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.rp-main{flex:1;min-width:0}.rp-name{letter-spacing:-.01em;margin-bottom:5px;font-size:1.02rem;font-weight:700}.rp-chevron{color:var(--text-muted);opacity:.65;margin-right:2px;font-size:1.3rem;line-height:1}.rp-del{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;width:30px;height:30px;font-size:1rem;transition:background-color .15s,color .15s}.rp-del:hover{background:color-mix(in srgb, var(--red) 10%, transparent);color:var(--red)}.rp-modal{flex-direction:column;gap:20px;max-width:680px;margin:0 auto;padding:28px 30px;display:flex}.rp-modal .field{gap:6px}.rp-modal input{border-radius:12px;padding:10px 13px}.rp-field-hint{color:var(--text-muted);font-size:.74rem}.rp-hint{color:var(--text-muted);margin:0 0 18px;font-size:.85rem;line-height:1.55}.rp-estimate{background:var(--accent-light);color:var(--accent-dark);border-radius:14px;flex-wrap:wrap;gap:10px 24px;padding:14px 16px;font-size:.88rem;display:flex}.rp-cycles{margin:0}.rp-section-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.rp-section-hint{color:var(--text-muted);font-size:.74rem}.rp-cycle-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rp-cycle-card{border:1px solid var(--separator);background:var(--bg-card);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;transition:border-color .15s,background-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.rp-cycle-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-1px)}.rp-cycle-card.active{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.rp-cycle-check{color:#fff;background:var(--bg-fill);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex;position:absolute;top:12px;right:14px}.rp-cycle-card.active .rp-cycle-check{background:var(--green)}.rp-cycle-name{font-size:.96rem;font-weight:700;display:block}.rp-cycle-nums{color:var(--text-muted);font-size:.76rem}.rp-cycle-card.active .rp-cycle-name,.rp-cycle-card.active .rp-cycle-nums{color:var(--accent-dark)}.rp-modal .rp-actions{justify-content:flex-end;gap:10px}.stat-label{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:600;display:block}.rp-today{background:var(--accent-light);border:.5px solid color-mix(in srgb, var(--accent) 18%, transparent);box-shadow:var(--shadow-sm);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:18px 20px;display:flex}.rp-today-main{flex:1;min-width:0}.rp-today .stat-label{color:var(--accent-dark);opacity:.72;margin-bottom:5px}.rp-today-text{letter-spacing:-.015em;color:var(--pink);margin-bottom:4px;font-size:1.25rem;font-weight:750;display:block}.rp-today-sub{color:var(--text-muted);font-size:.82rem;line-height:1.5;display:block}.rp-day-chip{background:var(--bg-fill);color:var(--text-muted);border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:.78rem;font-weight:650}.rp-table-wrap{background:var(--bg-card);border:.5px solid var(--separator);box-shadow:var(--shadow-sm);border-radius:16px;max-height:60vh;overflow:auto}.rp-table{border-collapse:collapse;width:100%;font-size:.88rem}.rp-table th,.rp-table td{text-align:left;border-bottom:.5px solid var(--separator);white-space:nowrap;padding:11px 16px}.rp-table th{background:var(--bg-card);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;z-index:1;font-size:.72rem;font-weight:600;position:sticky;top:0}.rp-table tbody tr:last-child td{border-bottom:0}.rp-table tbody tr:hover td{background:color-mix(in srgb, var(--bg-fill) 55%, transparent)}.rp-table tr.today td{background:var(--accent-light)}.rp-table tr.today td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.rp-table td.zero{color:var(--text-muted)}.rp-today-chip{background:var(--yellow);color:#000;vertical-align:1px;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.68rem;font-weight:650;display:inline-block}.rp-new-list{color:var(--accent-dark);font-weight:700}.rp-pills{flex-wrap:wrap;gap:5px;display:inline-flex}.rp-pill{background:var(--bg-fill);color:var(--text);border-radius:999px;padding:3px 9px;font-size:.76rem;font-weight:600;display:inline-block}@media (width<=720px){.rp-cycle-grid{grid-template-columns:1fr}.rp-today{flex-direction:column;align-items:flex-start}.app-topbar{gap:8px;padding:0 12px}.topbar-brand{font-size:.95rem}}.help-overlay{z-index:200;background:#00000061;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.help-sheet{background:var(--bg-card);border:.5px solid var(--separator);border-radius:22px;flex-direction:column;width:100%;max-width:720px;max-height:86vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000038}.help-head{justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 12px;display:flex}.help-head h2{letter-spacing:-.01em;margin:0;font-size:1.3rem}.help-close{background:var(--bg-fill);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:0;border-radius:50%;font-size:1.15rem;line-height:1;transition:background-color .15s,color .15s}.help-close:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-dark)}.help-body{padding:4px 24px 18px;overflow-y:auto}.help-actions{border-top:.5px solid var(--separator);justify-content:flex-end;padding:14px 24px 20px;display:flex}.word-editor{max-width:640px}.word-editor-body{flex-direction:column;gap:16px;display:flex}.we-section-head{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.we-rows{flex-direction:column;gap:8px;display:flex}.we-row{grid-template-columns:1fr 1fr 32px;align-items:center;gap:8px;display:grid}.we-del{background:var(--bg-fill);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:0;border-radius:50%;font-size:1rem;line-height:1;transition:background-color .15s,color .15s}.we-del:hover{background:color-mix(in srgb, var(--text) 10%, transparent);color:var(--text)}.fc-edit-btn{color:var(--text);z-index:10;position:absolute;top:14px;right:14px}.we-open-btn{background:var(--bg-fill);width:calc(100% - 36px);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;margin:6px 18px 18px;padding:10px 14px;font-size:.85rem;font-weight:600;transition:background-color .15s,transform .15s;display:flex}.we-open-btn:hover{background:var(--bg-fill-strong);transform:translateY(-1px)}@property --bg-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.wc3d{border-radius:var(--radius);perspective:1000px;position:relative}.wc3d:hover{--lift:-2px}.wc3d:active{--lift:-1px}.wc3d:not(:hover){box-shadow:none;transition:box-shadow .4s}.wc3d:not(:hover) .wc-tilt{transition:transform .5s cubic-bezier(.32,.72,0,1)}.wc-tilt{border-radius:var(--radius);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate(var(--mxm,0px), var(--mym,0px)) translateY(var(--lift,0px));transition:transform .4s cubic-bezier(.22,1,.36,1);position:relative}.wc-face{backface-visibility:hidden;border-radius:var(--radius);border:.5px solid var(--separator);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white) 35%, transparent);background:0 0;position:absolute;inset:0;overflow:hidden}.wc-face:before{content:"";z-index:0;border-radius:inherit;background:color-mix(in srgb, var(--bg-card) 94%, transparent);pointer-events:none;position:absolute;inset:0}.wc-face>*{z-index:1;position:relative}.wc-front{position:relative}.wc-face:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%), color-mix(in srgb, var(--accent) 12%, transparent) 0%, color-mix(in srgb, var(--accent) 5%, transparent) 45%, transparent 68%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.wc3d:hover .wc-face:after{opacity:1}.wc-tilt:before{content:"";z-index:2;border-radius:var(--radius);background:conic-gradient(from var(--bg-angle,0deg), transparent 0deg, color-mix(in srgb, var(--accent) 26%, transparent) 70deg, transparent 140deg, transparent 230deg, color-mix(in srgb, var(--purple) 20%, transparent) 300deg, transparent 360deg);-webkit-mask-composite:xor;opacity:.15;pointer-events:none;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.wc-tilt:hover:before{opacity:.35}.wc3d:after{content:"";z-index:0;background:radial-gradient(42% 42% at 50% 50%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 72%);opacity:.15;pointer-events:none;border-radius:18px;transition:opacity .35s;position:absolute;inset:-7px}.wc3d:hover:after{opacity:.3}.wc3d .wc-front .word-zh{opacity:.88;transition:opacity .35s,transform .35s}.wc3d:hover .wc-front .word-zh{opacity:1;transform:translateY(-1px)}.wc3d .wc-front .word-ex-snippet{opacity:.75;transition:opacity .4s 60ms}.wc3d:hover .wc-front .word-ex-snippet{opacity:1}.wc3d .wc-front .word-it{z-index:2;white-space:nowrap;line-height:30px;transition:font-size .3s cubic-bezier(.33,0,.67,1),color .2s,top .5s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;top:0}.wc3d:hover .wc-front .word-it{color:var(--accent-dark);font-size:1.3rem;top:-.3em}.wc3d .wc-front .word-zh{z-index:1;position:relative}.wc3d .wc-front .icon-btn{transition:transform .25s cubic-bezier(.32,.72,0,1),background-color .2s}.wc3d:hover .wc-front .icon-btn:hover{transform:scale(1.1)rotate(6deg)}.wc3d .wc-front .icon-btn:active{transform:scale(.9)}@media (hover:none){.wc-tilt{transform:none}.wc-tilt:before,.wc3d:after,.wc-face:after{display:none}}.wc-scrim{z-index:399;will-change:opacity;background:#0006;position:fixed;inset:0}.wc-overlay{z-index:400;background:var(--bg-card);border:.5px solid var(--separator);width:min(92vw,900px);max-height:min(86vh,760px);box-shadow:var(--shadow-lg);will-change:transform, opacity;border-radius:24px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden}.wc-overlay-header{text-align:center;flex-direction:column;flex:none;align-items:center;gap:8px;padding:44px 40px 20px;display:flex;position:relative}.wc-overlay-header .word-it{max-width:88%;font-family:var(--font);letter-spacing:-.01em;font-size:2.3rem;font-weight:650;line-height:1.25;display:inline-block}.wc-overlay-header .word-zh{color:var(--text-secondary);font-size:1.16rem}.wc-overlay-header .word-meta{color:var(--text-muted);font-size:.86rem}.wc-overlay-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.wc-overlay-close{z-index:3;position:absolute;top:14px;right:14px}.wc-overlay-audio{z-index:3;position:absolute;top:14px;right:54px}.wc-overlay-master{z-index:3;background:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:650;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 12px #00000038}.wc-overlay-master:hover{filter:brightness(.88)}.wc-overlay-master.mastered{background:var(--btn-primary-bg)}.wc-overlay-body{background:color-mix(in srgb, var(--bg-fill) 26%, transparent);flex:1;min-height:0;padding:18px 24px 84px;overflow-y:auto}.wc-overlay-body .word-detail-section:first-child{margin-top:0}.help-overlay{z-index:500}.wc-clone-host{z-index:402;pointer-events:none;position:fixed;inset:0;overflow:visible}.wc3d.wc-detail-source{visibility:hidden}.wc-clone-host .wc3d.is-opening .wc-tilt:after{content:"";z-index:3;border:2px solid color-mix(in srgb, var(--accent) 42%, transparent);border-radius:inherit;opacity:.7;pointer-events:none;transition:opacity .25s;position:absolute;inset:-1px}.wc-clone-host .wc3d.is-opening.ring-done .wc-tilt:after{opacity:0}button{transform-style:preserve-3d;will-change:transform;position:relative;overflow:visible;transform:perspective(900px) translate(var(--bmx,0px), var(--bmy,0px)) rotateX(var(--brx,0deg)) rotateY(var(--bry,0deg)) translateY(var(--blift,0px)) scale(var(--bscale,1))!important;transition:transform .15s cubic-bezier(.22,1,.36,1),background-color .2s,box-shadow .25s!important}button:hover{--blift:-2px;box-shadow:0 1px 8px #0000002e}button:active{--bscale:.97}button:not(:hover){transition-duration:.48s,.25s,.3s}button:after{content:"";z-index:1;border-radius:inherit;background:radial-gradient(140px circle at var(--bx,50%) var(--by,50%), color-mix(in srgb, var(--text) 14%, transparent), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}button:hover:after{opacity:.4}button:before{content:"";z-index:2;border-radius:inherit;background:conic-gradient(from var(--bg-angle,0deg), transparent 0deg, color-mix(in srgb, var(--accent) 26%, transparent) 70deg, transparent 140deg, transparent 230deg, color-mix(in srgb, var(--purple) 20%, transparent) 300deg, transparent 360deg);-webkit-mask-composite:xor;opacity:.15;pointer-events:none;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}button:hover:before{opacity:.35}.plan-row,.rp-row,.more-row,.review-date-row{transform:translateY(var(--rlift,0px));transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .25s;position:relative}.plan-row:hover,.rp-row:hover,.more-row:hover,.review-date-row:hover{--rlift:-1px;background:color-mix(in srgb, var(--bg-card) 88%, transparent)}.plan-row:not(:hover),.rp-row:not(:hover),.more-row:not(:hover),.review-date-row:not(:hover){transition-duration:.48s,.3s}.plan-row:after,.rp-row:after,.more-row:after,.review-date-row:after{content:"";border-radius:inherit;background:radial-gradient(180px circle at var(--bx,50%) var(--by,50%), color-mix(in srgb, var(--white) 16%, transparent), transparent 72%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.plan-row:hover:after,.rp-row:hover:after,.more-row:hover:after,.review-date-row:hover:after{opacity:.45}@media (hover:none){button{transform:none!important}button:after,.plan-row:after,.rp-row:after,.more-row:after,.review-date-row:after{display:none}}.card,.test-question-card,.test-results-card,.complete-card,.backup-card,.collo-item,.rp-today,.rp-cycle-card{position:relative}.card:after,.test-question-card:after,.test-results-card:after,.complete-card:after,.backup-card:after,.collo-item:after,.rp-today:after,.rp-cycle-card:after{content:"";z-index:0;background:radial-gradient(42% 42% at 50% 50%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 72%);opacity:.15;pointer-events:none;border-radius:18px;transition:opacity .35s;position:absolute;inset:-7px}.card:hover:after,.test-question-card:hover:after,.test-results-card:hover:after,.complete-card:hover:after,.backup-card:hover:after,.collo-item:hover:after,.rp-today:hover:after,.rp-cycle-card:hover:after{opacity:.3}.review-mode-cards,.option-cards{flex:100%;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%;display:grid}.option-cards.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.option-card{border:1px solid var(--separator);background:var(--bg-card);color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;align-items:flex-start;gap:5px;padding:16px 18px;display:flex;overflow:visible}.option-card.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--bg-card))}.option-card .oc-label{font-size:.95rem;font-weight:700}.option-card .oc-desc{color:var(--text-muted);font-size:.76rem;line-height:1.45}.option-card.compact{text-align:center;justify-content:center;align-items:center;padding:10px 14px}.option-card.compact .oc-label{font-size:.85rem}.learn-setup-card{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--bg-card)), var(--bg-card) 42%)}.tour-overlay{z-index:600;pointer-events:none;position:fixed;inset:0}.tour-catcher{pointer-events:none;background:0 0;position:absolute;inset:0}.tour-scrim{pointer-events:none;background:#00000073;animation:.25s tour-fade;position:absolute;inset:0}.tour-highlight{z-index:601;box-shadow:0 0 0 9999px #00000073, 0 0 0 2px var(--accent), 0 10px 40px #00000059;pointer-events:none;border-radius:14px;transition:left .3s cubic-bezier(.22,1,.36,1),top .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),border-radius .3s;position:fixed}.tour-target-catcher{z-index:601;pointer-events:auto;cursor:pointer;position:fixed}.tour-bubble{z-index:602;pointer-events:auto;background:var(--bg-card);width:300px;max-width:calc(100vw - 32px);color:var(--text);box-shadow:var(--shadow-lg);border-radius:18px;padding:16px 18px 14px;animation:.3s cubic-bezier(.32,.72,0,1) tour-pop;position:fixed}.tour-bubble:after{content:"";background:var(--bg-card);width:13px;height:13px;position:absolute}.tour-bubble.bottom:after{border-left:1px solid var(--separator);border-top:1px solid var(--separator);top:-7px;left:calc(50% - 6px);transform:rotate(45deg)}.tour-bubble.top:after{border-right:1px solid var(--separator);border-bottom:1px solid var(--separator);bottom:-7px;left:calc(50% - 6px);transform:rotate(45deg)}.tour-bubble.right:after{border-left:1px solid var(--separator);border-bottom:1px solid var(--separator);top:calc(50% - 6px);left:-7px;transform:rotate(45deg)}.tour-bubble.left:after{border-right:1px solid var(--separator);border-top:1px solid var(--separator);top:calc(50% - 6px);right:-7px;transform:rotate(45deg)}.tour-title{color:var(--accent-dark);margin-bottom:6px;font-size:1.02rem;font-weight:700;display:block}.tour-text{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.55}.tour-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.tour-dots{align-items:center;gap:5px;display:flex}.tour-dot{background:var(--separator);border-radius:999px;width:6px;height:6px;transition:width .25s,background-color .25s}.tour-dot.active{background:var(--accent);width:18px}.tour-actions{align-items:center;gap:8px;display:flex}.tour-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:.82rem}.tour-skip:hover{color:var(--text)}@keyframes tour-fade{0%{opacity:0}to{opacity:1}}@keyframes tour-pop{0%{opacity:0;transform:scale(.94)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}