:root{--bg: #e8f0e9;--surface: #f4f8f5;--glass: rgba(244, 248, 245, .96);--glass-btn: rgba(244, 248, 245, .6);--text: #1a2e28;--text2: #5a6b64;--forest: #2e6b57;--mint: #6fb89b;--accent: #7ec8e3;--accent-green: #5fa98c;--yellow: #f2c15d;--success: #3d8b60;--wrong: #b83b3b;--danger: #d94b4b;--err-bg: #fff1f1;--seg-bg: rgba(118, 118, 128, .12);--seg-active: #ffffff;--card-stroke: rgba(46, 107, 87, .35);--accent-green-soft: rgba(95, 169, 140, .26);--shadow: 0 10px 30px rgba(0, 0, 0, .13);--input-stroke: rgba(128, 128, 128, .3);--tab-bg: rgba(244, 248, 245, .92);--sheet-bg: rgba(244, 248, 245, .98);--divider: rgba(120, 120, 128, .22);--alert-btn: #007aff;--alert-bg: rgba(250, 250, 250, .96);--orb-green: rgba(95, 169, 140, .08);--orb-blue: rgba(126, 200, 227, .06);--orb-yellow: rgba(242, 193, 93, .06);--ga0: .2;--ga1: .1;--ga2: .08;--ga3: .06;--ga4: .12;--ga5: .1}[data-theme=dark]{--bg: #0d1210;--surface: #1a2320;--glass: rgba(26, 35, 32, .96);--glass-btn: rgba(52, 60, 56, .55);--text: #f3f7f5;--text2: #b8c7c1;--forest: #6fb89b;--mint: #6fb89b;--accent: #5aa9c9;--accent-green: #4d9a7d;--yellow: #d4a845;--success: #2e6b47;--wrong: #d05050;--danger: #e06060;--err-bg: #2d1414;--seg-bg: rgba(118, 118, 128, .24);--seg-active: rgba(255, 255, 255, .22);--card-stroke: rgba(111, 184, 155, .35);--accent-green-soft: rgba(77, 154, 125, .26);--shadow: rgba(0, 0, 0, 0);--input-stroke: rgba(200, 200, 205, .3);--tab-bg: rgba(13, 18, 16, .92);--sheet-bg: rgba(26, 35, 32, .98);--divider: rgba(120, 120, 128, .3);--alert-btn: #0a84ff;--alert-bg: rgba(40, 40, 40, .94);--orb-green: rgba(77, 154, 125, .08);--orb-blue: rgba(90, 169, 201, .06);--orb-yellow: rgba(212, 168, 69, .06)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{color-scheme:light dark;background:var(--bg);overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;overflow-x:hidden}.app-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background-color:var(--bg)}.app-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(137,197,227,var(--ga0)) 0%,rgba(90,169,201,var(--ga1)) 20%,rgba(111,184,155,var(--ga2)) 40%,var(--bg) 55%,rgba(111,184,155,var(--ga4)) 78%,rgba(244,199,107,var(--ga5)) 100%)}.orb{position:absolute;border-radius:50%;pointer-events:none}.orb-a{width:180px;height:180px;top:100px;right:-10px;background:var(--orb-green)}.orb-b{width:220px;height:220px;top:50%;left:-80px;transform:translateY(-50%);background:var(--orb-blue)}.orb-c{width:150px;height:150px;bottom:105px;right:5px;background:var(--orb-yellow)}.bg-soft{--ga0: .2;--ga1: .1;--ga2: .08;--ga3: .06;--ga4: .12;--ga5: .1}.bg-mid{--ga0: .25;--ga1: .12;--ga2: .1;--ga3: .08;--ga4: .15;--ga5: .12}.bg-bold{--ga0: .42;--ga1: .22;--ga2: .18;--ga3: .14;--ga4: .28;--ga5: .26}.app-shell{position:relative;height:100vh;height:100dvh;max-width:640px;margin:0 auto;padding-top:env(safe-area-inset-top)}.app-content{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.card{background:var(--glass);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--card-stroke);border-radius:28px;box-shadow:var(--shadow)}@supports not (backdrop-filter: blur(20px)){.card{background:var(--surface);box-shadow:0 8px 32px #0000002e}}.glass-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--glass-btn);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--forest);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}@supports not (backdrop-filter: blur(16px)){.glass-btn{background:var(--surface);border:1px solid var(--card-stroke)}}.glass-btn:active{opacity:.7}.glass-btn svg{width:19px;height:19px}.btn{border:none;border-radius:18px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{opacity:.75}.btn:disabled{opacity:.4}.btn-lg{min-height:58px;border-radius:22px;font-size:16px;width:100%;white-space:normal;overflow-wrap:anywhere;padding-top:10px;padding-bottom:10px}.btn-md{height:52px;width:100%}.btn.primary{background:var(--forest);color:#fff}.btn.green-soft{background:var(--accent-green-soft);color:var(--forest)}.btn.accent-solid{background:var(--accent-green);color:#fff}.btn.danger{background:var(--err-bg);color:var(--danger)}.btn.small{padding:6px 12px;font-size:13px;border-radius:14px}.btn.plain{background:none;color:var(--forest)}.btn.ghost{background:none;color:var(--forest);border:1px solid var(--forest)}.btn.link{background:none;color:var(--text2);font-size:14px;font-weight:400}.input{width:100%;background:transparent;border:1px solid var(--input-stroke);border-radius:20px;color:var(--text);padding:14px;font-size:15px;outline:none}.input:focus{border-color:var(--forest)}.input::placeholder{color:var(--text2);opacity:.8}.input.error{border-color:var(--danger)}select.input{appearance:none;background:transparent}.row{display:flex;align-items:center;gap:8px}.spacer{flex:1}.muted{color:var(--text2);font-size:13px}.error-text{color:var(--danger);font-size:13px;margin:8px 0;overflow-wrap:anywhere}.divider{height:1px;background:var(--divider);margin:12px 0}.empty-state{text-align:center;color:var(--text2);padding:48px 24px;font-size:14px}.spinner{width:22px;height:22px;border:2px solid rgba(128,128,128,.25);border-top-color:var(--forest);border-radius:50%;animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}.segmented{display:flex;background:var(--seg-bg);border-radius:9px;padding:2px;min-height:32px}.segmented button{flex:1 1 0;min-width:0;border:none;background:none;color:var(--text2);font-size:13px;line-height:1.35;padding:6px 8px;border-radius:7px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segmented button.active{background:var(--seg-active);color:var(--text);box-shadow:0 1px 3px #0000001f;font-weight:400}.progress{height:4px;border-radius:2px;background:#7878804d;overflow:hidden}.progress>div{height:100%;background:var(--forest);border-radius:2px;transition:width .3s ease}.sheet-overlay{position:fixed;inset:0;background:#0006;z-index:100;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:640px;max-height:85vh;max-height:85dvh;overflow-y:auto;background:var(--sheet-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:24px 24px 0 0;padding:8px 20px calc(20px + env(safe-area-inset-bottom));position:relative;touch-action:pan-y;transition:transform .3s cubic-bezier(.175,.885,.32,1.1)}@supports not (backdrop-filter: blur(24px)){.sheet{background:var(--surface)}}.sheet-handle{width:36px;height:5px;border-radius:3px;background:#78788066;margin:6px auto 14px}.sheet-title{text-align:center;font-size:17px;font-weight:700;color:var(--text);padding:8px 0 16px}.sheet-done{position:absolute;top:14px;right:20px;border:none;background:none;color:var(--forest);font-size:16px;font-weight:600;cursor:pointer}.sheet .field{margin-bottom:14px}.sheet .field label{display:block;font-size:13px;color:var(--text2);margin-bottom:6px}.dialog-overlay{position:fixed;inset:0;background:#00000059;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.dialog{width:100%;max-width:300px;background:var(--alert-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:14px;overflow:hidden}.dialog-body{padding:18px 16px;text-align:center}.dialog-body h4{font-size:17px;font-weight:600;color:var(--text);margin-bottom:6px}.dialog-body .input+.input{margin-top:10px}.dialog-body p{color:var(--text2);font-size:13px;line-height:1.4;overflow-wrap:anywhere}.dialog-actions{display:flex;border-top:1px solid var(--divider)}.dialog-actions button{flex:1;border:none;background:none;color:var(--alert-btn);font-size:17px;padding:12px 8px;cursor:pointer;font-weight:500}.dialog-actions button+button{border-left:1px solid var(--divider)}.dialog-actions button.destructive{color:var(--danger);font-weight:600}.session-result-overlay{position:fixed;inset:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.session-result-card{width:100%;max-width:320px;max-height:100%;overflow-y:auto;background:var(--glass);border-radius:28px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:var(--shadow);animation:session-result-appear .22s ease-out}@keyframes session-result-appear{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.session-result-title{font-size:20px;font-weight:700;color:var(--text);text-align:center;margin:0}.session-result-ring{position:relative;width:160px;height:160px}.session-result-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.session-result-percent{font-size:30px;font-weight:700;color:var(--text)}.session-result-fraction{font-size:14px;color:var(--text2)}.session-result-counts{display:flex;gap:24px}.session-result-count{display:flex;flex-direction:column;align-items:center;gap:2px}.session-result-count-value{font-size:20px;font-weight:700}.session-result-count-value.good{color:var(--forest)}.session-result-count-value.bad{color:var(--danger)}.session-result-count-label{font-size:13px;color:var(--text2)}.session-result-message{font-size:14px;line-height:1.4;color:var(--text2);text-align:center;margin:0;overflow-wrap:anywhere}.session-result-actions{display:flex;flex-direction:column;gap:12px;width:100%}.session-result-continue,.session-result-finish{width:100%;min-height:54px;border:none;border-radius:18px;font-size:17px;font-weight:600;cursor:pointer;padding:12px 16px}.session-result-continue{background:var(--forest);color:#fff}.session-result-finish{background:var(--accent-green-soft);color:var(--forest)}.auth-page{min-height:100vh;min-height:100dvh;max-width:640px;margin:0 auto;padding:24px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}.auth-card{padding:22px;background:var(--glass);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-radius:32px;box-shadow:var(--shadow);border:1px solid rgba(128,128,128,.2)}.auth-head{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.auth-logo{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-green),var(--accent-green));display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff}.auth-head h2{font-size:24px;font-weight:600;color:var(--text)}.auth-head p{font-size:14px;color:var(--text2);text-align:center}.auth-tabs{display:flex;padding:4px 0 8px}.auth-tab{flex:1;border:none;background:none;font-size:16px;padding:12px;cursor:pointer;color:var(--text2)}.auth-tab:first-child{border-radius:12px 0 0 12px}.auth-tab:last-child{border-radius:0 12px 12px 0}.auth-tab.active{font-weight:700;background:#2e6b571f;color:var(--forest)}.auth-tab.active.green{background:#5fa98c1f;color:var(--accent-green)}.auth-field{margin-bottom:10px}.auth-field label{display:block;font-size:13px;color:var(--text2);margin-bottom:4px}.auth-field input{width:100%;background:transparent;border:1px solid var(--input-stroke);border-radius:20px;color:var(--text);padding:14px;font-size:15px;outline:none}.auth-field input:focus{border-color:var(--forest)}.auth-field input.error{border-color:var(--danger)}.auth-field .field-error{font-size:12px;color:var(--danger);padding:2px 4px 0}.auth-error-box{background:var(--err-bg);color:var(--danger);font-size:12px;border-radius:12px;padding:12px;margin-top:10px;text-align:left}.hero-card{padding:20px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.hero-top h2{font-size:28px;font-weight:600;color:var(--text)}.hero-top p{font-size:14px;color:var(--text2)}.hero-avatar{width:52px;height:52px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-green),var(--accent-green));color:#fff;font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.stat-chip{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:22px;background:var(--glass-btn);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(126,200,227,.35);margin-bottom:8px}.stat-chip .label{font-size:12px;font-weight:500;color:var(--text2)}.stat-chip .value{font-size:16px;font-weight:600;color:var(--accent)}.stat-chip.green .value{color:var(--accent-green)}.search-panel{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:26px;background:var(--glass-btn);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(126,200,227,.35);box-shadow:var(--shadow);margin-bottom:16px}.search-icon{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#7ec8e32e,#5fa98c2e);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:20px;flex-shrink:0}.search-panel input{flex:1;border:none;background:none;outline:none;font-size:15px;color:var(--text)}.search-panel input::placeholder{color:var(--text2)}.section-header{margin-bottom:12px}.section-header h3{font-size:22px;font-weight:600;color:var(--text)}.section-header p{font-size:14px;color:var(--text2)}.deck-list{display:flex;flex-direction:column;gap:16px}.deck-card{width:100%;text-align:left;background:none;border:none;padding:0;cursor:pointer}.deck-card .card{padding:18px}.deck-card .inner{display:flex;align-items:center;gap:14px}.deck-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent-green));display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;flex-shrink:0}.deck-title{font-size:16px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-sub{font-size:12px;color:var(--text2);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px;text-align:center}.empty-rings{position:relative;width:92px;height:92px}.empty-rings:before{content:"";position:absolute;inset:0;border-radius:50%;background:#7ec8e338}.empty-rings .inner{position:absolute;inset:17px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-green));display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:400}.empty-hero h4{font-size:16px;font-weight:600;color:var(--text)}.empty-hero p{font-size:14px;color:var(--text2)}.fab{position:fixed;bottom:calc(88px + env(safe-area-inset-bottom));right:max(20px,calc((100vw - 640px)/2 + 20px));width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-green));color:#fff;font-size:28px;font-weight:400;line-height:1;box-shadow:0 6px 18px #0003;cursor:pointer;z-index:40;display:flex;align-items:center;justify-content:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px 0}.topbar .title{font-size:16px;font-weight:600;color:var(--text);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 40px;margin:0 -40px;scrollbar-width:none}.deck-carousel::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 auto;width:min(calc(100vw - 80px),560px);height:220px;scroll-snap-align:center;perspective:1000px;cursor:pointer}.deck-info{padding:16px 24px 0}.deck-info h3{font-size:28px;font-weight:700;color:var(--text);overflow-wrap:anywhere;word-break:break-word}.deck-info .sub{font-size:14px;color:var(--text2);margin:6px 0 14px;overflow-wrap:anywhere}.deck-actions{display:flex;flex-direction:column;gap:14px}.card-list{display:flex;flex-direction:column;gap:12px;padding:16px 24px 0}.card-item{padding:20px;text-align:left}.card-item .front{font-size:16px;font-weight:600;color:var(--text);overflow-wrap:anywhere}.card-item .pron{font-size:14px;color:var(--accent);margin-top:2px;overflow-wrap:anywhere}.card-item .back{font-size:16px;color:var(--text);margin-top:6px;overflow-wrap:anywhere}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.flip-inner.flipped{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:28px}.flip-face.front{background:var(--glass);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--card-stroke);box-shadow:var(--shadow)}.flip-face.front .big{font-size:42px;font-weight:500;color:var(--text);text-align:center;padding:28px;word-break:break-word}.flip-face.back{transform:rotateY(180deg);background:var(--glass);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--card-stroke);box-shadow:var(--shadow);flex-direction:column;gap:12px}.flip-face.back .pron{font-size:33px;color:var(--accent);text-align:center;padding:28px 28px 0;word-break:break-word}.flip-face.back .back{font-size:33px;font-weight:500;color:var(--text);text-align:center;padding:0 28px 28px;word-break:break-word}.menu-list{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.menu-item{width:100%;border:none;text-align:left;font-size:16px;font-weight:500;padding:20px;border-radius:22px;background:#7ec8e31f;color:var(--text);cursor:pointer;overflow-wrap:anywhere;word-break:break-word}.menu-item.destructive{background:var(--err-bg);color:var(--danger)}.menu-item .meta{display:flex;align-items:center;gap:12px;color:var(--text2);font-size:12px;margin-top:4px}.p-trash{border:none;background:none;color:var(--danger);cursor:pointer;flex-shrink:0;padding:6px}.learn-top{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 0}.learn-progress-labels{display:flex;flex-direction:column;align-items:center;gap:2px}.learn-progress-labels .group{font-size:12px;font-weight:500;color:var(--text2)}.learn-progress-labels .progress{font-size:16px;font-weight:700;color:var(--text)}.group-segments{display:flex;gap:4px;padding:16px 16px 8px}.group-segments .seg{flex:1;height:4px;border-radius:2px;background:#8080804d}.group-segments .seg.done{background:var(--forest)}.group-segments .seg.current{background:var(--forest);opacity:.5}.learn-progress{padding:0 16px}.learn-card-wrap{padding:16px;flex:1}.learn-card{border-radius:28px;padding:24px;min-height:240px;display:flex;align-items:center;justify-content:center}.learn-card .front{font-size:48px;font-weight:500;color:var(--text);text-align:center;word-break:break-word}.learn-options{display:flex;flex-direction:column;gap:12px;padding:12px 16px 20px}.opt{width:100%;border:none;border-radius:20px;background:var(--forest);color:#fff;padding:14px;font-size:16px;font-weight:500;cursor:pointer;text-align:center;transition:background .2s}.opt .pron{font-size:12px;font-weight:400;color:#fffc;margin-bottom:2px}.opt.correct{background:var(--success)}.opt.wrong{background:var(--wrong)}.study-top{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 0}.study-counters{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0}.counter-pill{min-width:48px;text-align:center;font-size:20px;font-weight:700;padding:8px 16px;border-radius:20px;border:1.5px solid}.counter-pill.dont-know{color:var(--danger);border-color:var(--danger)}.counter-pill.know{color:var(--accent-green);border-color:var(--accent-green)}.study-area{flex:1;display:flex;align-items:center;justify-content:center;padding:16px}.study-card-wrap{width:min(calc(100vw - 60px),544px);height:400px;border-radius:28px;position:relative;transition:transform .4s cubic-bezier(.175,.885,.32,1.1),opacity .25s ease;touch-action:none;will-change:transform}.study-card-wrap.dragging{transition:none}.study-card-wrap .swipe-border{position:absolute;inset:-2px;border-radius:28px;border:4px solid transparent;pointer-events:none}.study-card-wrap .swipe-border.know{border-color:var(--accent-green)}.study-card-wrap .swipe-border.dont-know{border-color:var(--danger)}.card.shared-card{padding:20px}.shared-card .title{font-size:22px;font-weight:600;color:var(--text);overflow-wrap:anywhere;word-break:break-word}.shared-card .lang{font-size:12px;font-weight:500;color:var(--accent);opacity:.7;margin-top:4px}.shared-card .meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.shared-card .meta-info{display:flex;flex-direction:column;gap:2px;min-width:0}.shared-card .meta-info .count{font-size:14px;color:var(--text2);overflow-wrap:anywhere}.shared-card .meta-info .author{font-size:12px;color:var(--text2);overflow-wrap:anywhere}.shared-card .downloads{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text2);flex-shrink:0}.add-btn{border:none;background:var(--forest);color:#fff;font-weight:600;font-size:18px;padding:8px 16px;border-radius:16px;cursor:pointer}.add-btn:disabled{opacity:.4}.p-card-inner{padding:20px}.p-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-green));display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:700;flex-shrink:0}.p-name{font-size:22px;font-weight:600;color:var(--text);min-width:0;overflow-wrap:anywhere;word-break:break-word}.p-stat-card{flex:1;text-align:center;padding:12px;border-radius:16px;background:#7ec8e31a}.p-stat-card.green{background:#5fa98c1a}.p-stat-card .value{font-size:36px;font-weight:700;color:var(--accent)}.p-stat-card.green .value{color:var(--accent-green)}.p-stat-card .label{font-size:12px;color:var(--text2);overflow-wrap:anywhere}.p-title{font-size:22px;font-weight:600;color:var(--text)}.p-setting-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);margin-bottom:8px}.p-setting-row .icon,.switch-row .icon{width:18px;height:18px;color:var(--accent);flex-shrink:0}.p-radio{width:100%;display:flex;align-items:center;gap:12px;background:none;border:none;padding:12px 16px;border-radius:12px;cursor:pointer;text-align:left}.p-radio.active{background:color-mix(in srgb,var(--forest) 8%,transparent)}.p-radio .icon{width:20px;height:20px;flex-shrink:0;color:var(--text2)}.p-radio.active .icon{color:var(--forest)}.p-radio .r-label{font-size:14px;color:var(--text)}.p-radio .r-desc{font-size:12px;color:var(--text2)}.p-empty{padding:16px 20px;font-size:13px;color:var(--text2)}.p-signout{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:none;color:var(--text);font-size:14px;padding:12px 16px;border-radius:12px;cursor:pointer}.p-signout .icon{width:18px;height:18px;color:var(--text2);flex-shrink:0}.success-text{color:var(--success);font-size:13px;margin:4px 0 8px;overflow-wrap:anywhere}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--text);cursor:pointer;padding:6px 0}.switch{flex-shrink:0;width:50px;height:30px;border-radius:16px;background:var(--seg-bg);border:1px solid var(--input-stroke);position:relative;transition:background .2s}.switch.on{background:var(--forest);border-color:var(--forest)}.switch .knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .2s}.switch.on .knob{left:22px}.sync-banner{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:500;color:var(--text);background:#f2c15deb}[data-theme=dark] .sync-banner{background:#7a5a43eb}.sync-banner svg{flex-shrink:0}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:640px;display:flex;background:var(--tab-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--divider);padding-bottom:env(safe-area-inset-bottom);z-index:50}@supports not (backdrop-filter: blur(24px)){.tabbar{background:var(--surface)}}.tab{flex:1;padding:7px 0 5px;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--text2);font-size:10px;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.tab svg{width:23px;height:23px}.tab.active{color:var(--forest)}.list-dialog-row{width:100%;display:flex;align-items:center;gap:12px;background:none;border:none;padding:14px 16px;border-radius:12px;cursor:pointer;text-align:left}.list-dialog-row:active{background:#80808014}.list-dialog-row .label{font-size:14px;color:var(--text);flex:1}.list-dialog-row .icon{width:18px;height:18px;color:var(--accent);flex-shrink:0}.list-dialog-row .value{font-size:14px;color:var(--text2);min-width:0;overflow-wrap:anywhere;word-break:break-word;text-align:right}.list-dialog-row .count{font-size:12px;color:var(--text2)}.list-dialog-row .chevron{color:var(--text2);width:14px;height:14px;flex-shrink:0}.list-dialog-row .meta{display:flex;align-items:center;gap:12px;color:var(--text2);font-size:12px}.list-dialog-row .trash{color:var(--danger);font-size:14px;background:none;border:none;cursor:pointer;padding:4px}@media(min-width:640px){.tabbar{border-radius:16px 16px 0 0}}