:root{--bg:#f7f0e6;--bg-soft:#fff7ee;--bg-soft-2:#fff2e7;--text:#2a1c12;--text-muted:#6f5c4d;--accent:#d4652c;--accent-2:#ee8a49;--accent-soft:#f6dac8;--card:#fffdf9;--line:#e7d5c3;--success:#3e7b4b;--shadow-soft:0 10px 22px rgb(94 53 27/8%);--shadow-strong:0 18px 36px rgb(94 53 27/14%);--font-ui:"Avenir Next","Nunito","Segoe UI",Tahoma,sans-serif;--font-display:"Avenir Next","Trebuchet MS","Nunito","Segoe UI",sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--shell-gap-mobile:8px;--shell-gap-tablet:12px;--shell-gap-desktop:16px;--mobile-profile-tabs-height:64px;--mobile-profile-save-height:104px;--mobile-audio-controls-height:74px;--mobile-study-grade-controls-height:94px;--mobile-edge-gap:8px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:var(--font-ui);line-height:1.34;background:radial-gradient(circle at 12% 8%,#ffe7d4 0,transparent 42%),radial-gradient(circle at 88% 11%,#ffe9d6 0,transparent 34%),linear-gradient(160deg,#fff9f1 0,var(--bg) 52%,#f2e5d6 100%);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.01em;color:#2f1f14}::selection{background:#ffd9bf;color:#2e1d12}.app-shell{max-width:1100px;margin:0 auto;padding:calc(var(--shell-gap-mobile) + var(--safe-top)) calc(var(--shell-gap-mobile) + var(--safe-right)) calc(var(--shell-gap-mobile) + var(--safe-bottom)) calc(var(--shell-gap-mobile) + var(--safe-left))}.study-shell{min-height:100dvh;display:flex;flex-direction:column}.top-nav{display:grid;grid-gap:8px;gap:8px;margin-bottom:10px}.top-nav-main{display:flex;align-items:center;gap:8px;min-width:0}.top-nav-logo{flex-shrink:0}.brand-logo-link{display:inline-flex;align-items:center}.brand-logo{width:clamp(96px,30vw,220px);height:auto;display:block}.nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;width:100%}.nav-search-form{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.nav-search-input{min-width:0;flex:1 1;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#fffaf4;color:var(--text);font-size:14px;line-height:1.2}.nav-search-button{padding:8px 12px;border-radius:999px;white-space:nowrap;flex-shrink:0}.nav-link{border:1px solid var(--line);background:linear-gradient(180deg,#fff8ef,#fff1e3);color:var(--text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;padding:8px 12px;min-height:42px;border-radius:999px;font-weight:800;font-size:14px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.nav-link:hover{background:linear-gradient(180deg,#fff0e0,#ffe4cc);border-color:#dbb79c;box-shadow:0 7px 14px rgb(98 53 26/12%);transform:translateY(-1px)}.panel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fffefb,#fffaf4);padding:14px;box-shadow:var(--shadow-soft),inset 0 1px 0 rgb(255 255 255/78%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.study-panel{padding:0;flex:1 1;display:flex}.study-card{border:none;background:transparent;padding:18px;width:100%;display:flex;flex-direction:column;min-height:100%;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease;box-shadow:none;position:relative;overflow:hidden}.study-card:before{content:"";position:absolute;inset:-8%;pointer-events:none;opacity:0}.study-swipe-fill{flex:1 1;min-height:96px}.study-card:hover{box-shadow:none;transform:none}.study-card:active{transform:none}.study-card[class*=swipe-feedback-]{will-change:transform}.study-card[class*=swipe-feedback-]:before{animation:swipeGlowPulse .22s ease-out;opacity:1}.study-card.swipe-feedback-left{animation:swipeCardLeft .22s cubic-bezier(.22,1,.36,1)}.study-card.swipe-feedback-left:before{background:linear-gradient(100deg,rgb(218 95 86/24%),rgb(218 95 86/0) 62%)}.study-card.swipe-feedback-right{animation:swipeCardRight .22s cubic-bezier(.22,1,.36,1)}.study-card.swipe-feedback-right:before{background:linear-gradient(260deg,rgb(83 177 106/24%),rgb(83 177 106/0) 62%)}.study-card.swipe-feedback-up{animation:swipeCardUp .22s cubic-bezier(.22,1,.36,1)}.study-card.swipe-feedback-up:before{background:linear-gradient(180deg,rgb(77 151 220/24%),rgb(77 151 220/0) 64%)}.study-card.swipe-feedback-down{animation:swipeCardDown .22s cubic-bezier(.22,1,.36,1)}.study-card.swipe-feedback-down:before{background:linear-gradient(0deg,rgb(241 197 83/24%),rgb(241 197 83/0) 64%)}.study-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0}.study-card.weight-flash-decrease:after{background:rgb(120 220 140/35%);animation:weightFlashIn .2s ease;opacity:1}.study-card.weight-flash-same:after{background:rgb(255 220 80/35%);animation:weightFlashIn .2s ease;opacity:1}.study-card.weight-flash-increase:after{background:rgb(255 120 120/35%);animation:weightFlashIn .2s ease;opacity:1}.study-main-word{font-size:clamp(30px,6vw,58px);font-weight:900;line-height:1.12;letter-spacing:.015em;color:#2a1a11}.study-audio-button{position:static;width:42px;height:42px;border:1px solid #d9b89e;background:rgb(255 255 255/88%);color:#4d2f1c;border-radius:999px;padding:0;font-weight:800;font-size:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.study-audio-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.study-audio-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgb(98 53 26/16%);background:rgb(255 255 255/95%)}.study-audio-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.study-pinyin{font-size:20px;color:#8a5f45;margin-top:4px}.study-translation{margin-top:10px;font-size:18px;font-weight:800;color:#5b3d2a}.study-secondary{margin-top:12px;font-size:clamp(22px,3.8vw,36px);font-weight:700;color:#744d36}.study-sentence-block{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.sentence-token-wrap{display:flex;flex-wrap:wrap;gap:8px}.sentence-token-item{display:flex;flex-direction:column;align-items:center;gap:5px}.sentence-token{border:1px solid #d9b89e;background:#fff;border-radius:10px;padding:6px 8px;font-size:22px;min-width:42px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.sentence-token.clickable{cursor:pointer;background:#fff6ef}.sentence-token.clickable:hover{background:#ffe9d7;transform:translateY(-1px);box-shadow:0 6px 12px rgb(98 53 26/10%)}.char-picker{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.char-token{border:1px solid #efcdb5;background:#fffbf8;border-radius:8px;font-size:12px;line-height:1;padding:3px 5px;cursor:pointer;transition:transform .12s ease,background .12s ease}.char-token:hover{background:#ffe8d5;transform:translateY(-1px)}.study-translation-sentence{margin-top:12px;color:#61402d;font-size:18px}.study-related-block{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.related-word-list{display:grid;grid-gap:8px;gap:8px}.related-word-item{border:1px solid #e3c6ad;background:#fff8f2;border-radius:12px;padding:10px;text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.related-word-item:hover{background:#ffeedf;transform:translateY(-1px);box-shadow:0 8px 14px rgb(98 53 26/10%)}.related-word-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.related-word-main{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;min-width:0;flex:1 1}.related-word-hanzi{font-size:24px;font-weight:800}.related-word-pinyin{color:#865843;font-weight:700}.related-word-english{color:#5b3d2a}.related-word-hsk-tag{white-space:nowrap;flex-shrink:0}.study-action-buttons{position:fixed;left:50%;bottom:calc(10px + var(--safe-bottom));transform:translateX(-50%);width:min(740px,calc(100vw - (20px + var(--safe-left) + var(--safe-right))));z-index:42;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;padding:8px;border:1px solid #e2cebe;border-radius:14px;background:rgb(255 250 245/95%);box-shadow:0 14px 26px rgb(98 53 26/18%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.study-grade-button{width:100%;padding-left:8px;padding-right:8px}.study-grade-button.harder{background:linear-gradient(160deg,#da5f56,#c6453c)}.study-grade-button.keep{background:linear-gradient(160deg,#f3cf57,#e6b93b);color:#5a4016}.study-grade-button.easier{background:linear-gradient(160deg,#5ab66a,#3f9850)}.study-progress-strip{border-color:#bcd3ea;background:linear-gradient(180deg,#f7fbff,#edf5ff)}.onboarding-study-card{background:linear-gradient(154deg,#f7fff2,#edfbe5 56%,#ddf2d4)}.onboarding-step-tag{border-color:#9dcf95;background:#eefbe9;color:#2f6d31}.onboarding-main-word{font-size:clamp(28px,5.4vw,44px)}.onboarding-good{color:#2f6e31}.onboarding-detail{margin-top:12px;font-size:16px}.onboarding-action-hint{margin:8px 0 0;font-weight:700}.onboarding-inline-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.onboarding-skip-button{margin-top:8px;align-self:flex-start}.onboarding-card{position:relative;overflow:hidden;border-color:#add7a7;background:linear-gradient(154deg,#f7fff2,#edfbe5 56%,#ddf2d4);box-shadow:0 12px 24px rgb(52 110 42/15%)}.onboarding-card:after,.onboarding-card:before{content:"";position:absolute;border-radius:999px;pointer-events:none}.onboarding-card:before{width:180px;height:180px;top:-92px;right:-58px;background:rgb(114 199 102/20%)}.onboarding-card:after{width:128px;height:128px;bottom:-72px;left:-42px;background:rgb(143 214 132/22%)}.onboarding-card-head{position:relative;z-index:1;display:grid;grid-gap:4px;gap:4px}.onboarding-pill{justify-self:start;border-radius:999px;border:1px solid #7ebc74;background:#e8f8e2;color:#2b6c2e;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px}.onboarding-title{margin:0;font-size:clamp(21px,4.8vw,28px);line-height:1.1;color:#205326}.onboarding-subtitle{margin:0;color:#3f6742;font-weight:700}.onboarding-step-grid{position:relative;z-index:1;margin-top:10px;display:grid;grid-gap:8px;gap:8px}.onboarding-step{border:1px solid #c7e2c0;border-radius:12px;background:rgb(255 255 255/89%);padding:10px;display:flex;align-items:flex-start;gap:10px}.onboarding-step-number{width:24px;height:24px;border-radius:999px;border:1px solid #88bf80;background:#ecf8e8;color:#2f6e31;font-size:13px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.onboarding-step-text{display:grid;grid-gap:3px;gap:3px}.onboarding-step-text strong{color:#264b28}.onboarding-step-text span{color:#3f6241;font-size:13px}.onboarding-actions{position:relative;z-index:1;margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.onboarding-primary-button{background:linear-gradient(160deg,#59b962,#40a84d);border:1px solid #359442}.study-progress-link{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.study-progress-link:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgb(70 113 161/18%)}.study-progress-link:focus-visible{outline:2px solid #5f9cda;outline-offset:2px}.study-progress-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.study-progress-status{border-radius:999px;border:1px solid #c6d6e7;padding:4px 10px;font-size:12px;font-weight:800}.study-progress-status.pending{background:#eef4fb;color:#3a5e82}.study-progress-status.hit{background:#e7f6ea;border-color:#b7d6bf;color:#2e7442}.study-progress-metrics{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.study-progress-metric{border:1px solid #d2deea;border-radius:10px;background:#fff;padding:8px;display:grid;grid-gap:2px;gap:2px}.study-progress-metric strong{font-size:20px;line-height:1}.study-progress-metric span{color:#57708a;font-size:12px;font-weight:700}.study-progress-track-row{margin-top:8px;display:grid;grid-gap:8px;gap:8px}.study-progress-track{height:9px;border-radius:999px;background:#d9e7f5;overflow:hidden}.study-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4b93dc,#2d7fcd)}.study-progress-track-points{background:#ece6f7}.study-progress-fill-points{background:linear-gradient(90deg,#8578de,#665fc6)}.study-progress-hints{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.study-progress-actions{margin-top:10px}.search-form{display:flex;gap:10px;flex-wrap:wrap}.search-input{flex:1 1;min-width:260px}.search-scope-select{width:180px}.search-result-list{display:grid;grid-gap:8px;gap:8px}.search-result-item{border:1px solid #e1c5ae;background:linear-gradient(180deg,#fffaf4,#fff3e8);border-radius:12px;padding:10px;text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.search-result-item:hover{background:linear-gradient(180deg,#fff1e3,#ffe8d5);transform:translateY(-1px);box-shadow:0 8px 14px rgb(98 53 26/12%)}.search-result-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.search-result-hanzi{font-size:25px;font-weight:800}.search-result-pinyin{color:#875b43;font-weight:700}.search-result-english{color:#563c2c}.search-result-meta{margin-top:4px;display:flex;gap:8px;align-items:center}.hsk-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;padding:4px 10px;font-size:12px;font-weight:900;letter-spacing:.01em;color:#173a60;white-space:nowrap}.hsk-tag-1{background:#edf6ff;border-color:#d0e5fb}.hsk-tag-2{background:#dcedff;border-color:#bedbf8}.hsk-tag-3{background:#c1deff;border-color:#9ec9ef}.hsk-tag-4{background:#98c8f7;border-color:#7db5ea}.hsk-tag-5{background:#5f9fe2;border-color:#4b8ccb;color:#fff}.hsk-tag-6{background:#2f79cc;border-color:#235fa2;color:#fff}.study-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.study-card-top-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.study-hsk-tag{font-size:13px;padding:5px 12px}.mastery-circle{width:46px;height:46px;border-radius:50%;border:1px solid #d7dfeb;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mastery-circle:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.mastery-circle-text{position:relative;z-index:1;font-size:10px;font-weight:800;color:#34516d}.stat-box{border:1px solid var(--line);border-radius:12px;padding:12px;min-width:150px;background:#fffaf5}.stat-value{font-size:26px;font-weight:800}.profile-shell{position:relative}.profile-has-sticky-save{padding-bottom:108px}.profile-header-panel{position:-webkit-sticky;position:sticky;top:8px;z-index:20}.profile-header-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.profile-save-chip{border-radius:999px;border:1px solid #d5c4b5;padding:4px 10px;font-size:12px;font-weight:800;white-space:nowrap}.profile-save-chip.clean{background:#f1f7ed;border-color:#b8d4b0;color:#2f6940}.profile-save-chip.dirty{background:#fff1e7;border-color:#e4b9a1;color:#8c4727}.profile-swipe-hint{display:none;margin:10px 0 0;text-align:center;font-size:12px;font-weight:700;color:#7b5c48}.profile-settings-group{border:1px solid #edd9c8;border-radius:12px;background:#fffcf9;overflow:hidden}.profile-settings-summary{list-style:none;margin:0;padding:12px 34px 12px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;cursor:pointer;font-weight:800;color:#4a2e1f;position:relative}.profile-settings-summary::-webkit-details-marker{display:none}.profile-settings-summary:after{content:"+";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:900;color:#7e5d48}.profile-collapsible-panel[open]>.profile-settings-summary:after,.profile-settings-group[open]>.profile-settings-summary:after{content:"-"}.profile-settings-summary-hint{font-size:12px;font-weight:700;color:#7b5e4d}.profile-settings-content{padding:0 12px 12px}.profile-collapsible-panel{padding:0}.profile-collapsible-content{padding:0 16px 14px}.profile-field-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-field{display:grid;grid-gap:6px;gap:6px;font-weight:700;color:#553624}.daily-goal-stepper{display:grid;grid-template-columns:auto 1fr auto;grid-gap:8px;gap:8px;align-items:end}.daily-goal-presets{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.daily-goal-preset{border:1px solid #dcc7b8;border-radius:999px;background:#fff8f1;color:#5d3a27;font-weight:800;font-size:12px;padding:6px 10px;cursor:pointer}.daily-goal-preset.active{border-color:#c1957b;background:#ffe6d6}.profile-toggle-list{display:grid;grid-gap:8px;gap:8px}.profile-toggle-row{border:1px solid #ead7c9;background:#fffaf5;border-radius:10px;padding:12px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.profile-toggle-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:28px;border-radius:999px;border:1px solid #d6bba9;background:#f2e6dc;cursor:pointer;flex-shrink:0;position:relative;transition:background .16s ease,border-color .16s ease}.profile-toggle-row input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(0 0 0/20%);transition:transform .16s ease}.profile-toggle-row input[type=checkbox]:checked{background:#4d95dd;border-color:#3a79b8}.profile-toggle-row input[type=checkbox]:checked:after{transform:translateX(20px)}.profile-toggle-help{display:block;margin-top:2px;font-size:12px;color:var(--text-muted)}.danger-zone-panel{border-color:#e8c0b1;background:linear-gradient(180deg,#fff8f5,#fff3ee)}.profile-goal-panel{border-color:#bfd6ec;background:linear-gradient(180deg,#f5fbff,#edf6ff)}.profile-growth-panel{border-color:#cdd9e8;background:linear-gradient(180deg,#f8fbff,#f0f6ff)}.profile-goal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-goal-status{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.profile-goal-status.pending{background:#fff2e7;color:#8e4f2f}.profile-goal-status.hit{background:#eaf8ec;color:#2f7445}.profile-goal-main-value{margin-top:8px;font-size:22px;font-weight:700}.profile-goal-main-value strong{font-size:36px}.profile-goal-main-value-points strong{font-size:30px}.profile-goal-metric-stack+.profile-goal-metric-stack{margin-top:8px}.profile-goal-progress-track{margin-top:10px;height:10px;border-radius:999px;background:#dde9f5;overflow:hidden}.profile-goal-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4b93dc,#2d7fcd)}.profile-goal-progress-track-points{background:#e7e4f7}.profile-goal-progress-fill-points{background:linear-gradient(90deg,#7f74d8,#5f58b8)}.profile-goal-meta-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.profile-goal-edit-grid{margin-top:12px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-goal-edit-note{margin:0 0 8px}.profile-streak-chip{border:1px solid #c7d8ea;border-radius:999px;background:#f9fcff;color:#345675;font-size:12px;font-weight:700;padding:5px 10px}.profile-stats-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-trend-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px}.profile-trend-day{display:grid;grid-gap:4px;gap:4px;justify-items:center}.profile-trend-bar-track{width:100%;height:90px;border-radius:10px;border:1px solid #d8e4f0;background:#f2f8ff;display:flex;align-items:flex-end;overflow:hidden}.profile-trend-bar-fill{width:100%;border-radius:9px 9px 0 0;background:linear-gradient(180deg,#7fb7ed,#3d8dd9)}.profile-trend-day-label{font-size:12px;font-weight:700;color:#4f6780}.profile-trend-day-value{font-size:12px;font-weight:800}.calendar-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.calendar-range-text{margin-top:4px;margin-bottom:0;font-size:12px}.calendar-mode-toggle{border:1px solid #d8c5b5;border-radius:999px;background:#fff7ef;padding:3px;display:inline-flex;gap:3px}.calendar-mode-button{border:1px solid transparent;background:transparent;color:#70482f;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;cursor:pointer}.calendar-mode-button.active{border-color:#c99f86;background:#ffe8d8;color:#4e2f1f}.calendar-summary-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.calendar-summary-chip{border:1px solid #cdd9e5;border-radius:999px;background:#f5f9ff;color:#2f4f6d;font-size:12px;font-weight:700;padding:5px 10px}.calendar-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;margin-bottom:10px}.calendar-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#634634}.calendar-legend-dot{width:12px;height:12px;border-radius:50%;border:1px solid #c4d3e2}.calendar-legend-dot.none{background:#f0f2f5;border-color:#c9d0da}.calendar-legend-dot.studied{background:#d5ebff;border-color:#a7cced}.calendar-legend-dot.goal{background:#d6f2dc;border-color:#9accab}.calendar-legend-dot.intensity{background:linear-gradient(90deg,#dcecff,#4a98e6);border-color:#87b7e2}.calendar-weekday-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px;margin-bottom:6px}.calendar-weekday-grid span{text-align:center;font-size:11px;font-weight:800;color:#6f523f}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px}.calendar-cell{border:1px solid #d9c7ba;border-radius:10px;background:#fff;min-height:58px;padding:8px 6px;display:grid;align-content:space-between;justify-items:start;position:relative;text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.calendar-cell:hover{transform:translateY(-1px);box-shadow:0 8px 14px rgb(78 48 28/14%)}.calendar-day-number{font-size:14px;font-weight:900;line-height:1;color:#4b2f1f}.calendar-month-tag{font-size:9px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;border:1px solid #d7c4b5;background:#fff;border-radius:999px;padding:2px 5px;color:#745641}.calendar-goal-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#2f8e46}.calendar-none{border-color:#cfd7df}.calendar-studied{border-color:#9cc4e6}.calendar-goal{border-color:#86c398}.calendar-mode-minutes.calendar-intensity-0{background:#f2f4f7}.calendar-mode-minutes.calendar-intensity-1{background:#edf5ff}.calendar-mode-minutes.calendar-intensity-2{background:#d7e9ff}.calendar-mode-minutes.calendar-intensity-3{background:#bbdcff}.calendar-mode-minutes.calendar-intensity-4{background:#93c9ff}.calendar-mode-points.calendar-intensity-0{background:#f2f4f7}.calendar-mode-points.calendar-intensity-1{background:#fff3e5}.calendar-mode-points.calendar-intensity-2{background:#ffe4c9}.calendar-mode-points.calendar-intensity-3{background:#ffd0a4}.calendar-mode-points.calendar-intensity-4{background:#ffbe7d}.calendar-selected{outline:2px solid #4d8fd3;outline-offset:1px}.calendar-today{box-shadow:inset 0 0 0 1px #6fa8df}.calendar-detail-card{border:1px solid #d5e1ec;border-radius:12px;background:#f5fbff;padding:12px;display:grid;grid-gap:8px;gap:8px}.calendar-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.calendar-detail-status{border-radius:999px;border:1px solid #c8d4e2;padding:4px 8px;font-size:11px;font-weight:800}.calendar-detail-status.none{background:#eef1f5;color:#4f6174}.calendar-detail-status.studied{background:#e7f2ff;color:#2e608c}.calendar-detail-status.goal{background:#e2f6e6;color:#2e7f44}.calendar-detail-metrics{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-detail-metric{border:1px solid #d5e2ef;border-radius:10px;background:#fff;padding:8px;display:grid;grid-gap:2px;gap:2px}.calendar-detail-metric strong{font-size:20px}.profile-counter-row{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.profile-counter-chip{border:1px solid #deccbd;border-radius:999px;padding:6px 10px;background:#fff8f2;font-size:13px;font-weight:700}.custom-deck-grid{display:grid;grid-gap:8px;gap:8px}.custom-deck-card{border:1px solid #e3cfbf;border-radius:12px;background:#fffaf5;padding:10px;display:flex;gap:10px;align-items:flex-start}.custom-deck-content{display:grid;grid-gap:4px;gap:4px}.custom-deck-title{color:#43291a}.custom-deck-description{font-size:13px}.custom-decks-help-text{margin:8px 0 0}.manual-selection-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.manual-selection-deck-summary{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.manual-selected-deck-chips{display:flex;flex-wrap:wrap;gap:8px}.manual-step-stack{display:grid;grid-gap:10px;gap:10px}.manual-step-card{border:1px solid #dfcfbf;border-radius:12px;background:#fffcf8;padding:10px}.manual-step-title{font-size:14px;font-weight:800;margin-bottom:10px}.manual-group-grid,.manual-level-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.manual-group-card,.manual-level-card{border:1px solid #e6d4c4;border-radius:10px;background:#fff;padding:8px}.manual-group-card.active,.manual-level-card.active{border-color:#8cbce9;box-shadow:inset 0 0 0 1px #bddbf4}.manual-open-button{width:100%;border:0;background:transparent;text-align:left;display:grid;grid-gap:6px;gap:6px;font:inherit;color:inherit;cursor:pointer;padding:0}.manual-check-row{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.manual-card-list{display:grid;grid-gap:6px;gap:6px;max-height:min(52vh,520px);overflow:auto;padding-right:2px}.manual-card-row{border:1px solid #e3d1c2;border-radius:10px;background:#fff;padding:8px;display:flex;align-items:center;gap:10px}.manual-card-main{display:grid;grid-gap:2px;gap:2px;flex:1 1}.manual-card-tools{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#fffcf8,#fffcf8 88%,rgb(255 252 248/0));padding-bottom:8px;display:grid;grid-gap:8px;gap:8px}.manual-card-actions{gap:8px}.manual-card-actions .button{min-width:120px}.profile-mobile-tabs{display:none}.profile-mobile-tab-link{text-decoration:none}.profile-sticky-save{position:fixed;left:50%;bottom:calc(8px + var(--safe-bottom));transform:translateX(-50%);width:min(1040px,calc(100vw - (20px + var(--safe-left) + var(--safe-right))));border:1px solid #d8c2b0;border-radius:14px;background:rgb(255 251 247/95%);box-shadow:0 14px 25px rgb(90 56 33/20%);padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:45}.profile-sticky-save-text{display:grid;grid-gap:2px;gap:2px}.notice-text{color:#7a341a;font-weight:700}.offline-panel-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.offline-mode-chip{border-radius:999px;border:1px solid #d7c2b4;padding:5px 10px;font-size:12px;font-weight:800}.offline-mode-chip.online{background:#ecf8ee;border-color:#b7d5bd;color:#2e7043}.offline-mode-chip.offline{background:#fff1e6;border-color:#e2c2aa;color:#8b4d2c}.group-details,.level-details{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px;background:#fffbf7}.card-grid{display:grid;grid-gap:6px;gap:6px}.card-row{display:flex;gap:8px;align-items:flex-start;font-size:14px}.profile-tab-links{display:flex;gap:10px;flex-wrap:wrap}.profile-mobile-tab-link[data-active=true]{color:#ffffff;background:linear-gradient(170deg,#d36a39,#c45628);border-color:#be5426}.audio-mode-controls{position:fixed;left:50%;bottom:calc(16px + var(--safe-bottom));transform:translateX(-50%);display:flex;gap:10px;z-index:40;background:rgb(255 253 249/90%);border:1px solid #e1c8b4;border-radius:999px;padding:8px 10px;box-shadow:0 14px 26px rgb(98 53 26/18%)}.audio-mode-button{width:44px;height:44px;border-radius:999px;border:1px solid #d3b79f;background:#fff;color:#533422;font-size:20px;font-weight:800;cursor:pointer}.audio-mode-button svg{width:20px;height:20px;fill:currentColor}.audio-mode-button.stop{background:#ffefe8;border-color:#efc1ad;color:#8a2f1f}.nav-link[data-active=true]{background:linear-gradient(180deg,#ffe5d1,#ffd5bb);border-color:#d8ab8e;box-shadow:inset 0 0 0 1px #f7c4a1}.button{border:1px solid #bf5929;border-radius:13px;background:linear-gradient(160deg,var(--accent) 0,var(--accent-2) 100%);color:#fff;font-weight:800;letter-spacing:.01em;padding:10px 14px;min-height:44px;cursor:pointer;box-shadow:0 8px 18px rgb(98 53 26/16%),inset 0 1px 0 rgb(255 255 255/22%);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,border-color .16s ease}.button:hover{transform:translateY(-1px);border-color:#ad4f22;box-shadow:0 10px 20px rgb(98 53 26/20%),inset 0 1px 0 rgb(255 255 255/25%)}.button.secondary{border-color:#ddbda7;background:linear-gradient(160deg,#f8e1d1,#f1ccb4);color:#533423}.button:disabled{opacity:.62;cursor:not-allowed;box-shadow:none;transform:none}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:11px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fffcf8);color:var(--text);box-shadow:inset 0 1px 2px rgb(71 36 17/4%)}.muted{color:var(--text-muted)}.row{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}.space-top{margin-top:12px}.space-bottom{margin-bottom:12px}.gesture-hints{display:flex;flex-wrap:wrap;gap:8px}.gesture-chip{border:1px solid #e6c5ac;background:linear-gradient(170deg,#fff8f1 0,var(--bg-soft-2) 100%);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;color:#72492f}@keyframes cardRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes weightFlashIn{0%{opacity:0}to{opacity:1}}@keyframes swipeGlowPulse{0%{opacity:0}45%{opacity:1}to{opacity:0}}@keyframes swipeCardLeft{0%{transform:translateZ(0) rotate(0deg)}45%{transform:translate3d(-20px,0,0) rotate(-1deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes swipeCardRight{0%{transform:translateZ(0) rotate(0deg)}45%{transform:translate3d(20px,0,0) rotate(1deg)}to{transform:translateZ(0) rotate(0deg)}}@keyframes swipeCardUp{0%{transform:translateZ(0)}45%{transform:translate3d(0,-16px,0)}to{transform:translateZ(0)}}@keyframes swipeCardDown{0%{transform:translateZ(0)}45%{transform:translate3d(0,16px,0)}to{transform:translateZ(0)}}@media (prefers-reduced-motion:reduce){.study-card,.study-card:after,.study-card:before,.study-card[class*=swipe-feedback-]{animation:none!important;transition:none!important;transform:none!important}}@media (min-width:641px){.app-shell{padding:calc(var(--shell-gap-tablet) + var(--safe-top)) calc(var(--shell-gap-tablet) + var(--safe-right)) calc(var(--shell-gap-tablet) + var(--safe-bottom)) calc(var(--shell-gap-tablet) + var(--safe-left))}}@media (min-width:861px){.app-shell{padding:calc(var(--shell-gap-desktop) + var(--safe-top)) calc(var(--shell-gap-desktop) + var(--safe-right)) calc(var(--shell-gap-desktop) + var(--safe-bottom)) calc(var(--shell-gap-desktop) + var(--safe-left))}.brand-logo{width:clamp(160px,27vw,240px)}.top-nav{gap:10px;margin-bottom:14px}.top-nav-main{gap:12px}.nav-search-form{width:min(560px,100%);margin-left:auto}.nav-search-input{min-width:260px}.nav-links{display:flex;gap:10px;flex-wrap:wrap;width:auto;justify-content:flex-end}.nav-link{min-height:40px;font-size:15px}.panel{padding:16px}.onboarding-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.panel{padding:12px;border-radius:14px}.top-nav{gap:6px;margin-bottom:8px}.onboarding-actions{grid-template-columns:1fr}.top-nav-main{gap:6px}.nav-search-input{padding:8px 10px;font-size:14px}.nav-search-button{min-height:40px;padding:8px 10px;font-size:13px}.nav-links{gap:6px}.nav-link{min-height:40px;padding:7px 10px;font-size:13px}.study-card{padding:14px}.study-main-word{font-size:clamp(30px,9vw,46px)}.study-pinyin{font-size:18px}.study-translation{font-size:16px}.study-progress-metric{padding:6px}.study-progress-metric strong{font-size:16px}.study-progress-metric span{font-size:11px}.search-form{display:grid;grid-gap:8px;gap:8px}.search-input{min-width:0}.search-form .button{width:100%}.search-result-main{gap:6px}.search-result-hanzi{font-size:22px}.search-result-english,.search-result-pinyin{font-size:14px}.profile-counter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.profile-counter-row::-webkit-scrollbar{display:none}.profile-counter-chip{white-space:nowrap;flex:0 0 auto}.manual-selection-header{align-items:flex-start}.manual-selection-header .button{width:100%}.calendar-summary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.calendar-summary-chip{text-align:center}.calendar-legend-item{font-size:11px}.study-audio-button{margin-bottom:0}.profile-header-panel{position:static}.profile-shell{padding-bottom:calc(var(--mobile-profile-tabs-height) + 10px)}.profile-has-sticky-save{padding-bottom:calc(var(--mobile-profile-tabs-height) + var(--mobile-profile-save-height) + 12px)}.profile-tab-links{display:none}.profile-swipe-hint{display:block}.profile-mobile-tabs{position:fixed;left:0;right:0;bottom:0;z-index:44;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;padding:6px calc(var(--mobile-edge-gap) + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(var(--mobile-edge-gap) + var(--safe-left));border-top:1px solid #e2cebe;background:rgb(255 250 244/96%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-mobile-tab-link{border:1px solid #dcc6b3;border-radius:999px;background:#fff7ef;color:#5d3b27;text-align:center;font-weight:800;font-size:13px;padding:9px 6px}.profile-field-grid,.profile-goal-edit-grid,.profile-stats-grid{grid-template-columns:1fr}.profile-trend-bar-track{height:74px}.calendar-panel-head{flex-direction:column;align-items:stretch}.calendar-mode-toggle{width:100%}.calendar-mode-button{flex:1 1;text-align:center}.calendar-weekday-grid span{font-size:10px}.calendar-cell{min-height:54px}.calendar-detail-metrics,.manual-group-grid,.manual-level-grid{grid-template-columns:1fr}.manual-card-row{align-items:flex-start;flex-wrap:wrap}.profile-sticky-save{bottom:calc(var(--mobile-profile-tabs-height) + var(--safe-bottom) + 6px);width:calc(100vw - (16px + var(--safe-left) + var(--safe-right)));align-items:stretch;flex-direction:column}.profile-sticky-save .button{width:100%}.study-shell.study-shell-grade-actions{padding-bottom:calc(var(--mobile-study-grade-controls-height) + var(--safe-bottom))}.study-shell.study-shell-audio-mode{padding-bottom:calc(var(--mobile-audio-controls-height) + var(--safe-bottom))}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.gesture-chip{font-size:11px;padding:5px 8px}.search-scope-select{width:100%}.study-progress-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.brand-logo{width:clamp(92px,28vw,120px)}.nav-search-form{gap:5px}.nav-search-button{min-height:38px;padding:8px 9px}.nav-link{min-height:38px;font-size:13px}.study-progress-metric strong{font-size:15px}.study-progress-metric span{font-size:10px}.calendar-legend-item:last-child{display:none}.study-action-buttons{bottom:calc(8px + var(--safe-bottom));width:calc(100vw - (16px + var(--safe-left) + var(--safe-right)));gap:6px;padding:7px}.study-grade-button{min-height:44px;font-size:13px}.profile-mobile-tabs{gap:6px;padding-left:calc(8px + var(--safe-left));padding-right:calc(8px + var(--safe-right))}.profile-mobile-tab-link{font-size:12px;padding:9px 4px}.calendar-grid,.calendar-weekday-grid{gap:4px}.calendar-cell{min-height:50px;padding:6px 4px}.calendar-day-number{font-size:13px}.calendar-month-tag{font-size:8px;padding:2px 4px}.calendar-summary-chip{font-size:11px}}