*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f0e8da;font-family:DM Sans,sans-serif}:root{--terra:#c4622d;--terra-dark:#8b3a2a;--terra-light:#e8906a;--terra-pale:#c4622d14;--gold:#c9933a;--gold-light:#f0c97a;--cream:#f0e8da;--cream-2:#e8dcc8;--cream-3:#ddd0b8;--ink:#1c1409;--ink-2:#4a3728;--ink-3:#7a6858;--sage:#6b7c5e;--sage-light:#b8c9a8;--white:#fffcf7;--surface:#fbf6ee;--r4:4px;--r8:8px;--r12:12px;--r16:16px;--r20:20px;--r24:24px;--r99:99px;--shadow-sm:0 1px 3px #1c140914,0 1px 2px #1c14090a;--shadow-md:0 4px 16px #1c14091a,0 2px 6px #1c14090f;--shadow-lg:0 12px 40px #1c140924,0 4px 12px #1c140914}.app{background:var(--cream);flex-direction:column;min-height:100vh;display:flex}.nav{background:var(--white);border-bottom:1px solid var(--cream-2);z-index:100;height:60px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.nav-logo{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:7px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700;display:flex}.nav-logo-moon{color:var(--terra);font-size:18px}.nav-logo-accent{color:var(--terra)}.nav-right{align-items:center;gap:6px;display:flex}.streak-chip{background:linear-gradient(135deg,#ff6b35,var(--terra-dark));color:#fff;border-radius:var(--r99);letter-spacing:.01em;align-items:center;gap:4px;padding:4px 11px;font-size:12px;font-weight:600;display:flex}.streak-chip.zero{background:var(--cream-2);color:var(--ink-3)}.nav-icon-btn{border-radius:var(--r8);border:1px solid var(--cream-2);cursor:pointer;width:34px;height:34px;color:var(--ink-2);background:0 0;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.nav-icon-btn:hover{background:var(--cream);border-color:var(--cream-3)}.nav-user{color:var(--ink-3);padding:0 4px;font-size:13px;font-weight:500}.nav-text-btn{cursor:pointer;color:var(--ink-3);border-radius:var(--r8);background:0 0;border:none;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.nav-text-btn:hover{background:var(--cream);color:var(--ink)}.auth-wrap{background:var(--cream);flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:24px;display:flex;position:relative;overflow:hidden}.auth-card{background:var(--white);border-radius:var(--r24);width:100%;max-width:400px;box-shadow:var(--shadow-lg);z-index:1;padding:40px 36px;position:relative}.auth-logo{color:var(--ink);text-align:center;margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700}.auth-logo span{color:var(--terra)}.auth-tagline{text-align:center;color:var(--ink-3);margin-bottom:28px;font-size:13px}.auth-tabs{background:var(--cream);border-radius:var(--r12);margin-bottom:24px;padding:3px;display:flex}.auth-tab{border-radius:var(--r8);cursor:pointer;color:var(--ink-3);background:0 0;border:none;flex:1;padding:9px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.auth-tab.active{background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm)}.field-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.field-input{background:var(--cream);border:1.5px solid var(--cream-2);border-radius:var(--r12);width:100%;color:var(--ink);outline:none;margin-bottom:14px;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.field-input:focus{border-color:var(--terra);background:var(--white)}.auth-submit{background:linear-gradient(135deg,var(--terra),var(--terra-dark));color:#fff;border-radius:var(--r12);cursor:pointer;border:none;width:100%;margin-top:4px;padding:13px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #c4622d4d}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #c4622d59}.auth-submit:disabled{opacity:.6;cursor:default}.auth-error{color:#b91c1c;border-radius:var(--r8);background:#fef2f2;border:1px solid #fecaca;margin-top:12px;padding:10px 14px;font-size:13px}.auth-success{color:#15803d;border-radius:var(--r8);background:#f0fdf4;border:1px solid #bbf7d0;margin-top:12px;padding:10px 14px;font-size:13px}.home-hero{text-align:center;padding:64px 24px 40px;position:relative}.home-ku{color:var(--terra);letter-spacing:.03em;opacity:.85;margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:22px;font-style:italic}.home-h1{color:var(--ink);letter-spacing:-.02em;margin-bottom:14px;font-family:Cormorant Garamond,serif;font-size:clamp(40px,7vw,76px);font-weight:700;line-height:1.05}.home-h1 em{color:var(--terra);font-style:italic}.home-p{color:var(--ink-3);max-width:440px;margin:0 auto;font-size:16px;line-height:1.65}.home-free-badge{border-radius:var(--r99);color:var(--sage);background:#6b7c5e1a;border:1.5px solid #6b7c5e40;margin-bottom:18px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.home-try-btn{background:linear-gradient(135deg,var(--terra),var(--terra-dark));color:#fff;border-radius:var(--r99);cursor:pointer;border:none;margin-top:24px;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 20px #c4622d59}.home-try-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c4622d73}.home-srs-blurb{background:var(--white);border:1.5px solid var(--cream-2);border-left:4px solid var(--terra);border-radius:var(--r12);color:var(--ink-2);text-align:left;max-width:500px;box-shadow:var(--shadow-sm);align-items:flex-start;gap:10px;margin-top:20px;padding:16px 20px;font-size:15px;line-height:1.65;display:inline-flex}.home-srs-icon{flex-shrink:0;margin-top:1px;font-size:20px}.pairs-grid{flex-wrap:wrap;justify-content:center;gap:14px;max-width:980px;margin:0 auto;padding:0 24px 64px;display:flex}.pair-card{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r20);cursor:pointer;box-shadow:var(--shadow-sm);flex:0 280px;width:230px;min-width:200px;padding:22px;transition:all .2s;position:relative}.pair-card:hover{border-color:var(--terra-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pair-card.active{border-color:var(--terra);box-shadow:0 0 0 3px #c4622d1f,var(--shadow-md)}.pair-card.coming{opacity:.5;pointer-events:none}.coming-tag{background:var(--cream-2);color:var(--ink-3);border-radius:var(--r99);text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;font-size:9px;font-weight:700;position:absolute;top:14px;right:14px}.pair-short{color:var(--ink-3);letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:700}.pair-name{color:var(--ink);margin-bottom:2px;font-family:Cormorant Garamond,serif;font-size:24px;font-weight:700;line-height:1}.pair-native{color:var(--ink-3);margin-bottom:10px;font-size:12px}.pair-to{color:var(--terra);margin-bottom:14px;font-size:12px;font-weight:600}.pair-progress{background:var(--cream-2);border-radius:var(--r99);height:3px;margin-bottom:12px;overflow:hidden}.pair-progress-fill{background:linear-gradient(90deg,var(--gold),var(--terra-light));border-radius:var(--r99);height:100%;transition:width .6s}.pair-meta{color:var(--ink-3);justify-content:space-between;font-size:11px;display:flex}.deck-wrap{flex:1;width:100%;max-width:820px;margin:0 auto;padding:32px 24px}.back-btn{color:var(--ink-3);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-bottom:20px;padding:0;font-size:13px;font-weight:600;transition:color .15s;display:inline-flex}.back-btn:hover{color:var(--terra)}.deck-header{margin-bottom:24px}.deck-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700}.deck-sub{color:var(--ink-3);font-size:14px}.free-bar{background:var(--terra-pale);border-radius:var(--r12);border:1.5px solid #c4622d33;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;display:flex}.free-bar-text{color:var(--ink-2);font-size:13px}.free-bar-btn{background:var(--terra);color:#fff;border-radius:var(--r8);cursor:pointer;border:none;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.stats-row{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.stat-chip{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r12);box-shadow:var(--shadow-sm);padding:10px 16px}.stat-chip-num{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700;line-height:1}.stat-chip-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10px;font-weight:600}.limit-row{color:var(--ink-3);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;display:flex}.limit-picker{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.limit-chip{border-radius:var(--r99);border:1.5px solid var(--cream-2);cursor:pointer;color:var(--ink-3);background:0 0;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.limit-chip.sel{background:var(--terra);border-color:var(--terra);color:#fff}.cat-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.cat-chip{border:1.5px solid var(--cream-2);border-radius:var(--r99);background:var(--white);cursor:pointer;color:var(--ink-3);padding:6px 13px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.cat-chip:hover{border-color:var(--terra-light);color:var(--terra-dark)}.cat-chip.active{background:var(--terra);border-color:var(--terra);color:#fff}.study-btn{background:linear-gradient(135deg,var(--terra),var(--terra-dark));color:#fff;border-radius:var(--r16);cursor:pointer;letter-spacing:.01em;border:none;width:100%;margin-bottom:10px;padding:15px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 20px #c4622d4d}.study-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #c4622d59}.study-btn:disabled{opacity:.6;cursor:default;transform:none}.more-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.more-chip{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r12);color:var(--ink-2);cursor:pointer;box-shadow:var(--shadow-sm);padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.more-chip:hover{border-color:var(--terra-light);color:var(--terra-dark)}.my-cards-btn{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r16);width:100%;color:var(--ink-3);cursor:pointer;box-shadow:var(--shadow-sm);margin-bottom:22px;padding:13px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.my-cards-btn:hover{border-color:var(--terra-light);color:var(--terra-dark)}.cards-list{flex-direction:column;gap:6px;display:flex}.card-row{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r12);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.card-row-front{color:var(--ink);font-size:14px;font-weight:600}.card-row-hint{color:var(--ink-3);margin-top:2px;font-size:11px}.card-row-back{color:var(--terra-dark);font-family:Cormorant Garamond,serif;font-size:17px;font-weight:600}.card-dot{background:var(--cream-2);border-radius:50%;flex-shrink:0;width:8px;height:8px}.card-dot.l{background:var(--sage)}.card-dot.r{background:var(--gold)}.study-wrap{flex-direction:column;flex:1;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:24px 16px 36px;display:flex}.progress-row{align-items:center;gap:12px;width:100%;margin-bottom:28px;display:flex}.progress-track{background:var(--cream-2);border-radius:var(--r99);flex:1;height:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--terra),var(--gold));border-radius:var(--r99);height:100%;transition:width .4s}.progress-count{color:var(--ink-3);white-space:nowrap;font-size:12px;font-weight:600}.card-scene{perspective:1200px;cursor:pointer;width:100%;margin-bottom:22px}.card-3d{width:100%;transform-style:preserve-3d;min-height:260px;transition:transform .55s cubic-bezier(.4,.2,.2,1);position:relative}.card-3d.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:var(--r24);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 32px;display:flex;position:absolute;inset:0}.card-face-front{background:linear-gradient(145deg,var(--terra)0%,var(--terra-dark)100%);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff14 inset}.card-face-back{background:var(--white);border:1.5px solid var(--cream-2);box-shadow:var(--shadow-lg);transform:rotateY(180deg)}.card-lang-tag{letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r99);margin-bottom:16px;padding:4px 12px;font-size:10px;font-weight:700}.card-face-front .card-lang-tag{color:#fffc;background:#ffffff26}.card-face-back .card-lang-tag{background:var(--cream);color:var(--ink-3)}.card-word{margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:clamp(36px,8vw,56px);font-weight:700;line-height:1.1}.card-face-front .card-word{color:#fff}.card-face-back .card-word{color:var(--ink);visibility:hidden}.card-face-back .card-word.shown{visibility:visible}.card-hint-text{margin-bottom:0;font-size:13px}.card-face-front .card-hint-text{color:#ffffffa6}.card-face-back .card-hint-text{color:var(--ink-3)}.card-tap-hint{letter-spacing:.04em;font-size:11px;font-weight:600;animation:2s ease-in-out infinite fadeUpDown;position:absolute;bottom:18px}.card-face-front .card-tap-hint{color:#ffffff80}@keyframes fadeUpDown{0%,to{opacity:.4;transform:translateY(1px)}50%{opacity:.9;transform:translateY(-1px)}}.card-audio-btn{cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:background .15s;display:flex;position:absolute;top:14px;right:14px}.card-audio-btn:hover{background:#ffffff40}.card-audio-btn.back{background:var(--cream-2);color:var(--ink-2)}.card-audio-btn.back:hover{background:var(--cream-3)}.card-image{border-radius:var(--r12);object-fit:cover;border:2px solid #ffffff40;width:80px;height:80px;margin-bottom:10px;box-shadow:0 2px 8px #00000026}.show-answer-btn{background:var(--cream-2);border-radius:var(--r16);width:100%;max-width:520px;color:var(--ink-2);cursor:pointer;border:none;margin-bottom:14px;padding:15px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.show-answer-btn:hover{background:var(--cream-3);color:var(--ink)}.rating-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:520px;display:grid}.rating-btn{border:1.5px solid var(--cream-2);border-radius:var(--r14,14px);background:var(--white);cursor:pointer;text-align:center;box-shadow:var(--shadow-sm);padding:13px 6px;transition:all .15s}.rating-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rating-label{margin-bottom:2px;font-size:13px;font-weight:700}.rating-time{color:var(--ink-3);font-size:10px}.rating-btn.again{border-color:#fca5a5}.rating-btn.again:hover{background:#fef2f2}.rating-btn.again .rating-label{color:#b91c1c}.rating-btn.hard{border-color:#fcd34d}.rating-btn.hard:hover{background:#fffbeb}.rating-btn.hard .rating-label{color:#92400e}.rating-btn.good{border-color:var(--terra-light)}.rating-btn.good:hover{background:var(--terra-pale)}.rating-btn.good .rating-label{color:var(--terra-dark)}.rating-btn.easy{border-color:var(--sage-light)}.rating-btn.easy:hover{background:#f1f8e9}.rating-btn.easy .rating-label{color:var(--sage)}.complete-wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.complete-emoji{margin-bottom:14px;font-size:64px;animation:.4s pop}@keyframes pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.complete-streak-chip{background:linear-gradient(135deg,#ff6b35,var(--terra-dark));color:#fff;border-radius:var(--r99);margin-bottom:18px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block}.complete-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:44px;font-weight:700}.complete-sub{color:var(--ink-3);margin-bottom:28px;font-size:15px}.complete-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.complete-stat{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r16);min-width:88px;box-shadow:var(--shadow-sm);padding:18px 22px}.complete-stat-num{font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;line-height:1}.complete-stat-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:10px;font-weight:600}.btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn-primary{background:linear-gradient(135deg,var(--terra),var(--terra-dark));color:#fff;border-radius:var(--r14,14px);cursor:pointer;border:none;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #c4622d4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #c4622d59}.btn-secondary{background:var(--cream-2);color:var(--ink-2);border-radius:var(--r14,14px);cursor:pointer;border:none;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.btn-secondary:hover{background:var(--cream-3)}.loading{flex:1;justify-content:center;align-items:center;min-height:60vh;display:flex}.spinner{border:3px solid var(--cream-2);border-top-color:var(--terra);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dash-wrap{flex:1;width:100%;max-width:820px;margin:0 auto;padding:32px 24px}.dash-h1{color:var(--ink);letter-spacing:-.02em;margin-bottom:22px;font-family:Cormorant Garamond,serif;font-size:34px;font-weight:700}.streak-card{background:linear-gradient(135deg,#ff6b35,var(--terra-dark));border-radius:var(--r20);color:#fff;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 24px;display:flex;box-shadow:0 8px 24px #c4622d4d}.sc-left{align-items:center;gap:14px;display:flex}.sc-flame{font-size:38px}.sc-num{font-family:Cormorant Garamond,serif;font-size:44px;font-weight:700;line-height:1}.sc-label{opacity:.75;text-transform:uppercase;letter-spacing:.06em;margin-top:1px;font-size:11px;font-weight:600}.sc-best-num{text-align:right;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700}.sc-best-label{opacity:.65;text-align:right;font-size:11px}.dash-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.dash-stat{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r16);box-shadow:var(--shadow-sm);padding:16px 20px}.dash-stat-num{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:34px;font-weight:700}.dash-stat-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:10px;font-weight:600}.section-label{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);margin-bottom:12px;font-size:11px;font-weight:700}.mat-bar-row{align-items:center;gap:10px;margin-bottom:9px;display:flex}.mat-bar-label{color:var(--ink-3);flex-shrink:0;width:68px;font-size:12px;font-weight:500}.mat-bar-track{background:var(--cream-2);border-radius:var(--r99);flex:1;height:8px;overflow:hidden}.mat-bar-fill{border-radius:var(--r99);height:100%;transition:width .8s}.mat-bar-count{color:var(--ink-3);text-align:right;flex-shrink:0;width:30px;font-size:12px;font-weight:600}.session-row{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r12);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex}.session-date{color:var(--ink);font-size:13px;font-weight:600}.session-meta{color:var(--ink-3);margin-top:1px;font-size:12px}.session-acc{color:var(--sage);font-size:14px;font-weight:700}.mc-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c140980;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.mc-panel{background:var(--cream);border-radius:var(--r20)var(--r20)0 0;flex-direction:column;flex:1;width:100%;max-width:700px;margin:40px auto 0;display:flex;overflow:hidden}.mc-header{background:var(--white);border-bottom:1px solid var(--cream-2);border-radius:var(--r20)var(--r20)0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.mc-title{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700}.mc-close{background:var(--cream-2);border-radius:var(--r8);cursor:pointer;color:var(--ink-2);border:none;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.mc-close:hover{background:var(--cream-3)}.mc-toolbar{background:var(--white);border-bottom:1px solid var(--cream-2);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.mc-search{background:var(--cream);border:1.5px solid var(--cream-2);border-radius:var(--r12);min-width:140px;color:var(--ink);outline:none;flex:1;padding:9px 13px;font-family:DM Sans,sans-serif;font-size:14px}.mc-search:focus{border-color:var(--terra)}.mc-filter-btn{border:1.5px solid var(--cream-2);border-radius:var(--r8);cursor:pointer;color:var(--ink-3);background:0 0;padding:8px 13px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.mc-filter-btn.active{background:var(--terra);border-color:var(--terra);color:#fff}.mc-add-btn{background:linear-gradient(135deg,var(--terra),var(--terra-dark));color:#fff;border-radius:var(--r8);cursor:pointer;white-space:nowrap;border:none;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.mc-list{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.mc-card-row{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r12);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:12px 16px;transition:border-color .15s;display:flex}.mc-card-row:hover{border-color:var(--terra-light)}.mc-card-content{flex:1;min-width:0}.mc-card-front{color:var(--ink);font-size:14px;font-weight:600}.mc-card-back{color:var(--terra-dark);margin-top:1px;font-family:Cormorant Garamond,serif;font-size:16px}.mc-card-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px;font-size:11px;display:flex}.mc-badge{border-radius:var(--r99);background:var(--cream-2);color:var(--ink-3);padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.mc-badge.custom{background:var(--terra-pale);color:var(--terra-dark)}.mc-actions{flex-shrink:0;gap:5px;display:flex}.mc-icon-btn{cursor:pointer;border-radius:var(--r8);background:0 0;border:none;padding:5px;font-size:15px;transition:background .15s}.mc-icon-btn:hover{background:var(--cream-2)}.mc-empty{text-align:center;color:var(--ink-3);padding:48px 24px}.mc-empty-icon{margin-bottom:12px;font-size:40px}.mc-modal-bg{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c140999;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mc-modal{background:var(--white);border-radius:var(--r24);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);padding:28px;overflow-y:auto}.mc-modal-title{color:var(--ink);margin-bottom:20px;font-family:Cormorant Garamond,serif;font-size:24px;font-weight:700}.mc-modal-footer{gap:10px;margin-top:20px;display:flex}.media-section{border:1.5px solid var(--cream-2);border-radius:var(--r12);background:var(--cream);margin-bottom:14px;padding:13px 14px}.media-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin-bottom:10px;font-size:10px;font-weight:700}.media-btn-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.media-btn{border:1.5px solid var(--cream-2);border-radius:var(--r8);background:var(--white);color:var(--ink-3);cursor:pointer;align-items:center;gap:5px;padding:7px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.media-btn:hover{border-color:var(--terra-light);color:var(--terra-dark)}.media-btn.recording{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.record-timer-row{align-items:center;gap:8px;margin-top:9px;display:flex}.record-bar{background:var(--cream-2);border-radius:var(--r99);flex:1;height:4px;overflow:hidden}.record-bar-fill{border-radius:var(--r99);background:#fca5a5;height:100%;transition:width .9s linear}.record-time-label{color:#b91c1c;font-size:11px;font-weight:700}.ob-screen{background:var(--cream);z-index:500;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.ob-card{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r24);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:36px 32px}.ob-progress{justify-content:center;gap:5px;margin-bottom:28px;display:flex}.ob-dot{border-radius:var(--r99);background:var(--cream-2);width:6px;height:6px;transition:all .25s}.ob-dot.active{background:var(--terra);width:20px}.ob-step-label{text-transform:uppercase;letter-spacing:.1em;color:var(--terra);margin-bottom:6px;font-size:11px;font-weight:700}.ob-title{color:var(--ink);letter-spacing:-.01em;margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:30px;font-weight:700;line-height:1.15}.ob-sub{color:var(--ink-3);margin-bottom:22px;font-size:14px;line-height:1.65}.ob-option{background:var(--cream);border:1.5px solid var(--cream-2);border-radius:var(--r12);text-align:left;color:var(--ink-2);cursor:pointer;width:100%;margin-bottom:7px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.ob-option:hover,.ob-option.active{border-color:var(--terra);background:var(--terra-pale);color:var(--ink)}.ob-pill-row{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.ob-pill{border:1.5px solid var(--cream-2);border-radius:var(--r99);background:var(--white);color:var(--ink-3);cursor:pointer;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.ob-pill.active{background:var(--terra);border-color:var(--terra);color:#fff}.ob-textarea{background:var(--cream);border:1.5px solid var(--cream-2);border-radius:var(--r12);width:100%;color:var(--ink);resize:vertical;box-sizing:border-box;outline:none;min-height:90px;margin-bottom:18px;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.55;transition:border-color .2s}.ob-textarea:focus{border-color:var(--terra);background:var(--white)}.ob-reminder-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.ob-reminder-card{border:1.5px solid var(--cream-2);border-radius:var(--r16);text-align:center;cursor:pointer;background:var(--white);padding:18px;transition:all .15s}.ob-reminder-card.active{border-color:var(--terra);background:var(--terra-pale)}.ob-reminder-icon{margin-bottom:5px;font-size:28px}.ob-reminder-label{color:var(--ink-2);font-size:13px;font-weight:600}.ob-submit{background:linear-gradient(135deg,var(--terra),var(--terra-dark));color:#fff;border-radius:var(--r14,14px);cursor:pointer;border:none;width:100%;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #c4622d4d}.ob-submit:hover:not(:disabled){transform:translateY(-1px)}.ob-submit:disabled{opacity:.6;cursor:default}.ob-skip{width:100%;color:var(--ink-3);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:11px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.settings-wrap{background:var(--cream);z-index:400;position:fixed;inset:0;overflow-y:auto}.settings-inner{max-width:660px;margin:0 auto;padding:28px 20px 48px}.settings-h1{color:var(--ink);letter-spacing:-.02em;margin-bottom:24px;font-family:Cormorant Garamond,serif;font-size:32px;font-weight:700}.settings-card{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r20);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:20px 22px}.settings-card-title{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);margin-bottom:16px;font-size:11px;font-weight:700}.sub-badge{border-radius:var(--r99);align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.sub-badge.free{background:var(--cream-2);color:var(--ink-3)}.sub-badge.pro{background:linear-gradient(135deg,var(--terra),var(--terra-dark));color:#fff}.sub-badge.lifetime{background:linear-gradient(135deg,var(--gold),#8b6914);color:#fff}.reason-row{border-bottom:1px solid var(--cream-2);align-items:flex-start;gap:10px;padding:11px 0;display:flex}.reason-row:last-child{border-bottom:none;padding-bottom:0}.reason-text{color:var(--ink);flex:1;font-size:14px;line-height:1.55}.reason-date{color:var(--ink-3);margin-top:3px;font-size:11px}.reason-del{cursor:pointer;color:var(--ink-3);border-radius:var(--r4);background:0 0;border:none;flex-shrink:0;padding:3px;font-size:14px;transition:all .15s}.reason-del:hover{background:var(--cream-2);color:#b91c1c}.toggle-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.toggle-track{border-radius:var(--r99);background:var(--cream-2);cursor:pointer;flex-shrink:0;width:42px;height:22px;transition:background .2s;position:relative}.toggle-track.on{background:var(--terra)}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0003}.toggle-track.on .toggle-thumb{transform:translate(20px)}.upgrade-wrap{background:var(--cream);z-index:400;position:fixed;inset:0;overflow-y:auto}.upgrade-inner{max-width:760px;margin:0 auto;padding:28px 20px 52px}.upgrade-h1{color:var(--ink);text-align:center;letter-spacing:-.02em;margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:38px;font-weight:700}.upgrade-sub{color:var(--ink-3);text-align:center;max-width:420px;margin:0 auto 32px;font-size:15px;line-height:1.65}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}@media (max-width:760px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r20);text-align:center;box-shadow:var(--shadow-sm);padding:24px 18px;transition:all .2s;position:relative}.pricing-card.featured{border-color:var(--terra);box-shadow:0 8px 32px #c4622d26}.pricing-badge{background:var(--terra);color:#fff;border-radius:var(--r99);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;padding:3px 12px;font-size:10px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.pricing-name{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);margin-bottom:10px;font-size:11px;font-weight:700}.pricing-price{color:var(--ink);margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:44px;font-weight:700;line-height:1}.pricing-period{color:var(--ink-3);margin-bottom:18px;font-size:12px}.pricing-features{text-align:left;margin-bottom:18px}.pricing-feature{color:var(--ink-3);align-items:center;gap:7px;padding:3px 0;font-size:12px;display:flex}.pricing-feature-check{color:var(--sage);flex-shrink:0;font-weight:700}.pricing-cta-primary{background:linear-gradient(135deg,var(--terra),var(--terra-dark));color:#fff;border-radius:var(--r12);cursor:pointer;border:none;width:100%;padding:12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #c4622d4d}.pricing-cta-secondary{background:var(--cream-2);width:100%;color:var(--ink-2);border-radius:var(--r12);cursor:pointer;border:none;padding:12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.pricing-cta-primary:hover{transform:translateY(-1px)}.pricing-cta-secondary:hover{background:var(--cream-3)}.pricing-cta-primary:disabled,.pricing-cta-secondary:disabled{opacity:.6;cursor:default;transform:none}.story-wrap{background:var(--cream);flex:1;overflow-y:auto}.story-inner{max-width:540px;margin:0 auto;padding:20px 16px 48px}.story-progress-label{color:var(--ink-3);justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.story-progress-track{background:var(--cream-2);border-radius:99px;height:4px;margin-bottom:20px;overflow:hidden}.story-progress-fill{background:linear-gradient(90deg,var(--terra),var(--gold));border-radius:99px;height:100%;transition:width .5s}.story-num{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:4px;font-size:11px;font-weight:700}.story-title{color:var(--ink);letter-spacing:-.01em;margin-bottom:16px;font-family:Cormorant Garamond,serif;font-size:30px;font-weight:700}.story-scene-svg{border-radius:var(--r20);width:100%;box-shadow:var(--shadow-md);margin-bottom:16px;display:block;overflow:hidden}.story-card{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r20);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:20px}.story-dots{gap:5px;margin-bottom:14px;display:flex}.story-dot{background:var(--cream-2);border-radius:50%;width:6px;height:6px;transition:all .3s}.story-dot.done{background:var(--sage)}.story-dot.active{background:var(--terra);border-radius:99px;width:18px}.story-ku{color:var(--ink);margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:22px;line-height:1.55}.story-ku-word{color:var(--terra-dark);cursor:pointer;border-bottom:2px dotted var(--terra-light);font-weight:700;transition:all .15s;position:relative}.story-ku-word:hover{color:var(--terra)}.story-ku-word.revealed{border-bottom-color:var(--sage);color:var(--sage)}.story-tooltip{background:var(--ink);color:#fff;border-radius:var(--r8);white-space:nowrap;z-index:10;pointer-events:none;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.story-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.story-ku-word.revealed .story-tooltip{display:block}.story-trans-btn{cursor:pointer;color:var(--ink-3);background:0 0;border:none;align-items:center;gap:5px;margin-top:2px;padding:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:color .15s;display:flex}.story-trans-btn:hover{color:var(--terra)}.story-trans-text{color:var(--ink-3);border-top:1px solid var(--cream-2);max-height:0;margin-top:10px;padding-top:10px;font-size:13px;font-style:italic;line-height:1.6;transition:max-height .3s;overflow:hidden}.story-trans-text.open{max-height:200px}.story-vocab-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.story-vocab-pill{background:var(--cream);border:1px solid var(--cream-2);border-radius:99px;gap:5px;padding:5px 11px;font-size:11px;display:flex}.story-vocab-ku{color:var(--terra-dark);font-weight:700}.story-vocab-en{color:var(--ink-3)}.story-nav{gap:10px;display:flex}.quiz-wrap{background:var(--cream);flex:1;overflow-y:auto}.quiz-inner{max-width:540px;margin:0 auto;padding:20px 16px 48px}.quiz-header{text-align:center;margin-bottom:22px}.quiz-badge{background:var(--terra-pale);text-transform:uppercase;letter-spacing:.07em;color:var(--terra-dark);border:1px solid #c4622d33;border-radius:99px;margin-bottom:10px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-block}.quiz-title{color:var(--ink);margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700}.quiz-sub{color:var(--ink-3);font-size:13px}.quiz-card{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r20);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:22px}.quiz-qnum{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:14px;font-size:11px;font-weight:700}.quiz-sentence{color:var(--ink);margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:20px;line-height:1.6}.quiz-blank{border-bottom:2px solid var(--terra);vertical-align:middle;text-align:center;min-width:70px;height:26px;color:var(--terra-dark);margin:0 3px;font-size:17px;font-weight:700;transition:all .2s;display:inline-block}.quiz-blank.correct{border-color:var(--sage);color:var(--sage)}.quiz-blank.wrong{color:#e24b4a;border-color:#e24b4a}.quiz-hint-btn{cursor:pointer;color:var(--ink-3);background:0 0;border:none;align-items:center;gap:4px;margin-bottom:4px;padding:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:color .15s;display:flex}.quiz-hint-btn:hover{color:var(--terra)}.quiz-hint-text{color:var(--ink-3);max-height:0;margin-bottom:12px;font-size:13px;font-style:italic;transition:max-height .3s;overflow:hidden}.quiz-hint-text.open{max-height:40px}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option{border:1.5px solid var(--cream-2);border-radius:var(--r12);background:var(--white);color:var(--ink-2);cursor:pointer;text-align:left;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.quiz-option:hover:not(:disabled){border-color:var(--terra-light);background:var(--terra-pale)}.quiz-option.correct{border-color:var(--sage);color:#3a6b28;background:#f0f8e8}.quiz-option.wrong{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.quiz-option:disabled{cursor:default}.quiz-feedback{border-radius:var(--r12);align-items:center;gap:8px;margin-top:12px;padding:12px 16px;font-size:13px;font-weight:600;display:none}.quiz-feedback.correct{color:#3a6b28;background:#f0f8e8;display:flex}.quiz-feedback.wrong{color:#b91c1c;background:#fef2f2;display:flex}.stories-wrap{max-width:960px;margin:0 auto;padding:48px 24px 80px}.stories-header{text-align:center;margin-bottom:32px}.stories-title{color:var(--ink);letter-spacing:.01em;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:38px;font-weight:600}.stories-sub{color:var(--ink-3);font-size:14px}.stories-loading{text-align:center;color:var(--ink-3);padding:80px 0}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.story-card{background:var(--white);border:1.5px solid var(--cream-2);border-radius:var(--r16);outline:none;padding:20px;transition:all .2s;position:relative}.story-card-num{color:var(--terra);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700}.story-card-title{color:var(--ink);margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:600;line-height:1.2}.story-card-meta{color:var(--ink-3);margin-bottom:16px;font-size:12px}.story-card-status{align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;display:flex}.story-card-available{cursor:pointer}.story-card-available:hover,.story-card-available:focus-visible{border-color:var(--terra);transform:translateY(-2px);box-shadow:0 4px 16px #c4622d1f}.story-card-available-status{color:var(--terra-dark)}.story-card-completed{cursor:pointer;background:linear-gradient(135deg,var(--white),#f0f8e8)}.story-card-completed:hover,.story-card-completed:focus-visible{border-color:var(--sage);transform:translateY(-2px);box-shadow:0 4px 16px #7a8c6e2e}.story-card-completed-status{color:#3a6b28}.story-card-locked{opacity:.55;background:var(--cream);cursor:not-allowed}.story-card-locked .story-card-title,.story-card-locked-status{color:var(--ink-3)}.stories-empty-hint{text-align:center;color:var(--ink-3);background:var(--cream);border-radius:var(--r12);margin-top:32px;padding:20px;font-size:13px}.kilim-bg{pointer-events:none;z-index:0;opacity:.6;position:absolute;inset:0;overflow:hidden}@media (max-width:520px){.rating-grid{grid-template-columns:repeat(2,1fr)}.pairs-grid{padding:0 16px 48px}.pair-card{flex:0 100%;width:100%}.home-hero{padding:40px 16px 28px}}