:root{color:#22342d;font-synthesis:none;--green:#22765c;--muted:#82918a;--line:#e6ebe5;--white:#fff;--soft:#edf5ef;background:#f5f7f4;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}svg{stroke-width:1.65px;flex-shrink:0;width:19px;height:19px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #8bbda9}#app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:236px;padding:35px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;width:max-content;padding-left:8px;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.brand-mark svg{width:26px;height:26px}.brand>span:last-child{letter-spacing:2px;font-size:26px;font-weight:700}.brand small{letter-spacing:3px;color:#7a8981;margin-top:2px;font-size:9px;font-weight:500;display:block}.sidebar-caption{color:#99a69e;letter-spacing:1px;margin:38px 14px 18px;font-size:11px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.nav-item{text-align:left;color:#728178;border-radius:9px;align-items:center;gap:13px;padding:14px 17px;font-size:14px;display:flex}.nav-item.active{color:var(--green);background:#edf5ef;font-weight:600}.nav-item:hover{background:#f4f7f3}.nav-item small{background:#e1ece4;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:11px}.sidebar-bottom{margin-top:auto;padding:45px 10px 0}.leaf{color:#458b70;margin-bottom:13px;display:block}.sidebar-bottom b{font-size:12px;font-weight:600}.sidebar-bottom p{color:#8c9a92;font-size:10px;line-height:1.7}.version{color:#b0b9b3;margin-top:25px;font-size:10px;display:block}.main{width:calc(100% - 236px);min-height:100vh;margin-left:236px}.topbar{border-bottom:1px solid var(--line);background:#f9fbf8;justify-content:space-between;align-items:center;height:83px;padding:0 5.5%;display:flex}.breadcrumb{color:#728178;font-size:12px}.breadcrumb span{color:#c1cbc3;margin:0 13px}.topbar-right{align-items:center;gap:21px;display:flex}.local-status{color:#728178;align-items:center;gap:7px;font-size:11px;display:flex}.local-status>span{background:#71a08a;border-radius:100%;width:6px;height:6px}.avatar{color:#468067;background:#e5eee7;border-radius:100%;place-items:center;width:32px;height:32px;font-size:13px;display:grid}main{max-width:1160px;margin:auto;padding:49px 5.5% 24px}.heading{justify-content:space-between;align-items:center;gap:22px;margin-bottom:35px;display:flex}.eyebrow{letter-spacing:2.3px;color:#729882;margin-bottom:14px;font-size:9px;font-weight:600}h1{letter-spacing:1px;margin:0 0 12px;font-size:30px;font-weight:600;line-height:1.5}.heading p{color:#7e8c82;margin:0;font-size:13px;line-height:1.8}.heading-badge{color:#769180;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.heading-badge svg{width:15px}h2{align-items:center;gap:9px;margin:0;font-size:14px;font-weight:600;display:flex}h3{margin:0;font-size:14px;font-weight:600;line-height:1.8}p{line-height:1.8}.section-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-line h2 svg{color:var(--green);width:18px}.search-panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px;box-shadow:0 5px 25px #36493603}.tag{color:#558470;background:#edf5ef;border-radius:5px;padding:5px 8px;font-size:10px;display:inline-block}.search-panel textarea{resize:vertical;color:#30493b;background:#fafcf9;border:1px solid #e6ebe5;border-radius:9px;outline:none;width:100%;height:137px;min-height:110px;max-height:350px;margin-top:20px;padding:16px;font-size:14px;line-height:1.8}.search-panel textarea:focus{border-color:#8fbaa4;box-shadow:0 0 0 3px #22765c0c}.search-panel textarea::placeholder{color:#a5b1a8}.search-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:17px;display:flex}.search-actions>div{gap:16px;display:flex}.primary,.secondary{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:12px 18px;font-size:12px;transition:background .15s;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover{background:#19644d}.primary svg{width:16px;height:16px}.secondary{color:#4b6b59;background:#fff;border:1px solid #d9e2da}.secondary:hover{background:#f2f6f0}.subtle{color:#798a7f;align-items:center;gap:7px;padding:8px 0;font-size:12px;display:inline-flex}.subtle svg{width:16px;height:16px}.subtle:hover{color:var(--green)}.search-note{color:#97a59b;border-top:1px solid #edf1eb;align-items:center;gap:7px;margin-top:20px;padding-top:15px;font-size:10px;line-height:1.8;display:flex}.search-note svg{width:13px;height:13px}.search-note>span{color:#b0bab2;margin-left:auto;font-size:9px}.quick-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;display:grid}.quick-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:23px;display:flex}.quick-card:hover,.bank-card:hover{border-color:#c3d6c8}.quick-icon{border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.quick-icon svg{width:22px;height:22px}.mint{color:#488267;background:#eaf4ee}.sand{color:#ba9b50;background:#faf2df}.quick-card h3{font-size:13px}.quick-card p{color:#8e9b92;margin:4px 0 8px;font-size:11px}.quick-card div>span{color:#a4afa6;letter-spacing:.4px;font-size:9px}.quick-card>svg:last-child{color:#a7b6ab;align-self:flex-start;width:16px;margin-left:auto}.dashboard-grid{grid-template-columns:1.55fr 1fr;gap:20px;margin-top:24px;display:grid}.section-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px}.muted{color:#9aa69e;font-size:11px;font-weight:400}.text-button{color:#6d9480;align-items:center;gap:8px;padding:0;font-size:11px;line-height:2;display:inline-flex}.text-button:hover{color:var(--green)}.text-button svg{width:14px;height:14px}.empty{text-align:center;color:#86978b;flex-direction:column;align-items:center;gap:7px;padding:46px 22px;display:flex}.empty>svg{color:#a9bfaf;width:35px;height:35px;margin-bottom:9px}.empty p{margin:5px 0 15px;font-size:12px}.empty.compact{min-height:175px;padding:30px 0 14px}.empty.compact>svg{width:28px;height:28px;margin-bottom:0}.empty.compact p{margin:7px 0;font-size:11px}.empty.compact .text-button{font-size:10px}.recent-row{text-align:left;border-bottom:1px solid #f0f3ed;align-items:center;gap:11px;width:100%;padding:14px 0;font-size:12px;display:flex}.recent-row>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.recent-row svg{color:#a1b5a7;width:15px}.recent-row small{color:#9ca79e}.recent-row:hover{color:var(--green)}.library-overview>.section-line>svg{color:#97b39f}.big-number{letter-spacing:-2px;color:#365d47;margin:26px 0 15px;font-size:45px;font-weight:500}.big-number span{color:#94a498;letter-spacing:0;margin-left:10px;font-size:11px}.stats-line{color:#9aa79d;gap:26px;font-size:10px;display:flex}.stats-line b{color:#6f8877;font-size:11px;font-weight:500}.overview-bar{background:linear-gradient(90deg,#5d9b78 0 60%,#dbe9dc 60% 100%);border-radius:10px;height:5px;margin:22px 0 16px}.tip-strip{color:#8a9b87;background:#eef3eb;border:1px solid #e4ebe0;border-radius:8px;align-items:center;gap:9px;margin-top:25px;padding:9px 14px;font-size:10px;display:flex}.tip-strip svg{width:14px;height:14px}.tip-strip p{margin:0}.tip-strip b{color:#799471;font-weight:500}footer{text-align:center;color:#b2bcb4;letter-spacing:.5px;padding:25px 20px 32px;font-size:9px}footer span{margin:0 8px}.mobile-nav{display:none}.results{margin-top:30px}.result-notice{color:#8d9c90;margin:14px 0 20px;font-size:11px}.question-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:16px;padding:24px}.question-meta{color:#98a49b;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:15px;font-size:10px;display:flex}.match{color:#b59052;margin-left:auto;font-size:10px}.match.exact{color:var(--green)}.question-card h3{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;font-weight:500}.answer{background:#eef6ef;border-radius:8px;margin-top:19px;padding:14px 16px}.answer>span{color:#659271;align-items:center;gap:6px;font-size:10px;display:flex}.answer svg{width:13px;height:13px}.answer p{white-space:pre-wrap;color:#2e694c;overflow-wrap:anywhere;margin:7px 0 0;font-size:14px;line-height:1.9}.options{color:#778579;margin-top:15px;font-size:13px}.options p{white-space:pre-wrap;margin:5px 0}.question-card details{color:#7b8c7f;margin-top:16px;font-size:12px}.question-card details p{white-space:pre-wrap;overflow-wrap:anywhere}.question-card summary{cursor:pointer}.card-actions{border-top:1px solid #edf1eb;align-items:center;gap:23px;margin-top:20px;padding-top:10px;display:flex}.saved{color:var(--green)}.saved svg{fill:#d9ece0}.info-banner{color:#71866f;background:#eaf2e8;border:1px solid #e0eade;border-radius:9px;align-items:center;gap:10px;margin-bottom:25px;padding:15px;font-size:12px;line-height:1.8;display:flex}.bank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.bank-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:24px}.bank-card h3{overflow-wrap:anywhere;margin-top:22px;font-size:16px}.bank-card p{color:#94a097;margin-top:7px;font-size:11px}.bank-card p span{margin:0 7px}.bank-category{flex-wrap:wrap;gap:6px;margin-top:19px;display:flex}.bank-card .card-actions{gap:18px}.toggle{cursor:pointer;align-items:center;gap:7px;display:flex}.toggle input{opacity:0;width:1px;position:absolute}.toggle>span{background:#d8e0da;border-radius:10px;width:30px;height:17px;position:relative}.toggle>span:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:left .2s;position:absolute;top:2px;left:2px}.toggle input:checked+span{background:#4b9972}.toggle input:checked+span:after{left:15px}.toggle input:focus-visible+span{outline:3px solid #9bb9a7}.toggle small{color:#93a397;font-size:10px}.icon-button{border-radius:7px;place-items:center;padding:7px;display:grid}.icon-button:hover{background:#f4f6f2}.danger{color:#b58a82;margin-left:auto}.danger-bg{background:#b26355}.add-bank{color:#9cab9e;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;min-height:230px;display:flex}.add-bank>svg{width:28px;height:28px}.add-bank h3{margin-top:18px;font-size:13px}.format-help{margin-top:26px}.format-help p{color:#8a988d;font-size:12px}.format-help .text-button{margin-right:25px}.practice-start{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:45px;display:flex}.practice-start h2{font-size:20px}.practice-start p{color:#8f9e93;margin:0;font-size:12px}.practice-count{color:var(--green);margin:10px 0;font-size:40px}.practice-count small{color:#96a49a;font-size:12px}.practice-card{padding:30px}.progress{background:#e6efe5;border-radius:3px;height:4px;margin-bottom:30px}.progress>div{background:#438c69;border-radius:3px;height:100%}.practice-card h2{white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 30px;font-size:22px;font-weight:500;line-height:1.7}.practice-card>.primary{margin:15px 0}.practice-explanation{color:#839184;font-size:13px}.practice-card>.text-button{margin-top:25px;display:block}.practice-controls{gap:15px;margin-top:25px;display:flex}.finish-icon{color:#5c9770;width:45px;height:45px}.settings-card{margin-bottom:20px}.settings-card>p{color:#8b998e;font-size:12px}.settings-card label,dialog label{color:#6f8575;margin:19px 0 10px;font-size:12px;display:block}input[type=url],input[type=password],input[type=text],dialog input{color:#43634e;background:#fbfcfa;border:1px solid #dce6dc;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-size:13px;display:block}input:focus{border-color:#8fb59c}.settings-actions{gap:13px;margin:22px 0 17px;display:flex}.settings-card>small{color:#9aa89e;font-size:10px}.setting-row{border-top:1px solid #edf1e9;justify-content:space-between;align-items:center;gap:20px;margin-top:15px;padding:22px 0;display:flex}.setting-row b{font-size:12px;font-weight:500}.setting-row p{color:#94a396;margin:6px 0 0;font-size:11px}.setting-row .secondary{flex-shrink:0;font-size:11px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.busy{cursor:progress}.busy .primary{opacity:.65}#toast{z-index:100;color:#fff;opacity:0;pointer-events:none;background:#264b39;border-radius:9px;width:max-content;max-width:calc(100% - 40px);padding:13px 19px;font-size:12px;line-height:1.8;transition:all .2s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(15px)}#toast.visible{opacity:1;transform:translate(-50%)}dialog{color:#31523e;border:1px solid #e1e9df;border-radius:16px;width:min(500px,100% - 35px);padding:32px;box-shadow:0 20px 80px #203f3420}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15392b55}dialog h2{margin:12px 0 19px;font-size:20px}dialog p{color:#7f9283;overflow-wrap:anywhere;font-size:13px}dialog .primary{margin-top:24px}.dialog-close{color:#85998c;position:absolute;top:14px;right:14px}.import-preview{background:#f3f7f0;border-radius:8px;margin-top:20px;padding:15px;font-size:12px}.import-preview p{margin-bottom:0;font-size:12px}.startup-error{max-width:680px;padding:80px 30px}.startup-error p{font-size:14px}.startup-error button{border:1px solid #a8b9a8;padding:15px}@media (width>=1450px){main{max-width:1000px;padding-left:0;padding-right:0}}@media (width<=1150px){.sidebar{width:205px;padding:30px 17px}.main{width:calc(100% - 205px);margin-left:205px}.heading-badge{display:none}.quick-card{gap:12px;padding:20px 16px}.quick-card>svg:last-child,.search-note>span{display:none}.bank-card .card-actions{gap:12px}.quick-card p{font-size:10px}}@media (width<=760px){.sidebar{display:none}.main{width:100%;margin-left:0}.topbar{height:65px;padding:0 22px;padding-top:env(safe-area-inset-top);height:calc(65px + env(safe-area-inset-top))}.breadcrumb{font-size:11px}.avatar{width:28px;height:28px}.topbar-right{gap:12px}.local-status{font-size:9px}.mobile-nav{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;padding:10px 5px calc(10px + env(safe-area-inset-bottom));background:#ffffffed;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#97a79b;flex-direction:column;align-items:center;gap:5px;min-width:50px;font-size:10px;display:flex}.mobile-nav button.active{color:var(--green)}.mobile-nav svg{width:21px;height:21px}main{padding:32px 20px 16px}.heading{align-items:flex-start;margin-bottom:25px}.heading:has(.primary){flex-direction:column;gap:15px}.eyebrow{letter-spacing:1.8px;margin-bottom:9px;font-size:8px}h1{letter-spacing:0;margin-bottom:10px;font-size:25px}.heading p{font-size:11px}.search-panel{border-radius:12px;padding:20px 17px}.search-panel textarea{height:155px;margin-top:17px;padding:13px;font-size:14px}.search-actions{gap:10px}.search-actions>div{gap:14px}.search-actions .subtle{gap:5px;font-size:10px}.search-actions .primary{gap:6px;padding:12px;font-size:11px}.search-actions .primary>svg:last-child{display:none}.search-note{align-items:flex-start;margin-top:16px;padding-top:12px;font-size:9px}.search-note>svg{margin-top:2px}.quick-grid{grid-template-columns:1fr;gap:12px;margin-top:18px}.quick-card{gap:15px;padding:18px}.quick-card>svg:last-child{display:block}.quick-card p{font-size:11px}.quick-card div>span{font-size:8px}.quick-icon{width:43px;height:43px}.dashboard-grid{grid-template-columns:1fr;gap:15px;margin-top:18px}.section-card{padding:20px}.empty.compact{min-height:160px}.library-overview .big-number{margin:20px 0 13px;font-size:39px}.overview-bar{margin:18px 0 14px}.tip-strip{align-items:flex-start;margin-top:18px;padding:12px;font-size:9px}.tip-strip svg{margin-top:2px}footer{padding:20px 20px 95px;font-size:8px}.bank-grid{grid-template-columns:1fr;gap:15px}.bank-card{padding:21px}.add-bank{min-height:160px}.info-banner{align-items:flex-start;padding:13px;font-size:10px}.info-banner svg{width:16px;margin-top:2px}.question-card{padding:20px}.question-meta{gap:8px;font-size:9px}.question-card h3{font-size:15px}.question-meta .match{font-size:9px}.answer p{font-size:13px}.result-notice{font-size:10px}.practice-start{padding:35px 20px}.practice-start h2{font-size:18px}.practice-card h2{font-size:19px}.setting-row{align-items:flex-start;gap:12px}.setting-row .secondary{min-height:35px;padding:9px 11px}.settings-actions{gap:10px}.settings-card>small{line-height:1.8;display:block}.settings-card input{font-size:12px}.settings-card p{font-size:11px}#toast{bottom:90px;bottom:calc(90px + env(safe-area-inset-bottom));font-size:11px}dialog{padding:25px}dialog h2{font-size:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}