@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&display=swap";:root{color:#1f2922;background:#faf7f2;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--primary: #d25c35;--primary-hover: #ba4e2a;--primary-tint: #fbf2ec;--primary-line: #f2d5c7;--botanical: #4d6d53;--botanical-dark: #27402c;--botanical-tint: #ebf3ea;--botanical-line: #dce8d8;--leaf: #e8f0e5;--mint: #f2f7f0;--coral: #d25c35;--gold: #c98a2c;--bg: #faf7f2;--surface: #ffffff;--surface-tint: #f5f9f3;--surface-warm: #faf5ee;--text: #1f2922;--muted: #67786c;--line: #e5ded4;--line-strong: #d5cbc0;--shadow-sm: 0 4px 16px rgba(39, 64, 44, .05);--shadow: 0 16px 40px rgba(39, 64, 44, .07);--shadow-lg: 0 24px 60px rgba(39, 64, 44, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background-color:var(--bg);color:var(--text)}button,input,select,a{font:inherit}button{border:0;cursor:pointer}button,a{color:inherit}a{text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:3px solid rgba(210,92,53,.35);outline-offset:2px}h1,h2,h3,p{margin:0}.bloom-app{min-height:100vh;background-color:var(--bg)}.bloom-layout{display:flex;max-width:1320px;margin:0 auto;min-height:100vh}.bloom-sidebar{position:sticky;top:0;height:100vh;width:236px;min-width:236px;padding:32px 20px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--bg);z-index:20}.sidebar-brand-wrap{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.sidebar-brand{display:flex;align-items:center;gap:10px}.lang-switch-toggle{position:relative;display:inline-flex;align-items:center;background:#ede8df;border:1px solid rgba(77,109,83,.2);border-radius:999px;padding:3px;width:96px;height:32px;-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 3px #27402c14}.lang-switch-btn{position:relative;z-index:2;flex:1;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:11px;font-weight:800;color:#7b8d80;cursor:pointer;transition:color .18s ease;letter-spacing:.6px;padding:0}.lang-switch-btn.is-active{color:var(--botanical-dark)}.lang-switch-slider{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:#fff;border-radius:999px;box-shadow:0 2px 6px #16241c24;transition:transform .22s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:1}.lang-switch-slider.is-vi{transform:translate(0)}.lang-switch-slider.is-eng{transform:translate(100%)}.brand-icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:var(--primary);color:#fff;box-shadow:0 8px 18px #d25c3547}.brand-text{font-family:Fraunces,ui-serif,Georgia,serif;font-size:20px;font-weight:700;color:var(--botanical-dark);letter-spacing:-.01em}.sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1}.sidebar-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:12px;background:transparent;color:var(--muted);font-size:15px;font-weight:700;text-align:left;transition:all .18s ease}.sidebar-nav-item:hover{background:#ebf3ea99;color:var(--botanical-dark);transform:translate(2px)}.sidebar-nav-item.is-active{background:var(--botanical-tint);color:var(--botanical-dark);font-weight:800}.sidebar-item-disabled{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;color:#92a297;font-size:15px;font-weight:600;cursor:not-allowed;-webkit-user-select:none;user-select:none}.badge-soon{margin-left:auto;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:#eae3d8;color:#7b7062}.sidebar-footer-donate{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px}.donate-header{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--botanical-dark);letter-spacing:.2px}.donate-icon{font-size:15px}.donate-qr-frame{position:relative;background:#fff;padding:6px;border-radius:12px;border:1px solid var(--line);box-shadow:0 4px 14px #27402c0f;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}.donate-qr-frame:hover{transform:translateY(-2px);box-shadow:0 8px 22px #27402c1f;border-color:var(--botanical)}.donate-qr-img{width:92px;height:92px;object-fit:contain;border-radius:6px;display:block}.donate-note{font-size:11px;color:var(--muted);line-height:1.35;margin:0}.mobile-header,.mobile-bottom-nav{display:none}.bloom-main-content{flex:1;min-width:0;padding:36px 36px 48px}.bloom-dashboard{animation:fadeIn .35s cubic-bezier(.2,.8,.2,1) both}.dashboard-hero-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.hero-heading{font-family:Fraunces,ui-serif,Georgia,serif;font-size:clamp(30px,3.8vw,44px);font-weight:700;color:var(--botanical-dark);line-height:1.05;letter-spacing:-.01em}.hero-sub{color:var(--muted);font-size:16px;font-weight:500;margin-top:6px}.hero-quote{color:#85988b;font-style:italic;font-size:14px;white-space:nowrap;padding-bottom:4px}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}.dashboard-col-left,.dashboard-col-right{display:flex;flex-direction:column;gap:24px}.hero-session-card{position:relative;overflow:hidden;border:1px solid var(--botanical-line);border-radius:20px;background:linear-gradient(135deg,#eef5ec,#f6f0ea);padding:32px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.hero-session-card:hover{box-shadow:var(--shadow)}.hero-card-content{display:flex;flex-direction:column;gap:12px;max-width:320px;z-index:2}.hero-session-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;color:#55795c;text-transform:uppercase}.hero-card-title{font-family:Fraunces,ui-serif,Georgia,serif;font-size:clamp(24px,2.6vw,30px);font-weight:700;color:var(--botanical-dark);line-height:1.18}.hero-card-stats{color:#526759;font-size:15px;font-weight:600}.hero-card-stats strong{color:var(--botanical-dark);font-weight:800}.hero-start-btn{display:inline-flex;align-items:center;gap:10px;width:fit-content;margin-top:6px;padding:13px 24px;border-radius:999px;background:var(--primary);color:#fff;font-size:15px;font-weight:800;box-shadow:0 12px 26px #d25c3547;transition:all .18s ease}.hero-start-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 16px 32px #d25c355c}.hero-card-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.hero-card-visual:before{content:"";position:absolute;width:130px;height:30px;bottom:25px;background:radial-gradient(ellipse at center,#27402c29,#27402c00 70%);border-radius:50%;pointer-events:none;z-index:0}.hero-flower-img{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(39,64,44,.16));transition:transform .3s cubic-bezier(.2,.8,.2,1);position:relative;z-index:1}.hero-session-card:hover .hero-flower-img{transform:scale(1.05) rotate(2deg)}.hero-flower-script{margin-top:8px;font-size:12px;font-style:italic;color:#7b8e81;text-align:center;max-width:160px}.roadmap-stepper-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px;box-shadow:var(--shadow-sm)}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-header-row h2{font-family:Fraunces,ui-serif,Georgia,serif;font-size:22px;color:var(--botanical-dark)}.card-header-meta{font-size:13px;font-weight:700;color:var(--muted)}.stepper-list{display:flex;flex-direction:column;gap:12px;position:relative}.stepper-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:all .18s ease}.stepper-item:hover{border-color:var(--botanical);transform:translateY(-1px);box-shadow:0 8px 20px #27402c0f}.stepper-item.step-in_progress{border-color:var(--primary-line);background:#fdfaf7}.step-indicator{display:inline-flex;width:28px;height:28px;min-width:28px;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:800}.step-completed .step-indicator{background:var(--botanical);color:#fff}.step-in_progress .step-indicator{background:var(--primary);color:#fff}.step-upcoming .step-indicator{background:#e8e3d8;color:#7b7162}.step-thumbnail img{width:46px;height:46px;border-radius:8px;object-fit:contain;background:transparent;filter:drop-shadow(0 2px 5px rgba(0,0,0,.08))}.step-info{flex:1;min-width:0}.step-info strong{display:block;font-size:15px;color:var(--botanical-dark);margin-bottom:2px}.step-info p{font-size:13px;color:var(--muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-badge{font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;white-space:nowrap}.badge-completed{background:var(--botanical-tint);color:var(--botanical-dark)}.badge-in_progress{background:var(--primary);color:#fff}.badge-upcoming{background:#f0ebe2;color:#7d7265}.step-chevron{color:var(--muted)}.quick-review-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm)}.card-header-clean h2{font-family:Fraunces,ui-serif,Georgia,serif;font-size:20px;color:var(--botanical-dark)}.card-header-clean p{color:var(--muted);font-size:13px;margin-top:3px;margin-bottom:18px}.quick-review-list{display:flex;flex-direction:column;gap:10px}.quick-flower-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:all .18s ease}.quick-flower-row:hover{border-color:var(--botanical);background:var(--botanical-tint);transform:translate(2px)}.quick-flower-thumb{width:48px;height:48px;border-radius:8px;object-fit:contain;background:transparent;filter:drop-shadow(0 2px 5px rgba(0,0,0,.08))}.quick-flower-name{flex:1;min-width:0}.quick-flower-name strong{display:block;font-size:15px;color:var(--botanical-dark)}.quick-flower-name small{color:var(--muted);font-size:13px;display:block}.clickable-speech{cursor:pointer;transition:all .16s ease;border-radius:4px;padding:1px 4px}.clickable-speech:hover{color:var(--primary)!important;background:#d25c3514}.quick-audio-pair{display:flex;align-items:center;gap:6px}.quick-play-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;height:28px;border-radius:999px;font-size:11px;font-weight:800;transition:all .16s ease;cursor:pointer}.quick-play-btn.btn-en{background:var(--primary-tint);color:var(--primary);border:1px solid rgba(210,92,53,.2)}.quick-play-btn.btn-en:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.quick-play-btn.btn-vi{background:var(--botanical-tint);color:var(--botanical-dark);border:1px solid rgba(77,109,83,.2)}.quick-play-btn.btn-vi:hover{background:var(--botanical);color:#fff;transform:translateY(-1px)}.notebook-preview-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .18s ease}.notebook-preview-card:hover{border-color:var(--botanical);box-shadow:var(--shadow);transform:translateY(-2px)}.notebook-preview-card .card-header-row h2{font-size:20px}.notebook-preview-card .card-header-row p{font-size:13px;color:var(--muted);margin-top:2px}.notebook-arrow{color:var(--muted);transition:transform .18s ease}.notebook-preview-card:hover .notebook-arrow{color:var(--primary);transform:translate(3px)}.notebook-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.notebook-gallery-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#faf7f2}.notebook-gallery-item img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.06))}.notebook-gallery-item span{font-size:12px;font-weight:700;color:var(--botanical-dark);text-align:center}.notebook-quote{display:block;font-size:12px;font-style:italic;color:#85988b;text-align:center}.study-focus-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#16241c99;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:20px;animation:modalFadeIn .28s cubic-bezier(.2,.8,.2,1) both}.study-focus-container{width:min(100%,680px);max-height:94vh;overflow-y:auto;border:1px solid var(--line);border-radius:24px;background:#faf7f2;box-shadow:0 28px 70px #12261940;display:flex;flex-direction:column}.focus-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);background:#fff}.focus-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:#faf7f2;color:var(--botanical-dark);font-size:13px;font-weight:700;transition:all .16s ease}.focus-back-btn:hover{background:var(--primary-tint);color:var(--primary)}.focus-title{text-align:center}.focus-kicker{display:block;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--muted)}.focus-title strong{font-size:15px;color:var(--botanical-dark)}.focus-progress-wrap{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--leaf)}.focus-progress-bar{height:100%;background:linear-gradient(90deg,var(--botanical),var(--primary));transition:width .24s ease}.focus-body{padding:24px;display:flex;flex-direction:column;gap:20px}.focus-flashcard{position:relative;perspective:1000px;min-height:380px;cursor:pointer;touch-action:pan-y}.focus-flashcard.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.swipe-stamp{position:absolute;top:24px;z-index:50;padding:6px 16px;border-radius:8px;font-size:16px;font-weight:900;letter-spacing:1px;text-transform:uppercase;border-width:3px;border-style:solid;pointer-events:none;animation:fadeIn .12s ease;box-shadow:0 4px 12px #0000001a}.swipe-stamp.stamp-review{right:20px;color:var(--primary);border-color:var(--primary);transform:rotate(12deg);background:#fff5f0f2}.swipe-stamp.stamp-known{left:20px;color:var(--botanical);border-color:var(--botanical);transform:rotate(-12deg);background:#eefaf0f2}.focus-card-inner{position:relative;width:100%;height:100%;min-height:380px;transition:transform .55s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.focus-flashcard.is-flipped .focus-card-inner{transform:rotateY(180deg)}.focus-card-face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.focus-flashcard:not(.is-flipped) .focus-card-front{pointer-events:auto}.focus-flashcard:not(.is-flipped) .focus-card-back{pointer-events:none}.focus-flashcard.is-flipped .focus-card-front{pointer-events:none}.focus-flashcard.is-flipped .focus-card-back{pointer-events:auto}.focus-card-front{justify-content:space-between}.focus-image-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(235,243,234,.45) 0%,rgba(250,247,242,.25) 60%,transparent 100%);padding:20px}.focus-image-wrap:before{content:"";position:absolute;width:170px;height:35px;bottom:25px;background:radial-gradient(ellipse at center,#27402c24,#27402c00 70%);border-radius:50%;pointer-events:none}.focus-image-wrap img{max-height:240px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(39,64,44,.16));position:relative;z-index:1}.focus-hint-pill{position:absolute;bottom:12px;font-size:12px;font-weight:700;color:var(--muted);background:#ffffffd9;padding:4px 12px;border-radius:999px;box-shadow:0 2px 6px #0000000d}.focus-front-caption{padding:16px 20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.focus-front-caption p{font-size:14px;color:var(--muted);font-weight:600}.focus-hint-audio-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-tint);border:1px solid rgba(210,92,53,.25);padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .18s ease;white-space:nowrap}.focus-hint-audio-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.focus-group-badge{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--botanical-tint);color:var(--botanical-dark);width:fit-content}.focus-card-back{transform:rotateY(180deg);padding:24px 28px;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#ebf3eabf,#fbf2ecd9),#fff;gap:12px}.lang-section-block{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px 16px;border-radius:14px;background:#ffffffb3;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 6px #00000005}.lang-section-block.lang-en{border-left:3px solid var(--primary)}.lang-section-block.lang-vi{border-left:3px solid var(--botanical)}.lang-tag-pill{font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}.focus-flower-name{font-family:Fraunces,ui-serif,Georgia,serif;font-size:clamp(28px,4vw,38px);color:var(--botanical-dark);line-height:1.1;margin:0}.focus-ipa{font-size:14px;font-weight:800;color:var(--primary);margin:0}.focus-vietnamese{font-size:20px;font-weight:700;color:#3b5042;margin:0}.dual-speech-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:4px 0}.speak-btn-card{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .18s ease;border:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.speak-btn-card.btn-en{background:var(--primary);color:#fff;box-shadow:0 4px 12px #d25c3540}.speak-btn-card.btn-en:hover{background:#bd4f2b;transform:translateY(-1px)}.speak-btn-card.btn-vi{background:var(--botanical);color:#fff;box-shadow:0 4px 12px #4d6d5340}.speak-btn-card.btn-vi:hover{background:#3e5843;transform:translateY(-1px)}.focus-mnemonic{font-size:13px;color:var(--muted);font-style:italic;max-width:440px;line-height:1.45}.focus-actions-panel{display:flex;flex-direction:column;gap:12px}.focus-voice-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.auto-speak-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:700;color:var(--muted);transition:all .16s ease}.auto-speak-pill.is-active{border-color:var(--botanical);background:var(--botanical-tint);color:var(--botanical-dark)}.voice-select-focus{border:1px solid var(--line);border-radius:999px;background:#fff;padding:6px 12px;font-size:12px;font-weight:700;color:var(--botanical-dark)}.focus-reveal-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border-radius:14px;background:var(--primary);color:#fff;font-size:16px;font-weight:800;box-shadow:0 12px 24px #d25c3547;transition:all .18s ease}.focus-reveal-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.focus-rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rate-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px;border-radius:14px;font-size:16px;font-weight:800;transition:all .18s ease}.rate-review{background:var(--primary-tint);border:1px solid var(--primary-line);color:var(--primary-hover)}.rate-review:hover{background:#f7e3d8;transform:translateY(-1px)}.rate-known{background:var(--botanical);color:#fff;box-shadow:0 12px 24px #4d6d533d}.rate-known:hover{background:#3e5b44;transform:translateY(-1px)}.focus-sub-nav{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.sub-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.sub-nav-btn:hover:not(:disabled){color:var(--primary)}.sub-nav-btn:disabled{opacity:.4;cursor:not-allowed}.sub-nav-btn.is-finish{color:var(--botanical);font-weight:800}.keyboard-shortcuts-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px dashed var(--line)}.shortcut-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);font-weight:700}.shortcut-pill kbd{display:inline-block;padding:2px 6px;font-family:inherit;font-size:10px;font-weight:800;color:var(--botanical-dark);background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 2px #0000000f}.swipe-hint-bar{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11.5px;font-weight:700;color:var(--muted);padding:8px 12px;background:#ffffffb3;border-radius:999px;border:1px solid var(--line);margin-top:4px}.swipe-hint-bar .hint-sep{opacity:.4}.session-complete-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);animation:modalFadeIn .3s ease;gap:16px}.complete-icon-wrap{font-size:48px;margin-bottom:-4px}.session-complete-card h2{font-family:Fraunces,ui-serif,Georgia,serif;font-size:26px;color:var(--botanical-dark);margin:0}.session-complete-card p{font-size:15px;color:var(--muted);max-width:440px;line-height:1.5;margin:0}.complete-stats-row{display:flex;gap:16px;width:100%;max-width:360px;margin:8px 0}.complete-stat-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-radius:14px;background:#faf7f2;border:1px solid var(--line)}.complete-stat-box strong{font-size:26px;font-family:Fraunces,ui-serif,Georgia,serif}.complete-stat-box span{font-size:12px;font-weight:700;color:var(--muted)}.complete-stat-box.stat-known strong{color:var(--botanical)}.complete-stat-box.stat-review strong{color:var(--primary)}.complete-actions{display:flex;gap:12px;width:100%;max-width:380px;margin-top:8px}.complete-primary-btn{flex:1;padding:13px 20px;border-radius:12px;background:var(--botanical);color:#fff;font-size:14px;font-weight:800;border:none;cursor:pointer;transition:all .18s ease;box-shadow:0 8px 18px #4d6d5340}.complete-primary-btn:hover{background:#3e5843;transform:translateY(-1px)}.complete-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 18px;border-radius:12px;background:#faf7f2;border:1px solid var(--line);color:var(--botanical-dark);font-size:14px;font-weight:800;cursor:pointer;transition:all .18s ease}.complete-secondary-btn:hover{background:var(--primary-tint);border-color:#d25c354d;color:var(--primary);transform:translateY(-1px)}.roadmap-full-view{display:flex;flex-direction:column;gap:28px;animation:fadeIn .35s cubic-bezier(.2,.8,.2,1) both}.view-heading h1{font-family:Fraunces,ui-serif,Georgia,serif;font-size:clamp(28px,3.2vw,38px);color:var(--botanical-dark)}.view-heading p{color:var(--muted);font-size:16px;margin-top:6px}.roadmap-grid-all{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.roadmap-module-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:all .2s ease}.roadmap-module-card:hover{border-color:var(--botanical);transform:translateY(-2px);box-shadow:var(--shadow)}.module-top{display:flex;align-items:center;justify-content:space-between}.module-num{font-family:Fraunces,ui-serif,Georgia,serif;font-size:24px;font-weight:700;color:var(--muted)}.module-image-wrap{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(235,243,234,.45) 0%,transparent 72%);border-radius:12px;padding:16px;height:140px}.module-image-wrap img{max-height:110px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.08))}.module-content h3{font-family:Fraunces,ui-serif,Georgia,serif;font-size:18px;color:var(--botanical-dark);margin-bottom:6px}.module-content p{font-size:13px;color:var(--muted);line-height:1.45}.module-action-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;border-radius:10px;background:var(--botanical-tint);color:var(--botanical-dark);font-size:13px;font-weight:800;transition:all .16s ease}.roadmap-module-card:hover .module-action-btn{background:var(--primary);color:#fff}.library-full-view{display:flex;flex-direction:column;gap:24px;animation:fadeIn .35s cubic-bezier(.2,.8,.2,1) both}.library-filters-bar{display:flex;flex-direction:column;gap:14px}.library-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 16px;height:48px}.library-search input{flex:1;border:0;outline:0;font-size:15px;color:var(--text);background:transparent}.library-chips-rail{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--botanical-dark);font-size:13px;font-weight:700;white-space:nowrap;transition:all .16s ease}.filter-chip:hover{border-color:var(--botanical)}.filter-chip.is-active{background:var(--botanical);border-color:var(--botanical);color:#fff;box-shadow:0 6px 14px #4d6d5333}.library-grid-bloom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.bloom-card{position:relative;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px;cursor:pointer;transition:all .18s ease}.bloom-card:hover{border-color:var(--botanical);transform:translateY(-2px);box-shadow:0 10px 24px #27402c14}.bloom-card.status-known{border-color:#4d6d5359}.bloom-card.status-review{border-color:#d25c3559}.bloom-card-media{position:relative;width:100%;aspect-ratio:1;background:radial-gradient(circle at center,rgba(235,243,234,.45) 0%,transparent 72%);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.bloom-card-media img{width:100%;height:100%;object-fit:contain;padding:8px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.07))}.bloom-audio-group{position:absolute;bottom:6px;right:6px;display:flex;align-items:center;gap:4px;z-index:2}.bloom-audio-btn{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;min-width:26px;height:24px;border-radius:999px;font-size:10px;font-weight:800;box-shadow:0 2px 6px #00000014;transition:all .16s ease;cursor:pointer}.bloom-audio-btn.btn-en{background:#fffffff2;border:1px solid rgba(210,92,53,.3);color:var(--primary)}.bloom-audio-btn.btn-en:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.bloom-audio-btn.btn-vi{background:#fffffff2;border:1px solid rgba(77,109,83,.3);color:var(--botanical-dark)}.bloom-audio-btn.btn-vi:hover{background:var(--botanical);color:#fff;transform:translateY(-1px)}.status-dot{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:999px}.dot-known{background:var(--botanical)}.dot-review{background:var(--primary)}.bloom-card-info{display:flex;flex-direction:column;gap:2px}.bloom-card-group{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--muted)}.bloom-card-info strong{font-size:14px;color:var(--botanical-dark);line-height:1.2}.bloom-card-info small{font-size:12px;color:var(--muted);font-weight:600}.bloom-card-ipa{font-size:11px;color:var(--primary);font-weight:700;margin-top:2px}.notebook-full-view{display:flex;flex-direction:column;gap:24px;animation:fadeIn .35s cubic-bezier(.2,.8,.2,1) both}.notebook-action-header{margin-bottom:8px}.empty-notebook{background:#fff;border:1px solid var(--line);border-radius:20px;padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-emoji{font-size:42px}.empty-notebook h3{font-family:Fraunces,ui-serif,Georgia,serif;font-size:22px;color:var(--botanical-dark)}.empty-notebook p{color:var(--muted);font-size:15px;max-width:420px}.site-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:100%;margin:42px 0 0;border-top:1px solid var(--line);padding:26px 0 0}.footer-copy{display:grid;min-width:0;gap:10px}.footer-copy span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.footer-copy p{color:#384a3f;font-size:14px;font-weight:700;line-height:1.6}.footer-copy[lang=en] p{color:#5c6e63;font-weight:600}.footer-copy a{color:var(--botanical-dark);font-weight:800;text-decoration:underline;text-decoration-color:#d25c3559;text-decoration-thickness:2px;text-underline-offset:4px}.footer-copy a:hover{color:var(--primary)}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#16241c8c;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-dialog{position:relative;display:grid;width:min(100%,580px);gap:16px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-lg);padding:clamp(24px,5vw,36px);animation:modalFadeIn .35s cubic-bezier(.2,.8,.2,1) both}.welcome-close{position:absolute;top:18px;right:18px;display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:999px;background:#faf7f2;color:var(--muted)}.welcome-close:hover{background:var(--primary-tint);color:var(--primary)}.welcome-kicker{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--primary)}.welcome-dialog h2{font-family:Fraunces,ui-serif,Georgia,serif;font-size:26px;color:var(--botanical-dark)}.welcome-copy{display:grid;gap:10px}.welcome-copy p{color:#485b4f;font-size:15px;line-height:1.6}.welcome-copy p[lang=en]{color:#65776b}.welcome-primary{padding:14px;border-radius:12px;background:var(--primary);color:#fff;font-size:15px;font-weight:800;box-shadow:0 10px 22px #d25c3540;transition:background .18s ease}.welcome-primary:hover{background:var(--primary-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:1080px){.dashboard-grid{grid-template-columns:1fr}.roadmap-grid-all{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid-bloom{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:880px){.bloom-sidebar{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);background:#faf7f2;position:sticky;top:0;z-index:30}.mobile-header .sidebar-brand{margin-bottom:0}.mobile-motto{font-size:12px;font-style:italic;color:#85988b}.bloom-main-content{padding:20px 16px 84px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#faf7f2f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;z-index:50;padding:0 10px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;padding:6px 12px;border-radius:8px;transition:all .14s ease}.mobile-nav-item.is-active{color:var(--primary)}.library-grid-bloom{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{grid-template-columns:1fr;gap:18px;margin-bottom:30px}}@media(max-width:600px){.dashboard-hero-header{flex-direction:column;align-items:flex-start;gap:8px}.hero-session-card{flex-direction:column;align-items:flex-start;padding:24px 20px}.hero-card-visual{align-self:center;margin-top:10px}.roadmap-grid-all{grid-template-columns:1fr}.library-grid-bloom{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}