:root{--bg:#f8f7f2;--surface:#fffefa;--ink:#293f35;--text:#35473e;--muted:#788078;--line:#e4e6dc;--green:#335a42;--lime:#d9e9b7;--pale:#eef2e7;--orange:#c47850;--serif:Georgia,"Times New Roman",serif;--radius:22px;--shadow:0 12px 42px #2c493013}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif;font-size:14px;line-height:1.6;letter-spacing:.01em}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #8ba674;outline-offset:4px}button svg,a svg{pointer-events:none}svg{vertical-align:middle;flex-shrink:0}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink)}button,.btn{touch-action:manipulation}::selection{background:#dbe9bb}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.boot{min-height:90vh;display:grid;align-content:center;justify-items:center;gap:15px;color:var(--muted)}.boot-mark{font-size:50px;color:var(--green)}
.site-header{height:88px;border-bottom:1px solid var(--line);background:#f8f7f2ed;position:relative;z-index:20}.header-inner{max-width:1264px;margin:0 auto;height:100%;padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer}.brand-symbol{width:36px;height:36px;display:grid;place-items:center;background:var(--green);border-radius:11px;color:var(--lime)}.brand-title{font-size:21px;font-weight:650;letter-spacing:-.6px}.brand-sub{font-size:10px;letter-spacing:1.4px;color:var(--muted);font-weight:500;margin-left:3px}.main-nav{display:flex;gap:8px}.nav-item{position:relative;background:transparent;padding:10px 20px;border-radius:11px;display:flex;align-items:center;gap:7px;font-weight:500;font-size:13px;color:#7b837b}.nav-item.active{color:var(--ink);background:#e8eddc}.nav-item:hover{background:#eef1e7}.header-tools{display:flex;align-items:center;gap:14px}.streak{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--orange)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--text);flex-shrink:0}.icon-btn:hover{background:#eaf0e3}.avatar{height:34px;width:34px;border-radius:50%;background:#e8ddcb;display:grid;place-items:center;font-size:15px;color:#8e7552;font-family:var(--serif)}.header-sep{height:22px;border-left:1px solid var(--line)}
main{max-width:1264px;margin:0 auto;padding:34px 44px 50px;min-height:calc(100vh - 170px)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;color:#7c8977;text-transform:uppercase;display:flex;align-items:center;gap:8px}.eyebrow .dot{width:5px;height:5px;border-radius:50%;background:#7e9665}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}.page-head h1{font-size:30px;letter-spacing:-.8px;font-weight:600;margin-top:9px}.page-subtitle{color:var(--muted);font-size:13px;margin-top:8px}.page-meta{font-size:12px;color:var(--muted);display:flex;gap:9px;align-items:center}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);padding:5px 11px;border-radius:30px;font-size:11px;color:var(--muted);background:#fffefa80}.pill.green{background:#e8eedf;color:#527044;border-color:#e2e9d8}.pill.orange{background:#fcf0dd;color:#a2773b;border-color:#f4e5c9}.hero{display:grid;grid-template-columns:1.02fr 1fr;min-height:390px;position:relative;border-bottom:1px solid var(--line);padding-bottom:36px;gap:25px}.hero-copy{padding-top:30px;position:relative;z-index:2}.hero-small{font-family:var(--serif);font-size:14px;letter-spacing:.3px;font-style:italic;color:#7c8875;display:flex;align-items:center;gap:10px}.hero-small::before{content:"";width:26px;border-top:1px solid #a2b195}.hero h1{font-size:45px;line-height:1.45;font-weight:550;letter-spacing:-1.7px;margin-top:20px}.hero h1 .soft{color:#8a9a71}.hero-description{margin-top:20px;line-height:1.9;color:var(--muted);font-size:13px;max-width:375px}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:550;min-height:46px;text-decoration:none;white-space:nowrap;transition:background .18s,transform .18s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:var(--green);color:#fffef5;box-shadow:0 4px 10px #36583e15}.btn-primary:hover{background:#244631}.btn-lime{background:var(--lime);color:#314a31}.btn-lime:hover{background:#cee3a3}.btn-outline{border:1px solid #d7ded0;background:transparent}.btn-outline:hover{background:#edf1e7}.btn-ghost{background:transparent;color:#687c61;padding-left:6px;padding-right:6px}.btn-small{padding:8px 13px;min-height:35px;font-size:12px;border-radius:8px}.btn-wide{width:100%}.hero-note{font-size:11px;color:#8b9387;margin-top:14px;display:flex;gap:7px;align-items:center}.hero-note button{background:none;font-size:11px;padding:0;color:#5a7350;border-bottom:1px solid #b7c6a8}
.hero-art{position:relative;min-height:365px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-aura{position:absolute;width:350px;height:310px;top:23px;left:50%;transform:translateX(-50%);border-radius:50% 50% 45% 45%;background:#edf0e3;z-index:-1}.hero-aura::after{content:"";position:absolute;inset:20px -25px;border:1px solid #d9e1ce;border-radius:50%;transform:rotate(-23deg)}.hero-star{position:absolute;color:#9ca980;z-index:-1}.hero-star.one{top:25px;right:24px;font-size:32px}.hero-star.two{bottom:52px;left:16px;font-size:18px}.hero-card{position:absolute;width:184px;transition:transform .3s;box-shadow:0 15px 25px #2d3a2d19}.hero-card:nth-of-type(1){transform:translate(-142px,16px) rotate(-12deg);z-index:1}.hero-card:nth-of-type(2){transform:translate(135px,10px) rotate(13deg);z-index:2}.hero-card:nth-of-type(3){width:201px;transform:translateY(-7px) rotate(-2deg);z-index:3}.hero-art:hover .hero-card:nth-of-type(1){transform:translate(-153px,12px) rotate(-15deg)}.hero-art:hover .hero-card:nth-of-type(2){transform:translate(149px,7px) rotate(16deg)}.preview-label{position:absolute;bottom:-9px;font-size:10px;letter-spacing:.4px;color:#98a18f;display:flex;align-items:center;gap:5px}
.word-card{border:1px solid #d7dbc9;background:#fffdf5;border-radius:13px;padding:7px;position:relative;overflow:hidden;color:var(--ink);display:block;text-align:left;transition:transform .22s,box-shadow .22s;min-width:0}.word-card.clickable{cursor:pointer}.word-card.clickable:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.word-card.sr{border-color:#c9d2c4;background:#fcfcf2}.word-card.ssr{border-color:#ccb98a;background:#fffbec}.card-art{position:relative;aspect-ratio:1.08;overflow:hidden;background:#dfe8dc;border-radius:7px}.card-art img{height:100%;width:100%;object-fit:cover;display:block}.card-art::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 20px #33412908;pointer-events:none}.card-topline{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:center;z-index:1}.rarity{display:inline-flex;padding:2px 7px;line-height:1.6;border-radius:5px;background:#fffdf1de;color:#426149;font-size:10px;font-weight:750;letter-spacing:.9px;backdrop-filter:blur(4px)}.rarity.sr{color:#5c6387;background:#f5f3ffed}.rarity.ssr{color:#8c6b25;background:#fff1caed}.card-number{color:#fffef3;font-size:9px;text-shadow:0 1px 5px #0005;letter-spacing:.8px}.card-body{padding:10px 6px 5px}.card-word{font-size:23px;font-family:var(--serif);font-weight:500;letter-spacing:-.8px;line-height:1.2;overflow-wrap:anywhere}.card-pos{font-size:9px;color:#8b917f;font-style:italic;letter-spacing:0;margin-left:5px;white-space:nowrap}.card-meaning{font-size:10px;color:#7e8477;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bottom{border-top:1px solid #e7e5d7;display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding-top:6px;font-size:8px;letter-spacing:.6px;color:#8b957e}.card-stars{color:#ad9564;font-size:10px;letter-spacing:2px}.card-progress{height:3px;background:#e9ebdf;border-radius:5px;margin-top:7px;overflow:hidden}.card-progress>span{display:block;height:100%;background:#88a575;border-radius:5px}.mastered-stamp{position:absolute;bottom:12px;right:9px;border:1px solid #90a568;border-radius:50%;font-size:9px;line-height:1.3;text-align:center;width:40px;height:40px;padding:7px 0;transform:rotate(-14deg);color:#6f8c50;background:#fffbeaeb}.card-locked .card-art{background:#ecefe5;display:grid;place-items:center}.lock-pattern{width:66px;height:88px;border:1px solid #cdd6c0;border-radius:8px;display:grid;place-items:center;transform:rotate(-9deg);color:#a5b096}.lock-pattern:after{content:"";position:absolute;inset:7px;border:1px solid #d4dcc9;border-radius:5px}.card-locked .card-word{font-family:inherit;font-size:15px;color:#8b9682;letter-spacing:1px}.card-locked .card-meaning{color:#a4aa9b}.card-locked .card-bottom{color:#9ba58f}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;border-bottom:1px solid var(--line);margin-bottom:30px}.stat{padding:0 28px;border-left:1px solid var(--line)}.stat:first-child{padding-left:0;border-left:0}.stat-title{font-size:11px;color:#88907f;display:flex;align-items:center;gap:7px}.stat-value{font-family:var(--serif);font-size:32px;color:var(--ink);line-height:1.25;margin-top:6px}.stat-value small{font-family:inherit;font-size:12px;color:#98a08f;margin-left:8px}.stat-foot{font-size:10px;color:#a0a594;margin-top:3px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-title{font-size:17px;font-weight:550;display:flex;gap:8px;align-items:center}.section-en{font-family:var(--serif);font-style:italic;font-size:12px;color:#94a089;font-weight:400;margin-left:6px}.text-link{font-size:11px;display:flex;gap:5px;align-items:center;background:none;color:#7a8c6b;padding:4px 0}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:24px;margin-bottom:34px}.panel{background:#fffefa;border:1px solid var(--line);border-radius:16px;padding:23px}.task-item{display:flex;align-items:center;gap:15px;padding:15px 0;border-top:1px solid #eeeee5}.task-item:first-of-type{border-top:0}.task-icon{width:42px;height:42px;border-radius:12px;background:#eef3e4;display:grid;place-items:center;color:#72925c}.task-icon.ochre{background:#f6efdf;color:#ae8a55}.task-content{flex:1}.task-content h3{font-size:13px;font-weight:550}.task-content p{font-size:11px;color:#919787;margin-top:4px}.task-meta{color:#7e9568;font-size:11px;margin-right:7px}.week-head{display:flex;justify-content:space-between;font-size:12px;color:#87927d}.week-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:23px;height:95px}.week-day{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:7px;flex:1}.week-bar-wrap{width:100%;max-width:25px;height:67px;display:flex;align-items:flex-end;background:#f5f5ee;border-radius:5px;overflow:hidden}.week-bar{width:100%;background:#b3c88e;border-radius:5px;min-height:3px}.week-day.today .week-bar-wrap{background:#edf0e0}.week-day.today .week-bar{background:#658455}.week-day span{font-size:10px;color:#98a08d}.week-caption{font-size:11px;color:#9aa28e;margin-top:16px;text-align:center}.decks-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.deck-tile{border:1px solid var(--line);background:#fffef9;border-radius:14px;padding:18px 15px;text-align:left;position:relative;transition:transform .2s,background .2s;min-width:0}.deck-tile:hover{transform:translateY(-3px);background:#f1f4e8}.deck-tile.selected{background:#eaf0df;border-color:#b7c79f}.deck-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:13px;background:#edf0e7;color:#738669}.deck-tile:nth-child(2) .deck-icon{background:#eee8dc;color:#a18c65}.deck-tile:nth-child(3) .deck-icon{background:#e6ede9;color:#658b7e}.deck-tile:nth-child(4) .deck-icon{background:#eae6ee;color:#9983a9}.deck-tile:nth-child(5) .deck-icon{background:#eee7df;color:#a5896d}.deck-code{font-family:var(--serif);font-size:18px;letter-spacing:.3px;display:block;line-height:1.2}.deck-name{font-size:11px;color:#778371;display:block;margin-top:4px}.deck-count{font-size:10px;color:#96a08d;display:block;margin-top:12px}.deck-check{position:absolute;top:12px;right:12px;color:#6c8950}.deck-description{font-size:10px;color:#8c9585;line-height:1.6;margin-top:9px}.deck-tile .progress-line{margin-top:13px}.progress-line{height:4px;border-radius:8px;background:#e3e8d9;overflow:hidden}.progress-line>span{display:block;height:100%;background:#789862;border-radius:8px}.site-footer{max-width:1176px;margin:0 auto;padding:23px 0 27px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#a0a696;font-size:10px}.site-footer button{font-size:10px;color:#919b86;background:none;padding:3px 0}.footer-brand{font-family:var(--serif);font-style:italic;letter-spacing:.4px}
.draw-top{margin-bottom:24px}.draw-stage{margin:28px 0 0;border:1px solid var(--line);border-radius:22px;background:#f1f3e9;min-height:380px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 25px}.draw-stage::before{content:"";width:420px;height:420px;border:1px solid #e0e5d6;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.draw-stage::after{content:"";width:520px;height:520px;border:1px solid #e7eadf;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.pack-preview{height:235px;position:relative;width:250px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;z-index:1}.pack-shadow{position:absolute;width:155px;height:204px;border:1px solid #bdc8a9;border-radius:9px;background:#e1e9d3;transform:rotate(12deg) translateX(19px);box-shadow:0 8px 20px #21381c0d}.pack-shadow.second{transform:rotate(-10deg) translateX(-17px);background:#f9f8ed}.pack-front{width:154px;height:216px;background:#3c5c46;color:#ebf1df;position:relative;border:1px solid #76916d;border-radius:10px;box-shadow:0 10px 18px #2a483c22;display:flex;flex-direction:column;align-items:center;padding:13px;transform:rotate(-3deg)}.pack-front::before{content:"";position:absolute;inset:9px;border:1px solid #8fa57f70;border-radius:5px}.pack-brand{font-size:8px;letter-spacing:2px;margin-top:5px;z-index:1}.pack-flower{margin-top:25px;color:#caddaa;z-index:1}.pack-type{font-family:var(--serif);font-size:20px;z-index:1;margin-top:14px}.pack-count{font-size:7px;letter-spacing:2px;color:#bbcdad;z-index:1;margin-top:13px}.draw-stage>.btn,.draw-stage>p,.draw-stage>.pill{z-index:1}.draw-caption{font-size:11px;color:#8a977c;margin-top:13px}.draw-rules{display:flex;gap:20px;justify-content:center;color:#8d9883;font-size:10px;margin-top:20px;flex-wrap:wrap}.draw-rules span{display:flex;gap:5px;align-items:center}.reveal-area{padding-top:16px}.reveal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reveal-header h2{font-size:21px;font-weight:500}.pack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.flip-slot{perspective:1000px;min-width:0}.flip-inner{position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.65,.3,1);aspect-ratio:.66}.flip-slot.revealed .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-front{background:#3e5d47;border:1px solid #9bac8b;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;color:#ccdcad;cursor:pointer}.flip-front:after{content:"";position:absolute;inset:10px;border:1px solid #89a57577;border-radius:6px}.flip-front span{font-size:9px;letter-spacing:2.5px;color:#b8cd9c}.flip-back{transform:rotateY(180deg);height:100%}.flip-back .word-card{height:100%}.flip-back .card-art{aspect-ratio:.91}.flip-back .card-word{font-size:22px}.reveal-actions{display:flex;gap:12px;justify-content:center;margin-top:28px}.new-tag{position:absolute;bottom:12px;right:12px;border-radius:20px;background:#fffef1;color:#7a8e5d;font-size:8px;padding:2px 7px;letter-spacing:1px}.reveal-hint{text-align:center;margin-top:18px;color:#98a18d;font-size:11px}
.learn-empty{padding:60px 20px;text-align:center;max-width:650px;margin:20px auto 40px}.empty-emblem{width:100px;height:100px;display:grid;place-items:center;background:#e9efdf;color:#75945e;border-radius:50%;margin:0 auto 25px}.learn-empty h2{font-size:24px;font-weight:500}.learn-empty p{color:#8a9481;font-size:13px;max-width:430px;margin:13px auto 26px;line-height:1.9}.queue-summary{display:flex;justify-content:center;gap:45px;margin:30px 0}.queue-stat strong{font-size:34px;font-family:var(--serif);font-weight:400;display:block}.queue-stat span{font-size:11px;color:#94a18a}.learn-layout{max-width:840px;margin:0 auto}.session-top{display:flex;align-items:center;gap:20px;margin-bottom:28px}.session-top .progress-line{flex:1;background:#e4e9dc;height:5px}.session-count{font-size:11px;color:#8d9881;white-space:nowrap}.learning-card{background:#fffefa;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 40px #2a4a2a06}.intro-grid{display:grid;grid-template-columns:.75fr 1fr;min-height:410px}.intro-visual{position:relative;min-height:350px;background:#e3eadb}.intro-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.intro-visual .rarity{position:absolute;top:20px;left:20px}.intro-content{padding:36px 33px;display:flex;flex-direction:column}.learning-kicker{font-size:10px;letter-spacing:2px;color:#9aa58c;margin-bottom:17px}.learning-word{font-size:43px;font-family:var(--serif);font-weight:400;letter-spacing:-1px;overflow-wrap:anywhere;line-height:1.2}.ipa-line{display:flex;align-items:center;gap:10px;margin-top:10px;color:#91a080;font-size:12px}.ipa-line .icon-btn{width:28px;height:28px;border:0;background:#f0f3e8}.learning-meaning{font-size:17px;margin-top:25px;line-height:1.6}.learning-meaning small{font-size:12px;font-style:italic;color:#9aa38c;margin-right:6px}.example{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;line-height:1.8;color:#627358}.example .translation{font-size:11px;color:#98a18e;margin-top:5px}.collocation{font-size:11px;color:#8d9980;margin-top:15px}.intro-content .btn{margin-top:auto;align-self:flex-start;min-width:170px}.intro-content .btn-gap{margin-top:28px}.study-note{font-size:11px;text-align:center;color:#9aa48e;margin-top:17px}.question-body{padding:35px 45px 36px;min-height:375px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.question-title{font-size:13px;color:#7d8f70}.question-word-row{display:flex;align-items:center;justify-content:center;gap:13px;margin:20px 0 30px}.question-word-row .learning-word{font-size:47px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-choice{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid #e0e6d6;border-radius:11px;background:#fafbf5;text-align:left;min-height:65px;line-height:1.6;font-size:13px}.answer-choice:hover:not(:disabled){border-color:#9db28d;background:#eef3e5}.answer-key{border:1px solid #dde3d5;color:#8ea17e;font-size:10px;border-radius:5px;width:23px;height:23px;display:grid;place-items:center;flex-shrink:0}.answer-choice.correct{background:#e7f0dc;border-color:#9ab57b;color:#4e7737;opacity:1}.answer-choice.wrong{background:#fff0e7;border-color:#d5a48d;color:#a16c51;opacity:1}.answer-choice.inactive{opacity:.5}.question-help{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9ba58d;margin-top:24px}.question-help button{background:transparent;border-bottom:1px solid #d2dcc3;color:#81956f;padding:2px 0}.question-help .help-text{color:#b08956}.context-cloze{font-family:var(--serif);font-size:25px;line-height:1.6;letter-spacing:-.2px;margin:25px 0 15px;text-align:center}.context-meaning{text-align:center;font-size:12px;color:#8f9b82;margin-bottom:25px}.answer-form{display:flex;gap:10px}.answer-input{flex:1;min-width:0;border:1px solid #d8e1cb;border-radius:10px;padding:13px 16px;background:#fafcf6;color:var(--ink);font-family:var(--serif);font-size:20px}.answer-input::placeholder{font-family:inherit;font-size:15px;color:#aeb5a5}.feedback{padding:22px 30px;background:#edf3e6;border-top:1px solid #dbe6ce;display:flex;align-items:center;justify-content:space-between;gap:18px}.feedback.wrong{background:#faf0e6;border-top-color:#ecd9c4}.feedback-title{font-size:14px;color:#527842;font-weight:550;display:flex;gap:8px;align-items:center}.feedback.wrong .feedback-title{color:#a17648}.feedback p{font-size:11px;color:#8d9c80;margin-top:5px}.feedback.wrong p{color:#ac9273}.answer-explanation{font-size:12px!important;margin-top:6px!important;max-width:470px}.learn-summary{padding:45px;text-align:center}.summary-bloom{margin:0 auto 20px;color:#89a264}.learn-summary h2{font-size:25px;font-weight:500}.summary-note{color:#91a180;font-size:13px;margin-top:10px}.summary-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}.memory-timeline{display:flex;gap:5px;align-items:center;justify-content:center;font-size:10px;margin-top:18px;color:#a1ac94}.memory-timeline i{width:18px;height:4px;border-radius:8px;background:#e0e8d4}.memory-timeline i.done{background:#9cb981}.master-toast{color:#946d30;background:#fff6da;padding:12px 20px;margin-top:20px;border:1px solid #e7d4a4;border-radius:10px;font-size:12px}
.atlas-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 28px;background:#eaf0e0;border:1px solid #dce5cf;border-radius:15px;margin-bottom:24px}.atlas-banner h2{font-size:17px;font-weight:550;margin-bottom:5px}.atlas-banner p{font-size:11px;color:#849572}.atlas-count{font-family:var(--serif);font-size:37px;color:#557047;line-height:1;white-space:nowrap}.atlas-count small{font-family:inherit;font-size:15px;color:#a2b190}.atlas-filters{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tab{background:transparent;border:1px solid transparent;border-radius:8px;padding:7px 13px;font-size:12px;color:#909b85;display:flex;gap:6px;align-items:center;white-space:nowrap}.filter-tab.active{color:#4d7039;border-color:#d4dfc5;background:#eef3e7}.filter-tab small{font-size:10px;color:#a3b192}.filter-tools{display:flex;gap:9px;align-items:center}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:10px;top:10px;color:#9ba78e}.search-input{width:185px;background:#fffef9;border:1px solid var(--line);border-radius:8px;padding:8px 10px 8px 33px;outline:0;font-size:11px;color:#677c56}.search-input::placeholder{color:#a3ad98}.small-select{border:1px solid var(--line);background:#fffef9;border-radius:8px;font-size:11px;padding:9px;color:#778969;max-width:155px}.theme-row{display:flex;gap:8px;margin-bottom:22px;overflow:auto;padding-bottom:4px}.theme-pill{background:transparent;border:1px solid var(--line);border-radius:30px;padding:6px 12px;color:#8e9b81;font-size:10px;white-space:nowrap}.theme-pill.active{background:#526c43;color:#f3f5e9;border-color:#526c43}.atlas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px 16px}.atlas-grid .card-art{aspect-ratio:1}.atlas-grid .card-word{font-size:23px}.atlas-grid .card-body{padding:12px 7px 7px}.atlas-grid .card-meaning{font-size:11px}.atlas-grid .card-bottom{font-size:9px;min-height:23px}.atlas-grid .mastered-stamp{bottom:10px;right:9px;width:35px;height:35px;font-size:8px;padding-top:6px}.atlas-empty{grid-column:1/-1;padding:60px 20px;text-align:center;color:#98a58b}.atlas-empty h3{font-size:17px;font-weight:500;margin:12px 0 8px;color:#728863}.atlas-empty p{font-size:12px;margin-bottom:20px}.atlas-pagination{display:flex;justify-content:center;gap:14px;align-items:center;margin-top:28px;color:#92a083;font-size:12px}
.modal-overlay{position:fixed;inset:0;z-index:100;background:#25372b55;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:25px;animation:fadeIn .2s}.modal{position:relative;width:min(750px,100%);max-height:90dvh;background:var(--bg);border:1px solid #e4e7dc;border-radius:24px;overflow:auto;box-shadow:0 25px 100px #16291930;padding:32px}.modal.narrow{width:min(520px,100%)}.modal-close{position:absolute;right:16px;top:16px;background:#fffef9e6;z-index:2}.modal h2{font-size:22px;font-weight:550;margin-right:30px}.modal-sub{font-size:12px;color:#91a080;margin:8px 0 25px}.detail-grid{display:grid;grid-template-columns:230px 1fr;gap:30px;align-items:start;margin-top:14px}.detail-grid .word-card{cursor:default;transform:rotate(-2deg);box-shadow:0 9px 22px #344d2914}.detail-grid .card-art{aspect-ratio:.88}.detail-grid .card-word{font-size:29px}.detail-grid .card-meaning{font-size:12px}.detail-grid .card-body{padding:15px 8px 9px}.detail-info{padding-top:6px}.detail-info .learning-word{font-size:32px;margin-top:14px}.detail-info .example{font-size:12px}.detail-info .learning-meaning{font-size:16px;margin-top:18px}.detail-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}.detail-actions small{color:#9ca78d;font-size:10px;text-align:center}.master-conditions{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.master-conditions h3{font-size:12px;font-weight:550;margin-bottom:10px}.condition{display:flex;align-items:flex-start;gap:8px;color:#98a18c;font-size:11px;margin-top:7px}.condition.met{color:#6e8957}.condition svg{margin-top:1px}.detail-frequency{color:#9ca78d;font-size:10px;line-height:1.8;margin-top:18px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-row h3{font-size:13px;font-weight:550}.setting-row p{font-size:11px;color:#98a18f;margin-top:3px}.setting-row select{border:1px solid #dbe2cf;border-radius:8px;background:#fffef9;padding:7px;color:#748963;font-size:12px}.toggle{width:42px;height:25px;background:#d8decd;border-radius:30px;position:relative;flex-shrink:0;padding:0}.toggle.on{background:#6c8c54}.toggle:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#fffef7;transition:transform .2s;box-shadow:0 1px 4px #244b2422}.toggle.on:after{transform:translateX(17px)}.settings-section{font-size:10px;letter-spacing:1px;color:#98a18c;margin:23px 0 4px}.backup-actions{display:flex;gap:10px;margin-top:14px}.settings-foot{font-size:10px;color:#a2ab94;line-height:1.9;margin-top:17px}.source-content{font-size:12px;line-height:1.9;color:#819173}.source-content h3{font-size:14px;color:#637b53;font-weight:550;margin:22px 0 8px}.source-content a{color:#688c50;text-decoration:underline;text-underline-offset:3px}.source-content ul{padding-left:17px}.source-content p{margin:8px 0}.confirm-box{padding:20px;background:#fffefa;border:1px solid var(--line);border-radius:13px;margin-top:20px}.confirm-box p{color:#869778;font-size:12px}.confirm-actions{display:flex;gap:10px;margin-top:17px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,10px);background:#314e3b;color:#f4f6eb;border-radius:12px;padding:12px 20px;z-index:200;font-size:12px;opacity:0;pointer-events:none;transition:all .2s;max-width:calc(100vw - 35px);box-shadow:0 8px 30px #20302225;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#946e4e}.mobile-nav{display:none}.celebrate{animation:celebrate .7s ease-out}.fade-enter{animation:riseIn .35s ease both}.keyboard-tip{font-size:10px;color:#a4ad97}.overview-tip{margin-top:24px;padding:15px 18px;border:1px dashed #d6e0c9;border-radius:11px;color:#91a480;font-size:11px;display:flex;gap:10px;align-items:center}.shared-note{font-size:11px;color:#9ba58c;text-align:center;margin-top:15px}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes riseIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrate{0%{box-shadow:0 0 0 0 #c9b77980}80%{box-shadow:0 0 0 18px #c9b77900}100%{box-shadow:0 0 0 0 #c9b77900}}
@media(min-width:1450px){.header-inner{max-width:1352px}main{max-width:1352px;padding-top:40px}.hero{min-height:420px}.hero-copy{padding-top:36px}.hero h1{font-size:49px}.hero-art{transform:scale(1.05)}.hero-card{width:195px}.hero-card:nth-of-type(3){width:213px}.site-footer{max-width:1264px}}
@media(max-width:1060px){.header-inner{padding:0 28px}main{padding:28px}.brand-sub{display:none}.nav-item{padding:9px 14px}.hero h1{font-size:39px}.hero-card{width:160px}.hero-card:nth-of-type(3){width:180px}.hero-card:nth-of-type(1){transform:translate(-110px,14px) rotate(-12deg)}.hero-card:nth-of-type(2){transform:translate(106px,8px) rotate(13deg)}.hero-art:hover .hero-card:nth-of-type(1){transform:translate(-116px,14px) rotate(-14deg)}.hero-art:hover .hero-card:nth-of-type(2){transform:translate(115px,8px) rotate(15deg)}.hero-aura{width:280px;height:275px;top:40px}.hero{gap:0;min-height:370px}.hero-card .card-word{font-size:21px}.hero-card .card-meaning{font-size:9px}.decks-grid{gap:9px}.deck-tile{padding:15px 11px}.atlas-grid{grid-template-columns:repeat(4,1fr)}.site-footer{margin:0 28px}.pack-grid{gap:10px}.flip-back .card-word{font-size:19px}.flip-inner{aspect-ratio:.61}}
@media(max-width:760px){.site-header{height:70px}.header-inner{padding:0 21px}.brand-title{font-size:19px}.brand-symbol{width:33px;height:33px}.main-nav{gap:0}.nav-item{padding:8px 10px;font-size:12px}.nav-item svg{display:none}.header-tools{gap:10px}.streak{font-size:10px}.header-sep,.avatar{display:none}main{padding:25px 23px 38px}.hero{grid-template-columns:1fr;gap:0;padding-bottom:26px}.hero-copy{padding-top:8px}.hero h1{font-size:40px;line-height:1.35;margin-top:15px}.hero-description{margin-top:14px;font-size:12px;max-width:390px}.hero-actions{margin-top:22px}.hero-art{margin-top:15px;min-height:330px}.hero-aura{top:20px;width:300px;height:275px}.hero-card{width:168px}.hero-card:nth-of-type(3){width:183px}.hero-card:nth-of-type(1){transform:translate(-123px,12px) rotate(-12deg)}.hero-card:nth-of-type(2){transform:translate(120px,8px) rotate(13deg)}.preview-label{bottom:0}.hero-star.one{right:65px;top:10px}.hero-star.two{left:68px;bottom:40px}.stats-row{padding:20px 0;margin-bottom:25px}.stat{padding:0 15px}.stat-title{font-size:10px;gap:4px}.stat-title svg{width:14px;height:14px}.stat-value{font-size:28px}.stat-foot{font-size:9px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:14px}.panel{padding:17px}.section-en{display:none}.section-title{font-size:15px}.task-item{gap:10px}.task-icon{width:34px;height:34px;border-radius:9px}.task-content p{font-size:10px}.task-content h3{font-size:12px}.task-item>.btn{padding:7px 9px;font-size:10px;min-height:32px}.task-meta{display:none}.decks-grid{grid-template-columns:repeat(5,minmax(125px,1fr));overflow-x:auto;padding-bottom:8px}.page-head h1{font-size:27px}.page-head{margin-bottom:22px}.page-meta{font-size:10px}.pack-grid{grid-template-columns:repeat(3,1fr);max-width:620px;margin:0 auto;gap:14px}.flip-inner{aspect-ratio:.68}.flip-back .card-art{aspect-ratio:1.05}.flip-back .card-word{font-size:22px}.flip-slot:nth-child(4){grid-column:auto}.reveal-actions{flex-wrap:wrap}.intro-grid{grid-template-columns:.7fr 1fr}.intro-content{padding:28px 23px}.learning-word{font-size:36px}.intro-visual{min-height:390px}.question-body{padding:27px}.atlas-grid{grid-template-columns:repeat(3,1fr);gap:16px 12px}.atlas-grid .card-word{font-size:21px}.filter-tools{width:100%}.search-wrap{flex:1}.search-input{width:100%}.atlas-filters{gap:13px}.detail-grid{grid-template-columns:190px 1fr;gap:23px}.modal{padding:27px}.detail-info .learning-word{font-size:28px}.detail-grid .card-word{font-size:25px}.site-footer{margin:0 23px;gap:10px}.site-footer .footer-brand{font-size:9px}}
@media(max-width:540px){body{font-size:13px}.site-header{height:65px}.header-inner{padding:0 18px}.main-nav{display:none}.header-tools .icon-btn{width:32px;height:32px}.streak{font-size:11px}main{padding:25px 20px 35px}.hero{min-height:0;padding-bottom:23px}.hero h1{font-size:35px;letter-spacing:-1px;margin-top:15px}.hero-copy{padding-top:2px}.hero-small{font-size:12px}.hero-description{font-size:12px;margin-top:15px;line-height:1.85}.hero-actions{gap:9px;margin-top:23px}.hero-actions .btn{font-size:12px;padding:11px 16px;min-height:44px}.hero-note{font-size:10px}.hero-note button{font-size:10px}.hero-art{min-height:300px;margin-top:22px;overflow:visible}.hero-card{width:142px}.hero-card:nth-of-type(3){width:164px;transform:translateY(-4px) rotate(-2deg)}.hero-card:nth-of-type(1){transform:translate(-90px,16px) rotate(-12deg)}.hero-card:nth-of-type(2){transform:translate(89px,11px) rotate(12deg)}.hero-art:hover .hero-card:nth-of-type(1){transform:translate(-94px,16px) rotate(-14deg)}.hero-art:hover .hero-card:nth-of-type(2){transform:translate(93px,11px) rotate(14deg)}.hero-card .card-art{aspect-ratio:.98}.hero-card .card-word{font-size:21px}.hero-card .card-pos{font-size:8px}.hero-card .card-body{padding:9px 4px 4px}.hero-card .card-bottom{font-size:7px}.hero-aura{width:255px;height:250px;top:17px}.hero-aura:after{inset:12px -12px}.hero-star.one{right:0;top:3px;font-size:25px}.hero-star.two{left:3px;bottom:30px}.preview-label{bottom:-1px;font-size:9px}.stats-row{padding:19px 0;margin-bottom:23px}.stat{padding:0 12px}.stat-title{font-size:9px;white-space:nowrap}.stat-title svg{display:none}.stat-value{font-size:28px}.stat-value small{font-size:10px;margin-left:4px}.stat-foot{display:none}.dashboard-grid{grid-template-columns:1fr;margin-bottom:27px}.panel{padding:19px}.section-head{margin-bottom:13px}.section-title{font-size:16px}.task-item{gap:13px;padding:13px 0}.task-item>.btn{padding:8px 12px;min-height:35px;font-size:11px}.task-content p{font-size:11px}.task-content h3{font-size:13px}.task-icon{width:39px;height:39px}.week-bars{height:70px;margin-top:15px}.week-bar-wrap{height:45px;max-width:31px}.week-caption{margin-top:11px;font-size:10px}.decks-grid{grid-template-columns:repeat(5,135px);margin-right:-20px;padding-right:20px;gap:10px}.deck-tile{padding:16px}.deck-code{font-size:19px}.page-head{align-items:flex-start;gap:10px}.page-head h1{font-size:25px;margin-top:7px}.page-subtitle{font-size:11px;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:2px}.page-meta{font-size:9px;white-space:nowrap;margin-top:24px}.page-meta .pill{font-size:9px;padding:4px 8px}.draw-stage{margin-top:20px;padding:28px 20px;min-height:357px}.draw-stage:before{width:350px;height:350px}.draw-stage:after{width:440px;height:440px}.pack-preview{height:224px;margin-bottom:21px}.draw-rules{gap:8px 14px;margin-top:16px;font-size:9px}.pack-grid{grid-template-columns:repeat(2,1fr);gap:15px 12px}.flip-inner{aspect-ratio:.66}.flip-back .card-word{font-size:23px}.flip-back .card-art{aspect-ratio:.95}.flip-slot:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.reveal-header h2{font-size:18px}.reveal-header{margin-bottom:20px}.reveal-actions{gap:9px}.reveal-actions .btn{font-size:12px;padding:11px 16px}.learn-empty{padding:35px 8px;margin-top:0}.learn-empty h2{font-size:23px}.learn-empty p{font-size:12px}.queue-summary{gap:38px}.intro-grid{grid-template-columns:1fr}.intro-visual{min-height:180px;max-height:180px}.intro-visual img{object-position:50% 47%}.intro-content{padding:25px}.learning-word{font-size:39px}.learning-meaning{margin-top:20px}.intro-content .btn{width:100%;margin-top:23px}.learning-kicker{margin-bottom:14px}.session-top{gap:11px;margin-bottom:19px}.session-top .btn{padding:6px 8px;font-size:11px;min-height:32px}.session-count{font-size:10px}.question-body{padding:24px 20px 25px;min-height:345px}.question-word-row{margin:25px 0 27px}.question-word-row .learning-word{font-size:37px}.question-header{margin-bottom:20px}.answer-grid{grid-template-columns:1fr;gap:10px}.answer-choice{padding:12px 14px;min-height:54px}.question-help{gap:8px;font-size:10px}.keyboard-tip{display:none}.feedback{padding:19px 20px;flex-direction:column;align-items:stretch;gap:14px}.feedback>.btn{width:100%}.context-cloze{font-size:24px;text-align:left;line-height:1.65}.context-meaning{text-align:left;font-size:12px}.answer-form{flex-direction:column;gap:12px}.answer-input{width:100%}.learn-summary{padding:35px 21px}.summary-actions{flex-direction:column}.summary-actions .btn{width:100%}.learn-summary .queue-summary{gap:25px}.atlas-banner{padding:20px;gap:13px;margin-bottom:23px}.atlas-banner h2{font-size:16px}.atlas-banner p{font-size:10px;max-width:190px;line-height:1.8}.atlas-count{font-size:34px}.filter-tab{padding:6px 10px;font-size:11px}.filter-tab small{font-size:9px}.filter-tools{gap:7px}.small-select{max-width:105px;padding:8px 5px;font-size:10px}.search-input{font-size:10px;padding-right:7px}.theme-row{margin-right:-20px;padding-right:20px;gap:7px;margin-bottom:18px}.atlas-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}.atlas-grid .card-word{font-size:24px}.atlas-grid .card-body{padding:10px 5px 6px}.atlas-grid .card-meaning{font-size:10px}.atlas-grid .card-bottom{font-size:8px}.atlas-grid .card-art{aspect-ratio:1}.card-locked .card-word{font-size:15px}.modal-overlay{padding:16px;align-items:center}.modal{padding:25px 20px;max-height:90dvh;border-radius:21px}.modal-close{right:12px;top:12px;width:31px;height:31px}.modal h2{font-size:21px}.detail-grid{grid-template-columns:1fr;gap:23px;margin-top:8px}.detail-grid>.word-card{width:190px;justify-self:center}.detail-grid .card-art{aspect-ratio:1.15}.detail-grid .card-word{font-size:25px}.detail-grid .card-body{padding:11px 7px 7px}.detail-info{padding-top:0}.detail-info .learning-word{font-size:31px;margin-top:12px}.detail-info .learning-meaning{margin-top:14px}.detail-info .example{margin-top:16px;padding-top:13px}.detail-actions{margin-top:17px}.master-conditions{margin-top:17px;padding-top:13px}.detail-frequency{font-size:9px;margin-top:14px}.modal-sub{font-size:11px;margin-bottom:17px}.setting-row{gap:15px}.setting-row h3{font-size:12px}.setting-row p{font-size:10px}.backup-actions{gap:8px}.backup-actions .btn{padding:9px 11px;font-size:11px}.source-content{font-size:11px}.source-content h3{font-size:13px}.site-footer{margin:0 20px 78px;padding-top:19px;font-size:9px;flex-wrap:wrap;gap:8px}.site-footer button{font-size:9px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:calc(66px + env(safe-area-inset-bottom));padding:6px 14px calc(6px + env(safe-area-inset-bottom));background:#fbfbf5f5;backdrop-filter:blur(16px);border-top:1px solid #e3e8d9;display:grid;grid-template-columns:repeat(4,1fr);z-index:40}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9aa78d;font-size:10px;background:transparent;border-radius:12px}.mobile-nav button.active{color:#3e693c;background:#edf2e3}.mobile-nav button svg{width:20px;height:20px}.toast{bottom:calc(84px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 35px);font-size:11px}.overview-tip{font-size:10px;line-height:1.8;align-items:flex-start}.page-head>.btn{padding:7px 10px;font-size:10px;margin-top:18px;min-height:33px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-art:hover .hero-card{transform:none!important}}


.word-card:not(.hero-card){width:100%}

.hero-art .hero-card{position:absolute}
@media(min-width:761px) and (max-width:900px){.hero-art{transform:scale(.8);transform-origin:center center}}

.save-warning{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff0dc;border:1px solid #e3c6a1;color:#8f6d3e;padding:13px 17px;border-radius:10px;font-size:12px;margin-bottom:20px}.save-warning button{background:#8c724d;color:white;border-radius:7px;padding:7px 12px;white-space:nowrap}.refresh-stamp{color:#aa7d4b;border-color:#bea27a;background:#fff8eb}