@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#17211e;background:#f4f2eb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17211e;--muted: #737b77;--line: #deded7;--paper: #fbfaf6;--cream: #f4f2eb;--green: #173f35;--green-2: #255e4f;--mint: #dfece4;--gold: #f3c25e;--coral: #df6b5e;--shadow: 0 16px 45px rgba(24, 38, 33, .09)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;background:var(--cream)}button,input,textarea,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.main-content{min-width:0;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:31px 22px 24px;background:#f9f8f3;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:13px;padding:0 7px 40px}.brand-mark{flex:0 0 auto;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;overflow:hidden;transform:rotate(-4deg);box-shadow:0 7px 16px #173f3533}.brand-mark img{display:block;width:100%;height:100%}.brand-type{min-width:0;padding-top:1px}.brand-cn{display:flex;align-items:baseline;gap:1px;color:#10251f;font-size:20px;font-weight:700;line-height:1.05;letter-spacing:.02em;white-space:nowrap}.brand-key{position:relative;z-index:0}.brand-key:after{content:"";position:absolute;z-index:-1;right:-1px;bottom:-3px;left:-1px;height:5px;border-radius:999px;background:var(--gold);transform:rotate(-3deg)}.brand-en{display:flex;align-items:center;gap:7px;margin-top:7px;color:#567168;font-size:9px;font-weight:700;line-height:1;letter-spacing:.24em}.brand-en i{width:16px;height:2px;border-radius:999px;background:var(--gold)}.sidebar nav{display:grid;gap:7px}.sidebar nav button{width:100%;min-height:47px;border:0;border-radius:13px;background:transparent;display:flex;align-items:center;gap:13px;padding:0 14px;color:#59615e;font-weight:600}.sidebar nav button:hover{background:#eeeee8;color:var(--ink)}.sidebar nav button.active{color:#fff;background:var(--green);box-shadow:0 8px 18px #173f352e}.sidebar nav button b{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:11px;display:grid;place-items:center;font-size:11px;color:var(--green);background:var(--gold)}.sidebar-bottom{margin-top:auto}.local-status{padding:13px 12px;border:1px solid #e2e3dc;border-radius:14px;display:flex;gap:10px;align-items:center;background:#fff}.local-status>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:var(--green);background:var(--mint)}.local-status strong,.local-status small{display:block}.local-status strong{font-size:12px}.local-status small{margin-top:2px;font-size:9px;color:#8b918e}.account-entry{width:100%;color:var(--ink);text-align:left;cursor:pointer}.account-entry.cloud-connected{border-color:#bfd4ca;background:#f4f8f5}.account-entry>div{min-width:0}.account-entry small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-account-panel{padding:7px;border:1px solid #e2e3dc;border-radius:16px;background:#fff;display:grid;gap:7px}.guest-account-panel .guest-status{padding:7px 6px;border:0;background:transparent}.guest-auth-buttons{display:grid;grid-template-columns:.8fr 1.2fr;gap:7px}.guest-auth-buttons button{min-height:36px;padding-inline:8px;justify-content:center;font-size:11px}.settings-link{margin-top:10px;width:100%;padding:11px 13px;border:0;background:transparent;color:#737a76;display:flex;align-items:center;gap:11px;font-size:13px}.content-page{width:min(1180px,100%);margin:0 auto;padding:58px 54px 80px}.page-header{margin-bottom:35px}.page-header h1{margin:6px 0 8px;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.045em}.page-header p{margin:0;color:var(--muted);font-size:15px}.row-header,.home-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.home-header-actions{display:flex;align-items:center;gap:10px}.eyebrow{color:#77807c;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.primary-button,.secondary-button{min-height:45px;padding:0 18px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border:1px solid transparent}.primary-button{color:#fff;background:var(--green);box-shadow:0 8px 20px #173f3526}.primary-button:hover{background:var(--green-2)}.secondary-button{background:transparent;border-color:var(--line)}.secondary-button:hover{background:#eeeee8}.text-button{border:0;padding:7px 0;background:transparent;color:var(--green-2);font-weight:700;display:inline-flex;align-items:center;gap:5px}.icon-button{width:39px;height:39px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}.icon-button:hover{background:#efefe9}.icon-button.subtle{width:32px;height:32px;border:0;background:transparent;color:#929894}.icon-button.danger:hover{color:#b9473b;background:#f8e5e2;border-color:transparent}.hero-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(230px,.8fr);gap:18px}.continue-card,.review-card{position:relative;min-height:202px;border-radius:25px;overflow:hidden}.continue-card{padding:32px;color:#fff;background:var(--green);display:flex;align-items:center;gap:23px;box-shadow:var(--shadow)}.continue-card:before{content:"";position:absolute;right:-65px;top:-80px;width:250px;height:250px;border-radius:50%;border:42px solid rgba(255,255,255,.035)}.continue-card .eyebrow{color:#a8c3b9}.continue-icon{flex:0 0 auto;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;color:var(--green);background:var(--gold)}.continue-copy{position:relative;min-width:0;flex:1}.continue-copy h2{margin:8px 0 7px;font-size:clamp(21px,2.4vw,29px);letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-copy p{margin:0;color:#b9cbc5;font-size:13px}.round-action{z-index:1;flex:0 0 auto;width:50px;height:50px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--green);background:#fff}.card-progress{position:absolute;bottom:0;left:0;right:0;height:5px;background:#ffffff1a}.card-progress span{display:block;height:100%;background:var(--gold)}.newcomer-primary{min-height:238px;align-items:flex-start;padding:34px}.newcomer-primary .continue-copy h2{margin-top:9px;font-size:clamp(25px,2.7vw,34px);white-space:normal}.newcomer-primary .continue-copy p{max-width:570px;font-size:14px;line-height:1.65}.hero-primary-action{position:relative;z-index:1;min-height:46px;margin-top:22px;padding:0 17px;border:0;border-radius:13px;color:var(--green);background:#fff;box-shadow:0 8px 20px #0000001f;display:inline-flex;align-items:center;gap:8px;font-weight:800}.hero-primary-action:hover{background:#fff8e8;transform:translateY(-1px)}.review-card{padding:27px;cursor:pointer;color:#332714;background:#f2c86f;transition:transform .18s ease}.review-card:hover{transform:translateY(-2px)}.newcomer-review{min-height:238px;cursor:default;display:flex;flex-direction:column}.newcomer-review:hover{transform:none}.newcomer-review h3{margin:22px 0 8px;font-size:19px;line-height:1.35;letter-spacing:-.02em}.newcomer-review p{margin-bottom:auto;line-height:1.55}.newcomer-review button{margin-top:15px}.creation-entry-card{width:100%;margin:18px 0;padding:20px 23px;border:1px solid #c8d8d0;border-radius:20px;color:var(--green);background:linear-gradient(120deg,#eef6f1,#faf6e9);box-shadow:0 8px 24px #1b2c260a;display:grid;grid-template-columns:49px minmax(0,1fr) auto;align-items:center;gap:15px;text-align:left}.creation-entry-card:hover{border-color:#8caf9f;transform:translateY(-1px)}.creation-entry-icon{width:49px;height:49px;border-radius:15px;color:#fff;background:var(--green);display:grid;place-items:center}.creation-entry-card small,.creation-entry-card strong,.creation-entry-card em{display:block}.creation-entry-card small{color:#77807c;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.1em}.creation-entry-card strong{margin-top:4px;font-size:17px}.creation-entry-card em{margin-top:4px;color:var(--muted);font-size:10px;font-style:normal}.import-entry-card{background:#faf9f4;border-color:#dedfd8}.import-entry-card .creation-entry-icon{color:var(--green);background:var(--mint)}.starter-flow{margin:22px 0;padding:20px 23px;border:1px solid #e1e2dc;border-radius:20px;background:#ffffff70}.starter-flow>div{margin-top:15px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.starter-flow>div>span{position:relative;min-width:0;display:flex;align-items:center;gap:9px;color:var(--green)}.starter-flow>div>span:not(:first-child){padding-left:15px}.starter-flow b{flex:0 0 auto;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;color:var(--green);background:var(--gold);font-size:11px}.starter-flow strong{font-size:12px;white-space:nowrap}.starter-flow svg{position:absolute;right:5px;color:#a1aaa5}.review-card-top{display:flex;justify-content:space-between;align-items:center}.review-card .eyebrow{color:#725b2a}.review-card strong{display:block;margin-top:12px;font-size:47px;line-height:1}.review-card p{margin:5px 0 13px;font-size:12px;color:#725b2a}.review-card button{border:0;padding:0;display:inline-flex;gap:4px;align-items:center;background:transparent;font-weight:700;font-size:13px}.section-block{margin-top:45px}.section-heading{margin-bottom:19px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-heading h2{margin:5px 0 0;font-size:23px;letter-spacing:-.025em}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.material-card{min-width:0;padding:11px;border-radius:19px;background:#faf9f5;border:1px solid #e2e1da;display:grid;grid-template-columns:91px minmax(0,1fr);gap:14px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.material-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #18262114}.material-cover{min-height:116px;border-radius:13px;padding:13px;display:flex;flex-direction:column;justify-content:space-between}.material-cover>span{font-size:31px;font-weight:700}.material-cover svg{align-self:flex-end;opacity:.65}.sage{color:#25463d;background:#bdd5c7}.sand{color:#634c24;background:#e8cf9c}.blue{color:#29475d;background:#bcd2de}.rose{color:#653f42;background:#dfb9b7}.material-card-body{min-width:0;padding:7px 5px 4px 0;display:flex;flex-direction:column}.material-meta{color:#8a908c;font-size:10px}.material-card h3{margin:7px 0 5px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-card p{margin:0;color:#747b77;font-family:Georgia,serif;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini-progress{margin-top:auto;height:3px;background:#e1e1da;border-radius:3px;overflow:hidden}.mini-progress span{display:block;height:100%;background:var(--green-2)}.empty-create-card{width:100%;min-height:150px;border:1px dashed #c9cbc4;border-radius:20px;background:#ffffff59;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.empty-create-card span{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;color:var(--green);background:var(--mint)}.empty-create-card small{color:var(--muted)}.quick-stats{margin-top:27px;padding:19px 23px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.quick-stats>div{display:grid;grid-template-columns:36px auto;column-gap:10px;align-items:center}.quick-stats>div+div{border-left:1px solid var(--line);padding-left:25px}.quick-stats span{grid-row:1 / 3;width:35px;height:35px;border-radius:11px;display:grid;place-items:center;color:var(--green-2);background:#e7eae3}.quick-stats strong{font-size:19px;line-height:1}.quick-stats small{color:var(--muted);font-size:10px}.learning-overview-card{margin-top:22px;padding:21px 23px;border:1px solid #d8ddd7;border-radius:20px;background:linear-gradient(115deg,#edf4ef,#faf8ed);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:17px}.learning-overview-icon{width:48px;height:48px;border-radius:15px;color:#fff;background:var(--green);display:grid;place-items:center}.learning-overview-card h2{margin:5px 0 3px;font-size:19px}.learning-overview-card p{margin:0;color:var(--muted);font-size:11px}.learning-overview-today{min-width:82px;text-align:center}.learning-overview-today span,.learning-overview-today small{display:block;color:var(--muted);font-size:9px}.learning-overview-today strong{display:block;margin:2px 0;color:var(--green);font-size:25px}.header-actions{display:flex;align-items:center;gap:9px}.header-actions .secondary-button{min-height:42px}.import-modal{width:min(900px,100%)}.import-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.import-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.import-mode-picker button{min-height:72px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff;display:grid;gap:5px;text-align:left;cursor:pointer}.import-mode-picker button.active{border-color:var(--green);background:var(--mint);box-shadow:inset 0 0 0 1px var(--green)}.import-mode-picker strong{font-size:14px}.import-mode-picker small{color:var(--muted);font-size:10px;line-height:1.45}.import-help{margin:-8px 0 0;color:var(--muted);font-size:10px}.append-plan-note{padding:14px;border:1px solid #cbdcd4;border-radius:14px;color:var(--green);background:#f1f7f3;display:flex;align-items:flex-start;gap:10px}.append-plan-note p{margin:0}.append-plan-note strong,.append-plan-note span{display:block}.append-plan-note strong{font-size:12px}.append-plan-note span{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.5}.import-preview{gap:9px}.import-preview-summary{position:sticky;top:-25px;z-index:2;margin:-25px -30px 5px;padding:13px 30px;border-bottom:1px solid var(--line);background:#faf9f5f5;display:flex;gap:18px;color:var(--muted);font-size:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.import-preview-row{padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;grid-template-columns:auto 42px minmax(0,1fr) auto;align-items:center;gap:9px}.import-preview-row.duplicate{background:#f5f3ed;opacity:.75}.import-preview-row>span{color:var(--green);font-size:10px;font-weight:800}.import-preview-row>div{display:grid;grid-template-columns:1fr;gap:7px}.import-preview-row>div input{min-width:0;min-height:34px;padding:0 9px;border:1px solid #e0e2dd;border-radius:8px;outline:0}.import-preview-row small{color:#a36a18;font-size:9px}.wordlist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.wordlist-card{padding:21px;border:1px solid var(--line);border-radius:20px;background:#faf9f5;box-shadow:0 8px 24px #1b2c260a}.wordlist-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.wordlist-card-top>span{width:40px;height:40px;border-radius:12px;color:var(--green);background:var(--mint);display:grid;place-items:center}.wordlist-card-manage{margin-left:auto;display:flex;align-items:center;gap:7px}.wordlist-card-manage .material-category-select{margin-right:0}.plan-kind-badge{margin-right:auto;margin-left:9px;padding:5px 8px;border-radius:999px;color:var(--green);background:var(--mint);font-size:9px;font-style:normal;font-weight:800}.plan-kind-badge.sentence{color:#815912;background:#fff0c8}.wordlist-card h2{margin:16px 0 4px;font-size:21px}.wordlist-title-button{width:100%;margin-top:15px;padding:0;border:0;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.wordlist-title-button h2{margin:0}.wordlist-title-button:hover{color:var(--green)}.wordlist-card>p{margin:0 0 15px;color:var(--muted);font-size:11px}.wordlist-progress{height:6px;overflow:hidden;border-radius:999px;background:#e0e1db}.wordlist-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--green))}.wordlist-stats{margin-top:8px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.wordlist-stats strong{color:var(--green)}.wordlist-current{margin:16px 0 12px;padding:13px;border-radius:12px;background:#f0efe9;display:grid;gap:3px}.wordlist-current small{color:var(--muted);font-size:9px}.wordlist-current strong{font-family:Georgia,serif;font-size:18px}.wordlist-current span{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wordlist-content-links{margin:-3px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wordlist-view-all,.wordlist-add-content{padding:0;border:0;background:transparent;color:var(--green);display:inline-flex;align-items:center;gap:3px;font-weight:700;cursor:pointer}.wordlist-add-content{flex:0 0 auto;color:var(--green-2);font-size:11px}.wordlist-start{margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.wordlist-start input{width:50px;min-height:29px;padding:0 5px;border:1px solid var(--line);border-radius:7px;text-align:center}.wordlist-continue{width:100%;justify-content:center}.wordlist-mode-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px}.wordlist-mode-actions>button{width:100%;justify-content:center}.wordlist-empty .primary-button{margin-top:17px}.wordlist-detail-page>.back-button{margin-bottom:25px}.wordlist-detail-page .page-header{margin-top:0}.study-list-card{grid-template-columns:37px minmax(0,1fr) auto}.study-list-status{align-self:start;padding:6px 9px;border-radius:999px;background:#eeeee9;color:var(--muted);font-size:9px;font-weight:800;white-space:nowrap}.study-list-status.learning,.study-list-status.review{background:#fff0c8;color:#916116}.study-list-status.mastered{background:var(--mint);color:var(--green)}.quick-browse-page{max-width:920px;min-height:100vh}.quick-browse-header{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.quick-browse-header>div{text-align:right}.quick-browse-header span,.quick-browse-header strong{display:block}.quick-browse-header span{color:var(--muted);font-size:11px;font-weight:700}.quick-browse-header strong{margin-top:4px;color:var(--green);font-size:18px}.quick-browse-card{position:relative;min-height:520px;margin:24px 0 17px;padding:76px 55px 44px;border:1px solid var(--line);border-radius:27px;background:#fbfaf6;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center}.quick-browse-card-top{position:absolute;top:0;left:0;right:0}.auto-play-toggle{position:absolute;top:22px;right:26px;min-height:36px;padding:0 11px;border-radius:18px;color:var(--green);background:var(--mint);display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;cursor:pointer}.auto-play-toggle input{accent-color:var(--green)}.quick-word{width:100%;text-align:center}.quick-word-title{display:flex;align-items:center;justify-content:center;gap:14px}.quick-word-title h1{margin:0;color:var(--green);font-family:Georgia,serif;font-size:clamp(49px,8vw,76px);font-weight:500;line-height:1.15}.quick-word.phrase .quick-word-title h1{font-size:clamp(38px,6vw,61px)}.quick-word.sentence .quick-word-title h1{max-width:760px;font-size:clamp(28px,4.6vw,48px);line-height:1.42}.quick-word-title button{width:45px;height:45px;border:0;border-radius:50%;color:var(--green);background:var(--mint);display:grid;place-items:center}.quick-phonetic{margin:13px 0 0;color:var(--muted);font-size:18px}.quick-meaning{width:min(670px,100%);min-height:120px;margin-top:33px;padding:24px 27px;border-top:1px solid var(--line);display:grid;align-content:start;gap:11px}.quick-meaning>div{display:grid;grid-template-columns:55px minmax(0,1fr);gap:11px;font-size:16px;line-height:1.65}.quick-meaning b{color:var(--green)}.quick-browse-controls{display:grid;grid-template-columns:110px minmax(170px,1fr) 155px;gap:11px}.quick-browse-controls button,.quick-browse-controls form{min-height:58px;border:1px solid var(--line);border-radius:18px;background:#faf9f5;display:flex;align-items:center;justify-content:center}.quick-browse-controls button:disabled{opacity:.35;cursor:not-allowed}.quick-next{gap:5px;color:#fff;border-color:var(--green)!important;background:var(--green)!important;font-weight:800}.quick-browse-controls form{gap:8px;color:var(--muted);font-size:11px}.quick-browse-controls input{width:59px;min-height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);text-align:center;font-weight:700}.quick-browse-hint{margin:13px 0 0;color:var(--muted);text-align:center;font-size:10px}.creation-page{max-width:1080px}.creation-header{margin-bottom:24px}.creation-steps{margin-bottom:22px;padding:13px 18px;border:1px solid var(--line);border-radius:17px;background:#fbfaf6b8;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.creation-steps>div{position:relative;min-height:38px;color:#929894;display:flex;align-items:center;gap:9px}.creation-steps>div:not(:last-child):after{content:"";position:absolute;top:19px;left:calc(50% + 36px);right:10px;height:1px;background:var(--line)}.creation-steps span{position:relative;z-index:1;flex:0 0 auto;width:29px;height:29px;border:1px solid var(--line);border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:10px;font-weight:800}.creation-steps strong{font-size:11px}.creation-steps .active{color:var(--green)}.creation-steps .active span{color:#fff;border-color:var(--green);background:var(--green)}.creation-steps .done{color:var(--green-2)}.creation-steps .done span{border-color:#bfd4ca;background:var(--mint)}.creation-workspace{padding:32px;border:1px solid var(--line);border-radius:25px;background:var(--paper);box-shadow:var(--shadow)}.creation-section-heading{margin-bottom:24px}.creation-section-heading h2{margin:6px 0 7px;font-size:27px;letter-spacing:-.025em}.creation-section-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.creation-input-tabs{margin-bottom:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.creation-input-tabs button{min-height:76px;padding:14px 17px;border:1px solid var(--line);border-radius:15px;background:#f5f4ef;display:flex;align-items:center;gap:12px;text-align:left}.creation-input-tabs button.active{color:var(--green);border-color:#9bbcaf;background:#edf5f0;box-shadow:0 0 0 3px #41746112}.creation-input-tabs strong,.creation-input-tabs small{display:block}.creation-input-tabs strong{font-size:13px}.creation-input-tabs small{margin-top:4px;color:var(--muted);font-size:10px}.creation-main-field textarea{min-height:300px}.creation-main-field.compact textarea{min-height:235px}.creation-recorder{min-height:310px;padding:36px;border:1px dashed #aebdb6;border-radius:20px;background:#f5f6f1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.creation-mic{width:74px;height:74px;border-radius:50%;color:#fff;background:var(--green);box-shadow:0 12px 30px #173f3538;display:grid;place-items:center}.creation-mic.recording{background:var(--coral);animation:pulse 1.3s infinite}.creation-recorder-copy strong{display:block;margin-top:18px;font-size:18px}.creation-recorder-copy p{margin:6px 0 20px;color:var(--muted);font-size:11px}.creation-recorder-actions{display:flex;align-items:center;justify-content:center;gap:10px}.creation-upload{position:relative;overflow:hidden}.creation-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.recording-button{background:var(--coral)}.creation-audio-preview{width:min(520px,100%);margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:9px}.creation-audio-preview audio{width:100%;height:40px}.creation-privacy-note{margin-top:18px;color:#818884;font-size:9px}.creation-footer{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.creation-footer.split{justify-content:space-between}.creation-error{margin-bottom:16px;padding:12px 14px;border:1px solid #efd1cd;border-radius:13px;color:#983c34;background:#fbefed;display:flex;justify-content:space-between;gap:16px;font-size:11px}.creation-error button{padding:0;border:0;background:transparent;color:inherit;font-weight:800}.creation-choice-block{display:grid;gap:9px}.creation-choice-block>span{font-size:12px;font-weight:700}.creation-choice-grid{display:grid;gap:10px}.creation-choice-grid.two{grid-template-columns:1fr 1fr}.creation-choice-grid.four{grid-template-columns:repeat(4,1fr)}.creation-choice-grid button{min-height:68px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#f6f5f0;text-align:left}.creation-choice-grid button.active{color:var(--green);border-color:#8caf9f;background:var(--mint)}.creation-choice-grid strong,.creation-choice-grid small{display:block}.creation-choice-grid strong{font-size:12px}.creation-choice-grid small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}.creation-options-grid{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.creation-options-grid .creation-choice-block{grid-column:1 / -1}.creation-cleanup-toggle{margin-top:14px}.creation-bilingual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.creation-bilingual-grid textarea{min-height:360px}.creation-bilingual-grid .english-editor textarea{font-family:Georgia,serif;font-size:16px}.creation-title-field{margin-bottom:16px}.creation-material-meta-grid{margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(180px,.34fr));gap:12px}.creation-material-meta-grid .creation-title-field{margin-bottom:0}.creation-final-note{margin-top:16px;padding:12px 14px;border-radius:13px;color:var(--green);background:var(--mint);display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.55}.creation-loading{min-height:65vh;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px}.creation-draft-center{margin-bottom:22px;padding:24px;border:1px solid #cbd8d2;border-radius:22px;background:#f4f8f5;box-shadow:0 10px 28px #173f3512}.creation-draft-heading{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:16px}.creation-draft-heading h2{margin:4px 0 0;font-size:23px}.creation-draft-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creation-draft-list article{min-width:0;padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--paper);display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:6px}.creation-draft-list article.active{border-color:#8caf9f;box-shadow:0 0 0 2px #41746114}.creation-draft-main{min-width:0;padding:6px 8px;border:0;background:transparent;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 9px;text-align:left}.creation-draft-main strong{min-width:0;overflow:hidden;color:var(--green);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.creation-draft-main small{grid-column:1 / -1;color:var(--muted);font-size:9px}.creation-draft-status{padding:4px 7px;border-radius:999px;color:#90610c;background:#fff0bd;font-size:8px;font-weight:800;white-space:nowrap}.creation-draft-status.completed{color:var(--green);background:var(--mint)}.creation-draft-empty{padding:28px;border:1px dashed #b9c8c1;border-radius:15px;color:var(--muted);text-align:center;font-size:11px}.creation-transcribe-actions{display:flex;align-items:center;gap:9px}.creation-inspiration{margin:-4px 0 20px;display:grid;gap:10px}.creation-daily-topic{width:100%;min-height:76px;padding:15px 17px;border:1px solid #e2c98f;border-radius:16px;color:#3c493f;background:linear-gradient(120deg,#fff8e5,#f2f7f3);display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:10px;text-align:left}.creation-daily-topic>svg:first-child{color:#a97718}.creation-daily-topic span>*{display:block}.creation-daily-topic small{color:#9a742a;font-size:8px;font-weight:800;letter-spacing:.08em}.creation-daily-topic strong{margin-top:3px;font-size:13px}.creation-daily-topic em{margin-top:4px;color:var(--muted);font-size:9px;font-style:normal}.creation-template-list{display:flex;flex-wrap:wrap;gap:7px}.creation-template-list button{min-height:32px;padding:0 11px;border:1px solid var(--line);border-radius:999px;color:#59645f;background:#faf9f5;font-size:9px;font-weight:700}.creation-template-list button.active{color:var(--green);border-color:#9bbcaf;background:var(--mint)}.creation-writing-guide{padding:10px 12px;border-radius:12px;color:var(--green);background:var(--mint);display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:10px;line-height:1.5}.creation-writing-guide strong{margin-right:7px}.creation-writing-guide button{padding:5px 8px;border:0;border-radius:8px;color:var(--green);background:#ffffffa6;font-size:9px;font-weight:800}.creation-ai-tools{margin-top:22px;display:grid;gap:14px}.creation-tool-block{padding:19px;border:1px solid var(--line);border-radius:18px;background:#f7f6f1}.creation-tool-heading{margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:15px}.creation-tool-heading h3{margin:4px 0 3px;font-size:16px}.creation-tool-heading p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.creation-paragraph-list{display:grid;gap:8px}.creation-paragraph-list article{padding:12px;border:1px solid #deded7;border-radius:13px;background:var(--paper);display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px}.creation-paragraph-list article>span{color:var(--green-2);font-size:9px;font-weight:800}.creation-paragraph-list article p{margin:0;overflow:hidden;color:#35413d;font-family:Georgia,serif;font-size:12px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.creation-paragraph-list article button{min-height:34px;padding-inline:10px;font-size:9px}.creation-explain-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.creation-explain-controls select{min-width:0;min-height:42px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:11px;color:#34423d;background:#fff}.creation-explanation{margin-top:11px;padding:14px;border:1px solid #cbdcd4;border-radius:13px;color:var(--green);background:#edf5f0;display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px}.creation-explanation p{margin:0;white-space:pre-wrap;font-size:11px;line-height:1.75}.creation-recommendations{display:grid;grid-template-columns:1fr 1fr;gap:8px}.creation-recommendations label{min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--paper);display:grid;grid-template-columns:17px auto minmax(0,1fr);align-items:center;gap:5px 7px;cursor:pointer}.creation-recommendations label.selected{border-color:#8caf9f;background:#f1f7f3}.creation-recommendations input{accent-color:var(--green)}.recommendation-kind{padding:3px 6px;border-radius:999px;color:var(--green);background:var(--mint);font-size:8px;font-weight:800}.creation-recommendations strong{min-width:0;overflow:hidden;color:#24342e;font-family:Georgia,serif;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.creation-recommendations p,.creation-recommendations small{grid-column:2 / -1;margin:0}.creation-recommendations p{color:#45534e;font-size:10px}.creation-recommendations small{color:var(--muted);font-size:8px;line-height:1.5}.study-session-page{max-width:920px;min-height:100vh}.study-session-header{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.study-session-header>div{text-align:right}.study-session-header strong{display:block;margin-top:4px;color:var(--green);font-size:18px}.study-session-card{position:relative;min-height:470px;margin:24px 0 16px;padding:48px 40px 34px;border:1px solid var(--line);border-radius:26px;background:#fbfaf6;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.study-play{position:absolute;top:22px;right:25px;min-height:38px;padding:0 12px;border:0;border-radius:19px;color:var(--green);background:var(--mint);display:flex;align-items:center;gap:5px;font-weight:700}.study-prompt h1{max-width:760px;margin:0;font-family:Georgia,serif;font-size:clamp(36px,6vw,58px);font-weight:500;line-height:1.3}.study-prompt p{margin:10px 0 25px;color:var(--muted)}.study-answer{width:min(700px,100%);margin:22px auto 0;padding-top:21px;border-top:1px solid var(--line)}.study-answer>span{color:var(--muted);font-size:9px;font-weight:700}.study-answer p{margin:11px 0;font-size:18px;line-height:1.7;white-space:pre-wrap}.study-answer small{display:block;color:var(--muted);font-family:Georgia,serif;line-height:1.6}.study-rating-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.study-rating-row button{min-height:64px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#faf9f5}.study-rating-row strong,.study-rating-row small{display:block}.study-rating-row small{margin-top:4px;color:var(--muted);font-size:9px}.list-toolbar{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.list-toolbar>span{color:var(--muted);font-size:12px}.library-playback-card{margin:27px 0 24px;padding:22px 24px;border:1px solid #ccdbd4;border-radius:20px;background:linear-gradient(135deg,#edf5f1,#f7f4e8);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;box-shadow:0 10px 28px #173f350f}.material-category-panel{margin-top:25px;padding:19px 21px;border:1px solid var(--line);border-radius:19px;background:#faf9f5;display:grid;gap:14px}.material-category-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.material-category-heading h2{margin:4px 0 0;font-size:18px}.material-category-manage{display:flex;align-items:center;gap:7px}.material-category-manage .secondary-button{min-height:38px}.material-category-tabs{display:flex;flex-wrap:wrap;gap:7px}.material-category-tabs button{min-height:36px;padding:0 11px;border:1px solid #d7dcd7;border-radius:11px;color:#626d68;background:#fff;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:750}.material-category-tabs button.active{color:#fff;border-color:var(--green);background:var(--green)}.material-category-tabs button span{min-width:19px;padding:2px 5px;border-radius:999px;color:inherit;background:#79888121;font-size:8px}.material-category-tabs button.active span{background:#fff3}.material-category-editor{padding:11px;border:1px solid #cedbd5;border-radius:13px;background:#edf4f0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.material-category-editor input{min-width:0;min-height:39px;padding:0 11px;border:1px solid #ced5d0;border-radius:10px;outline:0;background:#fff}.material-category-editor>span{grid-column:1 / -1;color:#9f4038;font-size:9px}.library-playback-card h2{margin:5px 0 4px;color:var(--green);font-size:19px}.library-playback-card p{margin:0;color:var(--muted);font-size:11px}.play-mode-picker{padding:4px;border:1px solid #d3ddd8;border-radius:13px;background:#ffffffb8;display:flex;gap:3px}.play-mode-picker button{min-height:37px;padding:0 11px;border:0;border-radius:10px;color:#69736f;background:transparent;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:750}.play-mode-picker button.active{color:#fff;background:var(--green);box-shadow:0 5px 12px #173f3529}.play-all-button{white-space:nowrap}.search-box{width:min(380px,100%);min-height:43px;border:1px solid var(--line);border-radius:13px;padding:0 14px;display:flex;align-items:center;gap:9px;background:#faf9f5;color:#828985}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.library-list{border-top:1px solid var(--line)}.library-row{border-bottom:1px solid var(--line);display:flex;align-items:center;padding:12px 0}.library-main{flex:1;min-width:0;border:0;background:transparent;display:grid;grid-template-columns:56px minmax(0,1fr) auto 30px;align-items:center;gap:15px;text-align:left}.small-cover{width:56px;height:56px;border-radius:14px;display:grid;place-items:center}.library-copy{min-width:0}.library-copy strong,.library-copy small{display:block}.library-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-copy small{margin-top:5px;color:var(--muted);font-size:11px}.row-progress{font-size:12px;color:var(--green-2);font-weight:700}.material-category-select{width:116px;min-height:35px;margin-right:9px;padding:0 25px 0 9px;border:1px solid var(--line);border-radius:10px;color:#59635f;background:#faf9f5;font-size:9px}.empty-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.empty-state svg{color:#95aaa2}.empty-state h2{margin:16px 0 6px;color:var(--ink);font-size:21px}.empty-state p{margin:0}.full-empty{min-height:100vh}.tab-row{margin-bottom:22px;border-bottom:1px solid var(--line);display:flex;gap:25px}.tab-row button{padding:0 2px 12px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font-weight:700}.tab-row button.active{color:var(--green);border-bottom-color:var(--green)}.tab-row button span{margin-left:5px;padding:2px 7px;border-radius:9px;background:#e4e5df;font-size:10px}.saved-list{display:grid;gap:11px}.saved-card{border:1px solid var(--line);border-radius:17px;padding:19px;background:#faf9f5;display:grid;grid-template-columns:37px minmax(0,1fr) 126px;gap:14px}.saved-card-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.saved-card-actions .material-category-select{width:100%;margin-right:0}.saved-card-actions .icon-button{align-self:flex-end}.saved-type span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:var(--green);background:var(--mint);font-size:12px;font-weight:700}.saved-copy strong{font-family:Georgia,serif;font-size:18px;font-weight:500}.saved-title-line{display:flex;align-items:center;gap:8px}.saved-title-line button{width:29px;height:29px;border:0;border-radius:50%;color:var(--green);background:var(--mint);display:grid;place-items:center}.saved-phonetic,.review-phonetic{display:block;margin-top:4px;color:var(--muted);font-size:12px}.saved-copy p{margin:7px 0;color:var(--muted);font-family:Georgia,serif;font-size:13px}.saved-translation-toggle{margin-top:10px;min-height:34px;padding:0 10px;border:1px solid #c8d9d2;border-radius:10px;color:var(--green);background:#edf4f0;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.saved-translation-toggle.active{background:#dfece6}.saved-translation-panel{margin-top:8px;padding:11px 13px;border:1px solid #dde2dc;border-radius:11px;background:#f1f0eb;display:grid;gap:7px;animation:fade-in .18s ease}.saved-translation-panel>p{margin:0;color:#27322e;font-family:inherit;line-height:1.65}.saved-translation-sense{display:grid;grid-template-columns:43px minmax(0,1fr);gap:8px;color:#27322e;font-size:12px;line-height:1.6}.saved-translation-sense b{color:var(--green-2)}.saved-translation-status{min-height:25px;color:var(--muted);display:flex;align-items:center;gap:7px;font-size:11px}.saved-copy input{width:100%;margin-top:9px;padding:8px 10px;border:1px solid transparent;border-radius:9px;outline:none;background:#efeee8;font-size:12px}.saved-copy input:focus{border-color:#99b5aa;background:#fff}.saved-meta{margin-top:9px;color:#8b918e;font-size:10px;display:flex;align-items:center;gap:5px}.saved-footer-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.saved-source-link{flex:0 0 auto;margin-top:9px;display:inline-flex;align-items:center;gap:3px}.review-page{max-width:900px}.review-counter{display:flex;align-items:baseline;color:var(--muted)}.review-counter strong{color:var(--green);font-size:31px}.review-counter span{font-size:14px}.review-progress{height:5px;border-radius:4px;overflow:hidden;background:#dddcd5}.review-progress span{display:block;height:100%;background:var(--gold);transition:width .25s ease}.review-workspace{position:relative;margin:27px 0 18px;min-height:430px;padding:37px;border-radius:26px;border:1px solid var(--line);background:#fbfaf6;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.review-kind{position:absolute;top:24px;left:27px;color:var(--green-2);background:var(--mint);border-radius:10px;padding:7px 10px;font-size:10px;font-weight:700}.review-audio-group{position:absolute;top:21px;right:24px;display:flex;align-items:center;gap:7px}.review-audio-group button,.review-inline-audio{min-height:38px;padding:0 12px;border:0;border-radius:19px;color:var(--green);background:#e9ece6;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:700}.review-audio-group button:hover,.review-inline-audio:hover{background:#dfe7e1}.review-prompt small{color:var(--muted)}.review-prompt h2{max-width:650px;margin:15px auto 25px;font-family:Georgia,serif;font-size:clamp(25px,4vw,39px);font-weight:500;line-height:1.35}.blurred-prompt{filter:blur(8px);-webkit-user-select:none;user-select:none;opacity:.3}.reveal-button{min-width:160px;min-height:46px;border:0;border-radius:13px;color:#fff;background:var(--green);font-weight:700}.review-answer{width:100%;border-top:1px solid var(--line);padding-top:23px}.review-answer>span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.review-answer-title{margin:8px 0 2px;display:flex;align-items:center;justify-content:center;gap:10px}.review-answer h3{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:500}.review-answer p{color:var(--muted);font-family:Georgia,serif}.review-context-row{max-width:720px;margin:13px auto 0;display:flex;align-items:center;justify-content:center;gap:10px}.review-context-row p{margin:0}.review-word-senses{width:min(720px,100%);margin:17px auto 18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#f5f4ef;display:grid;gap:9px;text-align:left}.review-word-sense{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;color:#28322f;font-size:13px;line-height:1.6}.review-word-sense b{color:var(--green-2)}.review-lookup-status{margin:0!important;display:flex;align-items:center;justify-content:center;gap:7px;font-family:inherit!important;font-size:12px}.rating-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.rating-row button{padding:13px 8px;border:1px solid var(--line);border-radius:13px;background:#faf9f5}.rating-row button:hover{border-color:#91aa9f;background:#fff}.rating-row span,.rating-row small{display:block}.rating-row span{font-weight:700}.rating-row small{margin-top:3px;color:var(--muted);font-size:9px}.review-complete{min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.review-complete>span{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;color:var(--green);background:var(--mint)}.review-complete h2{margin:20px 0 6px;font-size:27px}.review-complete p{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:18px;display:grid;place-items:center;background:#141b1975;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(780px,100%);max-height:min(850px,calc(100vh - 36px));border-radius:24px;background:var(--paper);box-shadow:0 30px 90px #11181647;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:27px 30px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.modal-header h2{margin:5px 0 0;font-size:25px}.modal-content{min-height:0;overflow:auto;padding:25px 30px;display:flex;flex-direction:column;gap:18px}.field{display:grid;gap:8px}.field>span{font-size:12px;font-weight:700}.field small{color:var(--muted);font-weight:400}.field input,.field textarea,.field select{width:100%;border:1px solid #d7d8d1;border-radius:12px;outline:0;background:#fff;color:var(--ink)}.field input,.field select{min-height:44px;padding:0 13px}.field textarea{min-height:260px;padding:15px;resize:vertical;font-family:Georgia,serif;font-size:17px;line-height:1.7}.field input:focus,.field textarea:focus,.field select:focus{border-color:#6f9788;box-shadow:0 0 0 3px #4174611a}.input-meta{margin-top:-11px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.modal-footer{padding:18px 30px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.account-modal{width:min(520px,100%)}.settings-modal{width:min(620px,100%)}.settings-explanation{padding:15px;border:1px solid #cbdcd4;border-radius:15px;color:var(--green);background:#f1f7f3;display:flex;align-items:flex-start;gap:12px}.settings-explanation p{margin:0}.settings-explanation strong,.settings-explanation span{display:block}.settings-explanation strong{font-size:13px}.settings-explanation span{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.55}.settings-rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-rate-grid .field>span{display:flex;justify-content:space-between}.settings-rate-grid b{color:var(--green)}.settings-rate-grid input[type=range]{min-height:32px;padding:0;accent-color:var(--green)}.settings-checkbox{padding:14px;border:1px solid var(--line);border-radius:14px;background:#faf9f5;display:flex;align-items:flex-start;gap:11px;cursor:pointer}.settings-checkbox input{margin-top:3px;accent-color:var(--green)}.settings-checkbox strong,.settings-checkbox small{display:block}.settings-checkbox strong{font-size:12px}.settings-checkbox small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}.settings-apply-all{width:100%;justify-content:center}.account-mode-tabs{padding:4px;border-radius:12px;background:#ecece6;display:grid;grid-template-columns:1fr 1fr;gap:4px}.account-mode-tabs button{min-height:38px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700}.account-mode-tabs button.active{color:var(--green);background:#fff;box-shadow:0 2px 8px #1e322a14}.account-submit{width:100%;justify-content:center}.form-error{margin:0;padding:10px 12px;border-radius:10px;color:#9b3d36;background:#fbecea;font-size:11px;line-height:1.5}.form-success{margin:0;padding:10px 12px;border-radius:10px;color:#246044;background:#eaf6ee;font-size:11px;line-height:1.5}.account-text-link{align-self:center;border:0;background:transparent;color:var(--green);font-size:11px;text-decoration:underline;cursor:pointer}.guest-mode-note{padding:13px;border:1px solid #dfe4de;border-radius:12px;color:var(--green);background:#f3f6f3;display:flex;align-items:flex-start;gap:10px}.guest-mode-note p{margin:0}.guest-mode-note strong,.guest-mode-note small{display:block}.guest-mode-note strong{font-size:12px}.guest-mode-note small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.5}.account-user-card{padding:15px;border:1px solid var(--line);border-radius:15px;background:#faf9f5;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px}.account-user-card>span{width:42px;height:42px;border-radius:13px;color:var(--green);background:var(--mint);display:grid;place-items:center}.account-user-card strong,.account-user-card small{display:block}.account-user-card small{margin-top:3px;color:var(--muted);font-size:10px}.account-user-card b{padding:5px 8px;border-radius:9px;color:var(--green);background:var(--mint);font-size:9px}.cloud-status-card{padding:14px;border:1px solid #cbdcd4;border-radius:14px;background:#f1f7f3;display:flex;align-items:center;gap:11px}.cloud-status-card>span{color:var(--green)}.cloud-status-card strong,.cloud-status-card small{display:block}.cloud-status-card strong{font-size:12px}.cloud-status-card small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.cloud-status-card.error{border-color:#efd1cd;background:#fbefed}.cloud-status-card.error>span{color:#a34e45}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.account-actions button{justify-content:center}.account-actions button:last-child{grid-column:1 / -1}.account-privacy-note{margin:-5px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.danger-text-button{align-self:flex-start;padding:5px 0;border:0;color:#a14942;background:transparent;font-size:10px;text-decoration:underline;cursor:pointer}.membership-card,.checkout-card,.order-status-card{padding:18px;border:1px solid var(--line);border-radius:17px;display:grid;gap:13px}.membership-card{background:linear-gradient(145deg,#f8f3e5,#f1f7f2)}.membership-price{display:flex;align-items:baseline;gap:7px}.membership-price strong{font-size:34px;color:var(--green)}.membership-price small,.membership-card>small{color:var(--muted);font-size:10px}.membership-card ul{margin:0;padding-left:18px;display:grid;gap:7px;color:#40524b;font-size:12px}.membership-card .primary-button{justify-content:center}.membership-later{justify-self:center;border:0;background:transparent;color:var(--muted);font-size:10px;text-decoration:underline;cursor:pointer}.cloud-membership-entry{width:100%;padding:16px;border:1px solid #9fbfad;border-radius:16px;background:linear-gradient(125deg,#eaf6ef,#f9f3dd);color:var(--ink);box-shadow:0 7px 20px #1b493914;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cloud-membership-entry:hover{border-color:#5f927d;box-shadow:0 10px 26px #1b493924;transform:translateY(-1px)}.cloud-membership-entry>span{width:43px;height:43px;border-radius:13px;color:#fff;background:var(--green);display:grid;place-items:center}.cloud-membership-entry em,.cloud-membership-entry strong,.cloud-membership-entry small{display:block}.cloud-membership-entry em{margin-bottom:3px;color:#8a651b;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.12em}.cloud-membership-entry strong{font-size:13px}.cloud-membership-entry small{margin-top:3px;color:#68766f;font-size:10px}.cloud-membership-entry b{min-height:34px;padding:0 11px;border-radius:10px;color:#fff;background:var(--green);display:flex;align-items:center;gap:2px;font-size:10px;white-space:nowrap}.app-toast{position:fixed;z-index:120;top:18px;left:50%;max-width:min(520px,calc(100vw - 32px));padding:12px 16px;border:1px solid #bcd8c7;border-radius:13px;color:#21563d;background:#eff9f2f7;box-shadow:0 12px 35px #1a372a24;display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;transform:translate(-50%)}.checkout-card{background:#faf9f5}.checkout-heading{display:flex;align-items:end;justify-content:space-between;gap:15px}.checkout-heading h3{margin:4px 0 0}.checkout-heading>strong{color:var(--green);font-size:27px}.payment-qr{width:min(240px,75%);aspect-ratio:1;object-fit:contain;justify-self:center;border:10px solid #fff;border-radius:14px;box-shadow:0 6px 20px #1e322a1a}.payment-qr-missing{min-height:130px;padding:20px;border:1px dashed #d2c7af;border-radius:13px;display:grid;place-items:center;color:#8b7352;background:#fffaf0;text-align:center;font-size:12px}.payment-recipient,.checkout-card>p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.payment-recipient{color:var(--ink);font-weight:700}.payment-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.payment-method-tabs button{min-height:58px;padding:9px 11px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.payment-method-tabs button>span{width:34px;height:34px;border-radius:10px;color:#fff;display:grid;place-items:center;font-weight:900}.payment-method-tabs button.wechat>span{background:#14a86b}.payment-method-tabs button.alipay>span{background:#1677ff}.payment-method-tabs strong,.payment-method-tabs small{display:block}.payment-method-tabs strong{font-size:11px}.payment-method-tabs small{margin-top:2px;color:var(--muted);font-size:8px}.payment-method-tabs button.active.wechat{border-color:#38a87a;background:#eef9f3;box-shadow:inset 0 0 0 1px #38a87a}.payment-method-tabs button.active.alipay{border-color:#4c91ed;background:#eff6ff;box-shadow:inset 0 0 0 1px #4c91ed}.payment-method-tabs button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.55}.checkout-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px}.checkout-actions button{justify-content:center}.order-status-card.pending{border-color:#ead9aa;background:#fff9e9}.order-status-card.rejected{border-color:#edcbc5;background:#fff2ef}.order-status-card span,.order-status-card small{color:var(--muted);font-size:10px}.order-status-card p{margin:0;color:#85483e;font-size:11px;line-height:1.6}.split-toolbar{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.segment-editor-list{display:grid;gap:8px}.segment-editor{padding:10px;border:1px solid #dedfd8;border-radius:13px;background:#fff;display:grid;grid-template-columns:30px minmax(0,1fr) 34px;gap:8px;align-items:start}.segment-editor>span{padding-top:9px;color:#999f9b;font-size:10px}.segment-editor textarea{width:100%;min-height:55px;padding:7px;border:0;outline:0;resize:vertical;font-family:Georgia,serif;font-size:15px;line-height:1.45}.material-recommendation-tool{padding:16px;border:1px solid #d5ded9;border-radius:16px;background:#f5f8f5;display:grid;gap:12px}.material-recommendation-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.material-recommendation-heading h3{margin:4px 0 3px;font-size:16px}.material-recommendation-heading p{margin:0;color:var(--muted);font-size:9px}.material-recommendation-actions{flex:0 0 auto;display:flex;align-items:end;gap:8px}.material-recommendation-actions label{display:grid;gap:4px;color:var(--muted);font-size:8px;font-weight:700}.material-recommendation-actions select{min-width:70px;min-height:38px;padding:0 9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.material-recommendation-actions button{min-height:38px}.material-recommendation-error{margin:0;padding:9px 11px;border-radius:10px;color:#9f4038;background:#fff0ed;font-size:10px}.material-recommendation-summary{color:var(--green);display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.voice-settings{padding-top:16px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:13px}.practice-mode{display:block;background:#f5f4ee}.practice-page{height:100vh;display:grid;grid-template-rows:78px minmax(0,1fr) 94px}.practice-header{padding:0 27px;border-bottom:1px solid var(--line);background:#faf9f5;display:grid;grid-template-columns:160px minmax(0,1fr) 45px;align-items:center;gap:15px}.back-button{border:0;background:transparent;display:flex;align-items:center;gap:7px;color:var(--muted);font-weight:700}.practice-title{min-width:0;text-align:center}.practice-title h1{margin:0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.practice-title span{display:block;margin-top:3px;color:var(--muted);font-size:9px}.practice-layout{min-height:0;display:grid;grid-template-columns:minmax(320px,43%) minmax(0,57%)}.transcript-panel{min-height:0;border-right:1px solid var(--line);background:#f9f8f3;display:flex;flex-direction:column}.panel-heading{min-height:76px;padding:16px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-heading h2{margin:3px 0 0;font-size:19px}.panel-heading-actions{display:flex;align-items:center;gap:9px}.listening-mask-button{min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:10px;color:var(--green);background:#fbfaf7;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.listening-mask-button.active{color:#fff;border-color:var(--green);background:var(--green)}.progress-pill{padding:6px 10px;border-radius:11px;color:var(--green);background:var(--mint);font-size:10px;font-weight:700}.transcript-list{min-height:0;overflow-y:auto;padding:13px 0 40px}.transcript-sentence{position:relative;padding:17px 48px 17px 25px;cursor:pointer;border-left:3px solid transparent;display:grid;grid-template-columns:32px minmax(0,1fr);transition:background .16s ease}.transcript-sentence:hover{background:#f1f1eb}.transcript-sentence.active{border-left-color:var(--gold);background:#fff9e9}.sentence-number{padding-top:5px;color:#a1a6a3;font-size:9px}.transcript-sentence p{margin:0;font-family:Georgia,serif;font-size:17px;line-height:1.55}.transcript-sentence p.transcript-hidden-text{min-height:27px;color:#89928e;font-family:inherit;font-size:11px;display:flex;align-items:center;gap:7px}.sentence-star{position:absolute;top:17px;right:18px;width:29px;height:29px;border:0;display:grid;place-items:center;color:#c1c3bd;background:transparent}.sentence-star.saved{color:#b98116}.sentence-star.saved svg{fill:currentColor}.focus-panel{min-height:0;overflow-y:auto;padding:0 32px 28px;background:#f5f4ee}.focus-topline{min-height:76px;margin:0 -32px;padding:0 33px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.focus-content{min-height:290px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.focus-number{color:#a1a6a2;font-size:10px;letter-spacing:.08em}.tokenized-sentence{max-width:780px;margin:18px auto 24px;font-family:Georgia,serif;font-size:clamp(25px,3vw,38px);line-height:1.48}.tokenized-sentence button,.tokenized-sentence span{margin-right:.23em}.tokenized-sentence button{padding:2px 3px;border:0;border-radius:5px;background:transparent;font-family:inherit;font-size:inherit}.tokenized-sentence button:hover{color:var(--green);background:#dfeae4}.tokenized-sentence button.saved-word{color:#17614d;background:#dcece5;box-shadow:inset 0 -2px #6fa58f}.tokenized-sentence button.pending-selection{color:#94620b;background:#fff0bd;box-shadow:inset 0 -2px #d9a633}.tokenized-sentence button.speaking-word{color:#fff;background:var(--green);box-shadow:0 4px 12px #173f3533,inset 0 -2px #0d352b;transform:translateY(-1px)}.listening-hidden-card{width:min(100%,650px);min-height:155px;margin:18px auto 24px;padding:24px;border:1px dashed #adc1b8;border-radius:18px;color:var(--green);background:#e9efeb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.listening-hidden-card strong{font-size:17px}.listening-hidden-card span{color:#6f7b77;font-size:11px;line-height:1.6}.expression-selection-bar{width:min(100%,720px);margin:-10px auto 17px;padding:12px 14px;border:1px solid #e2c98f;border-radius:14px;background:#fff8e4;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;box-shadow:0 7px 18px #6f4e1012}.expression-selection-bar>div:first-child{min-width:0;display:flex;align-items:baseline;gap:8px}.expression-selection-bar span{color:#997024;font-size:10px;font-weight:800}.expression-selection-bar strong{overflow:hidden;color:#2b342f;font-family:Georgia,serif;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.expression-selection-bar small{flex:0 0 auto;color:var(--muted);font-size:9px}.expression-selection-actions{flex:0 0 auto;display:flex;gap:6px}.expression-selection-actions button{min-height:34px;padding:0 10px;border:1px solid #ddd9cc;border-radius:10px;color:#43514c;background:#fff;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700}.expression-selection-actions button.confirm-expression{color:#fff;border-color:var(--green);background:var(--green)}.selection-meaning-card{width:min(100%,720px);margin:-8px auto 17px;padding:13px 15px;border:1px solid #d6dfda;border-radius:14px;background:#fbfaf7;text-align:left;box-shadow:0 7px 18px #1a342c0d}.selection-meaning-head{padding-bottom:9px;border-bottom:1px solid #e2e4df;display:flex;align-items:center;justify-content:space-between;gap:12px}.selection-meaning-head>div{min-width:0;display:flex;align-items:baseline;gap:8px}.selection-meaning-head span{color:var(--green-2);font-size:9px;font-weight:800}.selection-meaning-head strong{color:var(--green);font-family:Georgia,serif;font-size:20px}.selection-meaning-head small{color:var(--muted);font-size:11px}.selection-meaning-head em{flex:0 0 auto;color:#8b918e;font-size:9px;font-style:normal}.selection-meaning-status{margin:11px 0 0;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px}.selection-meaning-senses{padding-top:10px;display:grid;gap:7px}.selection-meaning-senses>div{display:grid;grid-template-columns:43px minmax(0,1fr);gap:8px;color:#28332f;font-size:12px;line-height:1.55}.selection-meaning-senses b{color:var(--green-2)}.word-save-feedback{min-height:27px;margin:-12px 0 13px;padding:5px 10px;border-radius:999px;color:#88600f;background:#fff1c5;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.translation-line{width:min(100%,650px);margin:-5px auto 16px;padding:13px 16px;border-radius:13px;background:#e7eee9;text-align:left;display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px}.translation-line span{color:var(--green);font-size:10px;font-weight:800}.translation-line p{margin:0;color:#35443f;font-size:14px;line-height:1.55}.word-translations{width:min(100%,650px);margin:-5px auto 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.word-translations>span{padding:7px 10px;border:1px solid #d6d9d2;border-radius:10px;background:#fbfaf7;display:flex;align-items:center;gap:7px;color:#59625f;font-size:11px}.word-translations strong{color:var(--green)}.word-translations p{margin:0;color:var(--muted);font-size:11px}.translation-error{color:#9f4038;background:#fff0ed}.word-detail-card{width:min(100%,650px);margin:0 auto 16px;padding:15px 17px;border:1px solid #d7ddd8;border-radius:16px;background:#fbfaf7;text-align:left;box-shadow:0 9px 24px #1a342c0d}.word-detail-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.word-detail-head>div{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px}.word-detail-head strong{color:var(--green);font-family:Georgia,serif;font-size:25px}.word-detail-head small{grid-column:2;margin-top:3px;color:#707a76;font-size:13px}.word-saved-badge{grid-row:1 / span 2;align-self:center;padding:5px 8px;border-radius:999px;color:#90610c;background:#fff0bd;display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800}.word-play-button{width:40px;height:40px;flex:0 0 auto;border:0;border-radius:50%;color:var(--green);background:var(--mint);display:grid;place-items:center}.word-chinese-toggle{margin-top:12px;min-height:34px;padding:0 11px;border:1px solid #d7ddd8;border-radius:10px;color:var(--green);background:#fff;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800}.word-chinese-toggle.active{border-color:#bad0c7;background:var(--mint)}.word-chinese-toggle:disabled{opacity:.55}.word-sense-list{margin-top:13px;padding-top:12px;border-top:1px solid #e1e3de;display:grid;gap:9px}.word-sense-list>p{margin:0;color:var(--muted);font-size:11px}.word-sense{display:grid;grid-template-columns:45px minmax(0,1fr);gap:8px;align-items:start}.word-sense b{color:#68716e;font-size:12px}.word-sense span{color:#25332f;font-size:13px;line-height:1.6}.focus-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.save-category-picker{min-height:38px;padding:0 10px;border:1px solid #c8d9d2;border-radius:11px;color:var(--green);background:#edf4f0;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800}.save-category-picker select{max-width:130px;min-height:28px;padding:0 22px 0 7px;border:0;border-left:1px solid #c8d9d2;outline:0;color:var(--green);background:transparent;font-weight:700}.focus-actions button{min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:#fbfaf7;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.focus-actions button.saved-action{color:#9b6810;border-color:#e2c88e;background:#fff7df}.focus-actions button.translation-active{color:var(--green);border-color:#b9d1c7;background:var(--mint)}.focus-actions button.listening-active{color:#fff;border-color:var(--green);background:var(--green)}.recording-zone{border-radius:18px;padding:19px;background:var(--green);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.recording-copy{display:flex;align-items:center;gap:13px}.mic-orb{width:43px;height:43px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;color:var(--green);background:var(--gold)}.mic-orb.recording{animation:pulse 1.3s infinite;background:#ff8b7d}.recording-copy strong,.recording-copy span{display:block}.recording-copy strong{font-size:13px}.recording-copy div span{margin-top:4px;color:#b8cbc5;font-size:10px}.record-button{flex:0 0 auto;min-height:39px;padding:0 14px;border:0;border-radius:11px;color:var(--green);background:#fff;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.record-button.stop{color:#fff;background:var(--coral)}.recording-list{margin-top:12px;display:grid;gap:7px}.recording-row{min-height:49px;padding:5px 9px 5px 14px;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:8px;align-items:center;background:#faf9f5;font-size:10px}.recording-row audio{width:100%;height:33px}.best-badge{color:#a16f18;display:flex;align-items:center;gap:4px}.player-bar{padding:0 28px;border-top:1px solid var(--line);background:#fbfaf6;box-shadow:0 -10px 30px #1e28250d;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.player-settings{display:flex;align-items:center;gap:15px}.player-settings>button{min-height:37px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:transparent;display:flex;align-items:center;gap:7px;font-size:10px}.player-settings>button.active{color:var(--green);background:var(--mint);border-color:transparent}.rate-control{color:var(--green);font-size:11px;font-weight:700;display:flex;gap:6px;align-items:center}.rate-control button{flex:0 0 auto;border:1px solid #cbd6d1;background:#fff;color:var(--green)}.rate-control .rate-step{width:34px;height:34px;padding:0;border-radius:10px;display:grid;place-items:center}.rate-control .rate-step:hover:not(:disabled),.rate-control .rate-value:hover{border-color:#7ea191;background:var(--mint)}.rate-control .rate-step:active:not(:disabled){transform:scale(.94)}.rate-control .rate-step:disabled{opacity:.35;cursor:not-allowed}.rate-control .rate-value{min-width:47px;height:34px;padding:0 7px;border-radius:10px;font:inherit}.rate-control input{width:116px;height:34px;margin:0 2px;accent-color:var(--green);cursor:pointer}.rate-control input::-webkit-slider-thumb{width:22px;height:22px}.rate-control input::-moz-range-thumb{width:22px;height:22px;border:0}.transport-controls{display:flex;align-items:center;gap:13px}.transport-controls button{width:42px;height:42px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center}.transport-controls .main-play{width:58px;height:58px;color:#fff;background:var(--green);box-shadow:0 8px 23px #173f3533}.player-voice{min-width:0;justify-self:end;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.player-voice span{flex:0 0 auto}.player-voice select{width:min(210px,18vw);min-height:34px;padding:0 27px 0 9px;border:1px solid var(--line);border-radius:9px;outline:none;color:#46514d;background:#fff;font-size:10px}.player-voice select:focus{border-color:#7ea191;box-shadow:0 0 0 3px #4174611a}.background-audio{position:fixed;width:1px;height:1px;left:-9999px;opacity:0;pointer-events:none}.mobile-nav,.mobile-fab,.mobile-account-button,.mobile-settings-button,.mobile-auth-actions{display:none}@keyframes pulse{0%,to{box-shadow:0 0 #ff8b7d66}50%{box-shadow:0 0 0 9px #ff8b7d00}}@media(max-width:980px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:14px}.content-page{padding-inline:32px}.material-grid{grid-template-columns:1fr 1fr}.material-card:nth-child(3){display:none}.practice-layout{grid-template-columns:40% 60%}.focus-panel{padding-inline:20px}.focus-topline{margin-inline:-20px;padding-inline:21px}.player-settings>button span,.player-voice span{display:none}.player-voice select{width:130px}}@media(max-width:720px){body{background:#f8f7f2}.app-shell{display:block;padding-bottom:74px}.sidebar{display:none}.content-page{padding:30px 20px 100px}.home-header{display:block}.home-header h1,.page-header h1{font-size:32px}.desktop-create{display:none}.row-header{align-items:center}.hero-grid{grid-template-columns:1fr}.continue-card{min-height:182px;padding:24px}.continue-icon{width:51px;height:51px;border-radius:16px}.continue-copy h2{font-size:21px}.newcomer-primary{min-height:0;display:block}.newcomer-primary .continue-icon{margin-bottom:19px}.newcomer-primary .continue-copy h2{font-size:26px}.hero-primary-action{width:100%;justify-content:center}.review-card{min-height:150px}.review-card strong{font-size:39px}.newcomer-review{min-height:205px}.creation-entry-card{padding:17px;grid-template-columns:43px minmax(0,1fr) auto;gap:12px}.creation-entry-icon{width:43px;height:43px;border-radius:13px}.creation-entry-card strong{font-size:15px;line-height:1.35}.creation-entry-card em{line-height:1.5}.starter-flow>div{grid-template-columns:1fr;gap:12px}.starter-flow>div>span:not(:first-child){padding-left:0}.starter-flow svg{right:auto;left:6px;bottom:-14px;transform:rotate(90deg)}.material-grid{grid-template-columns:1fr}.material-card:nth-child(3){display:grid}.quick-stats{padding-inline:0}.quick-stats>div{grid-template-columns:auto;text-align:center;justify-items:center}.quick-stats>div+div{padding-left:0}.quick-stats span{grid-row:auto;margin-bottom:7px}.section-heading .text-button{font-size:11px}.mobile-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;min-height:69px;padding:7px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid #dfe0d9;background:#faf9f5f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(6,1fr)}.mobile-nav button{border:0;background:transparent;color:#818784;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px}.mobile-nav button.active{color:var(--green)}.mobile-fab{position:fixed;z-index:51;right:18px;bottom:82px;width:53px;height:53px;border:0;border-radius:17px;color:#fff;background:var(--green);box-shadow:0 13px 28px #173f3542;display:grid;place-items:center}.mobile-account-button{position:fixed;z-index:40;top:13px;right:13px;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;color:var(--green);background:#faf9f5f0;box-shadow:0 5px 18px #192d251a;display:grid;place-items:center}.mobile-account-button.connected{color:#fff;border-color:var(--green);background:var(--green)}.mobile-settings-button{position:fixed;z-index:40;top:13px;right:63px;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;color:var(--green);background:#faf9f5f0;box-shadow:0 5px 18px #192d251a;display:grid;place-items:center}.mobile-auth-actions{position:fixed;z-index:40;top:13px;right:13px;padding:4px;border:1px solid var(--line);border-radius:13px;background:#faf9f5f5;box-shadow:0 5px 18px #192d251a;display:flex;gap:4px}.mobile-auth-actions button{min-height:34px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--green);font-size:11px;font-weight:800}.mobile-auth-actions button:last-child{color:#fff;background:var(--green)}.mobile-settings-button.with-auth-actions{right:133px}.list-toolbar{align-items:stretch;flex-direction:column}.library-playback-card{padding:18px;grid-template-columns:1fr;gap:15px}.material-category-panel{padding:15px}.material-category-heading{align-items:stretch;flex-direction:column}.material-category-manage{justify-content:flex-end}.material-category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.material-category-tabs button{flex:0 0 auto}.material-category-editor{grid-template-columns:1fr 1fr}.material-category-editor input{grid-column:1 / -1}.play-mode-picker{display:grid;grid-template-columns:repeat(3,1fr)}.play-mode-picker button,.play-all-button{justify-content:center}.search-box{width:100%}.library-main{grid-template-columns:51px minmax(0,1fr) 22px}.small-cover{width:51px;height:51px}.row-progress{display:none}.library-row{align-items:flex-start;flex-wrap:wrap}.library-main{flex-basis:calc(100% - 44px)}.material-category-select{order:3;width:auto;max-width:180px;margin:5px 0 0 61px}.saved-card{padding:15px;grid-template-columns:33px minmax(0,1fr);gap:10px}.saved-card-actions{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-end}.saved-card-actions .material-category-select{order:initial;width:min(180px,100%);margin:0}.wordlist-card-manage{flex-wrap:wrap;justify-content:flex-end}.wordlist-card-manage .material-category-select{order:initial;width:112px;margin:0}.saved-footer-row{align-items:flex-start;flex-direction:column;gap:2px}.saved-source-link{margin-top:2px}.rating-row{grid-template-columns:1fr 1fr}.review-workspace{min-height:390px;padding:78px 20px 29px}.review-kind{top:19px;left:18px}.review-audio-group{top:16px;right:16px}.review-audio-group button{min-height:36px;padding:0 9px}.review-answer-title,.review-context-row{flex-wrap:wrap}.review-word-senses{padding:12px}.review-word-sense{grid-template-columns:38px minmax(0,1fr);gap:7px;font-size:12px}.modal-backdrop{padding:0;align-items:end}.modal{max-height:95vh;border-radius:24px 24px 0 0}.modal-header,.modal-content,.modal-footer{padding-left:20px;padding-right:20px}.material-recommendation-heading{align-items:stretch;flex-direction:column}.material-recommendation-actions{align-items:stretch}.material-recommendation-actions label{flex:1}.material-recommendation-actions button{flex:1.5;justify-content:center}.settings-rate-grid,.voice-settings{grid-template-columns:1fr}.learning-overview-card{grid-template-columns:auto minmax(0,1fr);padding:17px}.learning-overview-today{display:none}.learning-overview-card>.primary-button{grid-column:1 / -1;justify-content:center}.header-actions{width:100%;align-items:stretch;flex-direction:column-reverse}.header-actions button{justify-content:center}.wordlist-grid{grid-template-columns:1fr}.import-settings-row,.import-preview-row>div{grid-template-columns:1fr}.import-preview-summary{top:-25px;margin-inline:-20px;padding-inline:20px;flex-wrap:wrap;gap:8px 14px}.import-preview-row{grid-template-columns:auto 36px minmax(0,1fr)}.import-preview-row small{grid-column:3}.study-session-page{padding-bottom:35px}.study-session-card{min-height:430px;padding:70px 20px 30px}.study-prompt h1{font-size:36px}.study-rating-row{grid-template-columns:1fr 1fr}.quick-browse-page{padding-bottom:30px}.quick-browse-card{min-height:480px;padding:82px 20px 30px}.quick-word-title h1{font-size:48px}.quick-word-title button{width:41px;height:41px}.quick-meaning{margin-top:27px;padding:21px 5px}.quick-meaning>div{grid-template-columns:43px minmax(0,1fr);gap:7px;font-size:14px}.quick-browse-controls{grid-template-columns:58px minmax(120px,1fr) 112px}.quick-browse-controls button,.quick-browse-controls form{min-height:54px;border-radius:16px}.quick-browse-controls form span:first-child{display:none}.quick-browse-hint{line-height:1.6}.creation-page{padding-bottom:100px}.creation-header .header-actions{margin-top:16px}.creation-steps{padding:10px 8px}.creation-steps>div{justify-content:center}.creation-steps strong{display:none}.creation-steps>div:not(:last-child):after{left:calc(50% + 18px);right:-18px}.creation-workspace{padding:21px 17px;border-radius:20px}.creation-section-heading h2{font-size:23px}.creation-input-tabs,.creation-choice-grid.two,.creation-bilingual-grid,.creation-material-meta-grid{grid-template-columns:1fr}.creation-recorder{min-height:300px;padding:25px 14px}.creation-recorder-actions{width:100%;align-items:stretch;flex-direction:column}.creation-recorder-actions>*{justify-content:center}.creation-choice-grid.four{grid-template-columns:1fr 1fr}.creation-options-grid{grid-template-columns:1fr}.creation-options-grid .creation-choice-block{grid-column:auto}.creation-footer.split{align-items:stretch;flex-direction:column-reverse;gap:9px}.creation-footer button{justify-content:center}.creation-bilingual-grid textarea{min-height:280px}.creation-draft-center{padding:17px}.creation-draft-list{grid-template-columns:1fr}.creation-draft-heading{align-items:stretch;flex-direction:column}.creation-draft-heading button,.creation-transcribe-actions button{justify-content:center}.creation-transcribe-actions{width:100%;align-items:stretch;flex-direction:column}.creation-writing-guide{grid-template-columns:20px minmax(0,1fr)}.creation-writing-guide button{grid-column:2;justify-self:start}.creation-tool-heading{align-items:stretch;flex-direction:column}.creation-paragraph-list article{grid-template-columns:1fr}.creation-paragraph-list article button{justify-self:stretch}.creation-explain-controls,.creation-recommendations{grid-template-columns:1fr}.app-shell.practice-mode{padding:0}.practice-page{min-height:100dvh;height:auto;display:block;padding-bottom:86px}.practice-header{position:sticky;top:0;z-index:30;min-height:65px;padding:0 13px;grid-template-columns:36px minmax(0,1fr) 36px}.back-button span{display:none}.practice-layout{display:flex;flex-direction:column}.transcript-panel{border-right:0;border-bottom:1px solid var(--line)}.panel-heading{min-height:62px;padding:12px 18px}.panel-heading-actions{gap:6px}.listening-mask-button{min-height:32px;padding-inline:8px}.progress-pill{padding-inline:8px}.transcript-list{max-height:36vh}.transcript-sentence{padding:13px 42px 13px 17px;grid-template-columns:27px minmax(0,1fr)}.transcript-sentence p{font-size:15px}.sentence-star{right:10px}.focus-panel{overflow:visible;padding:0 18px 24px}.focus-topline{min-height:54px;margin-inline:-18px;padding-inline:18px}.focus-content{min-height:250px}.tokenized-sentence{font-size:25px;line-height:1.5}.listening-hidden-card{min-height:135px;padding:20px 15px}.expression-selection-bar{align-items:stretch;flex-direction:column}.expression-selection-bar>div:first-child{flex-wrap:wrap}.expression-selection-actions{display:grid;grid-template-columns:1fr 1.35fr 1fr}.expression-selection-actions button{justify-content:center;padding-inline:7px}.selection-meaning-head{align-items:flex-start;flex-direction:column}.translation-line{grid-template-columns:35px minmax(0,1fr)}.focus-actions button{padding-inline:10px}.recording-zone{align-items:stretch;flex-direction:column}.record-button{justify-content:center}.recording-row{grid-template-columns:55px minmax(0,1fr)}.best-badge{display:none}.player-bar{position:fixed;z-index:40;left:0;right:0;bottom:0;min-height:78px;padding:0 15px max(0px,env(safe-area-inset-bottom));grid-template-columns:1fr auto 1fr}.player-settings{gap:5px}.rate-control input{display:none}.rate-control{gap:3px}.rate-control .rate-step{width:31px;height:34px}.rate-control .rate-value{min-width:42px;padding-inline:4px}.player-voice{gap:4px}.player-voice svg{display:none}.player-voice select{width:86px;min-height:32px;padding-inline:7px 20px;font-size:9px}.transport-controls{gap:3px}.transport-controls .main-play{width:53px;height:53px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.upgrade-card{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8f4ea;display:grid;gap:8px}.upgrade-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.admin-page{min-height:100dvh;padding:32px clamp(16px,5vw,72px);background:#f5f1e8;color:var(--ink)}.admin-header,.admin-section-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.admin-header{max-width:1200px;margin:0 auto 28px}.admin-header h1,.admin-section-title h2{margin:5px 0 0}.admin-header a,.admin-header button{margin-left:10px;padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:inherit;text-decoration:none;cursor:pointer}.admin-stats,.admin-card{max-width:1200px;margin:0 auto 20px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.admin-stats article,.admin-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:#ffffffbf;box-shadow:0 10px 30px #2a37280d}.admin-stats span,.admin-section-title>span,.admin-muted{color:var(--muted);font-size:13px}.admin-stats strong{display:block;margin-top:9px;font-size:28px}.admin-table-wrap{overflow-x:auto;margin-top:18px}.admin-table-wrap table{width:100%;min-width:760px;border-collapse:collapse;font-size:13px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:600}td small{display:block;margin-top:4px;color:var(--muted)}.admin-actions{display:flex;gap:6px}.admin-actions button{padding:7px 9px;border:0;border-radius:7px;cursor:pointer}.approve{background:#173f35;color:#fff}.reject{background:#eee8dd;color:#6c4136}.status{font-size:12px}.status.approved{color:#23714d}.status.rejected{color:#a05c50}.admin-error{max-width:1200px;margin:0 auto 18px;padding:12px 15px;border-radius:10px;background:#f6dfd6;color:#813e33}.admin-login-page{min-height:100dvh;display:grid;place-items:center;padding:20px;background:#f5f1e8;color:var(--ink)}.admin-login-card{width:min(430px,100%);padding:34px;border:1px solid var(--line);border-radius:22px;background:#ffffffe0;box-shadow:0 18px 50px #2a37281a;display:grid;gap:17px}.admin-login-card h1{margin:0;font-size:32px}.admin-login-card p{margin:-8px 0 4px;color:var(--muted);line-height:1.6}.admin-login-card label{display:grid;gap:7px;font-size:13px;color:var(--muted)}.admin-login-card input{min-height:46px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit}.admin-login-card>button{min-height:46px;border:0;border-radius:10px;background:#173f35;color:#fff;font:inherit;cursor:pointer}.admin-login-card>button:disabled{opacity:.65}.admin-login-card>a{color:var(--muted);text-align:center;text-decoration:none;font-size:13px}.admin-login-card .admin-error{margin:0}.funnel-grid{margin-top:18px;display:grid;grid-template-columns:repeat(7,minmax(95px,1fr));gap:8px;overflow-x:auto}.funnel-grid article{min-width:95px;padding:15px 10px;border-radius:12px;background:#f4f5ef;text-align:center}.funnel-grid strong,.funnel-grid span{display:block}.funnel-grid strong{font-size:24px;color:var(--green)}.funnel-grid span{margin-top:5px;color:var(--muted);font-size:10px}.payment-settings-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.payment-settings-grid label{display:grid;gap:7px;color:var(--muted);font-size:11px}.payment-settings-grid label.wide{grid-column:1 / -1}.payment-settings-grid input,.payment-settings-grid textarea{min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.payment-settings-grid textarea{min-height:85px;resize:vertical}.payment-settings-grid button{min-height:43px;align-self:end;border:0;border-radius:9px;background:var(--green);color:#fff;cursor:pointer}.admin-success{margin-top:16px;padding:11px 13px;border-radius:10px;color:#236044;background:#e9f7ee;font-size:12px}.payment-base-settings{margin-top:18px;display:grid;grid-template-columns:.8fr 1.2fr;gap:13px}.payment-base-settings label,.payment-provider-card>label{display:grid;gap:7px;color:var(--muted);font-size:11px}.payment-base-settings input,.payment-base-settings textarea,.payment-provider-card input{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.payment-base-settings textarea{min-height:72px;resize:vertical}.payment-provider-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.payment-provider-card{padding:17px;border:1px solid var(--line);border-radius:16px;display:grid;gap:14px}.payment-provider-card.wechat{background:#f3faf6;border-color:#bee0cd}.payment-provider-card.alipay{background:#f3f7fd;border-color:#c7d9f3}.payment-provider-card header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.payment-provider-card header>span{width:42px;height:42px;border-radius:12px;color:#fff;display:grid;place-items:center;font-weight:900}.payment-provider-card.wechat header>span{background:#14a86b}.payment-provider-card.alipay header>span{background:#1677ff}.payment-provider-card header strong,.payment-provider-card header small{display:block}.payment-provider-card header small{margin-top:3px;color:var(--muted);font-size:9px}.payment-provider-card header b{padding:5px 8px;border-radius:999px;color:#887458;background:#eee9df;font-size:9px}.payment-provider-card header b.enabled{color:#23724e;background:#ddefe4}.payment-qr-preview{padding:11px;border:1px solid rgba(80,100,90,.15);border-radius:13px;background:#ffffffd9;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:13px}.payment-qr-preview img{width:92px;height:92px;object-fit:contain;border-radius:9px;background:#fff}.payment-qr-preview strong,.payment-qr-preview small{display:block}.payment-qr-preview small{margin-top:4px;color:var(--muted);font-size:9px}.payment-qr-preview button{margin-top:12px;padding:0;border:0;color:#a14942;background:transparent;font-size:10px;text-decoration:underline;cursor:pointer}.payment-empty-preview{min-height:116px;border:1px dashed rgba(80,100,90,.28);border-radius:13px;color:var(--muted);background:#ffffff80;display:grid;place-items:center;font-size:11px}.payment-upload{position:relative;min-height:42px;border:1px solid rgba(60,90,75,.2);border-radius:10px;background:#fffc;display:grid!important;place-items:center;color:var(--green)!important;font-weight:800;cursor:pointer;overflow:hidden}.payment-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.payment-upload span{padding:9px 12px;text-align:center}.payment-save-button{width:100%;min-height:47px;margin-top:16px;border:0;border-radius:10px;color:#fff;background:var(--green);font:inherit;font-weight:800;cursor:pointer}@media(max-width:700px){.admin-page{padding:22px 12px}.admin-header,.admin-section-title{align-items:flex-start;flex-direction:column}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-card{padding:15px 12px}}@media(max-width:700px){.payment-provider-grid,.payment-base-settings,.payment-method-tabs{grid-template-columns:1fr}}