:root{--moss-50: #f1f6ef;--moss-100: #dee9d9;--moss-200: #bdd3b4;--moss-300: #94b787;--moss-400: #6f9a5f;--moss-500: #527e44;--moss-600: #3e6534;--moss-700: #324f2b;--moss-800: #283e23;--moss-900: #1c2c19;--soil-50: #faf6f1;--soil-100: #efe5d6;--soil-200: #d9c5a8;--soil-300: #b89a73;--soil-400: #936e44;--soil-500: #6e4e2c;--soil-600: #543a1f;--soil-700: #3e2a16;--soil-800: #2a1c0e;--cream-50: #faf6ee;--cream-100: #f3ecdc;--cream-200: #e8dec5;--cream-300: #d6c7a3;--bud: #f3c14a;--bud-dk: #c89a2e;--bloom: #e87aa3;--border-soft: #e7dec8;--border-medium: #bdd3b4;--font-display: "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-leaf: 0 2px 8px -2px rgba(40,62,35,.12), 0 1px 2px rgba(40,62,35,.06)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:var(--font-body);color:var(--soil-700);-webkit-font-smoothing:antialiased}button{font-family:var(--font-body)}.scene{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(140% 60% at 50% 0%,#c8e8f5,#d8edd2,#b0d28f 70%,#8db867);overflow:hidden}.auth-wrap{display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:320px;background:linear-gradient(180deg,#fffbe9,#f3ecdc);border:2.5px solid #5a3e1a;border-radius:24px;box-shadow:0 6px #5a3e1a,0 14px 28px -6px #281e0c66;padding:28px 22px;display:flex;flex-direction:column;gap:16px}.auth-tabs{display:flex;background:#5a3e1a1a;border-radius:12px;padding:3px;gap:3px}.auth-tab{flex:1;padding:7px;border-radius:9px;border:none;background:none;font-family:Lilita One,sans-serif;font-size:12px;letter-spacing:.06em;color:#6e4e2c;cursor:pointer;transition:all .15s}.auth-tab.active{background:#fff;color:#1c2c19;box-shadow:0 2px 4px #0000001f}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-field label{font-family:Lilita One,sans-serif;font-size:11px;color:#6e4e2c;letter-spacing:.05em;text-transform:uppercase}.auth-field input{padding:10px 12px;border:2px solid #5a3e1a;border-radius:10px;background:#fff;font-family:var(--font-body);font-size:14px;color:#1c2c19;outline:none;transition:border-color .15s}.auth-field input:focus{border-color:#3e6534;box-shadow:0 0 0 3px #3e653426}.auth-error{font-family:Lilita One,sans-serif;font-size:11px;color:#c1325a;text-align:center;letter-spacing:.03em}.sky-bar{position:absolute;top:8px;left:10px;right:10px;z-index:5;display:flex;gap:5px;align-items:center}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 3px;border-radius:999px;background:linear-gradient(180deg,#fff,#f3ecdc);border:2px solid #5a3e1a;box-shadow:0 2px #5a3e1a;font-weight:800;font-size:12px;color:#3e2a16;font-family:Lilita One,sans-serif;cursor:default}.pill .ic{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-size:11px;background:var(--bud);box-shadow:inset 0 -1px #00000026}.pill.streak{background:linear-gradient(180deg,#f6a3c4,#e87aa3);color:#fff;border-color:#7d2249;box-shadow:0 2px #7d2249}.pill.streak .ic{background:#fff}.sign{padding:4px 14px 5px;background:linear-gradient(180deg,#dcc28e,#b89260);border:2px solid #5a3e1a;border-radius:12px;box-shadow:0 2px #5a3e1a;white-space:nowrap}.sign h1{font-family:Lilita One,sans-serif;font-size:12px;font-weight:400;color:#fffbe9;margin:0;line-height:1;text-shadow:0 1px 0 #5a3e1a}.icon-btn{width:30px;height:30px;border-radius:9px;background:linear-gradient(180deg,#fff,#f3ecdc);border:2px solid #5a3e1a;cursor:pointer;display:grid;place-items:center;color:#3e2a16;box-shadow:0 2px #5a3e1a}.stage{position:absolute;left:0;right:0;top:48px;bottom:152px;overflow:hidden}.world{position:absolute;left:0;top:0;width:900px;height:1200px;will-change:transform;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.world.dragging{cursor:grabbing}.world svg{width:100%;height:100%;display:block;overflow:visible}.minimap{position:absolute;top:162px;right:12px;z-index:5;width:78px;height:78px;background:linear-gradient(180deg,#d4ecc4,#aed197);border:2.5px solid #5a3e1a;border-radius:14px;box-shadow:0 3px #5a3e1a,0 6px 14px -4px #281e0c66;overflow:hidden;opacity:0;transform:translate(12px) scale(.92);pointer-events:none;transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.4,.64,1)}.minimap.visible{opacity:1;transform:translate(0) scale(1)}.minimap .vp{position:absolute;border:2px solid #5a3e1a;border-radius:4px;background:#ffffff40}.quest-plank{position:absolute;left:12px;right:12px;bottom:14px;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 14px;background:linear-gradient(180deg,#dcc28e,#b89260);border:2.5px solid #5a3e1a;border-radius:22px;box-shadow:0 5px #5a3e1a,0 14px 26px -8px #281e0c80;z-index:6}.quest-plank:before,.quest-plank:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:999px;background:radial-gradient(circle at 35% 35%,#6e4e2c,#2a1c0e 80%);border:1.5px solid #5a3e1a}.quest-plank:before{left:8px}.quest-plank:after{right:8px}.quest-plank .ic{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,#f6e0a3,#d6b167);border:2px solid #5a3e1a;display:grid;place-items:center;box-shadow:inset 0 2px #ffffff80;margin-left:14px}.quest-plank .lbl{flex:1;min-width:0;padding-right:10px}.quest-plank .lbl .t{font-family:Lilita One,sans-serif;font-size:15px;color:#fffbe9;line-height:1;text-shadow:0 2px 0 #5a3e1a;letter-spacing:.02em}.quest-plank .lbl .s{font-size:11px;color:#5a3e1a;margin-top:4px;font-weight:700;letter-spacing:.02em}.quest-plank .go{margin-right:14px}.gift-notif-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 5px;border-radius:999px;background:linear-gradient(180deg,#ffe08a,#f3c14a);border:2px solid #5a3e1a;box-shadow:0 2px #5a3e1a;font-family:Lilita One,sans-serif;font-size:12px;color:#3e2a16;cursor:pointer}.gift-notif-pill:active{transform:translateY(1px);box-shadow:none}.gift-ring-icon{display:inline-block;animation:giftRing 2.4s ease-in-out infinite;transform-origin:center top}@keyframes giftRing{0%,55%,to{transform:rotate(0)}60%{transform:rotate(-18deg)}65%{transform:rotate(18deg)}70%{transform:rotate(-13deg)}75%{transform:rotate(13deg)}80%{transform:rotate(-6deg)}85%{transform:rotate(0)}}.pending-gifts-list{display:flex;flex-direction:column;gap:7px;max-height:280px;overflow-y:auto;padding-right:2px}.pending-gifts-list::-webkit-scrollbar{width:4px}.pending-gifts-list::-webkit-scrollbar-thumb{background:#d9c5a8;border-radius:4px}.pending-gift-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:13px;width:100%;text-align:left;background:linear-gradient(180deg,#fffef6,#fff8e8);border:2px solid #d9c5a8;box-shadow:0 2px #c8ad8c;cursor:pointer;transition:transform .1s}.pending-gift-row:active{transform:translateY(1px);box-shadow:none}.pending-gift-main{display:flex;flex-direction:column;gap:2px}.pending-gift-word{font-family:Caprasimo,serif;font-size:17px;color:#1c2c19;line-height:1}.pending-gift-from{font-family:Lilita One,sans-serif;font-size:10px;color:#b53a6a;letter-spacing:.04em}.pending-gift-cta{font-family:Lilita One,sans-serif;font-size:11px;color:#3e6534;letter-spacing:.06em;flex-shrink:0}.gift-from-tag{font-family:Lilita One,sans-serif;font-size:10px;color:#b53a6a;letter-spacing:.04em;background:#fde8f0;border:1.5px solid #e8a0b8;border-radius:999px;padding:2px 8px;display:inline-block;margin-bottom:6px}.seed-peek{position:absolute;bottom:86px;left:12px;right:12px;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;background:linear-gradient(180deg,#fff,#f3ecdc);border:2px solid #5a3e1a;border-radius:999px;box-shadow:0 3px #5a3e1a,0 8px 14px -6px #281e0c59;cursor:pointer;z-index:6}.seed-peek .pouch{width:32px;height:32px;border-radius:999px;background:linear-gradient(180deg,#f3c14a,#c89a2e);border:2px solid #5a3e1a;display:grid;place-items:center}.seed-peek .label{font-family:Lilita One,sans-serif;font-size:13px;color:#3e2a16;letter-spacing:.02em;flex:1;text-align:center}.seed-peek .label b{color:#b53a6a}.seed-peek .plant-cta{margin-left:auto;flex-shrink:0;font-family:Lilita One,sans-serif;font-size:12px;color:#fffbe9;letter-spacing:.06em;background:linear-gradient(180deg,#5a9333,#3e6534);padding:5px 12px;border-radius:999px;border:1.5px solid #2b3f1a;box-shadow:0 2px #2b3f1a;text-shadow:0 1px 0 #2b3f1a;display:flex;align-items:center;justify-content:center;min-width:44px}.seed-peek.seed-loading{cursor:default}.seed-peek.seed-loading .pouch{animation:seedWiggle .5s ease-in-out infinite alternate}@keyframes seedWiggle{0%{transform:rotate(-15deg) scale(1.05)}to{transform:rotate(15deg) scale(1.1)}}.seed-sprout{display:inline-block;animation:sproutPop .6s ease-in-out infinite alternate}@keyframes sproutPop{0%{transform:translateY(2px) scale(.9)}to{transform:translateY(-3px) scale(1.15)}}.seed-dots{display:flex;align-items:center;gap:3px}.seed-dots span{width:5px;height:5px;border-radius:50%;background:#fffbe9;display:inline-block;animation:dotBounce .7s ease-in-out infinite}.seed-dots span:nth-child(2){animation-delay:.15s}.seed-dots span:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}.plant-banner{position:absolute;left:12px;right:12px;bottom:86px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(180deg,#fffbe9,#f3ecdc);border:2.5px solid #5a9333;border-radius:18px;box-shadow:0 4px #3e6534,0 12px 24px -8px #281e0c73;z-index:6}.plant-banner .ic{width:36px;height:36px;border-radius:999px;background:linear-gradient(180deg,#cfe8be,#9cc47b);border:2px solid #3e6534;display:grid;place-items:center}.plant-banner .lbl{flex:1;min-width:0;line-height:1.15}.plant-banner .lbl .t{font-family:Lilita One,sans-serif;font-size:11px;color:#3e6534;letter-spacing:.08em}.plant-banner .lbl .s{font-family:Caprasimo,serif;font-size:15px;color:#1c2c19}.ghost-seed{position:absolute;pointer-events:none;transform:translate(-50%,-85%);z-index:7;animation:ghostBob 1.2s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.ghost-seed .ghost-label{margin-top:2px;text-align:center;font-family:Caprasimo,serif;font-size:13px;color:#5a3e1a;background:#fffbe9;border:1.5px solid #5a3e1a;border-radius:999px;padding:2px 8px;display:inline-block;transform:translate(-50%);position:absolute;left:50%;white-space:nowrap;box-shadow:0 2px #5a3e1a}@keyframes ghostBob{0%,to{transform:translate(-50%,-85%)}50%{transform:translate(-50%,-92%)}}.word-card{position:absolute;z-index:10;pointer-events:none;background:linear-gradient(180deg,#fffbe9,#f3ecdc);border:2.5px solid #5a3e1a;border-radius:16px;box-shadow:0 4px #5a3e1a,0 8px 18px -6px #281e0c73;padding:12px 14px 10px;min-width:148px;max-width:200px;transform:translate(-50%,-100%) translateY(-12px);animation:cardPop .22s cubic-bezier(.34,1.56,.64,1) backwards;pointer-events:auto}@keyframes cardPop{0%{opacity:0;transform:translate(-50%,-100%) translateY(-2px) scale(.9)}}.word-card:after{content:"";position:absolute;left:calc(50% + var(--arrow-x, 0px));bottom:-10px;width:14px;height:14px;background:#f3ecdc;transform:translate(-50%) rotate(45deg);border-right:2.5px solid #5a3e1a;border-bottom:2.5px solid #5a3e1a}.word-card.below{transform:translate(-50%) translateY(12px);animation:cardPopBelow .22s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes cardPopBelow{0%{opacity:0;transform:translate(-50%) translateY(2px) scale(.9)}}.word-card.below:after{bottom:auto;top:-10px;border-right:none;border-bottom:none;border-left:2.5px solid #5a3e1a;border-top:2.5px solid #5a3e1a}.word-card .lang{font-family:Lilita One,sans-serif;font-size:10px;color:#fffbe9;background:var(--lang-color, #c1325a);padding:2px 7px;border-radius:999px;border:1.5px solid #5a3e1a;display:inline-block;line-height:1}.word-card .ipa{font-family:var(--font-mono);font-size:10px;color:#6e4e2c;margin-top:1px}.word-card .trans{font-family:Caprasimo,serif;font-size:16px;color:#1c2c19;line-height:1.15;margin-top:3px}.word-card .meta{font-family:Lilita One,sans-serif;font-size:9px;color:#6e4e2c;letter-spacing:.06em;text-transform:uppercase;margin-top:5px;display:flex;gap:6px;align-items:center}.word-card .meta .dot{width:3px;height:3px;background:#6e4e2c;border-radius:999px}.word-card .stars{color:#e8a91a;font-size:11px}.word-card .wc-top{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:4px}.word-card .wc-pos{font-family:Lilita One,sans-serif;font-size:9px;color:#7a5c3a;background:#f0e6d0;border:1.5px solid #c9a87a;border-radius:999px;padding:1px 6px;line-height:1.3;text-transform:uppercase;letter-spacing:.05em}.word-card .wc-word{font-family:Caprasimo,serif;font-size:22px;color:#1c2c19;line-height:1.1;margin-bottom:2px}.word-card .wc-example{font-size:10px;color:#6e4e2c;font-style:italic;margin-top:5px;line-height:1.4;border-left:2px solid #c9a87a;padding-left:6px}.word-card .wc-reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.word-card .wc-reaction{font-size:15px;line-height:1;cursor:default}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c120899;display:grid;place-items:center;z-index:30}.modal{width:calc(100% - 28px);max-width:310px;background:#fffbe9;border:3px solid #5a3e1a;border-radius:18px;box-shadow:0 8px #3e2410,0 16px 32px #00000059;padding:14px 14px 12px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.lang-pill{font-family:Lilita One,sans-serif;font-size:10px;color:#fffbe9;padding:3px 9px;border-radius:999px;letter-spacing:.06em}.x-btn{width:28px;height:28px;border-radius:999px;border:2px solid #5a3e1a;background:#fffbe9;font-size:18px;line-height:1;color:#5a3e1a;font-weight:700;cursor:pointer;box-shadow:0 2px #5a3e1a}.x-btn:active{transform:translateY(2px);box-shadow:none}.quiz-prompt{text-align:center;padding:8px 0 12px}.quiz-label{font-family:Lilita One,sans-serif;font-size:11px;color:#6e4e2c;letter-spacing:.08em}.quiz-word{font-family:Caprasimo,serif;font-size:28px;color:#1c2c19;line-height:1.05;margin-top:4px}.quiz-ipa{font-size:11px;color:#6e4e2c;margin-top:2px;font-style:italic}.quiz-sentence{font-family:Caprasimo,serif;font-size:18px;color:#1c2c19;line-height:1.35;margin-top:6px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quiz-opt{font-family:Lilita One,sans-serif;font-size:13px;padding:11px 8px;border-radius:12px;background:#fffbe9;border:2.5px solid #5a3e1a;color:#1c2c19;letter-spacing:.02em;cursor:pointer;box-shadow:0 3px #5a3e1a;transition:transform .08s,background .15s}.quiz-opt:hover:not(:disabled){background:#fff5d6}.quiz-opt:active:not(:disabled){transform:translateY(3px);box-shadow:none}.quiz-opt.right{background:#c8e6a8;border-color:#3e6534;box-shadow:0 3px #3e6534}.quiz-opt.wrong{background:#f4c8c8;border-color:#a83a4a;box-shadow:0 3px #a83a4a}.quiz-opt.dim{opacity:.5}.quiz-foot{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:10px}.quiz-foot .msg{font-family:Lilita One,sans-serif;font-size:12px}.quiz-foot .msg.right{color:#3e6534}.quiz-foot .msg.wrong{color:#a83a4a}.quiz-rearrange-meaning{font-family:Caprasimo,serif;font-size:16px;color:#1c2c19;line-height:1.3;margin-top:6px}.rearrange-answer{padding:10px;background:#fffef6;border:2.5px dashed #b89260;border-radius:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;align-content:flex-start;margin:10px 0 8px;transition:background .2s,border-color .2s;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.rearrange-answer.drop-active{background:#f0fae0;border-color:#5a9333}.rearrange-answer.right{background:#c8e6a8;border-color:#2b3f1a;border-style:solid}.rearrange-answer.wrong{background:#f8d4cc;border-color:#a83a4a;border-style:solid}.rearrange-answer .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#a08660;font-size:12px;font-style:italic;font-family:Lilita One,sans-serif;pointer-events:none;text-align:center;padding:0 12px}.rearrange-bank{min-height:50px;padding:10px;background:#fffbe9;border:1.5px solid #d6b167;border-radius:14px;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;transition:background .2s,border-color .2s;touch-action:none;-webkit-user-select:none;user-select:none}.rearrange-bank.drop-active{background:#fff5d6;border-color:#c89a2e}.rearrange-bank .sent-chip:disabled,.rearrange-answer .sent-chip:disabled{opacity:.7;cursor:default}.rearrange-answer .sent-chip,.rearrange-bank .sent-chip{transition:transform .18s ease,opacity .15s,background .15s;cursor:grab;touch-action:none}.rearrange-answer .sent-chip:active,.rearrange-bank .sent-chip:active{cursor:grabbing}.sent-chip.ghost{opacity:.18;filter:grayscale(40%);cursor:grabbing}.sent-chip.drag-ghost{position:fixed;z-index:200;pointer-events:none;background:#fff5d6;border:2px solid #5a3e1a;color:#1c2c19;font-family:Caprasimo,serif;font-size:13px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:5px 11px;box-shadow:0 6px 18px -2px #281e0c80,0 2px #5a3e1a;transform:scale(1.06) rotate(-2deg);transition:transform .08s}.modal.sentence{max-width:330px}.sentence-box{min-height:50px;padding:10px;background:#f3ecdc;border:2px dashed #b89260;border-radius:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;align-content:center}.sentence-box .placeholder{color:#6e4e2c;font-size:12px;font-style:italic}.bank{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#fffbe9;border:1.5px solid #d6b167;border-radius:12px;min-height:42px}.sent-chip{font-family:Caprasimo,serif;font-size:13px;padding:5px 11px;border-radius:999px;background:#fffbe9;border:2px solid #5a3e1a;color:#1c2c19;cursor:pointer;box-shadow:0 2px #5a3e1a;transition:transform .08s}.sent-chip:hover{background:#fff5d6}.sent-chip:active{transform:translateY(2px);box-shadow:none}.sent-chip.in{background:#fff5d6}.sent-chip.target{background:#f6e0a3;color:#b53a6a;border-color:#b53a6a;box-shadow:0 2px #b53a6a}.sentence-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.sentence-foot .hint{font-family:Lilita One,sans-serif;font-size:11px;color:#6e4e2c;letter-spacing:.04em}.hd-btn{border:2.5px solid #2b3f1a;border-radius:16px;background:linear-gradient(180deg,#87c25b,#5a9333);color:#fff;font-family:Lilita One,sans-serif;font-weight:400;font-size:14px;letter-spacing:.04em;padding:9px 18px;box-shadow:inset 0 2px #fff6,0 4px #2b3f1a,0 8px 14px -4px #1c2c1980;cursor:pointer;text-shadow:0 2px 0 rgba(0,0,0,.25);text-transform:uppercase}.hd-btn:active{transform:translateY(2px);box-shadow:inset 0 2px #fff6,0 2px #2b3f1a}.hd-btn.yellow{background:linear-gradient(180deg,#ffd96a,#e8a91a);border-color:#6e4e0e;box-shadow:inset 0 2px #ffffff73,0 4px #6e4e0e;color:#4a2f08;text-shadow:0 1px 0 rgba(255,255,255,.4)}.hd-btn:disabled{opacity:.5;cursor:default}.collection-btn{position:absolute;left:12px;right:12px;bottom:14px;display:flex;align-items:center;gap:9px;padding:5px 14px 5px 5px;background:linear-gradient(180deg,#fff8e8,#f0d98a);border:2px solid #5a3e1a;border-radius:999px;box-shadow:0 3px #5a3e1a,0 8px 14px -6px #281e0c59;cursor:pointer;z-index:6}.collection-btn .icon{width:32px;height:32px;border-radius:999px;flex-shrink:0;background:linear-gradient(180deg,#ff9ebc,#c1325a);border:2px solid #5a3e1a;display:grid;place-items:center;font-size:15px;box-shadow:inset 0 2px #fff6}.collection-btn .label{flex:1;font-family:Lilita One,sans-serif;font-size:13px;color:#3e2a16;letter-spacing:.02em}.collection-btn .label b{color:#c1325a}.collection-btn .count{font-family:Lilita One,sans-serif;font-size:12px;color:#fffbe9;background:linear-gradient(180deg,#c1325a,#8a1a38);padding:4px 11px;border-radius:999px;border:1.5px solid #5a1a2a;box-shadow:0 2px #5a1a2a}.collection-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% 0%,#c8e8f5,#d8edd2 30%,#b0d28f,#8db867);animation:slideUp .28s cubic-bezier(.34,1.2,.64,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.collection-header{display:flex;align-items:center;gap:8px;margin:50px 12px 6px;padding:10px 12px;background:linear-gradient(180deg,#dcc28e,#b89260);border:2.5px solid #5a3e1a;border-radius:18px;box-shadow:0 4px #5a3e1a,0 10px 22px -6px #281e0c66;flex-shrink:0}.collection-title{flex:1;min-width:0}.collection-header h2{font-family:Lilita One,sans-serif;font-size:16px;font-weight:400;color:#fffbe9;text-shadow:0 2px 0 #5a3e1a;margin:0;letter-spacing:.02em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-header .sub{font-size:9px;color:#5a3e1a;font-weight:700;font-family:Lilita One,sans-serif;letter-spacing:.06em;margin-top:3px}.collection-searchbar{display:flex;gap:6px;align-items:center;margin:8px 12px 6px;flex-shrink:0}.collection-search{flex:1;min-width:0;padding:8px 14px;background:linear-gradient(180deg,#fffbe9,#f3ecdc);border:2px solid #5a3e1a;border-radius:999px;color:#3e2a16;font-size:13px;font-family:Lilita One,sans-serif;letter-spacing:.02em;box-shadow:0 2px #5a3e1a,inset 0 1px #ffffff80;outline:none}.collection-filter-toggle{position:relative;width:34px;height:34px;flex-shrink:0;background:linear-gradient(180deg,#fffbe9,#f3ecdc);border:2px solid #5a3e1a;border-radius:999px;color:#3e2a16;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px #5a3e1a;transition:transform .08s}.collection-filter-toggle:active{transform:translateY(1px);box-shadow:0 1px #5a3e1a}.collection-filter-toggle.open,.collection-filter-toggle.has-active{background:linear-gradient(180deg,#87c25b,#5a9333);border-color:#2b3f1a;color:#fff;box-shadow:0 2px #2b3f1a}.filter-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:#b53a6a;color:#fff;border:1.5px solid #fffbe9;border-radius:999px;font-family:Lilita One,sans-serif;font-size:9px;display:flex;align-items:center;justify-content:center;line-height:1}.collection-filters{display:flex;flex-direction:column;gap:4px;margin:0 0 4px;flex-shrink:0}.filter-row{display:flex;gap:5px;padding:0 12px 4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;padding:4px 10px;background:linear-gradient(180deg,#fffbe9,#f3ecdc);border:1.5px solid #b89260;border-radius:999px;font-family:Lilita One,sans-serif;font-size:10px;color:#6e4e2c;letter-spacing:.06em;cursor:pointer;box-shadow:0 1px #5a3e1a66;transition:transform .08s;line-height:1.4}.filter-pill.emoji{padding:3px 8px;font-size:13px;letter-spacing:0}.filter-pill.active{background:linear-gradient(180deg,#5a9333,#3e6534);border-color:#2b3f1a;color:#fff;box-shadow:0 1px #2b3f1a;text-shadow:0 1px 0 rgba(0,0,0,.2)}.filter-pill:active:not(.active){transform:translateY(1px);box-shadow:none}.filter-pill.emoji.active{background:linear-gradient(180deg,#f3c14a,#c89a2e);border-color:#6e4e0e;filter:drop-shadow(0 0 4px rgba(243,193,74,.6))}.collection-search::placeholder{color:#b09070}.collection-search:focus{border-color:#3e6534;box-shadow:0 2px #2b3f1a,inset 0 1px #ffffff80}.collection-close,.collection-lock-btn{width:32px;height:32px;border-radius:999px;flex-shrink:0;background:linear-gradient(180deg,#fffbe9,#f3ecdc);border:2px solid #5a3e1a;box-shadow:0 2px #5a3e1a;color:#3e2a16;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .08s}.collection-close:active,.collection-lock-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #5a3e1a}.collection-lock-btn.locked{background:linear-gradient(180deg,#f6c14a,#d49620);border-color:#6e4e0e;color:#3e2410;box-shadow:0 2px #6e4e0e}.collection-lock-btn:disabled{opacity:.5;cursor:not-allowed}.collection-grid{flex:1;overflow-y:auto;padding:6px 12px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start}.collection-grid::-webkit-scrollbar{width:4px}.collection-grid::-webkit-scrollbar-track{background:transparent}.collection-grid::-webkit-scrollbar-thumb{background:#5a3e1a4d;border-radius:4px}.harvest-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;width:100%;aspect-ratio:1 / 1.15;perspective:800px;cursor:pointer}.harvest-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.34,1.2,.64,1)}.harvest-card.flipped .harvest-card-inner{transform:rotateY(180deg)}.harvest-face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;border:2px solid #5a3e1a;box-shadow:0 3px #5a3e1a,0 6px 12px -4px #281e0c40;display:flex;flex-direction:column;overflow:hidden}.harvest-front{background:linear-gradient(180deg,#fffef6,#fff8e8);align-items:center;justify-content:flex-end;padding:6px 4px 8px}.harvest-sprite{width:100%;height:70%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 3px rgba(40,30,12,.3));pointer-events:none}.harvest-front-word{display:block;font-size:13px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px;-webkit-text-stroke:2px #fffde8;paint-order:stroke fill;text-shadow:0 1px 2px rgba(40,30,12,.2);margin-top:2px}.harvest-front-react{position:absolute;top:6px;right:6px;font-size:14px;line-height:1;filter:drop-shadow(0 1px 2px rgba(40,30,12,.3))}.harvest-back{background:linear-gradient(180deg,#fffbe9,#f3ecdc);transform:rotateY(180deg);padding:8px 8px 6px;text-align:left;gap:3px}.harvest-back .lang-tag{font-family:Lilita One,sans-serif;font-size:8px;letter-spacing:.08em;padding:1px 6px;border-radius:999px;align-self:flex-start;border:1.5px solid;line-height:1.4}.harvest-back-word{font-family:Caprasimo,serif;font-size:14px;color:#1c2c19;line-height:1.1;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.harvest-ipa{font-size:9px;color:#6e4e2c;font-style:italic;font-family:var(--font-mono),serif;line-height:1.2}.harvest-gloss{font-size:10px;color:#3e2a16;line-height:1.35;flex:1;min-height:0;overflow-y:auto;padding-right:2px;mask-image:linear-gradient(180deg,#000 0%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 88%,transparent 100%)}.harvest-gloss::-webkit-scrollbar{width:3px}.harvest-gloss::-webkit-scrollbar-track{background:transparent}.harvest-gloss::-webkit-scrollbar-thumb{background:#5a3e1a40;border-radius:3px}.harvest-date{font-family:Lilita One,sans-serif;font-size:8px;color:#b09070;letter-spacing:.04em;margin-top:auto}.harvest-card.has-reaction .harvest-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:14px;background-size:220% 220%;background-position:200% 200%;mix-blend-mode:overlay;z-index:4}.harvest-card.has-reaction .harvest-back:before{animation-delay:-3.5s}.harvest-card.react-cherry .harvest-face{border-color:#e87aa3;box-shadow:0 3px #b53a6a,0 0 12px -2px #e87aa380,0 6px 14px -4px #281e0c40}.harvest-card.react-cherry .harvest-front{background:linear-gradient(150deg,rgba(255,200,220,.35) 0%,transparent 60%),linear-gradient(180deg,#fffef6,#fff8e8)}.harvest-card.react-cherry .harvest-back{background:linear-gradient(150deg,rgba(255,200,220,.25) 0%,transparent 60%),linear-gradient(180deg,#fffbe9,#f3ecdc)}.harvest-card.react-cherry .harvest-face:before{background:linear-gradient(125deg,transparent 35%,rgba(255,180,210,.6) 50%,transparent 65%);animation:cherryDrift 9s ease-in-out infinite}@keyframes cherryDrift{0%,55%{background-position:200% 200%;opacity:0}65%{opacity:1}90%{opacity:1}to{background-position:-120% -120%;opacity:0}}.harvest-card.react-cherry .harvest-front-react{filter:drop-shadow(0 0 5px rgba(232,122,163,.7)) drop-shadow(0 1px 2px rgba(40,30,12,.3))}.harvest-card.react-drop .harvest-face{border-color:#2e8eb5;box-shadow:0 3px #1a5a7a,0 0 12px -2px #2e8eb58c,0 6px 14px -4px #281e0c40}.harvest-card.react-drop .harvest-front{background:linear-gradient(180deg,#b4dcff66,#dcf0ff26),linear-gradient(180deg,#fffef6,#fff8e8)}.harvest-card.react-drop .harvest-back{background:linear-gradient(180deg,#b4dcff40,#dcf0ff1a),linear-gradient(180deg,#fffbe9,#f3ecdc)}.harvest-card.react-drop .harvest-face:before{background:linear-gradient(180deg,transparent 35%,rgba(120,200,240,.7) 50%,transparent 65%);background-size:100% 250%;background-position:0% -100%;animation:dropFall 6s ease-in-out infinite}@keyframes dropFall{0%,45%{background-position:0% -100%;opacity:0}55%{opacity:1}90%{opacity:1}to{background-position:0% 200%;opacity:0}}.harvest-card.react-drop .harvest-front-react{filter:drop-shadow(0 0 5px rgba(46,142,181,.7)) drop-shadow(0 1px 2px rgba(40,30,12,.3))}.harvest-card.react-sparkle .harvest-face{border-color:#e8a91a;box-shadow:0 3px #6e4e0e,0 0 12px -2px #e8a91a99,0 6px 14px -4px #281e0c40}.harvest-card.react-sparkle .harvest-front{background:radial-gradient(circle at 30% 30%,rgba(255,235,140,.45),transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,200,100,.35),transparent 50%),linear-gradient(180deg,#fffef6,#fff8e8)}.harvest-card.react-sparkle .harvest-back{background:radial-gradient(circle at 30% 30%,rgba(255,235,140,.3),transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,200,100,.2),transparent 50%),linear-gradient(180deg,#fffbe9,#f3ecdc)}.harvest-card.react-sparkle .harvest-face:before{background:radial-gradient(circle at 50% 50%,rgba(255,250,200,.85) 0%,transparent 55%);background-size:100% 100%;background-position:0 0;animation:sparkleTwinkle 6s ease-in-out infinite}@keyframes sparkleTwinkle{0%,60%{opacity:0}70%{opacity:1}76%{opacity:.25}84%{opacity:.9}92%{opacity:.4}to{opacity:0}}.harvest-card.react-sparkle .harvest-front-react{filter:drop-shadow(0 0 6px rgba(255,210,80,.9)) drop-shadow(0 1px 2px rgba(40,30,12,.3))}.harvest-card.react-star .harvest-face{border-color:#f3c14a;box-shadow:0 3px #c89a2e,0 0 14px -2px #f3c14ab3,0 6px 14px -4px #281e0c40}.harvest-card.react-star .harvest-front{background:radial-gradient(circle at 50% 50%,rgba(255,220,120,.45) 0%,transparent 60%),linear-gradient(180deg,#fffef6,#fff8e8)}.harvest-card.react-star .harvest-back{background:radial-gradient(circle at 50% 50%,rgba(255,220,120,.3) 0%,transparent 60%),linear-gradient(180deg,#fffbe9,#f3ecdc)}.harvest-card.react-star .harvest-face:before{background:radial-gradient(circle at 50% 50%,rgba(255,240,160,.9) 0%,rgba(255,200,80,.4) 30%,transparent 60%);background-size:100% 100%;background-position:0 0;animation:starBurst 7s ease-out infinite;transform-origin:center}@keyframes starBurst{0%,60%{transform:scale(.3);opacity:0}72%{transform:scale(1);opacity:1}88%{transform:scale(1.5);opacity:.6}to{transform:scale(2);opacity:0}}.harvest-card.react-star .harvest-front-react{filter:drop-shadow(0 0 8px rgba(243,193,74,.95)) drop-shadow(0 1px 2px rgba(40,30,12,.3))}.harvest-card.react-heart .harvest-face{border-color:#e0526d;box-shadow:0 3px #a83a4a,0 0 14px -2px #e0526d8c,0 6px 14px -4px #281e0c40}.harvest-card.react-heart .harvest-front{background:radial-gradient(circle at 50% 60%,rgba(255,160,180,.35) 0%,transparent 70%),linear-gradient(180deg,#fffef6,#fff8e8)}.harvest-card.react-heart .harvest-back{background:radial-gradient(circle at 50% 60%,rgba(255,160,180,.25) 0%,transparent 70%),linear-gradient(180deg,#fffbe9,#f3ecdc)}.harvest-card.react-heart .harvest-face:before{background:radial-gradient(circle at 50% 50%,rgba(255,140,170,.55) 0%,transparent 70%);background-size:100% 100%;background-position:0 0;animation:heartPulse 2.4s ease-in-out infinite;mix-blend-mode:normal}@keyframes heartPulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.harvest-card.react-heart .harvest-front-react{animation:heartBeat 1.2s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(224,82,109,.85)) drop-shadow(0 1px 2px rgba(40,30,12,.3))}@keyframes heartBeat{0%,to{transform:scale(1)}20%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.15)}80%{transform:scale(1)}}.harvest-card.react-rainbow .harvest-face{border-color:#d4267a;box-shadow:0 3px #b53a6a,0 0 16px -2px #d4267a8c,0 6px 14px -4px #281e0c40}.harvest-card.react-rainbow .harvest-front{background:conic-gradient(from 35deg at 50% 50%,#ffb4d259,#b4d2ff59,#c8ffdc59,#ffebaa59,#ffb4d259),linear-gradient(180deg,#fffef6,#fff8e8)}.harvest-card.react-rainbow .harvest-back{background:conic-gradient(from 200deg at 50% 50%,#ffb4d240,#b4d2ff40,#c8ffdc40,#ffebaa40,#ffb4d240),linear-gradient(180deg,#fffbe9,#f3ecdc)}.harvest-card.react-rainbow .harvest-face:before{background:linear-gradient(115deg,transparent 25%,rgba(255,140,180,.5) 38%,rgba(255,220,140,.55) 44%,rgba(180,255,180,.55) 50%,rgba(140,200,255,.55) 56%,rgba(220,160,255,.5) 62%,transparent 75%);animation:rainbowSweep 8s ease-in-out infinite}@keyframes rainbowSweep{0%,50%{background-position:200% 200%;opacity:0}60%{opacity:1}90%{opacity:1}to{background-position:-120% -120%;opacity:0}}.harvest-card.react-rainbow .harvest-front-react{filter:drop-shadow(0 0 5px rgba(212,38,122,.6)) drop-shadow(0 0 8px rgba(180,200,255,.4))}.collection-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#5a3e1a}.collection-empty .big{font-size:56px;filter:drop-shadow(0 3px 4px rgba(40,30,12,.25));animation:gateSway 3s ease-in-out infinite;display:inline-block;transform-origin:center bottom}.collection-empty p{font-family:Lilita One,sans-serif;font-size:13px;letter-spacing:.04em;text-align:center;padding:0 32px;color:#5a3e1a}.visit-empty{position:absolute;right:0;bottom:0;left:0;top:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;font-family:Lilita One,sans-serif;font-size:13px;color:#5a3e1a;letter-spacing:.04em;text-align:center}.lesson{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#faf6ee,#f3ecdc);display:flex;flex-direction:column}.lesson .top{padding:56px 16px 12px;display:flex;align-items:center;gap:12px}.lesson .bar{flex:1;height:14px;background:#fffbe9;border:2px solid #5a3e1a;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px #0000001a}.lesson .fill{height:100%;background:linear-gradient(180deg,#87c25b,#5a9333);border-radius:999px;transition:width .4s ease}.lesson .x{background:#fff;border:2px solid #5a3e1a;padding:6px;color:#3e2a16;cursor:pointer;border-radius:12px;box-shadow:0 3px #5a3e1a}.lesson .body{flex:1;padding:20px 18px;display:flex;flex-direction:column;overflow:hidden}.lesson .lbl{font-family:Lilita One,sans-serif;font-size:11px;color:#6e4e2c;letter-spacing:.06em;text-transform:uppercase}.lesson .big{font-family:Caprasimo,serif;font-size:54px;color:#283e23;line-height:1;margin:10px 0 6px}.lesson .ipa{font-family:var(--font-mono);font-size:13px;color:#6e4e2c}.lesson .word-prompt{text-align:center;margin:auto 0}.lesson .choices{display:flex;flex-direction:column;gap:9px;margin-top:auto}.lesson .choice{padding:14px 18px;background:#fff;border:2.5px solid #5a3e1a;border-radius:16px;font-family:Lilita One,sans-serif;font-size:16px;color:#3e2a16;text-align:left;cursor:pointer;box-shadow:0 4px #5a3e1a;letter-spacing:.02em}.lesson .choice.right{background:linear-gradient(180deg,#c8e6a8,#87c25b);border-color:#2b3f1a;color:#1c2c19;box-shadow:0 4px #2b3f1a}.lesson .choice.wrong{background:linear-gradient(180deg,#f8c0bc,#e08077);border-color:#6c2018;color:#3e1410;box-shadow:0 4px #6c2018}.lesson .feedback{margin-top:14px;padding:12px 14px;border-radius:16px;background:#c8e6a8;border:2px solid #2b3f1a;display:flex;gap:10px;align-items:center;box-shadow:0 4px #2b3f1a}.lesson .feedback .msg{font-family:Lilita One,sans-serif;font-size:14px;color:#1c2c19;flex:1;letter-spacing:.02em}.desktop-gate{display:none}@media(min-width:480px){.desktop-gate{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;align-items:center;justify-content:center;background:linear-gradient(160deg,#c8eabf,#a8d89a 40%,#7ab85a);padding:24px}.desktop-gate~*{visibility:hidden}}.desktop-gate-card{background:linear-gradient(180deg,#fffdf5,#f3ecdc);border:3px solid #5a3e1a;border-radius:28px;box-shadow:0 8px #3e2410,0 20px 40px -8px #1e140859;padding:36px 28px 32px;max-width:380px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.desktop-gate-emoji{font-size:56px;line-height:1;animation:gateSway 2.8s ease-in-out infinite;display:inline-block;transform-origin:center bottom}@keyframes gateSway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.desktop-gate-title{font-family:Lilita One,sans-serif;font-size:26px;font-weight:400;color:#1c2c19;margin:0;text-shadow:0 2px 0 rgba(0,0,0,.08)}.desktop-gate-body{font-family:Plus Jakarta Sans,sans-serif;font-size:15px;color:#4a3a1a;line-height:1.55;margin:0}.desktop-gate-hint{font-family:Lilita One,sans-serif;font-size:13px;color:#3e6534;letter-spacing:.02em;margin:0}.desktop-gate-phone{font-size:40px;margin-top:4px;animation:gatePhoneBob 1.4s ease-in-out infinite;display:inline-block}@keyframes gatePhoneBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.sway{transform-origin:0px 0px;transform-box:fill-box;animation:sway 3.4s ease-in-out infinite}.flower{cursor:pointer}.press-zoom{transform-box:fill-box;transform-origin:50% 100%;transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.flower.pressed .press-zoom{transform:scale(1.55)}.flower.pressed .sway{animation-play-state:paused}.pan-hint{position:absolute;top:220px;left:50%;transform:translate(-50%);z-index:5;background:#281e0cc7;color:#fffbe9;font-family:Lilita One,sans-serif;font-size:11px;padding:5px 10px;border-radius:999px;letter-spacing:.04em;pointer-events:none;animation:panHint 4s ease-in-out forwards;border:1.5px solid #fffbe9}@keyframes panHint{0%{opacity:0;transform:translate(-50%) translateY(6px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-6px)}}.lb-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#a8d48a,#7ab85a 40%,#5a9333);display:flex;flex-direction:column;overflow:hidden}.lb-header{display:flex;align-items:center;gap:10px;padding:52px 16px 16px;flex-shrink:0}.lb-list{flex:1;overflow-y:auto;padding:8px 12px 28px;display:flex;flex-direction:column;gap:7px}.lb-list::-webkit-scrollbar{width:4px}.lb-list::-webkit-scrollbar-track{background:transparent}.lb-list::-webkit-scrollbar-thumb{background:#5a3e1a4d;border-radius:4px}.lb-empty{text-align:center;color:#5a3e1a;padding:48px 0;font-family:Lilita One,sans-serif;font-size:13px;letter-spacing:.04em}.lb-row{display:grid;grid-template-columns:30px 40px 1fr auto;gap:10px;align-items:center;padding:10px 14px;background:linear-gradient(180deg,#fffef6,#fffbe9);border:2px solid #5a3e1a;border-radius:16px;box-shadow:0 3px #5a3e1a,0 6px 12px -4px #281e0c40;cursor:pointer;transition:transform .1s}.lb-row:active{transform:translateY(2px);box-shadow:0 1px #5a3e1a}.lb-row.you{background:linear-gradient(180deg,#e8f5e2,#d8ecce);border-color:#3e6534;box-shadow:0 3px #3e6534,0 6px 12px -4px #281e0c40;cursor:default}.lb-row.top{background:linear-gradient(180deg,#fffef0,#fff8d4)}.lb-rank{font-size:18px;text-align:center;line-height:1}.lb-rank-num{font-family:Lilita One,sans-serif;font-size:14px;color:#b09070;display:flex;align-items:center;justify-content:center}.lb-avatar{width:40px;height:40px;border-radius:999px;flex-shrink:0;border:2.5px solid #5a3e1a;display:flex;align-items:center;justify-content:center;font-family:Lilita One,sans-serif;font-size:15px;color:#fff;box-shadow:0 2px #5a3e1a}.lb-info{min-width:0}.lb-name{font-family:Lilita One,sans-serif;font-size:15px;color:#3e2a16;line-height:1.1;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-you-tag{font-size:9px;color:#3e6534;letter-spacing:.08em;background:#d8ecce;padding:2px 6px;border-radius:999px;border:1.5px solid #3e6534;flex-shrink:0}.lb-streak{font-size:11px;color:#8a6a44;margin-top:2px}.lb-score{text-align:right;flex-shrink:0}.lb-bloom-count{font-family:Lilita One,sans-serif;font-size:15px;color:#3e2a16}.lb-visit-hint{font-size:10px;color:#b09070;letter-spacing:.04em;margin-top:2px}.collection-load-more{margin:0 12px 18px;padding:10px;background:linear-gradient(180deg,#fffbe9,#f3ecdc);border:2px solid #5a3e1a;border-radius:16px;cursor:pointer;font-family:Lilita One,sans-serif;font-size:12px;color:#3e2a16;letter-spacing:.06em;box-shadow:0 3px #5a3e1a;transition:transform .08s;flex-shrink:0}.collection-load-more:hover:not(:disabled){background:linear-gradient(180deg,#fff5d6,#f0e5c8)}.collection-load-more:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #5a3e1a}.collection-load-more:disabled{opacity:.5;cursor:not-allowed}.gift-picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;flex-direction:column;background:linear-gradient(180deg,#1c3010,#2b4a18);animation:slideUp .28s cubic-bezier(.34,1.2,.64,1)}.gift-picker-header{display:flex;align-items:center;gap:10px;padding:52px 16px 14px;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 100%);border-bottom:1.5px solid rgba(255,255,255,.1)}.gift-picker-title{font-family:Lilita One,sans-serif;font-size:16px;color:#fffbe9;text-shadow:0 2px 4px rgba(0,0,0,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift-picker-sub{font-size:10px;color:#9cc47b;font-family:Lilita One,sans-serif;letter-spacing:.06em;margin-top:1px}.gift-picker-card{align-items:center}.gift-btn{flex-shrink:0;width:38px;height:38px;border-radius:999px;border:2px solid rgba(255,255,255,.2);background:#ffffff1a;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .1s,background .15s}.gift-btn:active{transform:scale(.9)}.gift-btn.sending{opacity:.5;cursor:not-allowed;font-size:14px;color:#fffbe9}.gift-btn.sent{background:linear-gradient(180deg,#87c25b,#5a9333);border-color:#2b3f1a;font-size:16px;color:#fff;cursor:default}.gift-picker-err{font-family:Lilita One,sans-serif;font-size:10px;color:#f08080;margin-top:2px;letter-spacing:.03em}.visit-react-row{display:flex;gap:4px;margin-top:8px;justify-content:center}.visit-react-btn{width:28px;height:28px;border-radius:999px;border:1.5px solid rgba(90,62,26,.25);background:#ffffffbf;cursor:pointer;font-size:15px;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .1s;line-height:1}.visit-react-btn:active{transform:scale(1.3)}.visit-react-sent{text-align:center;font-family:Lilita One,sans-serif;font-size:11px;color:#3e6534;margin-top:5px;letter-spacing:.04em}.visit-gift-btn{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:6px;padding:9px 22px;border-radius:999px;background:linear-gradient(180deg,#fffbe9,#f0e8cc);border:2px solid #5a3e1a;box-shadow:0 4px #5a3e1a,0 8px 18px -4px #281e0c59;font-family:Lilita One,sans-serif;font-size:13px;color:#3e2a16;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.visit-gift-btn:active{transform:translate(-50%) translateY(2px);box-shadow:0 2px #5a3e1a}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:hidden;background:radial-gradient(80% 50% at 50% 100%,#88c46a 0%,transparent 70%),linear-gradient(180deg,#ddf3ff,#e8f4d6,#c5e29c)}.splash.splash-fading{animation:splashFadeOut .5s ease forwards}@keyframes splashFadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}.splash-cloud{position:absolute;border-radius:999px;background:#ffffffb3;filter:blur(1px);pointer-events:none}.splash-cloud-1{width:120px;height:36px;top:14%;animation:splashCloud1 22s linear infinite}.splash-cloud-2{width:82px;height:26px;top:22%;animation:splashCloud2 28s linear infinite;opacity:.55}.splash-cloud-3{width:140px;height:40px;top:32%;animation:splashCloud1 30s linear infinite;animation-delay:-10s;opacity:.45}@keyframes splashCloud1{0%{left:-25%}to{left:110%}}@keyframes splashCloud2{0%{left:105%}to{left:-25%}}.splash-brand{position:absolute;top:12%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:4px;animation:splashBrandIn .7s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes splashBrandIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.splash-logo{font-size:30px;line-height:1;filter:drop-shadow(0 2px 4px rgba(40,30,12,.2));animation:splashLogoBob 2.8s ease-in-out infinite}@keyframes splashLogoBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}.splash-name{font-family:Caprasimo,serif;font-size:32px;color:#1c2c19;letter-spacing:.02em;text-shadow:0 2px 0 rgba(255,255,255,.5),0 4px 12px rgba(40,30,12,.15)}.splash-hero{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;animation:splashHeroIn .6s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes splashHeroIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.splash-halo{position:absolute;width:200px;height:200px;border-radius:999px;background:radial-gradient(circle,#fff0b48c,#fff0b400 65%);animation:splashHalo 3.4s ease-in-out infinite}.splash-halo-2{width:140px;height:140px;background:radial-gradient(circle,#ffffff73,#fff0 70%);animation-delay:-1.7s}@keyframes splashHalo{0%,to{transform:scale(.85);opacity:.55}50%{transform:scale(1.1);opacity:1}}.splash-pot{position:relative;z-index:1;font-size:116px;line-height:1;filter:drop-shadow(0 10px 14px rgba(40,30,12,.35));animation:splashPotSway 3.2s ease-in-out infinite;transform-origin:center 90%}@keyframes splashPotSway{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-3px)}}.splash-leaf{position:absolute;font-size:20px;filter:drop-shadow(0 2px 3px rgba(40,30,12,.25));pointer-events:none;z-index:2}.splash-leaf-1{animation:splashLeafA 8s ease-in-out infinite}.splash-leaf-2{animation:splashLeafB 9s ease-in-out infinite;animation-delay:-3.5s;opacity:.85}@keyframes splashLeafA{0%{left:-8%;top:75%;transform:rotate(-20deg);opacity:0}15%{opacity:1}85%{opacity:1}to{left:105%;top:20%;transform:rotate(220deg);opacity:0}}@keyframes splashLeafB{0%{left:105%;top:65%;transform:rotate(15deg);opacity:0}15%{opacity:1}85%{opacity:1}to{left:-8%;top:30%;transform:rotate(-200deg);opacity:0}}.splash-msg-wrap{height:26px;margin-top:16px;display:flex;align-items:center;justify-content:center}.splash-msg{font-family:Lilita One,sans-serif;font-size:15px;color:#3e2a16;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,255,255,.5);animation:splashMsgIn .45s ease}@keyframes splashMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.splash-dots{display:flex;gap:8px;margin-top:16px}.splash-dots span{width:8px;height:8px;border-radius:999px;background:#5a3e1a;opacity:.35;animation:splashDot 1.3s ease-in-out infinite}.splash-dots span:nth-child(2){animation-delay:.18s}.splash-dots span:nth-child(3){animation-delay:.36s}@keyframes splashDot{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-7px);opacity:1}}.friends-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% 0%,#c8e8f5,#d8edd2 30%,#b0d28f,#8db867)}.friends-header{display:flex;align-items:center;gap:8px;padding:50px 12px 8px;flex-shrink:0}.friends-searchbar{margin:6px 12px 8px;display:flex;align-items:center;gap:8px;padding:0 14px;background:linear-gradient(180deg,#fffbe9,#f3ecdc);border:2px solid #5a3e1a;border-radius:999px;box-shadow:0 2px #5a3e1a,inset 0 1px #ffffff80;flex-shrink:0}.friends-search-icon{color:#8a6a3a;flex-shrink:0}.friends-search{flex:1;padding:9px 0;min-width:0;background:transparent;border:0;outline:none;color:#3e2a16;font-size:13px;font-family:Lilita One,sans-serif;letter-spacing:.02em}.friends-search::placeholder{color:#b09070}.friends-body{flex:1;overflow-y:auto;padding:8px 12px 28px;display:flex;flex-direction:column}.friends-body::-webkit-scrollbar{width:4px}.friends-body::-webkit-scrollbar-thumb{background:#5a3e1a4d;border-radius:4px}.friends-section{display:flex;flex-direction:column;gap:7px;margin-bottom:4px}.friends-section h3{font-family:Lilita One,sans-serif;font-size:11px;font-weight:400;color:#5a3e1a;margin:4px 6px 2px;letter-spacing:.06em;text-transform:uppercase}.friends-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 12px;color:#8a6a3a}.friends-empty span{font-size:36px}.friends-empty p{font-family:Lilita One,sans-serif;font-size:12px;margin:0;letter-spacing:.04em;text-align:center}.friend-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:10px 14px;background:linear-gradient(180deg,#fffef6,#fffbe9);border:2px solid #5a3e1a;border-radius:16px;box-shadow:0 3px #5a3e1a,0 6px 12px -4px #281e0c40;transition:transform .1s}.friend-row:active{transform:translateY(2px);box-shadow:0 1px #5a3e1a}.friend-avatar{width:40px;height:40px;border-radius:999px;flex-shrink:0;border:2.5px solid #5a3e1a;display:flex;align-items:center;justify-content:center;font-family:Lilita One,sans-serif;font-size:15px;color:#fff;box-shadow:0 2px #5a3e1a;cursor:pointer}.friend-info{flex:1;min-width:0;text-align:left;background:none;border:0;padding:0;cursor:pointer}.friend-name{font-family:Lilita One,sans-serif;font-size:15px;color:#3e2a16;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-meta{font-size:11px;color:#8a6a44;margin-top:2px;font-family:Lilita One,sans-serif;letter-spacing:.02em}.friend-add-btn,.friend-visit-btn,.friend-remove-btn{flex-shrink:0;cursor:pointer;font-family:Lilita One,sans-serif;letter-spacing:.04em;border-radius:999px;padding:5px 10px;display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1;transition:transform .08s}.friend-add-btn{background:linear-gradient(180deg,#87c25b,#5a9333);color:#fff;border:2px solid #2b3f1a;box-shadow:0 2px #2b3f1a;text-shadow:0 1px 0 rgba(0,0,0,.2)}.friend-add-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #2b3f1a}.friend-add-btn:disabled{opacity:.6;cursor:default}.friend-visit-btn{background:linear-gradient(180deg,#fffbe9,#f0e8cc);border:2px solid #5a3e1a;color:#3e2a16;box-shadow:0 2px #5a3e1a;font-size:14px;padding:4px 10px}.friend-visit-btn:active{transform:translateY(1px);box-shadow:0 1px #5a3e1a}.friend-remove-btn{background:#fff9;border:1.5px solid #b89260;color:#8a6a3a;padding:4px 8px}.friend-remove-btn:hover:not(:disabled){background:#f8d4cc;border-color:#a83a4a;color:#a83a4a}.friend-remove-btn:disabled{opacity:.5;cursor:not-allowed}.friend-tag{font-family:Lilita One,sans-serif;font-size:10px;padding:4px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;letter-spacing:.04em;border:1.5px solid}.friend-tag.added{color:#3e6534;background:#d8ecce;border-color:#87c25b}.friend-tag.pending{color:#8a6a3a;background:#fff3d6;border-color:#d6b167}.settings-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% 0%,#c8e8f5,#d8edd2 30%,#b0d28f,#8db867)}.settings-header{display:flex;align-items:center;gap:8px;padding:50px 12px 8px;flex-shrink:0}.settings-body{flex:1;overflow-y:auto;padding:6px 14px 24px;display:flex;flex-direction:column;gap:14px}.settings-body::-webkit-scrollbar{width:4px}.settings-body::-webkit-scrollbar-thumb{background:#5a3e1a4d;border-radius:4px}.settings-section{background:linear-gradient(180deg,#fffdf5,#f3ecdc);border:2px solid #5a3e1a;border-radius:18px;box-shadow:0 3px #5a3e1a,0 6px 14px -4px #281e0c40;padding:12px 14px}.settings-section h3{font-family:Lilita One,sans-serif;font-size:15px;font-weight:400;color:#1c2c19;margin:0 0 2px;letter-spacing:.02em}.settings-section .hint{font-family:Lilita One,sans-serif;font-size:10px;color:#8a6a3a;letter-spacing:.04em;margin:0 0 10px}.settings-grid{display:grid;grid-template-columns:1fr;gap:6px}.settings-grid.two-col{grid-template-columns:1fr 1fr}.settings-grid.three-col{grid-template-columns:1fr 1fr 1fr}.settings-option{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:12px;border:2px solid #ddd3b8;background:#faf6ec;cursor:pointer;font-family:Lilita One,sans-serif;font-size:12px;color:#4a3a1a;transition:all .12s;position:relative;text-align:left;line-height:1.15}.settings-option:hover:not(:disabled){border-color:#a07040;background:#f5edd8}.settings-option.selected{border-color:#3e6534;background:#e8f5e2;color:#1c4a10;box-shadow:0 2px #3e6534}.settings-option.maxed{opacity:.4;cursor:not-allowed}.settings-option.level{padding:11px 12px}.settings-option.topic{font-size:11px;padding:8px 6px;justify-content:center}.settings-option .opt-emoji{font-size:18px;line-height:1;flex-shrink:0}.settings-option .opt-emoji.big{font-size:26px}.settings-option .opt-label{flex:1}.settings-option .opt-stack{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.settings-option .opt-hint{font-family:Plus Jakarta Sans,sans-serif;font-size:10px;color:#6e4e2c;font-weight:500}.settings-option .opt-check{font-size:11px;color:#3e6534;font-weight:700;flex-shrink:0}.lang-picker-wrap{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#d4eecc,#b8e0b0);padding:16px}.lang-picker-card{background:#fffdf5;border-radius:20px;border:2px solid #c8a96e;box-shadow:0 8px 32px #1e32142e;padding:24px 20px 20px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:16px}.lang-picker-header{text-align:center}.lang-picker-header h2{font-family:Lilita One,sans-serif;font-size:18px;color:#1c2c19;margin:8px 0 4px}.lang-picker-header p{font-family:Lilita One,sans-serif;font-size:11px;color:#8a6a3a;letter-spacing:.05em;margin:0}.lang-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lang-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:2px solid #ddd3b8;background:#faf6ec;cursor:pointer;font-family:Lilita One,sans-serif;font-size:13px;color:#4a3a1a;transition:all .12s;position:relative;text-align:left}.lang-option:hover:not(:disabled){border-color:#a07040;background:#f5edd8}.lang-option.selected{border-color:#3e6534;background:#e8f5e2;color:#1c4a10}.lang-flag{font-size:18px;line-height:1;flex-shrink:0}.lang-label{flex:1}.lang-check{font-size:11px;color:#3e6534;font-weight:700;flex-shrink:0}.lang-option.maxed{opacity:.4;cursor:not-allowed}.lang-skip{background:none;border:none;cursor:pointer;font-family:Lilita One,sans-serif;font-size:11px;color:#8a6a3a;text-align:center;width:100%;padding:4px;letter-spacing:.04em}.lang-skip:hover{color:#4a3a1a}