@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";.voice-input{border:1px solid #b98b29;border-radius:10px;background:#fff5d9;color:#705011;font-weight:700;padding:11px 12px}.voice-input:disabled{opacity:.7}.voice-input-tip{margin-top:-9px;color:#718783;font-size:11px;line-height:1.45}.recording-panel{display:grid;gap:10px;margin-top:18px;padding:14px;border:1px solid #e2d7f1;border-radius:12px;background:#fbf8ff}.recording-panel>div:first-child{display:grid;gap:3px}.recording-panel b{color:#342b5b;font-size:14px}.recording-panel small,.recording-panel>p{margin:0;color:#746d91;font-size:12px;line-height:1.5}.recording-button{min-height:44px;border:1px solid #bf86a7;border-radius:9px;background:#fff0f6;color:#91415e;font-size:13px;font-weight:800}.recording-button.active{background:#b74160;color:#fff;animation:recording-pulse 1.2s infinite}.recording-list{display:grid;gap:7px}.recording-list>div{display:flex;align-items:center;gap:7px;padding-top:8px;border-top:1px solid #e8dff0}.recording-list span{flex:1;color:#746d91;font-size:11px}.recording-list button{padding:5px 7px;border:1px solid #d8c8e8;border-radius:6px;background:#fff;color:#674d96;font-size:11px}@keyframes recording-pulse{50%{opacity:.7}}:root{font-family:Noto Sans SC,system-ui,sans-serif;color:#173238;background:#f3f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#dfe7e5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e8a834;outline-offset:2px}.app-shell{position:relative;margin:auto;min-height:100dvh;max-width:680px;padding:env(safe-area-inset-top) 0 calc(84px + env(safe-area-inset-bottom));background:linear-gradient(150deg,#f9fbf9,#edf3f0 72%,#e8efed);overflow:hidden}.topbar{display:flex;align-items:flex-end;justify-content:space-between;padding:25px 22px 18px;color:#eef7f4;background:#102d30}.eyebrow,.section-title>span{display:block;color:#dca82e;font:500 10px/1.2 DM Mono,monospace;letter-spacing:.13em}.topbar h1{margin:5px 0 0;font:600 25px/1.15 Playfair Display,Noto Sans SC,serif;letter-spacing:.02em}.local-badge{padding:6px 9px;border:1px solid #50736f;border-radius:99px;color:#b9d1cc;font-size:12px}.view{padding:24px 18px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.intro p{margin:0;color:#2b494b;font-size:15px;font-weight:600}.intro span{color:#6c8581;font:12px DM Mono,monospace}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.category-card{min-height:106px;padding:13px 8px;border:1px solid #d5e1dd;border-radius:15px;background:#fcfefd;color:#234346;text-align:left;transition:.18s}.category-card:hover,.category-card.selected{border-color:#d9a934;background:#fff8e7;transform:translateY(-2px)}.category-card i{display:block;margin-bottom:14px;color:#ce9421;font:24px/1 Playfair Display,serif}.category-card b{display:block;font-size:14px}.category-card small{display:block;margin-top:4px;color:#829590;font:11px DM Mono,monospace}.list-head{display:flex;justify-content:space-between;align-items:center;margin:27px 3px 10px;color:#355252;font-size:14px;font-weight:700}.list-head small{color:#849794;font-size:11px;font-weight:400}.card-list{display:grid;gap:9px}.sentence-card{position:relative;width:100%;padding:15px 47px 15px 15px;border:1px solid #d9e3e0;border-radius:13px;background:#fff;color:#203d40;text-align:left;box-shadow:0 2px #dce8e3;transition:.18s}.sentence-card:hover{border-color:#b2c8c1;transform:translate(2px)}.card-category{display:inline-block;margin-bottom:7px;color:#bd8420;font:10px DM Mono,monospace}.sentence-card strong{display:block;font-size:16px;line-height:1.45}.sentence-card small{display:block;margin-top:6px;color:#7f918e;font:13px/1.45 Georgia,serif}.sentence-card>i{position:absolute;right:13px;top:50%;color:#b87822;font-style:normal;font-size:11px;transform:translateY(-50%)}.empty{padding:52px 25px;text-align:center;color:#67807d}.empty>div{color:#d6a42e;font:45px/1 Playfair Display,serif}.empty h2{margin:11px 0 5px;color:#2a4748;font:600 22px Playfair Display,Noto Sans SC,serif}.empty p{margin:0;font-size:13px;line-height:1.7}.empty button{margin-top:18px;padding:10px 15px;border:0;border-radius:9px;background:#183d40;color:#fff;font-size:13px}.back{margin:-4px 0 23px;padding:0;border:0;background:none;color:#577571;font-size:13px}.practice-card-full{min-height:calc(100dvh - 148px);padding:4px 2px}.practice-card-full>h2{margin:4px 0 0;color:#1b393d;font:600 29px/1.42 Playfair Display,Noto Sans SC,serif}.prompt-label{margin:20px 0 0;color:#8a9b97;font-size:12px}.thinking-line{display:flex;gap:5px;margin:28px 0}.thinking-line span{display:block;width:25px;height:2px;background:#d8ad4d}.thinking-line span:nth-child(2){opacity:.65}.thinking-line span:nth-child(3){opacity:.3}.reveal,.primary{width:100%;padding:14px;border:0;border-radius:11px;background:#173f42;color:#fff;font-size:15px;font-weight:700;box-shadow:0 4px #0c282a}.reveal:active,.primary:active{transform:translateY(2px);box-shadow:0 2px #0c282a}.answer{position:relative;margin-top:25px;padding:18px 15px;border:1px solid #cddbd6;border-radius:14px;background:#fffdf8}.sentence{color:#18383b;font:600 21px/1.75 Georgia,Times New Roman,serif;letter-spacing:.005em}.word{display:inline;padding:0;border:0;background:transparent;color:inherit;font:inherit}.word:hover{color:#b3761c}.slash{margin:0 .22em;color:#d59a26;font-weight:700}.pause-edit{position:absolute;right:11px;bottom:9px;padding:4px 7px;border:0;background:transparent;color:#7a918a;font-size:11px;text-decoration:underline;text-underline-offset:3px}.pause-edit.active{color:#9c6b13}.pause-help{margin:10px 0 0;padding-top:10px;border-top:1px solid #edf0ec;color:#7c8e89;font-size:11px;line-height:1.55}.pause-toggle{display:inline-block;width:22px;padding:0;border:0;background:transparent;color:#b2c1bc;font:inherit}.pause-toggle.on{color:#d09927;font-weight:700}.sentence-editor .word{padding:1px 2px;border-radius:3px}.sentence-editor .word:hover{background:#eff5f0}.answer-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.answer-tools button{min-height:42px;padding:6px 4px;border:1px solid #cbd9d3;border-radius:9px;background:#f8fbf9;color:#486762;font-size:12px;font-weight:600}.answer-tools button.active{border-color:#d8a534;background:#fff3d4;color:#8b5f10}.ipa{margin-top:10px;padding:12px 13px;border-left:3px solid #d7a435;background:#fff7e4;color:#425f5e;font:15px/1.6 DM Mono,monospace}.legend{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;padding:10px 1px;color:#728682;font-size:11px}.legend span{padding:3px 6px}.legend small{width:100%;margin-top:2px}.mark-stress{color:#d93c3c!important}.mark-weak{color:#6fbd83!important}.mark-link{text-decoration:underline 2px #df4747;text-underline-offset:4px}.mark-reduction{position:relative;color:#bd8700!important}.mark-reduction:after{content:"";position:absolute;left:0;right:0;top:52%;height:2px;background:#e0b228;transform:rotate(-45deg)}.stress{color:#d93c3c}.weak{color:#62b678}.link{text-decoration:underline 2px #df4747;text-underline-offset:3px}.reduction{color:#b78907}.transcript-box{margin-top:23px}.transcript-box label{display:block;margin-bottom:7px;color:#355754;font-size:13px;font-weight:700}.transcript-box textarea,.add-view textarea,.settings-view input{width:100%;border:1px solid #cbd8d2;border-radius:10px;background:#fff;color:#203d40;font-size:16px}.transcript-box textarea{min-height:118px;padding:12px;line-height:1.6;resize:vertical}.transcript-box small{display:block;margin-top:6px;color:#82938f;font-size:10px;line-height:1.5}.section-title{margin-bottom:27px}.section-title h2{margin:7px 0 6px;color:#1b3b3e;font:600 27px/1.25 Playfair Display,Noto Sans SC,serif}.section-title p{margin:0;color:#708582;font-size:13px;line-height:1.6}.add-view form,.settings-view{display:grid;gap:17px}.add-view label,.settings-view label{display:grid;gap:8px;color:#3d5b58;font-size:13px;font-weight:700}.add-view textarea{min-height:112px;padding:12px;line-height:1.6;resize:vertical}.ai-note{padding:11px 12px;border-left:3px solid #d4a331;background:#fff8e7;color:#6f684d;font-size:12px;line-height:1.55}.word-list{display:grid;gap:11px}.word-card{position:relative;padding:17px 15px;border:1px solid #d5e1dc;border-radius:13px;background:#fff;box-shadow:0 2px #dce8e3}.word-card h3{margin:0;color:#1c3e40;font:600 25px Georgia,serif}.word-card>div span{color:#bf8420;font:12px DM Mono,monospace}.word-card>button{position:absolute;right:13px;top:16px;width:34px;height:34px;border:1px solid #d3dfd9;border-radius:50%;background:#f4f9f6;color:#426b62}.word-card p{margin:14px 0 4px;color:#2d4b4d;font-size:14px}.word-card p b{margin-right:5px;color:#bd8420;font-size:11px}.word-card>small{color:#7c918d;font:13px/1.55 Georgia,serif}.word-card footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid #edf1ee}.word-card footer em{overflow:hidden;color:#849692;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.word-card footer button{padding:0;border:0;background:none;color:#a86d38;font-size:11px;text-decoration:underline}.settings-view{padding-bottom:25px}.settings-view input{padding:11px 12px;font-weight:400}.setting-tip{margin-top:8px;padding:14px;border-radius:12px;background:#e4efeb;color:#54706b;font-size:12px;line-height:1.65}.setting-tip b{color:#315b57}.setting-tip p{margin:6px 0 0}.bottom-nav{position:fixed;z-index:5;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);max-width:680px;margin:auto;padding:8px 9px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #d3dfda;background:#fbfdfceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{display:grid;justify-items:center;gap:3px;padding:4px;border:0;background:transparent;color:#82938f;font-size:11px}.bottom-nav i{height:22px;font-size:20px;font-style:normal;line-height:1}.bottom-nav button.active,.bottom-nav button.active i{color:#b8771d}.toast{position:fixed;z-index:12;bottom:90px;left:50%;max-width:min(92vw,430px);padding:11px 15px;border-radius:10px;color:#fff;font-size:13px;line-height:1.5;transform:translate(-50%);box-shadow:0 8px 25px #12292833}.toast.ok{background:#275a4f}.toast.error{background:#a64940}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;align-items:end;padding:16px;background:#0a2022a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:100%;max-width:580px;margin:auto;padding:23px 19px;border-radius:18px;background:#fff;color:#234144;box-shadow:0 18px 55px #06141655}.modal h2{margin:8px 0 15px;font:600 25px Playfair Display,Noto Sans SC,serif}.modal-cn{margin:0;color:#2e4c4c;font-size:15px;font-weight:700}.modal-en{margin:7px 0 17px;color:#7b908b;font:16px/1.5 Georgia,serif}.modal label{display:grid;gap:6px;color:#45625f;font-size:12px;font-weight:700}.modal select{padding:10px;border:1px solid #cbd9d3;border-radius:9px;background:#fff;color:#294847}.modal>small{display:block;margin-top:13px;color:#7d918d;font-size:11px;line-height:1.55}.modal-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;margin-top:20px}.modal-actions>button:first-child{border:0;background:transparent;color:#657f7a;font-size:13px}.modal-actions .primary{font-size:13px}.lookup-backdrop{align-items:center}.lookup-modal{position:relative}.close{position:absolute;right:13px;top:10px;width:34px;height:34px;border:0;background:transparent;color:#66807a;font-size:25px}.lookup-meta{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #e2ebe7;border-bottom:1px solid #e2ebe7}.lookup-meta span{color:#bd8420;font:12px DM Mono,monospace}.lookup-meta em{color:#718783;font-size:12px}.lookup-meta button{margin-left:auto;border:0;background:transparent;color:#2f6258;font-size:12px}.lookup-cn{margin:14px 0 4px;color:#294a4b;font-size:15px;font-weight:700}.lookup-en{margin:0 0 17px;color:#708581;font:14px/1.5 Georgia,serif}.lookup-loading{color:#718783;font-size:13px}@media (min-width:681px){body{padding:20px;background:#d5e0dc}.app-shell{min-height:calc(100dvh - 40px);border-radius:22px;box-shadow:0 20px 70px #122a2d28}.bottom-nav{bottom:20px;border-radius:0 0 22px 22px}.modal-backdrop{align-items:center}}@media (prefers-color-scheme:dark){body{background:#081719}.app-shell{background:linear-gradient(150deg,#112426,#0d1e20);color:#dce9e4}.topbar{background:#091a1c}.intro p,.list-head,.section-title h2,.practice-card-full>h2,.empty h2{color:#e0ece6}.category-card,.sentence-card,.word-card{border-color:#294145;background:#142b2d;color:#dce9e4;box-shadow:none}.category-card:hover,.category-card.selected{border-color:#d8a534;background:#2d2b1d}.sentence-card small,.empty,.section-title p,.word-card>small{color:#9bb2ac}.answer{border-color:#385154;background:#173033}.sentence{color:#edf4ef}.answer-tools button{border-color:#3a5555;background:#193438;color:#b9d1ca}.ipa{background:#2d291b;color:#d8dcc6}.transcript-box label,.add-view label,.settings-view label{color:#c3d6d0}.transcript-box textarea,.add-view textarea,.settings-view input,.modal select{border-color:#385255;background:#12282a;color:#e6efea}.setting-tip{background:#1a3434;color:#adc3bd}.bottom-nav{border-color:#2b4447;background:#102527eb}.modal{background:#173033;color:#e4eee9}.modal-cn{color:#ddeae4}.modal-en,.modal>small{color:#a8bdb7}.lookup-meta{border-color:#345052}.lookup-cn{color:#dce9e4}.lookup-en{color:#a8bdb7}.pause-help{border-color:#2f494a}.pause-toggle{color:#6c8580}.empty button{background:#d8a534;color:#1e2822}}.config-save-state{margin:-7px 0 -2px;color:#8a7560;font-size:12px}.config-save-state.saved{color:#3d7564}.config-warning{margin:-7px 0 0;padding:10px 12px;border-left:3px solid #c77c32;background:#fff3dd;color:#805421;font-size:12px;line-height:1.55}.provider-preset{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #c7d8d2;border-radius:10px;background:#f5faf7}.provider-preset b{display:block;color:#315a55;font-size:13px}.provider-preset small{display:block;margin-top:3px;color:#718783;font-size:11px;line-height:1.45}.provider-preset button{flex:none;padding:8px 11px;border:1px solid #c29a35;border-radius:8px;background:#fff8e6;color:#8b6514;font-size:12px;font-weight:700}@media (prefers-color-scheme:dark){.provider-preset{border-color:#395654;background:#193333}.provider-preset b{color:#d4e5df}.provider-preset small{color:#9fb6af}.provider-preset button{background:#332e1d;color:#e8c96e}}.answer-tools{grid-template-columns:repeat(3,1fr)}.answer-tools button:disabled{opacity:.58;cursor:wait}.masked-word{border-radius:4px!important;background:repeating-linear-gradient(135deg,#9eb4ab,#9eb4ab 5px,#b8c9c2 5px,#b8c9c2 10px)!important;color:transparent!important;-webkit-user-select:none;user-select:none}.masked-word span{color:transparent!important}.mark-link-letter{color:#d93c3c;font-weight:700}.link-bridge{display:inline-block;width:.6em;height:1em;margin:0 -.03em;border-bottom:2px solid #df4747;vertical-align:baseline}.missing-translation{margin:6px 0 0;color:#a27735;font-size:12px}.modal textarea{width:100%;min-height:76px;padding:10px;border:1px solid #cbd9d3;border-radius:9px;background:#fff;color:#294847;line-height:1.55;resize:vertical}@media (prefers-color-scheme:dark){.modal textarea{border-color:#385255;background:#12282a;color:#e6efea}.masked-word{background:repeating-linear-gradient(135deg,#38534d,#38534d 5px,#47645c 5px,#47645c 10px)!important}.mark-link-letter{color:#f77}.link-bridge{border-color:#f77}}.phrase-help{margin:9px 0 0;color:#7c8e89;font-size:11px;line-height:1.55}.phrase-anchor{border-bottom:2px dashed #d49b27!important;color:#9a6815!important}@media (prefers-color-scheme:dark){.phrase-help{color:#9fb4ad}.phrase-anchor{color:#e6be5b!important}}.review-actions{margin-top:14px;padding:13px;border:1px solid #d4e0dc;border-radius:12px;background:#f7fbf9}.review-actions p{margin:0 0 9px;color:#4c6762;font-size:12px;font-weight:700}.review-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.review-actions button{min-height:42px;padding:7px;border-radius:9px;font-size:12px;font-weight:700}.review-actions .unfamiliar{border:1px solid #d4953b;background:#fff4dd;color:#8b5e16}.review-actions .proficient{border:1px solid #77aa91;background:#edf8f1;color:#2e6d51}.mark-stress{color:#e33232!important}.mark-link-letter{color:#df2929!important}.link-bridge{border-color:#df2929!important}@media (prefers-color-scheme:dark){.review-actions{border-color:#385154;background:#173033}.review-actions p{color:#c1d6cf}.review-actions .unfamiliar{border-color:#b68238;background:#342b1d;color:#f1c569}.review-actions .proficient{border-color:#4f9070;background:#18382e;color:#8ed3aa}.mark-stress,.mark-link-letter{color:#ff4545!important}.link-bridge{border-color:#ff4545!important}}.sentence-card-row{position:relative}.card-delete{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid #decac6;border-radius:50%;background:#fff8f6;color:#a45d55;font-size:17px;line-height:1}.card-delete:hover{border-color:#bd675d;background:#fff0ed;color:#8d4038}@media (prefers-color-scheme:dark){.card-delete{border-color:#674c49;background:#271f20;color:#e8a49b}.card-delete:hover{border-color:#e27a6e;background:#3b2525;color:#ffb4a8}}:root{--paper:#fffdf5;--desk:#e8dfc9;--ink:#172c4e;--muted-ink:#5f7185;--rule:#cce0ec;--margin:#e58e89;--navy:#233e6d;--tomato:#d7574b;--mustard:#e5b544;--lake:#4e9cb0;--grass:#5f9b70;--stroke:#d7d4c5;--tab-accent:#d7574b}body{background:var(--desk)}.app-shell{background:#f8f4e9;color:var(--ink);box-shadow:0 12px 48px #38435b24}.topbar{position:relative;align-items:center;min-height:106px;padding:21px 24px 21px 32px;border-bottom:5px solid var(--mustard);background:var(--navy);color:#fff9ea}.topbar:before{content:"";position:absolute;left:15px;top:18px;bottom:17px;width:2px;background:#fff7}.topbar h1{margin-top:8px;font-family:Noto Sans SC,system-ui,sans-serif;font-size:25px;font-weight:800;letter-spacing:.025em}.eyebrow,.section-title>span{color:#ebcb73;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.16em}.local-badge{border-color:#adc3de;color:#fff9e8;background:#ffffff16}.view{padding:24px 20px 38px}.intro{align-items:flex-end;margin-bottom:20px}.intro p{max-width:70%;color:var(--ink);font-size:17px;line-height:1.45}.intro span{color:var(--muted-ink);font-size:12px}.category-grid{gap:10px}.category-card{--tab-accent:#d7574b;position:relative;min-height:110px;padding:13px 11px 11px;border:1px solid var(--stroke);border-top:7px solid var(--tab-accent);border-radius:8px 8px 13px 13px;background:var(--paper);color:var(--ink);box-shadow:2px 3px #c5c7bc;transform:rotate(-.4deg)}.category-card:nth-child(2n){transform:rotate(.5deg)}.category-card[data-category=旅行],.sentence-card-row[data-category=旅行],.practice-card-full[data-category=旅行]{--tab-accent:#4e9cb0}.category-card[data-category=工作],.sentence-card-row[data-category=工作],.practice-card-full[data-category=工作]{--tab-accent:#6c74b6}.category-card[data-category=社交],.sentence-card-row[data-category=社交],.practice-card-full[data-category=社交]{--tab-accent:#d88b5b}.category-card[data-category=购物],.sentence-card-row[data-category=购物],.practice-card-full[data-category=购物]{--tab-accent:#b26e97}.category-card[data-category=日常通用],.sentence-card-row[data-category=日常通用],.practice-card-full[data-category=日常通用]{--tab-accent:#5f9b70}.category-card:hover,.category-card.selected{border-color:var(--tab-accent);border-top-color:var(--tab-accent);background:#fffdf6;box-shadow:3px 5px #aeb7ad;transform:translateY(-2px) rotate(0)}.category-card i{margin-bottom:15px;color:var(--tab-accent);font-size:23px}.category-card b{font-size:15px}.category-card small{color:var(--muted-ink);font-size:12px}.list-head{margin-top:30px;color:var(--ink);font-size:15px}.list-head small{color:var(--muted-ink);font-size:12px}.card-list{gap:12px}.sentence-card-row{--tab-accent:#d7574b}.sentence-card{min-height:108px;padding:15px 53px 19px 28px;border:1px solid var(--stroke);border-left:6px solid var(--tab-accent);border-radius:7px 12px 12px 7px;background:linear-gradient(transparent 31px,var(--rule) 32px,transparent 33px) 0 6px/100% 32px,var(--paper);color:var(--ink);box-shadow:2px 3px #cbc9bd}.sentence-card:hover{border-color:var(--tab-accent);box-shadow:3px 5px #c0c1b5;transform:translateY(-1px)}.card-category{margin-bottom:8px;color:var(--tab-accent);font:700 11px DM Mono,monospace;letter-spacing:.08em}.sentence-card strong{font-size:17px;line-height:1.55}.sentence-card small{margin-top:7px;color:var(--muted-ink);font-size:13px}.sentence-card>i{right:14px;top:auto;bottom:15px;color:var(--navy);font-weight:700;transform:none}.card-stamp{display:inline-block;margin:10px 0 0;padding:2px 7px;border:2px solid currentColor;border-radius:3px;font-size:11px;font-weight:800;letter-spacing:.08em;transform:rotate(-5deg)}.card-stamp.unfamiliar{color:#a96812}.card-stamp.proficient{color:#357652}.card-delete{top:9px;right:9px;width:29px;height:29px;border-color:#d7b9ad;background:#fffaf4;color:#9c4c43;font-size:19px}.practice-card-full{--tab-accent:#d7574b;position:relative;min-height:calc(100dvh - 184px);padding:23px 19px 31px 36px;border:1px solid var(--stroke);border-left:4px solid var(--margin);border-radius:6px 13px 13px 6px;background:linear-gradient(90deg,transparent 21px,var(--margin) 22px,var(--margin) 23px,transparent 24px),repeating-linear-gradient(to bottom,transparent 0,transparent 37px,var(--rule) 38px,var(--rule) 39px),var(--paper);box-shadow:3px 5px #d2cfc1}.back{margin-bottom:21px;color:var(--muted-ink);font-weight:700}.practice-card-full>.card-category{padding:4px 8px;border-radius:3px;background:var(--tab-accent);color:#fff}.practice-card-full>h2{margin-top:10px;color:var(--ink);font-family:Noto Sans SC,system-ui,sans-serif;font-size:clamp(25px,7vw,33px);font-weight:800;line-height:1.5}.prompt-label{color:var(--muted-ink);font-size:13px}.thinking-line{margin:28px 0}.thinking-line span{background:var(--mustard)}.reveal,.primary{border:1px solid #172d50;border-radius:8px;background:var(--navy);color:#fffdf4;box-shadow:3px 4px #9ba9a7}.answer{margin-top:26px;border:1px solid #c3c9c5;border-radius:7px;background:#fffcf0f2;box-shadow:2px 2px #d6d6ca}.sentence{color:var(--ink);font-size:clamp(19px,5.4vw,24px);overflow-wrap:anywhere}.slash{color:#bb7920}.pause-edit{color:var(--navy)}.phrase-help,.pause-help{color:var(--muted-ink)}.answer-tools button{min-height:46px;border:1px solid #9dafc2;border-radius:7px;background:#f5f8f6;color:var(--navy);font-size:12px}.answer-tools button.active{border-color:#c69837;background:#fff2cd;color:#795116}.review-actions{border:1px dashed #adb6a7;border-radius:7px;background:#fff9e9e8}.review-actions .unfamiliar,.review-actions .proficient{border-width:2px;border-radius:5px;background:transparent;font-weight:800;transform:rotate(-1deg)}.review-actions .unfamiliar{border-color:#bd7825;color:#955816}.review-actions .proficient{border-color:#4b8d61;color:#367348;transform:rotate(1deg)}.ipa{border-left-color:var(--mustard);background:#fff3d2;color:var(--ink)}.section-title h2,.empty h2{color:var(--ink);font-family:Noto Sans SC,system-ui,sans-serif;font-weight:800}.section-title p,.empty p{color:var(--muted-ink)}.add-view form,.settings-view{gap:18px}.add-view label,.settings-view label,.transcript-box label{color:var(--ink);font-size:14px}.transcript-box textarea,.add-view textarea,.settings-view input,.modal textarea,.modal select{border:1px solid #aab9c1;border-radius:7px;background:var(--paper);color:var(--ink)}.ai-note,.setting-tip,.provider-preset{border:1px solid #d7d0aa;border-left:5px solid var(--mustard);border-radius:4px;background:#fff7dc;color:#665331}.provider-preset small,.setting-tip p{color:#645d4e}.word-card{border:1px solid var(--stroke);border-left:5px solid var(--lake);border-radius:7px;background:var(--paper);box-shadow:2px 3px #cbc9bd}.word-card h3,.word-card p{color:var(--ink)}.word-card>small,.word-card footer em{color:var(--muted-ink)}.bottom-nav{border-top:3px solid var(--mustard);background:#fffdf2f2}.bottom-nav button{min-height:48px;color:var(--muted-ink);font-size:12px}.bottom-nav button.active,.bottom-nav button.active i{color:var(--navy);font-weight:800}.modal{max-height:min(90dvh,760px);overflow-y:auto;border:2px solid #adb9bd;border-top:8px solid var(--mustard);border-radius:9px;background:var(--paper);color:var(--ink)}.modal h2{color:var(--ink);font-family:Noto Sans SC,system-ui,sans-serif;font-weight:800}.modal-en,.modal>small,.modal label{color:var(--muted-ink)}.lookup-cn{color:var(--ink)}@media (max-width:380px){.view{padding-right:14px;padding-left:14px}.category-grid{gap:7px}.category-card{padding-right:7px;padding-left:7px}.category-card b{font-size:13px}.practice-card-full{padding-right:12px;padding-left:30px}.answer-tools{grid-template-columns:repeat(2,1fr)}}@media (min-width:681px){body{background:#d8d1c0}.app-shell{border-radius:8px}.bottom-nav{border-radius:0 0 8px 8px}}@media (prefers-reduced-motion:reduce){.category-card,.sentence-card,.reveal,.primary{transition:none!important}}@media (prefers-color-scheme:dark){:root{--paper:#162943;--desk:#101a2a;--ink:#eef2ec;--muted-ink:#b0c3cf;--rule:#37536a;--margin:#b95f60;--navy:#233e6d;--stroke:#456079}body{background:var(--desk)}.app-shell{background:#14263a;color:var(--ink)}.topbar{background:#192c50}.category-card,.category-card:hover,.category-card.selected,.sentence-card,.answer,.word-card,.modal{background-color:var(--paper);color:var(--ink);border-color:var(--stroke)}.category-card,.sentence-card,.word-card{box-shadow:2px 3px #0b1726}.category-card{border-top-color:var(--tab-accent)}.sentence-card{border-left-color:var(--tab-accent);background-image:linear-gradient(transparent 31px,var(--rule) 32px,transparent 33px)}.practice-card-full{background-color:var(--paper);border-color:var(--stroke);border-left-color:var(--margin);box-shadow:3px 5px #0b1726}.practice-card-full>.card-category{color:#fff}.practice-card-full>h2,.intro p,.list-head,.section-title h2,.empty h2,.word-card h3,.word-card p,.lookup-cn,.modal h2{color:var(--ink)}.sentence{color:var(--ink)}.answer{background:#203651ee}.reveal,.primary{background:#345482;border-color:#607ca2;color:#fff}.answer-tools button{border-color:#58718a;background:#203954;color:#e5eff0}.answer-tools button.active{border-color:#bc963b;background:#413b2b;color:#f9da8e}.review-actions{border-color:#667386;background:#20334a}.review-actions p{color:var(--ink)}.review-actions .unfamiliar{color:#f2bf71}.review-actions .proficient{color:#9ad6a9}.ipa,.ai-note,.setting-tip,.provider-preset{background:#343c43;color:#f4e2b4;border-color:#9d8847}.provider-preset b,.setting-tip b{color:var(--ink)}.provider-preset small,.setting-tip p{color:#d4c8ab}.transcript-box textarea,.add-view textarea,.settings-view input,.modal textarea,.modal select{border-color:#63788b;background:#1b304a;color:var(--ink)}.bottom-nav{border-top-color:var(--mustard);background:#152941f2}.bottom-nav button{color:var(--muted-ink)}.bottom-nav button.active,.bottom-nav button.active i{color:#f0ca6e}.modal{border-top-color:var(--mustard)}.card-delete{border-color:#9b7170;background:#332b33;color:#ffc0b8}.mark-stress{color:#ff4545!important}.mark-weak{color:#9cdda2!important}.mark-link-letter{color:#ff4545!important}.link-bridge{border-color:#ff4545!important}.mark-reduction{color:#ffd761!important}.stress{color:#ff4545}.weak{color:#9cdda2}.link{color:#ff4545;text-decoration-color:#ff4545}.reduction{color:#ffd761}}.add-view form,.settings-view{padding:20px 17px 23px 27px;border:1px solid var(--stroke);border-left:4px solid var(--margin);border-radius:5px 11px 11px 5px;background:linear-gradient(90deg,transparent 15px,var(--margin) 16px,var(--margin) 17px,transparent 18px),repeating-linear-gradient(to bottom,transparent 0,transparent 38px,var(--rule) 39px,var(--rule) 40px),var(--paper);box-shadow:2px 4px #c9c9bb}.add-view textarea,.settings-view input{background:var(--paper)}.section-title>span{display:inline-block;padding:5px 8px;border-radius:3px;background:var(--lake);color:#fff;letter-spacing:.1em}.words-view .section-title>span{background:var(--grass)}.settings-view .section-title>span{background:var(--tomato)}.word-card{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 33px,var(--rule) 34px,var(--rule) 35px)}@media (prefers-color-scheme:dark){.add-view form,.settings-view{box-shadow:2px 4px #0b1726}.add-view textarea,.settings-view input{background:#1b304a}}:root{color-scheme:light;--paper:#fffdfd;--desk:#eee2f7;--ink:#202d54;--muted-ink:#63708f;--rule:#dce9f6;--margin:#f3b2be;--navy:#8356d9;--tomato:#f3868c;--mustard:#f5cd69;--lake:#82b5e9;--grass:#9acda0;--stroke:#e6dff0}body{background:linear-gradient(135deg,#eadcf8,#f7ddec 54%,#dde9ff)}.app-shell{background:linear-gradient(165deg,#fffafd,#faf7ff 52%,#f5f4ff);color:var(--ink);box-shadow:0 18px 50px #705a9a24}.topbar{min-height:99px;border-bottom:0;background:#fffafd;color:var(--ink)}.topbar:before{background:#bca1e8}.topbar h1{color:var(--ink)}.eyebrow{color:#805ed0}.local-badge{border-color:#ded3f5;background:#f4efff;color:#6e58b5}.intro p,.list-head,.section-title h2,.empty h2,.practice-card-full>h2,.word-card h3,.word-card p,.lookup-cn,.modal h2{color:var(--ink)}.intro span,.list-head small,.section-title p,.empty p,.sentence-card small,.word-card>small,.word-card footer em,.prompt-label,.phrase-help,.pause-help,.modal-en,.modal>small,.modal label{color:var(--muted-ink)}.category-card{border:1px solid #e4ddee;border-top:6px solid var(--tab-accent);background:#f9f2ff;color:var(--ink);box-shadow:0 5px 12px #8672b01a}.category-card[data-category=餐厅]{background:#ffe6e8}.category-card[data-category=旅行]{background:#e4efff}.category-card[data-category=工作]{background:#ece8ff}.category-card[data-category=社交]{background:#ffe9df}.category-card[data-category=购物]{background:#f9e5f2}.category-card[data-category=日常通用]{background:#e8f4dd}.category-card:hover,.category-card.selected{border-color:var(--tab-accent);border-top-color:var(--tab-accent);background:#fff;box-shadow:0 6px 14px #8771aa2a}.category-card i{color:var(--tab-accent)}.category-card small{color:#5e6d87}.sentence-card{border:1px solid #e3deec;border-left:6px solid var(--tab-accent);background:linear-gradient(transparent 31px,var(--rule) 32px,transparent 33px) 0 6px/100% 32px,#fff;box-shadow:0 5px 14px #9185b322;color:var(--ink)}.sentence-card:hover{border-color:var(--tab-accent);box-shadow:0 7px 17px #9185b333}.sentence-card strong{color:var(--ink)}.sentence-card>i{color:#7957c3}.card-delete{border-color:#f1c5ca;background:#fff3f4;color:#b85d71}.card-delete:hover{border-color:#db8895;background:#ffe9ec;color:#9d4257}.practice-card-full,.add-view form,.settings-view{border:1px solid #e7dfef;border-left:4px solid var(--margin);background:linear-gradient(90deg,transparent 21px,var(--margin) 22px,var(--margin) 23px,transparent 24px),repeating-linear-gradient(to bottom,transparent 0,transparent 37px,var(--rule) 38px,var(--rule) 39px),#fff;box-shadow:0 8px 22px #a899bf29;color:var(--ink)}.add-view form,.settings-view{background:linear-gradient(90deg,transparent 15px,var(--margin) 16px,var(--margin) 17px,transparent 18px),repeating-linear-gradient(to bottom,transparent 0,transparent 38px,var(--rule) 39px,var(--rule) 40px),#fff}.back{color:#6c78a2}.practice-card-full>.card-category{background:var(--tab-accent);color:#fff}.thinking-line span{background:#dbb0eb}.reveal,.primary{border:0;background:linear-gradient(100deg,#7658dd,#af71e9);box-shadow:0 5px 11px #8d64ce4d;color:#fff}.answer{border:1px solid #e2ddee;background:#fff;box-shadow:0 5px 13px #a899bf20}.sentence{color:var(--ink)}.pause-edit{color:#7256b5}.slash{color:#bd7bd8}.answer-tools button{border:1px solid #d8cfed;background:#f8f4ff;color:#6756a3}.answer-tools button.active{border-color:#b999df;background:#eee2fb;color:#64429e}.review-actions{border-color:#dfd4ea;background:#faf7ff}.review-actions p{color:var(--ink)}.review-actions .unfamiliar{border-color:#efa573;background:#fff0dd;color:#9d6132}.review-actions .proficient{border-color:#8bc69c;background:#ecf8e9;color:#35724c}.ipa{background:#f4edff;color:var(--ink);border-left-color:#b38be2}.legend{color:var(--muted-ink)}.pronunciation-editor{display:grid;gap:11px;margin-top:14px;padding:15px;border:1px solid #e2d7f1;border-radius:12px;background:#fbf8ff;color:var(--ink)}.pronunciation-editor>div:first-child{display:grid;gap:3px}.pronunciation-editor b{font-size:13px}.pronunciation-editor small{color:var(--muted-ink);font-size:12px;line-height:1.55}.pronunciation-editor label{display:grid;gap:6px;color:var(--ink);font-size:12px;font-weight:700}.pronunciation-editor textarea{min-height:72px;resize:vertical;padding:10px;border:1px solid #d7cdea;border-radius:8px;background:#fff;color:var(--ink);font:15px/1.5 Georgia,Times New Roman,serif}.editor-save,.editor-clear{width:max-content;min-height:36px;padding:7px 11px;border-radius:8px;font-size:12px;font-weight:700}.editor-save{border:1px solid #b9a1e4;background:#f0e8ff;color:#61469d}.editor-clear{border:1px solid #efc5ca;background:#fff4f5;color:#a64e62}.mark-editor-group{display:grid;gap:7px;padding-top:10px;border-top:1px dashed #d9cfeb}.mark-editor-group>b{font-size:12px}.mark-chips{display:flex;flex-wrap:wrap;gap:7px}.mark-chips button{min-height:32px;padding:5px 8px;border:1px solid #dccfee;border-radius:999px;background:#fff;color:#604c8f;font-size:12px}.mark-chips button i{margin-left:4px;color:#b65367;font-style:normal;font-size:15px;vertical-align:-1px}.section-title>span{background:#a783e3;color:#fff}.words-view .section-title>span{background:#75b997}.settings-view .section-title>span{background:#e893ac}.add-view label,.settings-view label,.transcript-box label{color:var(--ink)}.transcript-box textarea,.add-view textarea,.settings-view input,.modal textarea,.modal select{border:1px solid #d8d1e8;background:#fff;color:var(--ink)}.ai-note,.setting-tip,.provider-preset{border:1px solid #eddef1;border-left:5px solid #c3a1e7;background:#f8efff;color:#5b5481}.provider-preset b,.setting-tip b{color:var(--ink)}.provider-preset small,.setting-tip p{color:var(--muted-ink)}.provider-preset button{border-color:#c9aff0;background:#fff;color:#694caf}.backup-panel{display:grid;gap:12px;margin:19px 0;padding:15px;border:1px solid #e7ddef;border-radius:11px;background:#fdfaff}.backup-panel>div:first-child{display:grid;gap:4px}.backup-panel b{color:var(--ink);font-size:14px}.backup-panel small{color:var(--muted-ink);font-size:12px;line-height:1.55}.backup-check{display:flex!important;align-items:flex-start;gap:8px;margin:0!important;color:#755a8f!important;font-size:12px!important;font-weight:600}.backup-check input{width:17px;min-width:17px;height:17px;margin:0}.backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.backup-actions button{min-height:44px;border:1px solid #c9afea;border-radius:9px;background:#f3ecff;color:#6549a6;font-size:13px;font-weight:800}.backup-actions button:first-child{border:0;background:linear-gradient(100deg,#7658dd,#af71e9);color:#fff;box-shadow:0 4px 9px #8d64ce35}.backup-actions button:disabled{opacity:.55;cursor:wait}.backup-file-input{display:none}.word-card{border:1px solid #e3deec;border-left:5px solid var(--lake);background-color:#fff;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 33px,var(--rule) 34px,var(--rule) 35px);box-shadow:0 5px 14px #9185b322;color:var(--ink)}.bottom-nav{border-top:1px solid #e3d9f0;background:#ffffffed;box-shadow:0 -3px 18px #8a71b021}.bottom-nav button{color:#7b82a1}.bottom-nav button.active,.bottom-nav button.active i{color:#7756ce}.modal{border:1px solid #e6dbee;border-top:7px solid #c39cf0;background:#fff;color:var(--ink);box-shadow:0 22px 56px #62517a45}.lookup-meta{border-color:#e8e1ef}.lookup-en{color:var(--muted-ink)}.config-warning{background:#fff0e5;color:#865633}.config-save-state.saved{color:#5b9572}.toast.ok{background:#668e79}.toast.error{background:#bd6774}.mark-stress{color:#df3434!important}.mark-weak{color:#70b982!important}.mark-link-letter{color:#df3434!important}.link-bridge{border-color:#df3434!important}.mark-reduction{color:#b58400!important}.stress{color:#df3434}.weak{color:#63ac76}.link{color:#df3434;text-decoration-color:#df3434}.reduction{color:#a77a00}.theme-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 20px 32px;padding:14px 16px;border:1px solid #e6dbee;border-radius:10px;background:#fff;box-shadow:0 5px 14px #9185b31d}.theme-setting b{display:block;color:var(--ink);font-size:14px}.theme-setting small{display:block;margin-top:4px;color:var(--muted-ink);font-size:12px}.theme-setting button{flex:none;min-height:40px;padding:7px 11px;border:1px solid #bfa9e4;border-radius:8px;background:#f4ecff;color:#654bb3;font-size:12px;font-weight:700}html[data-theme=dark]{color-scheme:dark;--paper:#202b48;--desk:#182038;--ink:#f3efff;--muted-ink:#c1c8df;--rule:#43516b;--margin:#ba7d9d;--navy:#7c61bd;--stroke:#4b526c}html[data-theme=dark] body{background:#182038}html[data-theme=dark] .app-shell{background:#1a2540;color:var(--ink)}html[data-theme=dark] .topbar{background:#202b48;color:var(--ink)}html[data-theme=dark] .topbar h1{color:var(--ink)}html[data-theme=dark] .local-badge{border-color:#615d83;background:#3a3558;color:#e8ddff}html[data-theme=dark] .intro p,html[data-theme=dark] .list-head,html[data-theme=dark] .section-title h2,html[data-theme=dark] .empty h2,html[data-theme=dark] .practice-card-full>h2,html[data-theme=dark] .word-card h3,html[data-theme=dark] .word-card p,html[data-theme=dark] .modal h2{color:var(--ink)}html[data-theme=dark] .category-card,html[data-theme=dark] .category-card:hover,html[data-theme=dark] .category-card.selected{border-color:#5a5b79;border-top-color:var(--tab-accent);background:#2b3654;color:var(--ink);box-shadow:0 5px 12px #080e2355}html[data-theme=dark] .category-card small,html[data-theme=dark] .sentence-card small{color:var(--muted-ink)}html[data-theme=dark] .sentence-card{border-color:#4b526c;border-left-color:var(--tab-accent);background:linear-gradient(transparent 31px,var(--rule) 32px,transparent 33px) 0 6px/100% 32px,var(--paper);box-shadow:0 5px 14px #080e2355;color:var(--ink)}html[data-theme=dark] .sentence-card strong,html[data-theme=dark] .sentence{color:var(--ink)}html[data-theme=dark] .sentence-card>i{color:#d4b8ff}html[data-theme=dark] .practice-card-full{border-color:var(--stroke);border-left-color:var(--margin);background:linear-gradient(90deg,transparent 21px,var(--margin) 22px,var(--margin) 23px,transparent 24px),repeating-linear-gradient(to bottom,transparent 0,transparent 37px,var(--rule) 38px,var(--rule) 39px),var(--paper);box-shadow:0 8px 22px #080e2355;color:var(--ink)}html[data-theme=dark] .add-view form,html[data-theme=dark] .settings-view{border-color:var(--stroke);border-left-color:var(--margin);background:linear-gradient(90deg,transparent 15px,var(--margin) 16px,var(--margin) 17px,transparent 18px),repeating-linear-gradient(to bottom,transparent 0,transparent 38px,var(--rule) 39px,var(--rule) 40px),var(--paper);box-shadow:0 8px 22px #080e2355}html[data-theme=dark] .answer,html[data-theme=dark] .word-card,html[data-theme=dark] .modal,html[data-theme=dark] .theme-setting{border-color:var(--stroke);background:var(--paper);color:var(--ink);box-shadow:0 7px 18px #080e2355}.sentence,.sentence .word,.sentence .word *{-webkit-user-select:text;user-select:text}.lookup-label{display:block;margin-top:13px;color:#7b6a9a;font-size:10px;font-weight:800;letter-spacing:.08em}.lookup-label+.lookup-cn,.lookup-label+.lookup-en{margin-top:3px}html[data-theme=dark] .pronunciation-editor{border-color:#625d82;background:#2a3451;color:var(--ink)}html[data-theme=dark] .pronunciation-editor small{color:var(--muted-ink)}html[data-theme=dark] .pronunciation-editor label{color:var(--ink)}html[data-theme=dark] .pronunciation-editor textarea{border-color:#6b7190;background:#283553;color:var(--ink)}html[data-theme=dark] .editor-save{border-color:#9275c6;background:#493866;color:#f2e7ff}html[data-theme=dark] .editor-clear{border-color:#966774;background:#54394b;color:#ffe0e4}html[data-theme=dark] .mark-editor-group{border-color:#625d82}html[data-theme=dark] .mark-chips button{border-color:#746a96;background:#353d5c;color:#eee6ff}html[data-theme=dark] .word-card{border-left-color:var(--lake);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 33px,var(--rule) 34px,var(--rule) 35px)}html[data-theme=dark] .answer-tools button{border-color:#71668e;background:#313c5b;color:#eee6ff}html[data-theme=dark] .answer-tools button.active{border-color:#a888d1;background:#473865;color:#f1d8ff}html[data-theme=dark] .review-actions{border-color:#655b80;background:#303851}html[data-theme=dark] .review-actions p{color:var(--ink)}html[data-theme=dark] .review-actions .unfamiliar{background:#463b3d;color:#ffd0a4}html[data-theme=dark] .review-actions .proficient{background:#304e43;color:#bcf3c7}html[data-theme=dark] .transcript-box textarea,html[data-theme=dark] .add-view textarea,html[data-theme=dark] .settings-view input,html[data-theme=dark] .modal textarea,html[data-theme=dark] .modal select{border-color:#6b7190;background:#283553;color:var(--ink)}html[data-theme=dark] .ai-note,html[data-theme=dark] .setting-tip,html[data-theme=dark] .provider-preset{border-color:#74638b;background:#393451;color:#ede0ff}html[data-theme=dark] .provider-preset b,html[data-theme=dark] .setting-tip b{color:var(--ink)}html[data-theme=dark] .provider-preset small,html[data-theme=dark] .setting-tip p{color:var(--muted-ink)}html[data-theme=dark] .backup-panel{border-color:#625d82;background:#2a3451}html[data-theme=dark] .backup-panel b{color:var(--ink)}html[data-theme=dark] .backup-panel small{color:var(--muted-ink)}html[data-theme=dark] .backup-check{color:#dccbff!important}html[data-theme=dark] .backup-actions button{border-color:#746a96;background:#353d5c;color:#eee6ff}html[data-theme=dark] .backup-actions button:first-child{background:linear-gradient(100deg,#7259c8,#a170d8);color:#fff}html[data-theme=dark] .bottom-nav{border-color:#514668;background:#222a44ed}html[data-theme=dark] .bottom-nav button{color:var(--muted-ink)}html[data-theme=dark] .bottom-nav button.active,html[data-theme=dark] .bottom-nav button.active i{color:#c8a9ff}html[data-theme=dark] .theme-setting button{border-color:#8b72b8;background:#41355f;color:#f0dbff}html[data-theme=dark] .card-delete{border-color:#966774;background:#54394b;color:#ffe0e4}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.category-card,.category-card:nth-child(2n),.category-card:hover,.category-card.selected{position:relative;display:block;min-height:156px;padding:0;overflow:hidden;border:1px solid #e8e2f1;border-radius:21px;background:linear-gradient(145deg,#dbe8ff,#c8d6fb);box-shadow:0 7px 14px #8a7fb42b;transform:none;text-align:center}.category-card[data-category=餐厅]{background:linear-gradient(145deg,#ffdce3,#ffc7cc)}.category-card[data-category=旅行]{background:linear-gradient(145deg,#dbe8ff,#b9d0ff)}.category-card[data-category=工作]{background:linear-gradient(145deg,#e6e1ff,#cbc5ff)}.category-card[data-category=社交]{background:linear-gradient(145deg,#ffe3d8,#fcb)}.category-card[data-category=购物]{background:linear-gradient(145deg,#f8def4,#edc6e8)}.category-card[data-category=日常通用]{background:linear-gradient(145deg,#e9f5cf,#cae9c6)}.category-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 13% 16%,#ffffffbd 0 2px,transparent 3px),radial-gradient(circle at 80% 47%,#fffbd6 0 3px,transparent 4px),radial-gradient(circle at 24% 69%,#a9c6ef 0 3px,transparent 4px),radial-gradient(circle at 90% 78%,#fdbbaf 0 2px,transparent 3px)}.category-card:hover,.category-card.selected{border-color:#9f84df;box-shadow:0 9px 18px #8a7fb44a;transform:translateY(-2px)}.category-card i{position:absolute;z-index:1;top:14px;left:14px;margin:0;font: 31px/1.1 "Noto Color Emoji",system-ui,sans-serif;filter:drop-shadow(0 2px 2px #74567726)}.category-sparkle{position:absolute;top:10px;right:11px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff8;box-shadow:0 2px 5px #8f81b32a;color:#f3c33e;font-size:17px}.category-label{position:absolute;right:11px;bottom:10px;left:11px;display:grid;align-content:center;min-height:66px;padding:8px 5px;border-radius:13px;background:#fffefbef;box-shadow:0 3px 8px #a493bb25}.category-card b{font-size:15px;color:#273456}.category-card small{margin:3px 0 0;color:#7781a4;font-size:11px}.category-card.selected .category-label{outline:2px solid #9a77df}.category-card.selected .category-sparkle{background:#8d65d9;color:#fff}@media (max-width:480px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-card,.category-card:nth-child(2n),.category-card:hover,.category-card.selected{min-height:150px}.category-card i{font-size:29px}}html[data-theme=dark] .category-card,html[data-theme=dark] .category-card:hover,html[data-theme=dark] .category-card.selected{border-color:#706c96;background:linear-gradient(145deg,#4d466d,#363d66);box-shadow:0 6px 14px #0c102c72}html[data-theme=dark] .category-card[data-category=餐厅]{background:linear-gradient(145deg,#704e68,#554160)}html[data-theme=dark] .category-card[data-category=旅行]{background:linear-gradient(145deg,#435f88,#344970)}html[data-theme=dark] .category-card[data-category=工作]{background:linear-gradient(145deg,#605887,#454473)}html[data-theme=dark] .category-card[data-category=社交]{background:linear-gradient(145deg,#805b5b,#634853)}html[data-theme=dark] .category-card[data-category=购物]{background:linear-gradient(145deg,#785778,#5e456c)}html[data-theme=dark] .category-card[data-category=日常通用]{background:linear-gradient(145deg,#506e5c,#3f5959)}html[data-theme=dark] .category-label{background:#28314fe8}html[data-theme=dark] .category-card b{color:#f5f0ff}html[data-theme=dark] .category-card small{color:#c6cbe2}.ipa .mark-link-letter{text-decoration:underline 2px currentColor;text-underline-offset:3px}.ipa .mark-reduction:after{top:58%}.pattern-badge{position:absolute;top:14px;right:42px;padding:3px 7px;border-radius:999px;background:#efe6ff;color:#7453a7;font-size:10px;font-weight:800}.pattern-answer>h3{margin:0;color:var(--ink);font:700 22px/1.5 Georgia,Times New Roman,serif}.pattern-answer>p{margin:3px 0 15px;color:var(--muted-ink);font-size:13px}.pattern-examples{display:grid;gap:9px}.pattern-examples article{position:relative;padding:11px 42px 11px 12px;border:1px solid #e3dced;border-radius:10px;background:#fbf9ff}.pattern-examples article>b{color:#8a6abc;font-size:10px}.pattern-examples article>button{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:#eee6fa;color:#7254a7}.pattern-examples article>p{margin:5px 0 2px;color:var(--ink);font:600 16px/1.45 Georgia,Times New Roman,serif}.pattern-examples article>small{color:var(--muted-ink);font-size:12px}.card-heading-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading-actions .card-category{margin:0;padding:4px 8px;border-radius:3px;background:var(--tab-accent);color:#fff}.card-heading-actions button{min-height:36px;padding:7px 11px;border:1px solid #d9cbea;border-radius:8px;background:#fff;color:#7655a8;font-size:12px;font-weight:700}.card-editor-modal{position:relative}.card-editor-modal>label{margin-top:12px}.card-example-editor{display:grid;gap:11px;margin-top:16px;padding-top:15px;border-top:1px dashed #d9cfea}.card-example-editor>b{color:var(--ink);font-size:14px}.card-example-editor>small{margin-top:-7px;color:var(--muted-ink);font-size:11px}.card-example-fields{display:grid;gap:8px;padding:12px;border:1px solid #e4dced;border-radius:10px;background:#fbf9ff}.card-example-fields em{color:#8a6abc;font-size:11px;font-style:normal;font-weight:800}.card-example-fields textarea{min-height:64px}html[data-theme=dark] .card-heading-actions button{border-color:#646187;background:#283553;color:#ddc9ff}html[data-theme=dark] .card-example-fields{border-color:var(--stroke);background:#25334e}.pattern-confirm{display:grid;gap:10px;margin:16px 0;padding:13px;border:1px solid #ded2eb;border-radius:11px;background:#faf6ff}.pattern-confirm>div{display:grid;gap:3px}.pattern-confirm>div b{color:var(--ink);font-size:14px}.pattern-confirm>div small{color:var(--muted-ink);font-size:10px;line-height:1.5}.pattern-confirm label{color:#6e5c87}.pattern-confirm textarea{min-height:58px}.pattern-save{min-height:40px;border:1px solid #9c7aca;border-radius:8px;background:#8d68c5;color:#fff;font-weight:800}.pattern-save:disabled{opacity:.5}.no-pattern{margin:14px 0;padding:10px;border-radius:8px;background:#f5f1f8;color:var(--muted-ink);font-size:12px}.lookup-word-save{margin-top:5px}.pattern-extract-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #bca8df;border-radius:12px;background:linear-gradient(135deg,#faf6ff,#f2edff)}.pattern-extract-cta>div{display:grid;gap:3px}.pattern-extract-cta b{color:#543b83;font-size:14px}.pattern-extract-cta small{color:#76698e;font-size:11px;line-height:1.45}.pattern-extract-cta button{flex:none;min-height:39px;padding:8px 11px;border:1px solid #8965c2;border-radius:8px;background:#7654ad;color:#fff;font-size:12px;font-weight:800}.pattern-extract-cta button:disabled{opacity:.5;cursor:not-allowed}html[data-theme=dark] .pattern-badge{background:#47385f;color:#e6d2ff}html[data-theme=dark] .pattern-examples article,html[data-theme=dark] .pattern-confirm{border-color:#625d82;background:#2a3451}html[data-theme=dark] .pattern-examples article>p,html[data-theme=dark] .pattern-confirm>div b{color:var(--ink)}html[data-theme=dark] .pattern-examples article>button{background:#483a63;color:#eddcff}html[data-theme=dark] .no-pattern{background:#303851}.welcome-shell{min-height:100dvh;display:grid;align-items:center;gap:28px;max-width:980px;margin:auto;padding:clamp(28px,7vw,72px);background:radial-gradient(circle at 12% 9%,#fff9bf 0 5px,transparent 6px),radial-gradient(circle at 91% 14%,#edc9ff 0 7px,transparent 8px),linear-gradient(145deg,#fbf8ff,#fff7fb 48%,#eef5ff);color:#253251}.welcome-copy{max-width:560px}.welcome-kicker{color:#7555ba;font-size:11px;font-weight:900;letter-spacing:.16em}.welcome-copy h1{margin:14px 0 16px;color:#1f2e53;font:900 clamp(38px,9vw,67px)/1.08 "Noto Sans SC",system-ui,sans-serif;letter-spacing:-.045em}.welcome-copy>p{max-width:520px;margin:0;color:#68718f;font-size:16px;line-height:1.8}.welcome-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.welcome-actions button{min-height:49px;padding:0 20px;border:1px solid #cfc4df;border-radius:13px;background:#fff;color:#51466e;font-weight:800}.welcome-actions .primary{width:auto;border-color:#8f66d5;background:linear-gradient(100deg,#7657d4,#bd70dc);box-shadow:0 5px #563aa0;color:#fff}.welcome-copy>small{display:block;margin-top:15px;color:#8a8fa5;font-size:11px}.welcome-demo{position:relative;display:grid;gap:10px;max-width:430px;padding:18px}.demo-note,.demo-pattern{display:grid;gap:4px;padding:16px 18px;border:1px solid #e1d8eb;border-radius:17px;background:#fff;box-shadow:0 8px 22px #75669125}.demo-note b,.demo-pattern strong{color:#243253;font:700 16px/1.4 Georgia,serif}.demo-note span,.demo-pattern span{color:#78809a;font-size:12px}.demo-note-one{transform:rotate(-2deg)}.demo-note-two{transform:rotate(1.5deg)}.demo-plus{text-align:center;color:#b185da;font-size:22px;font-weight:900}.demo-fold{text-align:center;color:#8063ad;font-size:11px;font-weight:800;letter-spacing:.08em}.demo-pattern{border:2px solid #a889df;background:linear-gradient(145deg,#f3eaff,#e9f1ff)}.demo-pattern em{width:max-content;padding:3px 7px;border-radius:999px;background:#8260c8;color:#fff;font-size:9px;font-style:normal;font-weight:900}.demo-pattern small{color:#9b6a46}.consent-banner{position:fixed;z-index:30;right:14px;bottom:84px;left:14px;display:grid;gap:12px;max-width:620px;margin:auto;padding:15px;border:1px solid #ded5eb;border-radius:15px;background:#fffdfef5;color:#2d3856;box-shadow:0 14px 42px #54446e3b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.consent-banner b{font-size:14px}.consent-banner p{margin:4px 0 0;color:#737b93;font-size:11px;line-height:1.55}.consent-banner>div:last-child{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.consent-banner button{min-height:40px;border:0;border-radius:9px;background:#f1edf5;color:#665a7d;font-weight:800}.consent-banner .primary{padding:8px;box-shadow:none;background:#8362c8;color:#fff}.analytics-setting{display:grid;gap:10px;margin:15px 20px 0;padding:15px;border:1px solid #e0d7eb;border-radius:12px;background:#fff}.analytics-setting>div{display:grid;gap:3px}.analytics-setting b{color:var(--ink)}.analytics-setting small{color:var(--muted-ink);font-size:10px;line-height:1.5}.analytics-setting button{min-height:39px;border:1px solid #ad91d1;border-radius:8px;background:#f4edfc;color:#7654a6;font-weight:800}.analytics-setting .analytics-erase{border:0;background:transparent;color:#9a6572;font-size:11px;text-decoration:underline}@media (min-width:760px){.welcome-shell{grid-template-columns:1.15fr .85fr}.consent-banner{bottom:28px;grid-template-columns:1fr 230px;align-items:center}.consent-banner>div:last-child{grid-template-columns:.85fr 1.15fr}}@media (max-width:500px){.welcome-shell{align-content:start;padding:42px 20px 34px}.welcome-copy h1{font-size:42px}.welcome-actions{display:grid}.welcome-actions .primary{width:100%}.welcome-demo{padding:5px}.consent-banner{bottom:78px}}html[data-theme=dark] .welcome-shell{background:radial-gradient(circle at 12% 9%,#b9973d 0 4px,transparent 5px),linear-gradient(145deg,#202a47,#2a2846);color:var(--ink)}html[data-theme=dark] .welcome-copy h1,html[data-theme=dark] .demo-note b,html[data-theme=dark] .demo-pattern strong{color:#f5f1ff}html[data-theme=dark] .welcome-copy>p,html[data-theme=dark] .demo-note span,html[data-theme=dark] .demo-pattern span{color:#bfc4da}html[data-theme=dark] .demo-note,html[data-theme=dark] .demo-pattern,html[data-theme=dark] .consent-banner,html[data-theme=dark] .analytics-setting{border-color:#625d82;background:#293451;color:var(--ink)}.intro>div{display:grid;justify-items:start;gap:7px}.demo-entry{padding:5px 10px;border:1px solid #cbb7e5;border-radius:999px;background:#f5edff;color:#7654a7;font-size:11px;font-weight:800}.demo-entry:hover{background:#eadcff}html[data-theme=dark] .demo-entry{border-color:#73638f;background:#403554;color:#eadcff}