:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#302f2b;background:#fafaf8;font-synthesis:none;font-size:14px;--amber: #b5820d;--line: #e5e3dc;--muted: #85837b;--side: #f2f1ed;--paper: #fffefa;--selected: #fae6a4;--input: #fffefa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b5820d;outline-offset:3px}a{color:var(--amber)}input{color:inherit}svg{flex-shrink:0}.icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:6px;border-radius:6px;color:#78776e}.icon:hover{background:#e9e6dd}.icon.active{color:#a07100;background:#f9ebc1}.amber{color:var(--amber)}.primary{background:#edbd45;color:#3a2c0a;border:1px solid #e5b439;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;font-weight:600;min-height:46px;padding:0 22px;width:100%;box-shadow:0 2px 3px #6c551010}.primary:hover{background:#e9b436}.primary.small{width:auto;min-height:39px;font-size:13px}.text-button{display:inline-flex;gap:7px;align-items:center;color:var(--amber);padding:6px 2px}.muted{color:var(--muted)}.error{color:#b04432;background:#fff2ed;padding:10px;border-radius:6px;font-size:13px;line-height:1.5}.loading{height:100dvh;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--muted)}.loading img{width:42px}.auth-page{min-height:100dvh;background:radial-gradient(ellipse at 50% 45%,#fffef9,#f6f4ed 72%);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:95px 24px 80px}.auth-brand{position:absolute;top:32px;left:40px;display:flex;align-items:center;gap:10px;font-weight:650;font-size:17px;letter-spacing:-.3px}.auth-brand img{width:31px;box-shadow:0 2px 5px #665a1512;border-radius:8px}.auth-card{max-width:420px;width:100%;text-align:center}.app-icon{width:78px;border-radius:19px;box-shadow:0 9px 30px #84621917,0 0 0 1px #bfa45322;margin-bottom:20px}.auth-card h1{font-size:30px;letter-spacing:-1px;font-weight:650;margin:4px 0 12px}.auth-sub{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 30px}.auth-card form{text-align:left}.auth-card label,.modal label{display:block;font-size:12px;font-weight:600;margin:16px 0}.auth-card input,.modal input{display:block;width:100%;border:1px solid #dcd9ce;background:var(--input);padding:13px 14px;border-radius:8px;margin-top:7px;font-size:14px;box-shadow:0 1px 2px #00000003}.auth-card .primary{margin-top:23px}.switch-auth{color:var(--muted);font-size:13px;margin-top:24px}.switch-auth button{color:var(--amber);font-weight:600;padding:2px 4px}.session-hint{display:flex;gap:6px;justify-content:center;align-items:center;color:var(--muted);font-size:11px;line-height:1.6;margin-top:30px}.auth-footer{position:absolute;bottom:30px;display:flex;gap:25px;color:#8d897e;font-size:12px}.auth-footer span{display:flex;gap:5px;align-items:center}.auth-footer a{text-decoration:none}.workspace{display:grid;grid-template-columns:232px 304px minmax(0,1fr);height:100dvh;overflow:hidden}.sidebar{background:var(--side);border-right:1px solid #deddd7;display:flex;flex-direction:column;min-height:0;padding:0 12px}.brand{height:83px;display:flex;align-items:center;padding:0 10px;gap:8px;letter-spacing:-.4px;font-size:20px}.brand img{width:31px;margin-right:2px}.brand strong{font-weight:650}.brand>span{color:#9a978e;font-weight:350}.sidebar-section{font-size:10px;font-weight:650;letter-spacing:1.4px;color:#939086;padding:17px 11px 10px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;gap:10px;width:100%;padding:11px 12px;align-items:center;border-radius:7px;text-align:left;font-size:13px;min-width:0}.nav-item>svg{width:17px;height:17px;color:#a49a7b;stroke-width:1.7}.nav-item>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item>small{font-size:11px;color:#999382}.nav-item:hover{background:#eae8e1}.nav-item.active{background:#e6e3da;font-weight:600}.nav-item.active>svg{color:#a77912}.folder-label{display:flex;justify-content:space-between;align-items:center;padding-top:27px;padding-bottom:4px}.folder-label .icon{height:25px;width:25px}.sidebar-bottom{margin-top:auto;padding-top:25px}.sync-line{display:flex;gap:7px;align-items:center;min-height:55px;padding:12px 10px;font-size:10px;color:#858276;line-height:1.4}.account{display:flex;align-items:center;text-align:left;gap:9px;width:100%;padding:17px 6px;border-top:1px solid #dedbd2}.avatar{display:flex;align-items:center;justify-content:center;border:1px solid #ded8c7;border-radius:50%;width:31px;height:31px;background:#e6e0cf;color:#827044;font-size:13px;font-weight:500}.account>span:nth-child(2){display:flex;flex-direction:column;flex:1;gap:4px;overflow:hidden}.account strong{font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account small{font-size:10px;color:#959187}.account>svg{color:#979184}.note-list{display:flex;flex-direction:column;background:#fafaf7;border-right:1px solid var(--line);min-height:0;min-width:0}.list-header{height:77px;display:flex;align-items:center;padding:0 19px;gap:8px;flex-shrink:0}.list-header h1{font-size:20px;letter-spacing:-.6px;flex:1;font-weight:650;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search{display:flex;align-items:center;gap:7px;background:#eeede7;border-radius:7px;margin:0 18px 22px;padding:9px 10px;color:#aaa698}.search input{outline:none!important;border:0;min-width:0;width:100%;background:none;font-size:12px}.search input::placeholder{color:#969286}.search kbd{font-size:10px;white-space:nowrap;color:#afa99b;font-family:inherit}.list-content{overflow-y:auto;flex:1;padding:0 12px}.list-caption{display:flex;justify-content:space-between;color:#a19b8d;font-size:9px;letter-spacing:1px;padding:0 10px 12px;font-weight:600}.note-card{display:block;text-align:left;width:100%;border-radius:8px;padding:16px 14px 13px;position:relative;margin-bottom:3px}.note-card:after{content:"";position:absolute;bottom:0;left:14px;right:14px;border-bottom:1px solid #eae7de}.note-card:hover{background:#f1eee5}.note-card.selected{background:var(--selected)}.note-card.selected:after{border-color:transparent}.note-card h2{font-size:13px;line-height:1.4;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650}.note-card h2 svg{color:#a3750e;vertical-align:-1px}.note-card p{font-size:11px;color:#979082;margin:0 0 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.5}.note-card time{color:#6d695f;font-size:10px;margin-right:4px}.note-card small{display:flex;align-items:center;gap:4px;font-size:9px;color:#a29982}.list-footer{font-size:10px;color:#a39c8c;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:15px 21px}.note-detail{background:var(--paper);display:flex;flex-direction:column;min-width:0;min-height:0}.detail-toolbar{height:64px;border-bottom:1px solid #eeece4;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.note-actions{display:flex;align-items:center;gap:8px}.toolbar-divider{height:18px;width:1px;background:#e7e3d8;margin:0 7px;display:inline-block}.move-label{display:flex;gap:8px;align-items:center;color:#aca28b}.move-label select{border:0;background:none;color:#8c8472;font-size:11px;max-width:170px}.toolbar-empty{font-size:11px;color:#b6ad97}.empty-editor{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.paper-icon{width:93px;height:102px;border-radius:15px;border:1px solid #ece4ce;background:#faf6e9;display:flex;align-items:center;justify-content:center;color:#d3b663;transform:rotate(-5deg);margin-bottom:27px;box-shadow:4px 5px 0 -1px #fffefa,4px 5px #efe8d5}.empty-editor h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:6px 0 10px}.empty-editor p{font-size:13px;line-height:1.9;color:#a09a8b;margin-bottom:24px}.keyboard-hint{font-size:10px;color:#b4ab97;margin-top:16px}.empty-list{text-align:center;padding:72px 14px;color:#b7ae98}.empty-list h3{font-size:13px;font-weight:600;color:#8a816c;margin:20px 0 8px}.empty-list p{font-size:11px;line-height:1.7}.empty-list .text-button{font-size:11px;margin-top:10px}.editor-wrap{flex:1;display:flex;flex-direction:column;min-height:0}.format-bar{display:flex;align-items:center;justify-content:center;padding:12px 16px;gap:5px;flex-wrap:wrap}.format-bar .icon{width:32px;height:30px;color:#9b927c}.editor-scroll{overflow-y:auto;flex:1;padding:0 clamp(24px,6vw,88px) 50px}.note-date{text-align:center;font-size:11px;color:#b1a58d;margin:15px 0 32px}.note-title{display:block;width:100%;background:none;border:0;outline:none!important;font-size:30px;font-weight:700;letter-spacing:-.8px;padding:0;margin:0 0 15px}.note-title::placeholder{color:#cac1ab}.tiptap{outline:none;min-height:42vh;font-size:15px;line-height:1.8;overflow-wrap:anywhere;color:#554f40}.tiptap p{margin:0 0 12px}.tiptap h2{font-size:21px;line-height:1.4;margin:22px 0 10px;color:#302f2b}.tiptap h3{font-size:18px}.tiptap blockquote{border-left:3px solid #e5c568;padding-left:17px;margin-left:0;color:#918469}.tiptap code{background:#f2eddd;border-radius:3px;padding:2px 4px;font-size:13px}.tiptap pre{background:#f4efdf;padding:15px;border-radius:6px;overflow:auto}.tiptap ul,.tiptap ol{padding-left:25px}.tiptap ul[data-type=taskList]{list-style:none;padding:0}.tiptap li[data-checked]{display:flex;gap:10px;align-items:baseline;margin:4px 0}.tiptap li[data-checked]>label{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.tiptap li[data-checked]>div{flex:1;min-width:0}.tiptap li[data-checked] p{margin:0}.tiptap input[type=checkbox]{appearance:none;width:17px;height:17px;border:1.5px solid #d8ba64;border-radius:50%;cursor:pointer;position:relative;top:3px}.tiptap input:checked{background:#d8aa32}.tiptap input:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;left:2px;top:-1px}.tiptap li[data-checked=true]>div{color:#aaa18e;text-decoration:line-through}.tiptap p.is-editor-empty:first-child:before{color:#bbb39e;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.editor-footer{display:flex;justify-content:space-between;font-size:10px;color:#b7ad96;padding:13px 28px;flex-shrink:0}.editor-footer>span{display:flex;gap:5px;align-items:center}.trash-banner{background:#f5edcf;padding:12px;border-radius:6px;font-size:12px;color:#8e7641}.modal-backdrop{position:fixed;inset:0;background:#302b1f45;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;background:var(--paper);padding:34px;border:1px solid #ded5bf;border-radius:15px;box-shadow:0 25px 80px #3028142b;width:410px;max-width:100%}.modal h2{font-size:23px;letter-spacing:-.5px}.modal-close{position:absolute;right:14px;top:14px}.modal .large{width:45px;height:45px;font-size:20px}.modal .muted{font-size:12px}.settings-items{border-top:1px solid var(--line);margin-top:25px;padding-top:10px;display:flex;flex-direction:column}.settings-items a,.settings-items button{display:flex;align-items:center;gap:10px;text-decoration:none;text-align:left;color:#716b5b;padding:13px 0;font-size:13px}.settings-items a svg:last-child{margin-left:auto}.sidebar-toggle,.close-sidebar,.mobile-back{display:none}@media(min-width:1500px){.workspace{grid-template-columns:248px 340px minmax(0,1fr)}.editor-scroll{max-width:1100px;width:100%;margin:auto}}@media(max-width:1050px){.workspace{grid-template-columns:195px 270px minmax(0,1fr)}.brand{font-size:18px;gap:5px}.brand img{width:26px}.sidebar{padding:0 8px}.editor-scroll{padding-left:28px;padding-right:28px}.detail-toolbar{padding:0 14px}.note-title{font-size:26px}}@media(max-width:800px){.workspace{grid-template-columns:285px minmax(0,1fr)}.sidebar{display:none}.sidebar-toggle{display:flex}.show-sidebar .sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:260px;z-index:20;box-shadow:0 0 0 100vw #302b1f35,8px 0 30px #0002}.close-sidebar{display:flex;margin-left:auto}.list-header{padding-left:12px;gap:5px}.list-header h1{font-size:18px}.format-bar{gap:0;padding:9px 4px}.note-actions{gap:1px}.move-label{gap:2px}.move-label select{max-width:110px}}@media(max-width:600px){.workspace{display:block}.note-list{height:100dvh;border-right:0;padding-top:env(safe-area-inset-top)}.note-detail{display:none;height:100dvh}.show-detail .note-list{display:none}.show-detail .note-detail{display:flex}.list-header{padding:0 18px;height:79px}.list-header h1{font-size:27px;letter-spacing:-.7px}.list-content{padding:0 18px}.note-card{padding:18px 17px}.note-card h2{font-size:15px}.note-card p{font-size:12px}.note-card small{font-size:10px}.search{margin:0 23px 24px}.search input{font-size:14px}.search kbd{display:none}.list-caption{padding-left:16px}.detail-toolbar{height:60px;padding:0 12px;padding-top:env(safe-area-inset-top)}.mobile-back{display:flex;color:var(--amber);width:auto;gap:0;font-size:13px;padding-left:0}.note-actions{margin-left:auto}.move-label{margin-right:7px}.move-label select{max-width:74px}.note-date{margin:16px 0 25px}.editor-scroll{padding:0 25px 45px}.note-title{font-size:29px}.tiptap{font-size:16px;line-height:1.75}.format-bar{justify-content:flex-start;padding:8px 18px;gap:5px}.format-bar .icon{width:33px;height:34px}.empty-list{padding-top:24vh}.auth-brand{top:24px;left:24px}.auth-page{padding:95px 25px 100px}.auth-card h1{font-size:27px}.auth-sub{font-size:12px}.auth-card input{font-size:16px}.auth-footer{gap:18px;bottom:22px;flex-wrap:wrap;justify-content:center}.modal{padding:28px}.editor-footer,.list-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media(prefers-color-scheme:dark){:root{color:#e7e1d2;background:#20201e;--side: #252521;--paper: #20201e;--line: #393830;--selected: #6c5926;--input: #2b2b25;--muted: #a59d87}.note-list{background:#282824}.sidebar,.note-list,.detail-toolbar,.account{border-color:var(--line)}.nav-item.active,.search{background:#38372f}.nav-item:hover,.note-card:hover,.icon:hover{background:#3a392f}.icon.active{background:#695625;color:#e9c765}.note-card:after{border-color:var(--line)}.note-card p,.note-card time,.note-card small{color:#b2a88e}.note-title,.tiptap h2{color:#e7e1d2}.tiptap{color:#d1c8b3}.paper-icon{background:#393324;border-color:#655530;box-shadow:none}.auth-page{background:radial-gradient(ellipse,#302d23,#20201e)}.auth-card input,.modal input{border-color:#514a39}.nav-item>svg,.text-button,.amber,a{color:#e1b64b}.note-title::placeholder{color:#706852}.error{background:#412e26;color:#efb09e}.modal{border-color:#514a39}.trash-banner{background:#493f24;color:#e4cb85}.tiptap code,.tiptap pre{background:#363126}.icon{color:#c4b79a}.toolbar-divider{background:#494435}}.english-workspace{grid-column:2 / -1;display:flex;flex-direction:column;height:100dvh;overflow:auto;background:var(--paper);min-width:0}.english-header{display:flex;justify-content:space-between;align-items:center;padding:35px 45px 24px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:600;color:#a4987b}.english-header h1{font-size:30px;letter-spacing:-1px;margin:8px 0 0;font-weight:650}.english-tabs{display:flex;align-items:center;justify-content:space-between;padding:0 45px 24px;gap:12px;border-bottom:1px solid var(--line)}.segment{display:flex;gap:3px;padding:4px;background:#efede5;border-radius:8px}.segment>button{border-radius:5px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:33px;padding:5px 15px;font-size:12px;color:#9b927e;flex:1;white-space:nowrap}.segment>button.chosen{background:var(--paper);box-shadow:0 1px 3px #30261412;color:#64573a;font-weight:600}.segment>button span{font-size:9px;opacity:.7}.learned-count{display:flex;gap:6px;align-items:center;font-size:11px;color:#99917d}.collection-tools{padding:23px 45px 12px;display:flex;gap:12px;align-items:center}.collection-tools .search{margin:0;flex:1;background:#f3f1e9}.collection-tools select{border:1px solid var(--line);background:var(--paper);padding:8px;border-radius:6px;color:#95896c;font-size:11px;max-width:135px}.collection-content{padding:0 45px 40px;flex:1;min-height:0}.english-full-list{width:100%;max-width:1150px;margin:auto}.learning-row{border-bottom:1px solid var(--line);padding:23px 0 22px}.row-meta{display:flex;align-items:center;gap:12px;margin-bottom:10px}.kind-pill{font-size:9px;letter-spacing:.5px;text-transform:uppercase;background:#f4efdf;color:#b29345;border-radius:4px;display:inline-flex;align-items:center;gap:3px;padding:3px 6px}.kind-pill.learned{background:#e8eee1;color:#7c9165}.row-meta time{font-size:10px;color:#b0a792}.learning-row-title{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:19px;line-height:1.5;font-weight:550;letter-spacing:-.2px;text-align:left;padding:0;gap:15px}.learning-row-title svg{color:#c4b795}.learning-row-title:hover{color:var(--amber)}.meaning-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.meaning-row p{color:#8c826c;font-size:13px;margin:7px 0;line-height:1.6}.list-pronunciation{font-size:12px;color:#a39064;margin-top:4px}.list-pronunciation span{color:#aaa18c;margin-left:12px}.list-example{font-size:13px;color:#6f6858;margin:13px 0 0;padding-left:12px;border-left:2px solid #e9dcb4;line-height:1.7}.learning-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;color:#b4a57d;padding:35px}.learning-empty h2{font-size:22px;font-weight:500;letter-spacing:-.5px;color:#7e735b;margin:24px 0 9px}.learning-empty p{font-size:13px;line-height:1.8;color:#a1957b;margin:0 0 24px;max-width:430px}.capture-modal{width:470px}.capture-modal h2{margin:14px 0 22px}.capture-modal .segment{margin:0 0 23px}.capture-modal label{margin-bottom:8px}.capture-modal textarea,.quiz-card textarea{font:inherit;resize:vertical;width:100%;padding:15px;border:1px solid #dcd5c3;border-radius:8px;background:var(--input);color:inherit;line-height:1.7}.optional{font-size:10px;color:#b1a58c;font-weight:400;margin-left:5px}.dictation-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 20px}.dictation-row>span{font-size:10px;color:#ab9e80}.voice-button{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #e4d8b9;border-radius:6px;color:#ab842c;font-size:12px;white-space:nowrap}.voice-button:hover{background:#faf0d5}.voice-button.recording{color:#be5c42;border-color:#d9977d;background:#fbede6;animation:recording 1.5s infinite}.capture-help{font-size:12px;line-height:1.7;color:#a4987e;margin:20px 0}.learning-notice{font-size:11px;line-height:1.6;padding:10px 45px;color:#9b7d37;background:#f7f0d8}.learning-detail{max-width:950px;margin:10px auto 40px}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 16px}.detail-heading h2{font-size:30px;line-height:1.45;letter-spacing:-.5px;margin:13px 0 0;font-weight:550;overflow-wrap:anywhere}.detail-meaning{font-size:18px;color:#857353;line-height:1.8}.definition{font-size:14px;line-height:1.9;color:#908772}.context-line{color:#aea085;font-size:12px;font-style:italic}.section-line{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-line h3{font-size:15px;font-weight:600}.section-line h3 span{font-weight:400;font-size:13px;color:#afa083;margin-left:8px}.pronunciation-section{margin-top:35px;padding-top:22px;border-top:1px solid var(--line)}.syllable-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:12px 0}.syllable{border:1px solid #e8e1d1;border-radius:8px;padding:16px;background:#fcfaf3}.syllable.stressed{border-color:#dfc47d;background:#fcf6df}.syllable-number{font-size:8px;letter-spacing:1px;color:#b09a62;margin-bottom:11px}.syllable>strong{font-size:24px;font-weight:600;color:#8c7034;display:block}.syllable>.ipa{display:block;font-size:12px;color:#a9956a;margin:7px 0 16px}.sound-example{border-top:1px solid #e8dfc7;padding-top:10px;margin-top:10px}.sound-example button{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#8c793f;width:100%;flex-wrap:wrap;text-align:left;padding:0}.sound-example button small{font-size:8px;font-weight:400;color:#b2a17a;width:100%;padding-left:18px}.sound-example p{font-size:10px;line-height:1.8;margin:8px 0 0;color:#a29576}.phonetic-source{font-size:9px;color:#b6a886;line-height:1.6}.examples-section{margin-top:37px}.examples-section h3{font-size:16px;font-weight:550;margin-bottom:17px}.usage-example{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.usage-example p{font-size:15px;line-height:1.8;margin:0 0 5px}.usage-example small{font-size:12px;color:#a5977b;line-height:1.7}.practice-target{background:#f5efdd;border:1px solid #e9ddbd;border-radius:8px;padding:23px;margin:32px 0}.practice-target p{font-size:17px;line-height:1.8;margin:12px 0 5px}.practice-target small{font-size:12px;color:#a18e67}.detail-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b0a287}.prepare-note{padding:17px;background:#f6f1e3;border-radius:8px;margin:25px 0}.prepare-note p{font-size:12px;color:#9d8c67;line-height:1.7}.quiz-page{max-width:840px;margin:30px auto;padding:0 30px;width:100%}.quiz-topline{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#b1a17d;font-size:10px;margin-bottom:22px}.quiz-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.quiz-type-picker button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:9px;padding:15px;color:#948469;background:var(--paper);font-size:13px}.quiz-type-picker button.chosen{border-color:#c9a13e;box-shadow:inset 0 0 0 1px #c9a13e;color:var(--text)}.quiz-type-picker small{display:block;font-size:10px;margin-top:5px;color:#9a8968}.quiz-heading-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.mastery-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#9c834b;white-space:nowrap}.mastery-badge i{width:7px;height:7px;border:1px solid #c4b184;border-radius:50%}.mastery-badge i.filled{background:#ba963f;border-color:#ba963f}.mastery-badge.learned{color:#769351}.recall-progress{color:#a68c55;font-size:10px}.cloze-prompt{overflow-wrap:anywhere}.cloze-fields{font-size:19px;line-height:2.8;overflow-wrap:anywhere}.cloze-fields input{font:inherit;color:inherit;background:var(--input);border:0;border-bottom:2px solid #c9a13e;border-radius:4px 4px 0 0;width:155px;max-width:100%;padding:5px 9px;margin:0 4px;line-height:1.6}.cloze-fields input::placeholder{color:#af9e79;font-size:12px}.cloze-fields input:focus{outline:2px solid #c9a13e;outline-offset:2px}@media(max-width:600px){.quiz-type-picker{gap:8px}.quiz-type-picker button{padding:12px 10px;gap:7px;font-size:11px}.quiz-type-picker button>svg{display:none}.quiz-type-picker small{font-size:9px;line-height:1.6}.quiz-heading-row{align-items:flex-start}.row-meta{flex-wrap:wrap;gap:8px}.cloze-fields{font-size:17px}}.quiz-topline>span{display:flex;gap:6px;align-items:center}.quiz-card{border:1px solid #e6dcc5;border-radius:13px;padding:40px;background:#fffdf7;box-shadow:0 7px 22px #86703c06}.quiz-card h2{font-size:24px;line-height:1.9;font-weight:500;letter-spacing:.2px;margin:23px 0 16px}.quiz-instruction{font-size:12px;color:#ac9b76;line-height:1.8;margin-bottom:25px}.quiz-card textarea{font-size:16px;background:var(--paper)}.quiz-card .primary{margin-top:20px}.quiz-card .reveal{display:flex;margin:20px auto 0;font-size:11px;gap:7px}.quiz-footnote{font-size:11px;line-height:1.9;color:#ac9d7d;text-align:center;margin:22px 15px}.quiz-feedback{margin-top:25px;padding-top:22px;border-top:1px solid #e5dcc5}.quiz-feedback h3{font-size:16px;font-weight:550;display:flex;align-items:center;gap:8px}.quiz-feedback.correct h3{color:#769351}.quiz-feedback.again h3{color:#ad8c3b}.quiz-feedback>p{font-size:12px;color:#a09374;line-height:1.8}.expected-answer{background:#f5f0e2;padding:20px;border-radius:8px;margin:20px 0}.expected-answer>span{font-size:10px;color:#ad9c74;text-transform:uppercase;letter-spacing:1px}.expected-answer>p{font-size:16px;line-height:1.9}.revealed-answer{margin-top:25px;font-size:17px;line-height:1.8}.revealed-answer .muted{font-size:11px}.delete-folder{margin-top:15px;font-size:12px}@keyframes recording{50%{opacity:.6}}@media(max-width:1050px){.english-header{padding:28px 25px 23px}.english-tabs{padding:0 25px 24px}.collection-tools{padding:20px 25px 10px}.collection-content{padding:0 25px 35px}.quiz-card{padding:27px}.learned-count{display:none}.syllable-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}}@media(max-width:800px){.english-workspace{grid-column:1/-1}.english-tabs{padding-bottom:18px}}@media(max-width:600px){.english-header{padding:24px 22px 20px}.english-header h1{font-size:27px}.english-header .primary{padding:0 13px;font-size:11px}.english-tabs{padding:0 22px 18px}.english-tabs .segment{width:100%}.segment>button{padding:6px 12px;font-size:11px}.collection-tools{padding:18px 22px 10px;flex-wrap:wrap;gap:8px}.collection-tools .search{flex-basis:100%;padding:11px}.collection-tools select{font-size:10px;max-width:none;flex:1;padding:8px}.collection-content{padding:0 23px 40px}.learning-row{padding:23px 0}.learning-row-title{font-size:18px}.meaning-row p,.list-example{font-size:12px}.list-pronunciation span{display:block;margin:7px 0 0}.quiz-page{padding:0 18px;margin:20px auto}.quiz-topline{font-size:8px}.quiz-card{padding:24px 20px}.quiz-card h2{font-size:20px}.dictation-row{flex-wrap:wrap}.dictation-row>span{font-size:9px}.quiz-footnote{font-size:10px}.detail-heading{align-items:flex-start}.detail-heading h2{font-size:25px}.detail-heading .voice-button{font-size:10px;padding:7px;margin-top:8px}.detail-meaning{font-size:16px}.section-line{flex-wrap:wrap;gap:0}.syllable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.syllable{padding:13px}.capture-modal textarea{font-size:16px}.capture-modal h2{font-size:23px}.capture-modal .dictation-row{gap:8px}.english-workspace{padding-bottom:env(safe-area-inset-bottom)}.learning-notice{padding:10px 23px}}@media(prefers-color-scheme:dark){.segment,.collection-tools .search{background:#343127}.segment>button.chosen{color:#d5c296}.kind-pill{background:#3a3424;color:#cbb176}.kind-pill.learned{background:#303b28;color:#9bb67a}.learning-row-title{color:#dfd4b9}.list-example,.meaning-row p,.definition{color:#b4a78b}.detail-meaning{color:#d1bc8e}.syllable,.quiz-card{background:#26231b;border-color:#4a412e}.syllable.stressed{background:#39301c;border-color:#71603a}.syllable>strong{color:#dcc083}.sound-example{border-color:#4a412e}.sound-example button{color:#c4ae77}.practice-target,.prepare-note,.expected-answer{background:#353021;border-color:#554830}.capture-modal textarea,.quiz-card textarea{border-color:#584b32}.quiz-feedback{border-color:#4a412e}.voice-button{border-color:#615332;color:#d7b363}.voice-button:hover{background:#3c3420}.learning-notice{background:#35301f}.learning-empty h2{color:#c6b590}.usage-example small,.quiz-instruction,.quiz-feedback>p{color:#b5a78b}}.english-folder-toggle{display:none}@media(max-width:800px){.english-folder-toggle{display:flex;position:fixed;bottom:18px;left:22px;z-index:10;border:1px solid var(--line);background:var(--paper);padding:8px 13px;border-radius:20px;box-shadow:0 2px 10px #0001;font-size:11px}.english-workspace{padding-bottom:55px}}