:root{--forest:#245744;--forest-hover:#1c4536;--forest-dark:#15382b;--sage:#afc7aa;--sage-soft:#eaf2e8;--sage-border:#afc7aa99;--sky:#a8c8d3;--sky-soft:#eef6f9;--terracotta:#dda07a;--terracotta-soft:#fdf5f0;--deep:#245744;--deep-2:#1b4334;--leaf:#245744;--leaf-text:#245744;--leaf-500:#245744;--leaf-600:#1b4334;--leaf-grad:#245744;--leaf-shadow:0 4px 14px #24574438;--solar-grad:linear-gradient(135deg, #dda07a 0%, #c88158 100%);--solar-shadow:0 4px 14px #dda07a47;--leaf-soft:#eaf2e8;--leaf-2:#afc7aa;--mint:#f3f8f1;--wash:#f8faf6;--warm:#fcf8f2;--amber:#dda07a;--amber-deep:#b05c31;--gold:#dda07a;--paper:#fff;--ink:#1e2e24;--muted:#6f8074;--line:#e3ede1;--line-mist:#edf4eb;--shadow:0 6px 20px #24574412}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}.continuousBackdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.globalLeafSway{transform-origin:0 12%;will-change:transform;animation:7.2s ease-in-out infinite leafShadowSway;position:absolute;inset:0}.globalLeaf{object-fit:contain;object-position:left top;will-change:transform;width:auto;max-width:none;height:125vh;position:absolute;top:0;left:0}@keyframes leafShadowSway{0%{transform:translate(0,0)rotate(0)}28%{transform:translate(3px,-14px)rotate(.8deg)}50%{transform:translate(-2px,-24px)rotate(-.6deg)}75%{transform:translate(2px,-10px)rotate(.4deg)}to{transform:translate(0,0)rotate(0)}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;background-color:#0000;background-image:radial-gradient(circle at 18% 18%,#9ab98e38,#0000 25%),radial-gradient(circle at 86% 56%,#ffe18f52,#0000 38%),linear-gradient(100deg,#dcefd4 0%,#edf5dd 53%,#fff1cd 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:400;position:relative;overflow-x:hidden}.page{z-index:1;position:relative}button{cursor:pointer;font:inherit;border:0}@keyframes skShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#2457440d 0%,#afc7aa38 38%,#afc7aa5c 50%,#afc7aa38 62%,#2457440d 100%) 0%/200% 100%;border-radius:10px;animation:1.7s ease-in-out infinite skShimmer;display:block}.skLine{border-radius:8px;height:12px;margin-top:9px}.skTitle{border-radius:8px;width:60%;height:16px;margin-bottom:8px}.skShort{width:56%}.skMd{width:70%}.skLg{width:88%}.skXlTitle{border-radius:12px;width:78%;height:28px;margin:10px 0 14px}.skSm{width:32%}.skTitle.skSm{width:44%;height:14px}.skPill{border-radius:12px;width:96px;height:22px}.skBtn{border-radius:14px;width:92px;height:34px;display:inline-block}.skBtn.skBtnWide{border-radius:14px;width:100%;height:44px;margin-top:0}.skNavItem{border-radius:14px;justify-self:center;width:84%;height:42px;margin:0 4px}.skNavItem.on{background:linear-gradient(90deg,#2457441a 0%,#24574442 38%,#24574461 50%,#24574442 62%,#2457441a 100%) 0 0/200% 100%;animation:1.7s ease-in-out infinite skShimmer}.skAvatar{border-radius:50%;width:38px;height:38px;margin:0}.skCapsule{border-radius:14px;justify-self:end;width:76px;height:30px;margin-right:10px}.bootPhone .content{align-content:start;gap:12px;padding:12px 16px 28px;display:grid}.bootPhone .profile.bootProfile{background:#fff;border:1px solid #24574414;border-radius:20px;flex-direction:column;gap:10px;padding:12px 14px 14px;display:flex}.bootPhone .bottomNav.bootBottomNav{opacity:.75}.bootShell{gap:9px}.bootNoteTab{background:linear-gradient(90deg,#2457440d 0%,#afc7aa38 38%,#afc7aa5c 50%,#afc7aa38 62%,#2457440d 100%) 0 0/200% 100%;border-color:#0000;border-radius:12px;width:58px;height:36px;min-height:36px;padding:0;animation:1.7s ease-in-out infinite skShimmer;display:inline-block}.bootNoteTab.bootNoteTabOn{outline:1.5px solid var(--forest);outline-offset:0}.bootArticle{background:#ffffffd9;border:1px solid #2457441a;border-radius:20px;margin-top:16px;padding:14px 16px;display:block}.bootArticle .skTitle{margin-bottom:8px}.bootArticle .skLine{margin-top:0}.skResetBtn{border-radius:14px;width:100%;height:44px;display:block}.skDailyImg{border-radius:18px 18px 0 0;width:100%;height:224px;display:block}.skTagChip{border-radius:10px;width:54px;height:22px}.skBtn.skBtnAmber{border-radius:14px;grid-area:1/2/5;align-self:center;width:86px;height:40px}.skBigNumber{border-radius:10px;width:56%;height:32px;display:block}.skProgressLine{border-radius:999px;width:100%;height:7px;display:block}.skTopicSwitchBtn{border-radius:6px;justify-self:end;width:56px;height:18px}.skBadgePill{border-radius:12px;width:84px;height:24px}.skCalendarBtn{border-radius:12px;width:76px;height:32px}.skTaskDoneBadge{border-radius:10px;width:78px;height:22px}.skTaskRow{background:#fff;border:1.5px solid #2457441a;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.skCheckCircle{border-radius:8px;flex-shrink:0;width:22px;height:22px}.bootPhone{pointer-events:none}.page{grid-template-columns:auto minmax(424px,432px) minmax(360px,640px);justify-content:center;align-items:center;gap:36px;min-height:100vh;padding:28px;display:grid}.phoneShell{justify-content:center;width:100%;display:flex;position:relative;overflow:visible}.phone{background:var(--wash);border-radius:44px;flex-direction:column;width:min(100%,406px);height:min(900px,100vh - 76px);min-height:812px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 6px #ffffffeb,0 0 0 7.5px #fdfcf3,inset 0 0 0 1px #7c845a2e,inset 0 2px 6px #fffffff2,0 30px 60px -18px #3a501e52,0 64px 96px -28px #3a501e42}.appTop{background:var(--paper);height:36px;color:var(--deep-2);z-index:100;border-bottom:1px solid #84cc162e;flex-shrink:0;grid-template-columns:72px 1fr 92px;align-items:center;display:grid;position:relative}.portfolioGlobalLink{z-index:300;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f5630;border:1px solid #1f5630;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 16px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:fixed;top:24px;right:28px;box-shadow:0 8px 22px #1f563033}.portfolioGlobalLink:hover{background:#174225;border-color:#174225}.appTop strong{text-align:center;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:700}.wechatCapsule{background:#ffffffc7;border:1px solid #1f563029;border-radius:999px;grid-template-columns:1fr 1px 1fr;justify-self:end;place-items:center;width:74px;height:28px;margin-right:10px;display:grid;box-shadow:0 4px 16px #1f563014}.capsuleDots{gap:3px;display:flex}.capsuleDots i{background:#26352a;border-radius:50%;width:3px;height:3px}.capsuleDivider{background:#d5ddd2;width:1px;height:16px}.capsuleCircle{border:1.5px solid #26352a;border-radius:50%;width:13px;height:13px}.profile{color:var(--ink);box-shadow:none;background:0 0;border:none;flex-direction:column;flex-shrink:0;gap:10px;margin-bottom:12px;padding:8px 4px 4px;display:flex}.profileTopRow{grid-template-columns:40px 1fr auto;align-items:center;gap:10px;display:grid}.avatar{background:linear-gradient(145deg, var(--sage-soft), #fff);width:40px;height:40px;color:var(--forest);border-radius:50%;place-items:center;font-size:14px;font-weight:850;display:grid;box-shadow:inset 0 0 0 2px #24574433}.profileText{align-items:center;min-width:0;display:flex}.profileUserName{color:var(--ink);letter-spacing:-.2px;font-size:15px;font-weight:850}.profileBadgesRight{align-items:center;gap:6px;display:flex}.profileLevelTag{color:var(--forest);background:var(--sage-soft);white-space:nowrap;border:1px solid #2457442e;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:800}.profileScoreBadge{color:var(--forest);white-space:nowrap;background:#fff;border:1px solid #24574433;border-radius:12px;align-items:center;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-flex;box-shadow:0 2px 5px #2457440f}.content{box-sizing:border-box;flex:1 1 0;width:100%;max-width:100%;height:auto;min-height:0;padding:12px 16px 28px;overflow:hidden auto}.content::-webkit-scrollbar{width:0}.immersiveContent{background:linear-gradient(#f7fbf5 0%,#f2f8ee 100%),radial-gradient(circle at 20% 10%,#91c98724,#0000 32%);padding:14px 16px 28px}.tabContent{padding:12px 16px 28px}.dailyCard{background:var(--paper);min-height:auto;box-shadow:var(--shadow);border:1px solid #24574414;border-radius:20px;grid-template-columns:1fr;gap:0;display:grid;overflow:hidden}.dailyImage{height:224px;min-height:224px;position:relative}.dailyImage img{object-fit:cover;width:100%;height:100%;display:block}.tagCloud{flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:8px;left:8px}.tagCloud span{color:var(--forest);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff0;border:1px solid #2457442e;border-radius:8px;padding:3px 8px;font-size:9.5px;font-weight:750;box-shadow:0 2px 6px #0000000f}.dailyInfo{background:var(--paper);color:var(--ink);grid-template-columns:1fr auto;align-content:center;gap:3px 12px;padding:10px 14px 12px;display:grid}.dailyInfo h1{color:var(--forest);grid-column:1;font-size:18px;font-weight:850;line-height:1.1}.dailyInfo h2{color:var(--ink);grid-column:1;font-size:14px;font-weight:800}.dailyInfo em,.dailyInfo span{min-height:0;color:var(--muted);overflow-wrap:anywhere;background:0 0;border-radius:0;grid-column:1;padding:0;font-size:11px;font-style:normal;font-weight:650;display:block}.dailyInfo button{background:var(--forest);color:#fff;cursor:pointer;border:none;border-radius:12px;grid-area:1/2/4;align-self:center;min-width:84px;height:38px;margin-top:0;font-size:12.5px;font-weight:750;transition:all .16s;box-shadow:0 4px 14px #24574438}.dailyInfo button:hover{background:var(--forest-hover);transform:translateY(-1px);box-shadow:0 8px 18px #24574452}.dailyInfo button:active{transform:scale(.98)}.studyPage,.quizPage,.resultPage{flex-direction:column;min-height:100%;display:flex;position:relative}.studyHeaderBar{-webkit-backdrop-filter:blur(12px);z-index:5;box-sizing:border-box;background:#f7fbf5f2;border-bottom:1px solid #24574414;flex-shrink:0;justify-content:center;align-items:center;height:48px;margin:-14px -16px 8px;padding:6px 16px;display:flex;position:sticky;top:-14px}.content.tabContent .studyHeaderBar,.content:not(.immersiveContent) .studyHeaderBar{margin:-12px -16px 8px;top:-12px}.studyHeaderBar .backButton{z-index:2;width:36px;height:36px;color:var(--forest);cursor:pointer;background:#fffffff2;border:1.5px solid #24574429;border-radius:12px;place-items:center;padding-bottom:2px;font-size:26px;line-height:1;transition:all .15s;display:grid;position:absolute;top:6px;left:12px;box-shadow:0 2px 8px #24574414}.studyHeaderBar .backButton:hover{border-color:var(--forest);background:#fff;transform:scale(1.05)}.studyHeaderBar .studyTitle{color:var(--forest);text-align:center;letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 96px);margin:0;font-size:15px;font-weight:850;line-height:36px;position:static;overflow:hidden}.backButton{z-index:2;width:36px;height:36px;color:var(--forest);cursor:pointer;background:#fffffff2;border:1.5px solid #24574429;border-radius:12px;place-items:center;padding-bottom:2px;font-size:26px;line-height:1;transition:all .15s;display:grid;position:absolute;top:0;left:-2px;box-shadow:0 2px 8px #24574414}.backButton:hover{border-color:var(--forest);background:#fff;transform:scale(1.05)}.studyTitle{color:var(--forest);text-align:center;letter-spacing:.2px;font-size:15px;font-weight:850;position:absolute;top:6px;left:48px;right:48px}.birdStudyCard,.quizCard,.resultCard{background:#ffffffd9;border-radius:24px;margin-top:4px}.studyPage .birdStudyCard,.studyPage .reviewCard,.studyPage .detailCard,.studyPage .topicGroupCard{margin-top:2px}.quizPage .quizProgress{margin-top:6px}.birdStudyCard{background:0 0;padding:0 4px 6px;position:relative}.studyHero{background:var(--mint);border-radius:22px;position:relative;overflow:hidden}.studyHero img{aspect-ratio:1.48;object-fit:cover;width:100%;display:block}.studyHeroActions{align-items:center;gap:10px;display:flex;position:absolute;bottom:12px;left:16px}.studyHeroActions button{border:1.5px solid var(--forest);min-width:34px;height:34px;color:var(--forest);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:750;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 12px #2457441f}.studyHeroActions button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #24574429}.studyHeroActions button .wantSeeIcon{color:var(--forest);transition:color .18s}.studyHeroActions button.active,.studyHeroActions button.on{border-color:var(--terracotta);color:#9e4624;background:#fdf6f0;padding:0 12px}.studyHeroActions button.active:hover,.studyHeroActions button.on:hover{border-color:var(--terracotta);background:#fdf6f0;transform:translateY(-1px)}.studyHeroActions button .wantSeeIcon.active,.studyHeroActions button.active .wantSeeIcon,.wantSeeIcon.active{color:#d97736!important}.studyHeroActions>span{color:#fffffff5;text-shadow:0 1px 8px #1f563080;font-size:11px}.commentBubbleEntrance{cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;align-items:flex-end;gap:5px;padding:0;text-decoration:none;display:flex;position:absolute;bottom:12px;right:14px}.commentBubbleTip{transform-origin:100% 100%;background:#fff;border:1px solid #2457442e;border-radius:12px;align-items:center;padding:4px 9px;animation:2.2s ease-in-out infinite bubbleFloatBounce;display:inline-flex;position:relative;box-shadow:0 4px 12px #24574424}.commentBubbleTip span{color:var(--forest);white-space:nowrap;letter-spacing:.1px;font-size:11px;font-weight:750;line-height:1.2}.commentBubbleTipTail{background:#fff;border-bottom:1px solid #2457442e;border-right:1px solid #2457442e;width:7px;height:7px;position:absolute;bottom:-4px;right:12px;transform:rotate(45deg)}.commentBubbleBadge{border:1.5px solid var(--forest);height:32px;color:var(--forest);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:0 10px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 12px #2457441f}.commentBubbleCount{font-size:13px;font-weight:800;line-height:1}.commentBubbleEntrance:hover .commentBubbleBadge{background:#f0f7f2;transform:scale(1.04);box-shadow:0 6px 16px #2457442e}.commentBubbleEntrance:hover .commentBubbleTip{border-color:var(--forest)}.commentBubbleEntrance:active .commentBubbleBadge{transform:scale(.96)}@keyframes bubbleFloatBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-5px)}50%{transform:translateY(0)}70%{transform:translateY(-2px)}}.birdIdentity{align-items:baseline;gap:8px;margin-top:16px;padding:0 4px;display:flex}.birdIdentity h1{color:var(--forest);font-size:26px;line-height:1}.birdIdentity em{color:var(--deep-2);font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic}.factList{gap:10px;margin-top:16px;display:grid}.factList section{background:#ffffffe6;border:1px solid #24574414;border-radius:16px;gap:6px;padding:12px 13px;display:grid;box-shadow:0 4px 14px #2457440a}.basicInfoSection{box-shadow:none!important;background:0 0!important;border:none!important;gap:0!important;padding:0!important}.basicInfoGrid{gap:8px;width:100%;margin-top:2px;display:grid}.basicInfoRow{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.basicInfoCard{background:#fff;border:1px solid #24574414;border-radius:12px;flex-direction:column;gap:3px;padding:8px 12px;display:flex;box-shadow:0 2px 8px #24574408}.basicInfoCardHalf{justify-content:center;padding:9px 12px}.basicInfoInline{white-space:nowrap;align-items:center;gap:2px;display:flex}.basicInfoInlineLabel{color:#657a6c;font-size:11px;font-weight:700;line-height:1.2}.basicInfoInlineVal{font-size:12.5px;font-weight:800;line-height:1.2}.basicInfoInlineVal.ecoVal{color:var(--forest)}.basicInfoInlineVal.iucnVal{color:#c25e1c}.basicInfoCardLabel{color:#657a6c;letter-spacing:.2px;font-size:10.5px;font-weight:800;line-height:1.2}.basicInfoCardValue{align-items:center;display:flex}.taxonomyText{color:var(--forest);flex-wrap:wrap;align-items:center;gap:6px;padding:2px;font-size:12.5px;font-weight:750;line-height:1.3;display:flex}.taxonomyDivider{color:#24574459;font-size:10px;font-weight:400}.basicInfoInlineWrap{white-space:normal;flex-wrap:wrap;gap:2px}.aliasText{color:#385040;font-size:12px;font-weight:650;line-height:1.35}.factList h2{color:var(--forest);align-items:center;gap:7px;font-size:13px;font-weight:850;line-height:1.25;display:flex}.factList h2:before{content:"";background:var(--forest);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #24574424}.factBody{color:#4a5c50;padding-left:13px;font-size:11px;line-height:1.7}.studyMark{color:var(--forest);text-underline-offset:3px;font-weight:850;-webkit-text-decoration:underline #24574473;text-decoration:underline #24574473;text-decoration-thickness:2px}.primaryCta{background:var(--forest);color:#fff;cursor:pointer;border:none;border-radius:14px;min-width:112px;height:44px;font-size:13px;font-weight:750;transition:all .16s;box-shadow:0 4px 14px #24574438}.primaryCta:hover{background:var(--forest-hover);transform:translateY(-1px);box-shadow:0 8px 20px #24574452}.primaryCta:active{transform:scale(.98)}.floatCta{width:100%;margin-top:14px;position:static}.quizProgress{background:#e3ebe1;border-radius:999px;width:min(340px,86%);height:8px;margin:6px auto 10px;overflow:hidden}.quizPage{flex-direction:column;justify-content:space-between;min-height:100%;display:flex}.quizPage .quizProgress{margin-top:4px;margin-left:auto;margin-right:auto}.quizProgress span{border-radius:inherit;background:var(--forest);height:100%;transition:width .35s cubic-bezier(.4,0,.2,1);display:block}.quizCard{gap:10px;margin-top:0;padding:16px;display:grid}.quizCard img{aspect-ratio:1.55;object-fit:cover;border-radius:20px;width:100%;display:block}.quizCount{background:var(--sage-soft);color:var(--forest);border:1px solid #24574429;border-radius:10px;justify-self:start;padding:4px 10px;font-size:11px;font-weight:800}.quizCard h1{color:var(--forest);font-size:19px;line-height:1.35}.answerList{gap:10px;display:grid}@keyframes answerCorrectPop{0%{transform:scale(.98)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes answerWrongShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)rotate(-45deg)}60%{opacity:1;transform:scale(1.22)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.answer{min-height:48px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1.5px solid #24574429;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:0 16px;font-size:13px;font-weight:700;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.answerText{text-align:left;flex:1;line-height:1.35}.answerCheckmark{background:var(--forest);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;animation:.28s cubic-bezier(.34,1.56,.64,1) forwards checkmarkPop;display:inline-flex}.answer:hover:not(:disabled){border-color:var(--forest);background:#2457440a}.answer.selected{border-color:var(--forest);background:var(--sage-soft);color:var(--forest);box-shadow:0 0 0 3px #24574424}.answer.correct{color:#1e4536;background:#edf6f0;border-color:#245744;font-weight:750;animation:.28s cubic-bezier(.34,1.56,.64,1) forwards answerCorrectPop;box-shadow:0 0 0 3.5px #24574433}.answer.wrong{border-color:var(--terracotta);background:var(--terracotta-soft);color:#9e4624;animation:.4s forwards answerWrongShake;box-shadow:0 0 0 3px #dda07a38}.answer:disabled{cursor:default;color:#9ba799;background:#ffffff9e}.quizActionBar{z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;margin-top:auto;padding:12px 0 2px;display:flex;position:sticky;bottom:0}.quizActionBarSpacer{visibility:hidden;flex-shrink:0;width:1px;height:1px}.quizPrevBtn{height:42px;color:var(--forest);cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #24574438;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:0 16px;font-size:13px;font-weight:750;transition:all .16s;display:inline-flex;box-shadow:0 2px 8px #2457440f}.quizPrevBtn:hover{background:var(--sage-soft);border-color:var(--forest)}.quizPrevBtn:active{transform:scale(.98)}.quizActionBar .quizNextBtn{white-space:nowrap;border-radius:14px;width:auto;min-width:116px;max-width:136px;height:42px;margin-left:auto;padding:0 20px;font-size:13px;font-weight:750}.resultPage{align-content:center}.resultCard{text-align:center;background:linear-gradient(#fff,#f4f8f2);border:1px solid #24574414;justify-items:center;gap:10px;padding:28px 22px;display:grid}.resultCard img{object-fit:cover;border-radius:22px;width:210px;height:150px;box-shadow:0 14px 30px #24574429}.resultCard p{color:var(--forest);margin-top:8px;font-size:14px;font-weight:800}.resultCard h1{color:var(--forest);font-size:32px;line-height:1.05}.resultCard em{color:var(--muted);font-family:Georgia,Times New Roman,serif;font-size:12px}.resultCard strong{color:var(--forest);margin-top:4px;font-size:15px}.resultCard>span{color:var(--muted);font-size:12px;line-height:1.6}.resultActions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:12px;display:grid}.resultActions button{background:var(--forest);color:#fff;cursor:pointer;border:none;border-radius:14px;min-height:44px;font-size:13px;font-weight:750;transition:all .16s;box-shadow:0 4px 14px #24574438}.resultActions button:hover{background:var(--forest-hover);transform:translateY(-1px)}.resultActions button:active{transform:scale(.98)}.resultActions button+button{color:var(--forest);border:1.5px solid var(--forest);box-shadow:none;background:#fff}.resultActions button+button:hover{background:#2457440d}.learnPanel,.topicPanel,.taskPanel,.daysPanel{border:1px solid var(--line);background:#ffffffe0;border-radius:24px}.sectionTitle h2,.taskPanel h2,.daysPanel span{color:var(--forest);font-size:14px;font-weight:850}.sectionTitle{justify-content:space-between;align-items:center;margin:18px 0 9px;display:flex}.daysPanel button{color:var(--forest);background:0 0;font-size:12px;font-weight:750}.progressGrid{box-sizing:border-box;grid-template-columns:1fr;gap:0;width:100%;min-width:0;max-width:100%;margin-top:10px;margin-bottom:12px;display:grid}.topicCard,.topicInnerCard{box-sizing:border-box;background:var(--paper);width:100%;min-width:0;max-width:100%;box-shadow:var(--shadow);border:1px solid #24574414;border-radius:20px;flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.topicHeaderRow{justify-content:space-between;align-items:center;gap:8px;margin-bottom:-2px;display:flex}.topicSubLabel{color:var(--forest);letter-spacing:.4px;font-size:11.5px;font-weight:800}.topicCard h3,.topicInnerCard h3{color:var(--ink);margin:0;font-size:16.5px;font-weight:850;line-height:1.25}.topicProgressWrapper{flex-direction:column;gap:6px;margin-top:2px;display:flex}.topicProgressInfo{justify-content:space-between;align-items:center;width:100%;font-size:11.5px;display:flex}.topicProgressCount{color:var(--muted);font-weight:650}.topicProgressRatio{color:var(--forest);text-align:right;letter-spacing:.2px;margin-left:auto;font-weight:800}.topicCard p,.topicInnerCard p{color:var(--muted);margin:0;font-size:11.5px;line-height:1.4}.topicProgressLine{background:#e5ede3;border-radius:999px;width:100%;height:6px;margin-top:0;overflow:hidden}.topicProgressLine span{border-radius:inherit;background:var(--forest);height:100%;display:block}.topicSwitchCta{color:var(--forest);box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-self:end;align-items:center;gap:2px;padding:2px 4px;font-size:11.5px;font-weight:750;transition:all .15s;display:inline-flex}.topicSwitchCta:hover{color:var(--forest-hover);background:#24574412}.topicSwitchCta:active{transform:scale(.96)}.progressActions{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:2px;display:grid}.progressActions button{background:var(--forest);color:#fff;cursor:pointer;border:none;border-radius:12px;min-height:44px;font-size:12.5px;font-weight:750;transition:all .16s;box-shadow:0 4px 14px #24574438}.progressActions button:hover{background:var(--forest-hover);transform:translateY(-1px);box-shadow:0 8px 18px #2457444d}.progressActions button:active{transform:scale(.98)}.progressActions button+button{border:1.5px solid var(--forest);color:var(--forest);box-shadow:none;background:#fff}.progressActions button+button:hover{background:#2457440d}.topicLearnButton{place-items:center;gap:2px;padding:6px 10px;line-height:1.1;display:grid}.topicLearnButton strong{color:#fff;margin:0;font-size:13px;font-weight:800;line-height:1.1}.topicLearnButton small{color:#ffffffe0;font-size:9.5px;font-weight:600}.reviewButton{place-items:center;gap:2px;padding:6px 10px;line-height:1.1;display:grid}.reviewButton strong{color:var(--forest);margin:0;font-size:13px;font-weight:800;line-height:1.1}.reviewButton small{color:#5a7465;font-size:9.5px;font-weight:650}.companionContainerCard{background:#fff;border:1px solid #2457441a;border-radius:24px;flex-direction:column;margin-top:0;display:flex;overflow:hidden;box-shadow:0 8px 24px -4px #2457440f}.companionHeader{background:linear-gradient(135deg,#f4f8f2 0%,#eaf2e8 100%);border-bottom:1px solid #2457441a;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 14px;display:flex}.companionInfo{flex-direction:column;gap:2px;display:flex}.companionLabel{color:var(--forest);letter-spacing:.5px;font-size:11px;font-weight:750}.companionDaysNum{color:var(--forest);letter-spacing:-.5px;font-size:28px;font-weight:850;line-height:1.1}.companionDaysNum em{color:#556f5f;margin-left:2px;font-size:14px;font-style:normal;font-weight:750}.companionStatus{color:#4b6351;margin-top:2px;font-size:10.5px;line-height:1.4}.calendarBtn{border:1.5px solid var(--forest);color:var(--forest);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;padding:6px 14px;font-size:11px;font-weight:750;transition:all .15s;box-shadow:0 2px 6px #2457440f}.calendarBtn:hover{background:#2457440d;transform:translateY(-1px)}.calendarBtn:active{transform:scale(.98)}.companionTaskSection{background:#fff;flex-direction:column;gap:10px;padding:14px 14px 16px;display:flex}.companionTaskSectionHead{justify-content:space-between;align-items:center;display:flex}.companionTaskSectionHead h2{color:var(--forest);margin:0;font-size:14px;font-weight:850}.taskDoneBadge{color:var(--forest);background:var(--sage-soft);border:1px solid #2457442e;border-radius:10px;padding:2px 8px;font-size:10.5px;font-weight:750}.taskList{gap:8px;display:grid}.task{width:100%;min-height:40px;color:var(--ink);text-align:left;cursor:pointer;background:#fbfdfa;border:1.5px solid #2457441a;border-radius:14px;grid-template-columns:24px 1fr;align-items:center;gap:10px;padding:9px 12px;transition:all .15s;display:grid}.task:hover{border-color:var(--forest);background:#f4f8f2}.task:active{transform:scale(.99)}.task span{width:20px;height:20px;color:var(--forest);background:#fff;border:1.5px solid #afc7aa;border-radius:50%;place-items:center;font-size:11px;font-weight:850;display:grid}.task strong,.task small{min-width:0;display:block}.task strong{color:var(--ink);font-size:12.5px;font-weight:750}.task small{color:var(--muted);font-size:9.5px;line-height:1.35}.task.done{background:var(--sage-soft);border-color:var(--forest)}.task.done span{background:var(--forest);border-color:var(--forest);color:#fff}.task.done strong{color:var(--forest)}.bottomNavWrapper{z-index:15;flex-shrink:0;padding:0 14px 14px;position:relative}.bottomDockNav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1.5px solid #2457441f;border-radius:20px;grid-template-columns:1fr 1fr 52px 1fr 1fr;align-items:center;width:100%;height:58px;padding:0 8px;display:grid;box-shadow:0 8px 24px #24574414}.dockItem{color:#728578;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:46px;padding:0;font-size:11px;font-weight:700;transition:all .16s;display:flex}.dockItem .dockIcon{color:#728578;transition:transform .16s,color .16s}.dockItem:hover{color:var(--forest)}.dockItem:hover .dockIcon{color:var(--forest);transform:translateY(-1px)}.dockItem.active{color:var(--forest);font-weight:800}.dockItem.active .dockIcon{color:var(--forest)}.dockCenterBtn{cursor:pointer;z-index:2;background:0 0;border:none;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;position:relative}.centerBtnInner{background:var(--forest);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 4px 14px #24574452}.dockCenterBtn:hover .centerBtnInner{background:var(--forest-hover);transform:scale(1.06)translateY(-1px);box-shadow:0 6px 18px #2457446b}.dockCenterBtn.active .centerBtnInner{background:var(--terracotta);box-shadow:0 4px 14px #dda07a73}.subViewContainer{flex-direction:column;gap:16px;padding-top:6px;display:flex}.subViewHeader h2{color:var(--deep-2);font-size:18px;font-weight:850}.subViewHeader p{color:var(--muted);margin-top:3px;font-size:12px}.exploreCardsGrid{flex-direction:column;gap:12px;display:flex}.exploreCard{cursor:pointer;background:#fff;border:1px solid #2f71401a;border-radius:20px;align-items:center;gap:14px;padding:14px;transition:transform .16s;display:flex;box-shadow:0 4px 14px #2f71400d}.exploreCard:hover{transform:translateY(-2px)}.exploreCardImg{border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.exploreCardInfo{flex-direction:column;gap:3px;display:flex}.exploreCardInfo strong{color:var(--ink);font-size:14px}.exploreCardInfo span{color:var(--muted);font-size:11.5px}.profileTabScreen{flex-direction:column;gap:14px;padding-bottom:12px;display:flex}.profileHeaderInMe{margin-bottom:0!important;padding:4px 2px 2px!important}.profileStatsCard{background:#fff;border:1px solid #2457441a;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 10px;display:grid;box-shadow:0 2px 8px #2457440a}.profileStatItem{flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.profileStatItem strong{color:var(--forest);font-size:22px;font-weight:850;line-height:1.1}.profileStatItem span{color:#556c5c;white-space:nowrap;font-size:11.5px;font-weight:700}.profileArchiveSection{flex-direction:column;gap:8px;display:flex}.profileArchiveHead{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.profileArchiveHead h2{color:var(--forest);margin:0;font-size:14px;font-weight:850}.archiveCountTag{color:var(--forest);background:var(--sage-soft);border:1px solid #2457442e;border-radius:10px;padding:2px 8px;font-size:10.5px;font-weight:750}.profileBadgeList{flex-direction:column;gap:8px;display:flex}.profileBadgeItem{background:#fff;border:1.5px solid #24574417;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex;box-shadow:0 2px 8px #24574408}.profileBadgeItem:hover{border-color:#24574433;transform:translateY(-1px)}.profileBadgeItem span{font-size:22px}.profileBadgeItem div{flex-direction:column;gap:2px;display:flex}.profileBadgeItem strong{color:var(--ink);font-size:13px;font-weight:800}.profileBadgeItem small{color:var(--muted);font-size:10.5px;line-height:1.35}.aiChatPage{z-index:35;background:linear-gradient(180deg, #f0fdf4f5 0%, #fffffffa 30%), var(--paper);color:var(--ink);flex-direction:column;display:flex;position:absolute;inset:36px 0 0;overflow:hidden}.aiChatPageHeader{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #2f71401f;flex-shrink:0;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;min-height:58px;padding:8px 12px;display:grid}.aiMenuBtn,.chatCloseBtn{width:36px;height:36px;color:var(--deep-2);cursor:pointer;background:#fff;border:1px solid #2f71401f;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 14px #1f563014}.aiMenuBtn:hover,.chatCloseBtn:hover{background:#f0fdf4;border-color:#22c55e6b}.chatHeaderTitle{min-width:0;color:var(--deep-2);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.chatHeaderTitle>div{flex-direction:column;gap:1px;min-width:0;display:flex}.chatHeaderTitle strong,.chatHeaderTitle span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chatHeaderTitle span{color:var(--muted);font-size:11px;font-weight:700}.aiSessionScrim{z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c1c1447;position:absolute;inset:58px 0 0}.aiSessionPanel{background:#fff;border-right:1px solid #2f71401f;flex-direction:column;gap:12px;width:min(78%,286px);height:100%;padding:14px 12px;animation:.2s ease-out slideFromLeft;display:flex;box-shadow:16px 0 36px #0c1c142e}@keyframes slideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.aiSessionPanelHead{justify-content:space-between;align-items:center;padding:2px 2px 4px;display:flex}.aiSessionPanelHead strong{color:var(--deep-2);font-size:16px}.aiSessionPanelHead button{background:var(--leaf-grad);color:#fff;cursor:pointer;width:32px;height:32px;box-shadow:var(--leaf-shadow);border:none;border-radius:50%;place-items:center;display:grid}.aiSessionList{gap:8px;display:grid;overflow-y:auto}.aiSessionItem{text-align:left;cursor:pointer;background:#f8fbf6;border:1px solid #2f71401a;border-radius:8px;grid-template-columns:1fr auto;align-content:start;gap:3px 8px;width:100%;min-height:82px;padding:10px;display:grid}.aiSessionItem.active{background:#f0fdf4;border-color:#22c55e94;box-shadow:inset 3px 0 #22c55e}.aiSessionItem span{color:var(--deep-2);font-size:13px;font-weight:850}.aiSessionItem em{color:var(--leaf-text);font-size:10px;font-style:normal;font-weight:800}.aiSessionItem p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1/-1;margin:0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.aiSessionEmpty{color:var(--muted);text-align:center;background:#ffffff8a;border:1px dashed #2457442e;border-radius:12px;padding:18px 12px;font-size:12px}.chatMessagesList{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:10px;min-height:0;max-height:none;padding:16px 16px 14px;display:flex;overflow-y:auto}.chatMessagesList::-webkit-scrollbar{width:0;height:0}.chatMsgBubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:86%;padding:10px 14px;font-size:12.5px;line-height:1.6;box-shadow:0 6px 16px #1f56300f}.chatMsgBubble .chatMsgText{margin:0}.chatMsgBubble .chatMsgText+.chatMsgText{margin-top:6px}.chatMsgBubble .chatMsgText strong{color:#166534;font-weight:700}.chatMsgBubble .chatMsgText .chatQuote{color:inherit;white-space:pre-wrap;background:#bbf7d073;border-left:3px solid #166534;border-radius:0 6px 6px 0;margin:6px 0;padding:4px 8px 4px 10px;font-style:normal;display:block}.chatImageCards{gap:10px;margin-top:10px;display:grid}.chatImagePanelBubble .chatImageCards{margin-top:0}.chatImagePanelNote{color:#166534;font-size:13px;line-height:1.6}.chatImageCard{background:#ffffffc2;border:1px solid #22c55e33;border-radius:12px;overflow:hidden}.chatImageCardHead{justify-content:space-between;align-items:baseline;gap:8px;padding:8px 9px 6px;display:flex}.chatImageCardHead strong{color:#14532d;font-size:13px;line-height:1.2}.chatImageCardHead span{color:#6b7d72;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-style:italic;overflow:hidden}.chatImageStrip{aspect-ratio:16/10;background:#d7eadf}.chatImageZoomBtn{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.chatImageZoomBtn img{object-fit:cover;width:100%;min-width:0;height:100%;display:block}.chatImageCredit{color:#6b7d72;padding:6px 9px 8px;font-size:10px;line-height:1.35}.chatImagePreviewScrim{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1e16b8;place-items:center;padding:18px;display:grid;position:absolute;inset:56px 0 0}.chatImagePreviewPanel{background:#f8fff9;border-radius:18px;width:min(100%,360px);max-height:86%;position:relative;overflow:hidden;box-shadow:0 24px 52px #00000047}.chatImagePreviewPanel img{object-fit:contain;background:#10251b;width:100%;max-height:58vh;display:block}.chatImagePreviewClose{z-index:2;color:#14532d;background:#ffffffe0;border:1px solid #ffffffb3;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}.chatImagePreviewMeta{gap:3px;padding:11px 13px 13px;display:grid}.chatImagePreviewMeta strong{color:#14532d;font-size:15px}.chatImagePreviewMeta span,.chatImagePreviewMeta em{color:#587066;font-size:11px}.chatImagePreviewMeta span{font-style:italic}.chatImagePreviewMeta em{font-style:normal}.chatAi{color:var(--ink);background:#f0fdf4;border:1px solid #bbf7d0;border-bottom-left-radius:4px;align-self:flex-start}.chatUser{background:var(--leaf-grad);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chatAiTyping{color:var(--leaf-text);align-self:flex-start;padding:0 2px;font-size:11px;font-style:italic}.chatInputRow{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-top:1px solid #2f71401a;flex-shrink:0;align-items:center;gap:8px;padding:12px 14px 16px;display:flex}.chatInputRow input{border:1.5px solid #bbf7d0;border-radius:999px;outline:none;flex:1;height:38px;padding:0 14px;font-size:12px}.chatInputRow input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.chatInputRow button{background:var(--leaf-grad);color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:var(--leaf-shadow);border:none;border-radius:50%;flex:0 0 38px;place-items:center;display:grid}.chatInputRow button:disabled{color:#8ba387;box-shadow:none;cursor:default;background:#dfe9db}.phoneModal{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000006b;place-items:center;padding:28px;display:grid;position:absolute;inset:36px 0 0}.phoneModalCard{text-align:center;background:#fffffff5;border:1px solid #2f71401f;border-radius:26px;gap:12px;width:100%;max-width:304px;padding:22px;display:grid;box-shadow:0 20px 46px #1f563038}.phoneModalCard h2{color:var(--deep-2);font-size:20px;line-height:1.25}.phoneModalCard p{color:var(--muted);font-size:12px;line-height:1.65}.phoneModalActions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.phoneModalActions button{border-radius:999px;min-height:42px;font-size:13px;font-weight:850;transition:transform .16s}.phoneModalActions button:first-child{border:1.5px solid var(--leaf-2);background:var(--mint);color:var(--deep);box-shadow:0 4px 12px #22c55e14}.phoneModalActions button:first-child:hover{background:#fff;transform:translateY(-1px)}.phoneModalActions button:last-child{background:var(--leaf-grad);color:#fff;box-shadow:var(--leaf-shadow);border:none}.phoneModalActions button:last-child:hover{transform:translateY(-1px)}.designNotes{width:100%;max-width:640px}.noteBody{animation:.28s noteFade}@keyframes noteFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.noteTabs{flex-wrap:wrap;gap:9px;margin-bottom:22px;display:flex}.noteTab{min-height:36px;color:var(--forest);cursor:pointer;background:#ffffffd9;border:1.5px solid #2457442e;border-radius:12px;padding:0 16px;font-size:12px;font-weight:750;transition:all .15s}.noteTab:hover{border-color:var(--forest);background:#fff;transform:translateY(-1px)}.noteTab.on{background:var(--forest);border-color:var(--forest);color:#fff;box-shadow:0 4px 12px #24574433}.designNotes h1{color:var(--deep-2);margin:10px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:30px;line-height:1.15}.noteIntro{color:var(--muted);font-size:14px;line-height:1.8}.noteList{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:20px;display:grid}.noteList article{background:#ffffffc7;border:1px solid #225a341a;border-radius:20px;padding:14px 16px}.noteList strong,.noteList span{display:block}.noteList strong{color:var(--deep);font-size:14px}.noteList span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.65}@keyframes tipSlideFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tipBar{border-radius:14px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:12px;line-height:1.55;transition:all .2s;animation:.24s cubic-bezier(.16,1,.3,1) forwards tipSlideFade;display:flex}.tipBar.correctTip{color:#1e4536;background:#edf6f0;border:1.5px solid #24574466;box-shadow:0 2px 8px #24574414}.tipBar.wrongTip{color:#8a6416;background:#fdf6e3;border:1.5px solid #d9a03e73;box-shadow:0 2px 8px #d9a03e14}.tipIcon{flex-shrink:0;margin-top:1px;font-size:13px;line-height:1.35}.tipContent{flex:1;min-width:0;font-weight:650}.dualCta{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.dualCta button{border:1.5px solid var(--forest);min-height:44px;color:var(--forest);box-shadow:none;cursor:pointer;background:#fff;border-radius:14px;font-size:13px;font-weight:750;transition:all .16s}.dualCta button:hover{background:#2457440d;transform:translateY(-1px)}.dualCta button+button{background:var(--forest);color:#fff;border:none;box-shadow:0 4px 14px #24574438}.dualCta button+button:hover{background:var(--forest-hover)}.confuseWrap{gap:10px;margin-top:4px;display:grid}.confuseCard{background:0 0;border:none;border-radius:12px;padding:4px 0 2px}.confuseRow{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.confuseRow figure{justify-items:center;gap:4px;min-width:0;display:grid}.confuseRow img{aspect-ratio:1.3;object-fit:cover;border-radius:10px;width:100%;display:block}.confuseRow figcaption{color:var(--deep-2);font-size:10px;font-weight:800}.confuseVs{color:var(--leaf-text);font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;font-weight:850}.confuseKey{color:#586854;border-top:1px dashed #2f71402e;margin-top:8px;padding-top:7px;font-size:10px;line-height:1.6}.digestEntry{color:var(--forest);background:0 0;margin-top:4px;font-size:12px;font-weight:800}.reviewCard{background:#fff;border:1px solid #2457441a;border-radius:24px;gap:12px;margin-top:42px;padding:16px;display:grid;box-shadow:0 10px 28px #2457440f}.reviewHero{grid-template-columns:104px 1fr;align-items:center;gap:12px;display:grid}.reviewHero img{object-fit:cover;border-radius:18px;width:104px;height:104px;display:block;box-shadow:0 10px 22px #2f714029}.reviewMeta{justify-items:start;gap:5px;min-width:0;display:grid}.reviewMeta>span{color:var(--forest);font-size:20px;font-weight:850;line-height:1.15}.reviewMeta>span.reviewHide{color:var(--muted);letter-spacing:2px}.reviewMeta em{color:var(--muted);font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic}.reviewClue{background:var(--mint);border-radius:14px;gap:6px;padding:11px 12px;display:grid}.reviewClue p{color:#4c5e48;font-size:11px;line-height:1.6}.reviewClue strong{color:var(--deep)}.memoryRow{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.memBtn{min-height:52px;color:var(--forest);cursor:pointer;background:#fff;border:1.5px solid #24574429;border-radius:14px;align-content:center;justify-items:center;gap:3px;padding:8px 6px;font-size:12px;font-weight:800;transition:all .15s;display:grid}.memBtn:hover{border-color:var(--forest);transform:translateY(-1px)}.memBtn small{color:var(--muted);font-size:9px;font-weight:600}.memBtn.remember{border-color:var(--forest);background:var(--sage-soft);color:var(--forest)}.memBtn.remember small{color:var(--forest)}.memBtn.fuzzy{border-color:var(--terracotta);background:#fcf6f0}.memBtn.fuzzy small{color:#b0653f}.memBtn.forgot{background:#fdf2f0;border-color:#d97777}.memBtn.forgot small{color:#b25454}.reviewFeedback{background:var(--sage-soft);border-radius:16px;gap:10px;padding:13px;display:grid}.reviewFeedback p{color:var(--forest);font-size:12px;font-weight:750;line-height:1.6}.reviewListEntry{min-height:38px;color:var(--forest);cursor:pointer;background:0 0;border:1.5px dashed #2457444d;border-radius:14px;font-size:12px;font-weight:750;transition:all .15s}.reviewListEntry:hover{background:#2457440d}.topicGroupCard{background:#fff;border:1px solid #2f71401a;border-radius:26px;gap:12px;margin-top:42px;padding:16px;display:grid;box-shadow:0 14px 32px #2f714014}.topicGroupCard header{justify-content:space-between;align-items:center;display:flex}.topicGroupCard header strong{color:var(--deep-2);font-size:15px}.topicGroupCard header span{color:var(--leaf-text);font-size:11px;font-weight:800}.groupBirds{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gBird{background:var(--wash);border:1px solid #2f71401f;border-radius:18px;justify-items:center;gap:5px;padding:10px;display:grid}.gBird img{aspect-ratio:1.25;object-fit:cover;border-radius:12px;width:100%;display:block}.gBird strong{color:var(--deep-2);font-size:13px}.gBird small{color:var(--leaf-text);font-size:10px;font-weight:750}.gBird.done{background:#edf8e9;border-color:#5db75780}.gBird.done small{color:var(--deep)}.topicGroupCard .primaryCta:disabled{color:#8ba387;box-shadow:none;cursor:default;background:#dfe9db;border:none}.groupHint{color:var(--muted);font-size:10px;line-height:1.55}.matchBoard{grid-template-columns:1fr 1.35fr;gap:10px;margin-top:8px;display:grid}.matchCol{align-content:start;gap:9px;display:grid}.matchItem{min-height:46px;color:var(--ink);background:#fff;border:1px solid #2f714024;border-radius:14px;padding:6px 10px;font-size:12px;font-weight:750;line-height:1.35;transition:border-color .16s,background .16s,box-shadow .16s}.matchItem.right{place-items:center;display:grid}.matchItem.right img{aspect-ratio:1.5;object-fit:cover;border-radius:9px;width:100%;display:block}.matchItem.right span{color:#4c5e48;font-size:10px;font-weight:650;line-height:1.5}.matchItem.left.selected{color:var(--deep);background:#edf8e9;border-color:#5db757a3;box-shadow:inset 0 0 0 1px #5db7574d}.matchItem.ok{color:var(--deep);opacity:.72;cursor:default;background:#e7f5e3;border-color:#5db7578c}.matchItem.bad{color:#9f3232;background:#fff3f0;border-color:#d94c4ca8;animation:.32s matchShake}@keyframes matchShake{0%,to{transform:translate(0)}30%{transform:translate(-4px)}60%{transform:translate(4px)}}.matchHint{color:var(--muted);text-align:center;margin-top:10px;font-size:10px;line-height:1.6}.quizPage .tipBar{margin-top:10px}.groupPreview{justify-content:center;gap:8px;display:flex}.groupPreview img{object-fit:cover;border-radius:14px;width:64px;height:64px;box-shadow:0 8px 18px #2f714024}.atlasBar{flex-direction:column;gap:10px;margin-top:12px;margin-bottom:14px;display:flex}.atlasSearchRow{align-items:center;gap:8px;width:100%;display:flex}.atlasFilterToggleBtn{height:42px;color:var(--forest);cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #24574438;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:750;transition:all .16s;display:inline-flex;box-shadow:0 2px 8px #2457440a}.atlasFilterToggleBtn:hover{border-color:var(--forest);background:#f4f8f4}.atlasFilterToggleBtn.hasActive{background:var(--forest);border-color:var(--forest);color:#fff;box-shadow:0 4px 12px #24574438}.atlasFilterBadge{min-width:18px;height:18px;color:var(--forest);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:850;line-height:1;display:inline-flex}.atlasSearchInputWrap{flex:1;align-items:center;display:flex;position:relative}.atlasSearchIcon{color:#7b947a;pointer-events:none;position:absolute;left:14px}.atlasSearchClearBtn{width:20px;height:20px;color:var(--forest);cursor:pointer;background:#e2ede1;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.searchInput{width:100%;height:42px;color:var(--ink);font:inherit;background:#fff;border:1.5px solid #2457442e;border-radius:14px;outline:none;padding:0 34px 0 38px;font-size:13px;transition:all .16s;box-shadow:0 2px 8px #2457440a}.searchInput:focus{border-color:var(--forest);box-shadow:0 0 0 3px #24574424}.searchInput::placeholder{color:#8da18d}.atlasActiveTagsSection{background:#f0f7f1d9;border:1px dashed #24574438;border-radius:12px;flex-flow:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.atlasActiveTagsLabel{color:#3d5f47;flex-shrink:0;font-size:11.5px;font-weight:750}.atlasActiveTagsRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.atlasActiveTag{height:25px;color:var(--forest);background:#fff;border:1px solid #24574438;border-radius:7px;align-items:center;gap:5px;padding:0 8px;font-size:11.5px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0000000a}.atlasActiveTag button{color:#8da18d;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 2px;font-size:10.5px;line-height:1;display:inline-flex}.atlasActiveTag button:hover{color:#e53e3e}.atlasFilterModalCard{border-radius:24px;flex-direction:column;max-height:85vh;padding:0;display:flex;overflow:hidden}.filterModalHeader{background:#fff;border-bottom:1px solid #2457441a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:relative}.filterModalHeaderSpacer{visibility:hidden;flex-shrink:0;width:32px;height:32px}.filterModalTitleCentered{color:var(--ink);text-align:center;letter-spacing:.2px;flex:1;margin:0;font-size:16px;font-weight:850}.filterModalCloseIconBtn{width:32px;height:32px;color:var(--forest);cursor:pointer;background:#f0f4ef;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.filterModalCloseIconBtn:hover{background:#e2ede0}.filterModalScrollBody{background:#fafcf9;flex-direction:column;flex:1;gap:20px;padding:16px 20px;display:flex;overflow-y:auto}.filterSection{box-shadow:none;background:0 0;border:none;border-bottom:1px solid #24574414;border-radius:0;flex-direction:column;gap:14px;padding:0 0 16px;display:flex}.filterSection:last-of-type{border-bottom:none;padding-bottom:0}.filterSectionHead{text-align:left;justify-content:flex-start;align-items:center;gap:8px;width:100%;padding-bottom:4px;display:flex}.filterSectionNum{width:20px;height:20px;color:var(--forest);background:#2457441a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10.5px;font-weight:850;display:inline-flex}.filterSectionTitleLeft{color:var(--ink);text-align:left;flex:1;margin:0;font-size:14.5px;font-weight:800}.filterSubBlock{text-align:left;flex-direction:column;gap:8px;display:flex}.filterSubTitleRow{justify-content:space-between;align-items:center;width:100%;display:flex}.filterSubTitle{color:#3b5038;text-align:left;font-size:12px;font-weight:750}.filterSubClear{color:#8da18d;cursor:pointer;background:0 0;border:none;font-size:10.5px;font-weight:700}.filterSubClear:hover{color:#e53e3e}.filterChipGrid{gap:8px;width:100%;display:grid}.filterChipGrid.filledGrid3{grid-template-columns:repeat(3,minmax(0,1fr))}.filterChipGrid.filledGrid2{grid-template-columns:repeat(2,minmax(0,1fr))}.filterChip{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#374151;cursor:pointer;background:#fff;border:1.5px solid #24574424;border-radius:10px;justify-content:center;align-items:center;width:100%;height:36px;padding:0 8px;font-size:11.5px;font-weight:650;transition:all .14s;display:inline-flex;overflow:hidden}.filterChip:hover{background:#f8faf7;border-color:#24574459}.filterChip.active{border-color:var(--forest);background:var(--forest);color:#fff;font-weight:750;box-shadow:0 3px 8px #24574433}.filterModalBottomBar{background:#fff;border-top:1px solid #2457441a;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.filterResetBtn{color:#4b6b55;cursor:pointer;background:#fff;border:1.5px solid #24574433;border-radius:12px;justify-content:center;align-items:center;gap:5px;height:42px;padding:0 16px;font-size:12.5px;font-weight:750;display:inline-flex}.filterResetBtn:hover{color:var(--forest);background:#f4f8f4}.filterConfirmBtn{background:var(--forest);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;height:42px;font-size:13.5px;font-weight:800;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 4px 14px #2457443d}.filterConfirmBtn:hover{background:#1c4737;transform:translateY(-1px)}.chipRow{flex-wrap:wrap;gap:6px;display:flex}.chip{height:32px;color:var(--forest);cursor:pointer;background:#fff;border:1.5px solid #24574429;border-radius:12px;padding:0 13px;font-size:11px;font-weight:750;transition:all .15s}.chip:hover{background:#2457440d;transform:translateY(-1px)}.chip.on{border-color:var(--forest);background:var(--forest);color:#fff;box-shadow:0 4px 12px #24574433}.chipSelect{height:32px;color:var(--forest);font:inherit;background:#fff;border:1.5px solid #24574429;border-radius:12px;outline:none;padding:0 10px;font-size:11px;font-weight:750}.chipSelect:focus{border-color:var(--forest);box-shadow:0 0 0 3px #24574424}.bannerCard{text-align:left;background:linear-gradient(135deg,#fff,#f4f8f2);border:1px solid #2457441f;border-radius:20px;justify-items:start;gap:3px;width:100%;margin-bottom:10px;padding:13px 15px;display:grid;box-shadow:0 6px 18px #2457440f}.bannerCard strong{color:var(--forest);font-size:14px}.bannerCard span{color:var(--forest);font-size:11px;font-weight:750}.bannerCard em{color:var(--muted);font-size:10px;font-style:normal;line-height:1.5}.qiaoerCard{background:#ffffffd9;border:1.5px dashed #24574440;border-radius:18px;gap:4px;margin-bottom:12px;padding:12px 14px;display:grid}.qiaoerCard strong{color:var(--forest);font-size:12px}.qiaoerCard span{color:#586854;font-size:11px;line-height:1.6}.atlasGrid{grid-template-columns:1fr 1fr;gap:11px;padding-bottom:8px;display:grid}.aCard{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #2457441a;border-radius:20px;gap:7px;padding:9px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;box-shadow:0 4px 14px #2457440a}.aCard:hover{border-color:#24574438;transform:translateY(-2px);box-shadow:0 8px 20px #24574414}.aCard:active{transform:translateY(0)}.aCardImg{border-radius:14px;display:block;position:relative;overflow:hidden}.aCardImg img{aspect-ratio:1.3;object-fit:cover;width:100%;display:block}.aCardImg .pillRow{position:absolute;bottom:6px;left:6px}.aCardMeta{gap:2px;min-width:0;display:grid}.aCardMeta strong{color:var(--forest);font-size:13px}.aCardMeta span{color:var(--muted);font-size:10px}.heartBtn{color:#b05c31;cursor:pointer;background:#fff;border:1.5px solid #dda07a73;border-radius:12px;justify-self:end;align-items:center;gap:4px;height:28px;padding:0 10px;font-size:10.5px;font-weight:800;transition:all .15s;display:inline-flex}.heartBtn:hover{background:#fff;transform:translateY(-1px)}.heartBtn.on,.heartBtn.on:hover{border-color:var(--terracotta);background:#fdf5f0}.atlasEmpty{color:var(--muted);text-align:center;grid-column:1/-1;padding:26px 0;font-size:12px}.pillRow{flex-wrap:wrap;gap:4px;display:flex}.pill{border-radius:10px;padding:3px 8px;font-size:9px;font-weight:800;line-height:1.2}.pill-unlearned{color:#7b877a;background:#eef1ec}.pill-unmastered{color:#a1741c;background:#fdf3dd}.pill-mastered{background:var(--sage-soft);color:var(--forest)}.pill-obs{color:#2b5d7d;background:#eaf2f8}.pill-unobs{color:#8a958a;background:#f0f2ef}.detailCard{gap:12px;margin-top:42px;display:grid}.detailHero{position:relative}.detailHero>img{aspect-ratio:1.5;object-fit:cover;border-radius:22px;width:100%;display:block;box-shadow:0 14px 30px #2f714029}.detailStatus{position:absolute;top:10px;left:10px}.detailWant{color:#b05c31;cursor:pointer;background:#fffffff2;border:1.5px solid #dda07a73;border-radius:12px;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 12px #00000014}.detailWant:hover{background:#fff;transform:translateY(-1px)}.detailWant.active,.detailWant.active:hover{border-color:var(--terracotta);background:#fdf5f0}.detailActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detailActions button{border:1.5px solid var(--forest);min-height:44px;color:var(--forest);box-shadow:none;cursor:pointer;background:#fff;border-radius:14px;font-size:13px;font-weight:750;transition:all .15s}.detailActions button:hover{background:#2457440d;transform:translateY(-1px)}.detailActions button:last-child{background:var(--forest);color:#fff;border:none;box-shadow:0 4px 14px #24574438}.detailActions button:last-child:hover{background:var(--forest-hover)}.noteListMock{gap:8px;display:grid}.noteItem{background:var(--wash);border:1px solid #2f71401a;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:9px 11px;display:grid}.noteItem strong{color:var(--forest);font-size:11px;display:block}.noteItem span{color:#586854;margin-top:2px;font-size:10px;line-height:1.55;display:block}.noteItem button{color:#b05c31;background:#fff;border:1.5px solid #dda07a73;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.noteItem button.liked{background:#fdf5f0}.phoneModalCard.digestModal{text-align:left;align-content:start;max-height:calc(100% - 56px);overflow-y:auto}.phoneModalCard.digestModal h2,.phoneModalCard.digestModal>p{text-align:center}.digestList{gap:8px;max-height:300px;padding-right:2px;display:grid;overflow-y:auto}.digestItem{background:var(--wash);border:1px solid #2457441a;border-radius:14px;gap:3px;padding:9px 11px;display:grid}.digestItem strong{color:var(--forest);font-size:11px;line-height:1.4}.digestItem span{color:#586854;font-size:10px;line-height:1.5}.digestItem em{color:var(--forest);font-size:10px;font-style:normal;font-weight:700;line-height:1.5}.digestItem.missed{background:#fdf0ee;border-color:#d94c4c6b}.digestItem.missed strong{color:#9f3232}.topicSwitchList{gap:8px;display:grid}.topicItem{background:var(--wash);text-align:left;cursor:pointer;border:1.5px solid #24574424;border-radius:14px;justify-items:start;gap:3px;padding:10px 12px;transition:all .15s;display:grid}.topicItem:hover{border-color:var(--forest)}.topicItem strong{color:var(--forest);font-size:12px}.topicItem span{color:#586854;font-size:10px;line-height:1.5}.topicItem em{color:var(--forest);font-size:10px;font-style:normal;font-weight:750}.topicItem.on{border-color:var(--forest);background:var(--sage-soft);box-shadow:inset 0 0 0 1px #24574447}.obsGrid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:300px;padding-right:2px;display:grid;overflow-y:auto}.obsBird{background:var(--wash);cursor:pointer;border:1.5px solid #24574424;border-radius:14px;justify-items:center;gap:4px;padding:7px;transition:all .15s;display:grid}.obsBird:hover{border-color:var(--forest)}.obsBird img{aspect-ratio:1.2;object-fit:cover;border-radius:9px;width:100%;display:block}.obsBird span{color:var(--forest);font-size:10px;font-weight:750}.obsBird.sel{border-color:var(--forest);background:var(--sage-soft);box-shadow:inset 0 0 0 1px #2457444d}.phoneModalActions button:disabled{color:#8ba387;box-shadow:none;cursor:default;background:#dfe9db}.sideRail{z-index:10;flex-direction:column;align-items:stretch;gap:12px;width:150px;display:flex;position:relative}.railCard{-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #225a3426;border-radius:24px;flex-direction:column;gap:7px;padding:18px 16px;display:flex;box-shadow:0 10px 28px #24574414}.railCard strong{color:var(--forest);font-size:13px}.railCard span{color:var(--ink);font-size:12px;font-weight:700}.railCard small{color:var(--muted);margin-top:4px;font-size:10px}.resetBtn{z-index:2;background:var(--forest);color:#fff;cursor:pointer;border:none;border-radius:14px;min-height:42px;padding:0 16px;font-size:12.5px;font-weight:750;transition:all .15s;position:relative;box-shadow:0 4px 14px #24574438}.resetBtn:hover{background:var(--forest-hover);transform:translateY(-1px);box-shadow:0 8px 18px #24574452}.exploreScreenRoot{-webkit-user-select:none;user-select:none;background:#f7faf5;flex-direction:column;width:100%;height:100%;min-height:100%;display:flex;position:relative;overflow:hidden}.exploreTopBar{background:var(--paper,#f7faf5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid #1f56300f;flex-shrink:0;grid-template-columns:46px 1fr auto;align-items:center;gap:8px;min-height:64px;padding:8px 14px 10px;display:grid}.exploreTopRightGroup{align-items:center;gap:7px;display:flex}.fieldCheckinBtn{color:var(--forest);cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #24574440;border-radius:12px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:750;transition:all .15s;display:flex;box-shadow:0 2px 6px #2457440f}.fieldCheckinBtn:hover{background:var(--sage-soft);border-color:var(--forest);transform:translateY(-1px)}.featherIcon{color:var(--forest)}.exploreToolbar{z-index:19;background:#fff;border-bottom:1px solid #24574414;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.modeSelectorWrap{align-items:center;display:flex;position:relative}.exploreModeToggleBtn{height:30px;color:var(--forest);cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #24574429;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 10px;transition:all .16s;display:inline-flex;box-shadow:0 2px 6px #2457440f}.modeToggleText{color:var(--forest);letter-spacing:.2px;font-size:11.5px;font-weight:700}.exploreModeToggleBtn:hover{background:var(--sage-soft);border-color:var(--forest);color:var(--forest-hover);transform:translateY(-1px);box-shadow:0 4px 10px #2457441f}.exploreModeToggleBtn:hover .modeToggleText{color:var(--forest-hover)}.exploreModeToggleBtn:active{transform:scale(.96)}.modeToggleIcon{color:var(--forest);flex-shrink:0;transition:transform .2s}.exploreModeToggleBtn:hover .modeToggleIcon{transform:scale(1.08)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.menuTitle{color:var(--muted);padding:4px 8px;font-size:10px;font-weight:750}.menuItem{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;transition:all .12s;display:flex}.menuItem:hover,.menuItem.active{background:var(--sage-soft)}.menuItemIconWrap{font-size:18px}.menuItemText{flex-direction:column;flex:1;display:flex}.menuItemText strong{color:var(--ink);font-size:12px}.menuItemText small{color:var(--muted);font-size:9.5px;line-height:1.2}.checkIcon{color:var(--forest)}.filterPillsGroup{align-items:center;gap:6px;display:flex;overflow-x:auto}.filterPill{color:var(--forest);white-space:nowrap;cursor:pointer;background:#fff;border:1.5px solid #24574426;border-radius:10px;align-items:center;gap:4px;padding:5px 10px;font-size:10.5px;font-weight:700;transition:all .15s;display:flex}.filterPill:hover{background:var(--sage-soft);border-color:var(--forest)}.filterPill.activeFilter{border-color:var(--forest);color:var(--forest);background:#edf7eb;box-shadow:0 1px 4px #2457441a}.pillIcon{color:var(--forest)}.exploreMainStage{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.exploreMapContainer{background:#f4faf1;width:100%;height:100%;position:relative;overflow:hidden}.realMapCanvas{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.realMapBase{z-index:0;isolation:isolate;background:#e7efe4;width:100%;height:100%;position:absolute;inset:0}.realMapBase.fallback{opacity:0;pointer-events:none}.realMapBase>:not(canvas){pointer-events:none}.realMapBase canvas{pointer-events:auto}.realMapBase [class*=control],.realMapBase [class*=tmap-control],.realMapBase [class*=tmap-zoom],.realMapBase [class*=tmap-rotate],.realMapBase [class*=tmap-compass],.realMapBase [class*=tmap-scale],.realMapBase [class*=navigation],.realMapBase [class*=zoom]{visibility:hidden!important;pointer-events:none!important;opacity:0!important;display:none!important}.realMapBase div[style*=z-index]:has(button){visibility:hidden!important;pointer-events:none!important;opacity:0!important;display:none!important}.realMapBase div[style*=z-index]>div:has(button){visibility:hidden!important;pointer-events:none!important;opacity:0!important;display:none!important}.realMapOverlay{z-index:10;pointer-events:none;position:absolute;inset:0}.ecoMapPin{cursor:pointer;pointer-events:auto;z-index:12;will-change:transform;flex-direction:column;align-items:center;transition:z-index .15s;display:flex;position:absolute;top:0;left:0}.ecoMapPin.selected{z-index:25}.ecoPinBadge{background:linear-gradient(135deg,#f97316 0%,#ea580c 55%,#c2410c 100%);border:2.5px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:27px;height:27px;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:rotate(-45deg);box-shadow:0 4px 14px #ea580c6b,0 2px 4px #00000029}.ecoPinIcon{color:#fff;filter:drop-shadow(0 1px 2px #00000040);transition:transform .2s;transform:rotate(45deg)}.ecoMapPin:hover .ecoPinBadge{background:linear-gradient(135deg,#fb923c 0%,#ea580c 50%,#b43403 100%);transform:rotate(-45deg)scale(1.18);box-shadow:0 6px 18px #ea580c8c,0 3px 6px #0003}.ecoMapPin.selected .ecoPinBadge{background:linear-gradient(135deg,#fb923c 0%,#e11d48 70%,#9f1239 100%);border-color:#fff;width:31px;height:31px;transform:rotate(-45deg)scale(1.14);box-shadow:0 8px 22px #e11d488c,0 0 0 3.5px #f9731673}.ecoPinPulse{pointer-events:none;border:2.5px solid #f97316;border-radius:50%;animation:2s ease-out infinite ecoPulse;position:absolute;inset:-7px}@keyframes ecoPulse{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.ecoPinLabel{white-space:nowrap;pointer-events:auto;flex-direction:column;align-items:center;gap:3px;animation:.2s cubic-bezier(.16,1,.3,1) ecoLabelFadeIn;display:flex;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}@keyframes ecoLabelFadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.ecoPinMainInfo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border:1.5px solid #ea580c52;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;display:inline-flex;box-shadow:0 4px 14px #0000001f,0 2px 4px #ea580c14}.ecoMapPin.selected .ecoPinMainInfo{background:#fff;border-color:#ea580c;box-shadow:0 6px 18px #ea580c47}.ecoPinName{color:#1f2937;letter-spacing:.2px;font-size:11.5px;font-weight:800}.ecoPinCount{color:#c2410c;background:#fff7ed;border:1px solid #f9731633;border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:750}.ecoPinSocialTag{color:#fff;background:linear-gradient(135deg,#ea580c 0%,#f97316 100%);border:1px solid #fff6;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:9px;font-weight:800;display:inline-flex;box-shadow:0 3px 8px #ea580c59}.ecoLightPin{cursor:pointer;pointer-events:auto;z-index:10;will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.ecoLightBadge{background:#f97316;border:2px solid #fff;border-radius:50%;place-items:center;width:13px;height:13px;transition:all .18s;display:grid;box-shadow:0 2px 6px #ea580c73,0 1px 2px #00000026}.ecoLightDot{background:#fff;border-radius:50%;width:3.5px;height:3.5px}.ecoLightPin:hover .ecoLightBadge,.ecoLightPin.selected .ecoLightBadge{background:#ea580c;transform:scale(1.4);box-shadow:0 4px 10px #ea580c99}.ecoLightLabel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#fffffff5;border:1px solid #ea580c47;border-radius:6px;padding:2px 7px;animation:.18s ease-out ecoLabelFadeIn;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001f}.ecoLightName{color:#1f2937;font-size:10px;font-weight:750}.ecoUserLocationPin{pointer-events:none;z-index:18;will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.ecoUserLocationPin.fallbackUserPin{transform:translate(-50%,-50%)}.userPinCoreDot{z-index:2;color:#fff;background:#0284c7;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:relative;box-shadow:0 0 0 2px #0284c773,0 3px 10px #0284c766}.userPinBinocularsInside{color:#fff;stroke-width:2.2px}.userPinBinocularsLabel{color:#38bdf8;stroke-width:2.2px;flex-shrink:0}.userPinRadarWave{pointer-events:none;z-index:1;background:#0284c738;border-radius:50%;width:44px;height:44px;animation:2.4s cubic-bezier(.25,1,.5,1) infinite userLocationRadarPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes userLocationRadarPulse{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}70%{opacity:.15;transform:translate(-50%,-50%)scale(1.6)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}.userPinLabelPill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;pointer-events:auto;z-index:3;background:#0f172ae0;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:4px;padding:2.5px 8px;font-size:10px;font-weight:750;display:inline-flex;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.userPinDot{background:#38bdf8;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #38bdf8}.realLightPopup{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border:1.5px solid #22c55e4d;border-radius:14px;flex-direction:column;gap:3px;max-width:250px;padding:12px 28px 12px 14px;animation:.18s ease-out fadeInDown;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 10px 30px #0a180e29}.realLightPopupHeader{align-items:center;gap:5px;display:flex}.realLightPopupIcon{color:#16a34a}.realLightPopup strong{color:var(--deep-2);font-size:13px}.realLightPopupDistrict{color:#5c7263;font-size:10.5px;font-weight:700}.realLightPopupBirds{color:#274833;margin-top:3px;font-size:11px;line-height:1.4}.realLightPopupClose{color:#6b7c70;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:22px;height:22px;transition:all .15s;display:grid;position:absolute;top:8px;right:8px}.realLightPopupClose:hover{color:#143522;background:#0000000d}.realMapError{z-index:20;text-align:center;color:#b45309;background:#fff7ed;place-items:center;padding:24px;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}.fallbackMapLayer{z-index:12;background:#eef7e9;position:absolute;inset:0;overflow:hidden}.fallbackMapBg{background-color:#f4faf1;background-image:linear-gradient(#2f71400d 1px,#0000 1px),linear-gradient(90deg,#2f71400d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0}.fallbackWater,.fallbackForest{pointer-events:none;display:block;position:absolute}.fallbackWater{filter:blur(.2px);background:linear-gradient(90deg,#7dd3fcc7,#0ea5e99e);border-radius:999px;height:34px}.fallbackWater.main{width:118%;top:30%;left:-8%;transform:rotate(7deg)}.fallbackWater.branch{width:52%;top:34%;left:46%;transform:rotate(66deg)}.fallbackForest{background:linear-gradient(135deg,#bbf7d0bf,#4ade8061);border-radius:44% 56% 48% 52%}.fallbackForest.west{width:28%;height:32%;top:14%;left:8%}.fallbackForest.north{width:26%;height:25%;top:10%;right:14%}.fallbackForest.east{width:30%;height:28%;bottom:16%;right:6%}.fallbackMapNotice{z-index:3;color:#31523a;background:#ffffffe6;border:1px solid #2f71402e;border-radius:14px;flex-direction:column;gap:3px;max-width:min(360px,100% - 28px);padding:9px 12px;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 8px 24px #0a180e1a}.fallbackMapNotice strong{font-size:12px}.fallbackMapNotice span{color:#6b7c70;font-size:10px}.fallbackPin{cursor:pointer;background:0 0;border:none;padding:0;transform:translate(-50%,-100%)}.fallbackPin.ecoLightPin{transform:translate(-50%,-50%)}.flameIcon{color:#fef08a}.mapControlsGroup{z-index:15;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:12px}.mapZoomControls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #2f714029;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 14px #0f2d1e1f,0 1px 3px #0000000d}.mapControlBtn{width:36px;height:36px;color:var(--deep-2);cursor:pointer;background:0 0;border:none;place-items:center;transition:all .15s;display:grid}.mapControlBtn:hover{color:var(--forest);background:#2f714014}.mapControlBtn:active{transform:scale(.92)}.mapControlDivider{background:#2f71401f;width:22px;height:1px;margin:0 auto}.mapLocateBtn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--deep-2);cursor:pointer;background:#fffffff2;border:1px solid #2f714029;border-radius:12px;place-items:center;transition:all .15s;display:grid;box-shadow:0 4px 14px #0f2d1e1f,0 1px 3px #0000000d}.mapLocateBtn:hover{color:#16a34a;background:#fff;transform:scale(1.05)}.mapLocateBtn:active{transform:scale(.92)}.selectedLocationCardDrawer.matureMapDrawer{-webkit-backdrop-filter:blur(28px);z-index:30;background:#fffffff7;border-top:1.5px solid #ea580c2e;border-radius:22px 22px 0 0;flex-direction:column;transition:height .3s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1);animation:.25s cubic-bezier(.16,1,.3,1) drawerSlideUp;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -12px 38px #0f1e1429,0 -2px 8px #0000000a}.selectedLocationCardDrawer.matureMapDrawer.snap-peek{height:200px;max-height:32%}.selectedLocationCardDrawer.matureMapDrawer.snap-half{height:56%;max-height:60%}.selectedLocationCardDrawer.matureMapDrawer.snap-full{height:calc(100% - 142px);max-height:calc(100% - 142px)}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawerDragHeader{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;border-bottom:1px solid #0000000d;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;display:flex}.drawerDragHeader:active{cursor:grabbing}.drawerGripPill{cursor:pointer;background:#cbd5e1;border-radius:999px;width:36px;height:4px;transition:all .18s}.drawerGripPill:hover{background:#94a3b8;width:42px}.drawerTopBarRow{justify-content:space-between;align-items:center;gap:8px;width:100%;padding:2px 2px 0;display:flex}.drawerSpotQuickTitle{color:#1e293b;letter-spacing:-.1px;font-size:13px;font-weight:800}.closeDrawerBtn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #94a3b833;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;transition:all .15s;display:grid}.closeDrawerBtn:hover{color:#ef4444;background:#fee2e2;border-color:#ef44444d;transform:scale(1.06)}.closeDrawerBtn:active{transform:scale(.92)}.drawerScrollableBody{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:14px;padding:12px 14px 28px;display:flex;overflow:hidden auto}.drawerScrollableBody::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.noScrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.verticalRecordFeedList::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.matureMapDrawer::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.horizontalRecordList::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.noScrollbar{scrollbar-width:none!important;-ms-overflow-style:none!important}.drawerSpotSummaryCard{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:10px;padding:4px 2px 2px;display:flex}.spotHeadlineRow{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.spotNameDistrictCol{flex-direction:column;flex:1;gap:3px;display:flex}.spotNameWrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spotMainTitle{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:16px;font-weight:850}.spotTomorrowWantBadge{color:#c2410c;background:#fff7ed;border:1px solid #ea580c38;border-radius:999px;align-items:center;gap:3.5px;padding:1.5px 7.5px;font-size:10.5px;font-weight:750;line-height:1.2;display:inline-flex}.inlineFlameIcon{color:#ea580c;fill:#ea580c;flex-shrink:0}.spotAddressLine{color:#64748b;cursor:pointer;align-items:center;gap:4px;margin:0;font-size:11px;transition:color .15s;display:inline-flex}.spotAddressLine:hover{color:#0f172a;text-decoration:underline}.inlinePin{color:#ea580c;flex-shrink:0}.spotStatsBubble{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #22c55e4d;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:58px;padding:4px 10px;display:flex}.spotStatsBubble .statNumber{color:#15803d;font-size:16px;font-weight:900;line-height:1.1}.spotStatsBubble .statUnit{color:#166534;font-size:9px;font-weight:700}.spotFeaturesRow{background:#f8faf7;border-radius:10px;flex-direction:column;gap:5px;padding:8px 10px;display:flex}.featureTagItem{color:#334155;align-items:center;gap:5px;font-size:11px;line-height:1.35;display:flex}.featureIcon{color:#16a34a;flex-shrink:0}.spotQuickActionsBar{grid-template-columns:1.4fr 1.1fr 1fr 40px;gap:8px;margin-top:4px;display:grid}.spotActionPill{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:11.5px;font-weight:750;transition:all .15s;display:flex}.spotActionPill.wantToGoBtn{color:#c2410c;background:#fff7ed;border:1px solid #ea580c40}.spotActionPill.wantToGoBtn:hover,.spotActionPill.wantToGoBtn.isWant{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-color:#ea580c;box-shadow:0 3px 10px #ea580c4d}.spotActionPill.navBtn{color:#15803d;background:#f0fdf4;border:1px solid #22c55e40}.spotActionPill.navBtn:hover{color:#14532d;background:#dcfce7}.spotActionPill.recordBtn{color:#334155;background:#f1f5f9;border:1px solid #94a3b833}.spotActionPill.recordBtn:hover{color:#0f172a;background:#e2e8f0}.spotActionPill.shareBtn{color:#475569;background:#f8fafc;border:1px solid #94a3b833;padding:0}.spotActionPill.shareBtn:hover{color:#0f172a;background:#e2e8f0}.drawerFeedContainer{flex-direction:column;gap:12px;display:flex}.feedSectionHeader{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.feedHeaderTitleCol{align-items:baseline;gap:6px;display:flex}.feedSectionTitle{color:#0f172a;margin:0;font-size:13.5px;font-weight:850}.feedSubCount{color:#64748b;font-size:10.5px}.feedFilterTabs{background:#f1f5f0;border-radius:999px;align-items:center;gap:4px;padding:2px;display:flex}.feedFilterBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;transition:all .12s}.feedFilterBtn.active{color:#14532d;background:#fff;box-shadow:0 1px 3px #00000014}.cardModeTwoColGrid,.drawerTwoColGrid{align-items:flex-start;gap:10px;width:100%;display:flex}.waterfallColumn{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.unifiedBirdCard{background:#fff;border:1px solid #2f71401f;border-radius:16px;flex-direction:column;align-self:start;width:100%;height:fit-content;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;overflow:hidden;box-shadow:0 4px 14px #2f71400a}.unifiedBirdCard:hover{border-color:#22c55e59;transform:translateY(-2px);box-shadow:0 8px 20px #2f714014}.cardAuthorRow{align-items:center;gap:6px;padding:8px 9px 6px;display:flex}.cardAuthorAvatar{object-fit:cover;border:1px solid #dcfce7;border-radius:50%;flex-shrink:0;width:24px;height:24px}.cardAuthorMeta{flex-direction:column;flex:1;min-width:0;line-height:1.15;display:flex}.cardAuthorNameRow{align-items:center;gap:4px;display:flex}.cardAuthorName{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.cardAuthorLevel{color:#16a34a;background:#eaf8e9;border-radius:3px;flex-shrink:0;padding:.5px 4px;font-size:8.5px;font-weight:700}.cardObsTime{color:var(--muted);font-size:8.5px}.cardQuickShareBtn{color:#8c9e90;cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;padding:2px;transition:all .12s;display:grid}.cardQuickShareBtn:hover{color:#16a34a;background:#f0fdf4}.cardMediaWrapper{background:#0f172a;width:100%;height:135px;position:relative;overflow:hidden}.cardBirdPhoto{object-fit:cover;cursor:pointer;width:100%;height:100%;transition:transform .3s}.cardBirdPhoto:hover{transform:scale(1.05)}.cardTextOnlyMediaWrapper{box-sizing:border-box;background:linear-gradient(145deg,#fafdf7 0%,#f1f6ed 100%);border-bottom:1px solid #2f714014;flex-direction:column;justify-content:center;width:100%;min-height:96px;padding:22px 14px 20px;transition:background .15s;display:flex;position:relative}.cardTextOnlyMediaWrapper:hover{background:linear-gradient(145deg,#f4fbf0 0%,#eaf3e4 100%)}.cardTextOnlyExcerpt{color:#1e293b;-webkit-line-clamp:3;letter-spacing:-.1px;-webkit-box-orient:vertical;margin:0;font-size:13px;font-style:normal;font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}.cardBirdNameOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#0f172ad1;border:1px solid #ffffff2e;border-radius:6px;flex-direction:column;max-width:calc(100% - 12px);padding:2.5px 7px;transition:background .15s;display:flex;position:absolute;bottom:6px;left:6px}.cardBirdNameOverlay:hover{background:#0f172af2}.cardBirdMainName{color:#fef08a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:850;line-height:1.15;overflow:hidden}.cardBirdLatin{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-style:italic;overflow:hidden}.cardArchiveHintBtn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#14532d;cursor:pointer;background:#ffffffe6;border:none;border-radius:4px;align-items:center;gap:2px;padding:2px 5px;font-size:9px;font-weight:750;transition:all .14s;display:inline-flex;position:absolute;top:6px;right:6px;box-shadow:0 1px 4px #00000026}.cardArchiveHintBtn:hover{background:#fff;transform:scale(1.04)}.cardContentSection{flex-direction:column;flex:1;gap:5px;padding:7px 9px 5px;display:flex}.cardTitleRow{width:100%;display:block}.cardTitleText{color:#0f172a;white-space:nowrap;letter-spacing:-.2px;margin:0;font-size:11.5px;font-weight:700;line-height:1.35;overflow:visible}.cardNotesText{color:#1e293b;white-space:nowrap;margin:0;font-size:11px;font-weight:700;line-height:1.4}.cardTagsGroup{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.cardHabitatPill{color:#15803d;white-space:nowrap;text-overflow:ellipsis;background:#f0fdf4;border:1px solid #22c55e33;border-radius:4px;max-width:100%;padding:1px 5px;font-size:9px;font-weight:700;overflow:hidden}.cardTopicPill{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:9px}.cardFooterActions{border-top:1px solid #2f71400f;justify-content:space-between;align-items:center;padding:6px 9px 8px;display:flex}.cardActionBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:3px;padding:2px 4px;font-size:10px;font-weight:700;transition:all .12s;display:inline-flex}.cardActionBtn:hover{color:var(--ink);background:#f4f6f2}.cardActionBtn.liked{color:#ef4444}.feedBottomEndNotice{text-align:center;color:#94a3b8;padding:14px 0 6px;font-size:10.5px;font-weight:600}.exploreCardModeContainer{scrollbar-width:none;-ms-overflow-style:none;background:#f7faf5;flex-direction:column;flex:1;gap:10px;padding:10px 12px 20px;display:flex;overflow:hidden auto}.exploreCardModeContainer::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.cardSearchBox{background:#fff;border:1.5px solid #2f714024;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 14px;display:flex;box-shadow:0 3px 10px #2f71400d}.searchGlassIcon{color:#16a34a}.cardSearchInput{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:12px}.cardSearchInput::placeholder{color:#8c9e90;font-size:11px}.clearSearchBtn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px}.qiaoerBubbleCard{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 60%,#e0f2fe 100%);border:1px solid #22c55e40;border-radius:18px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex;box-shadow:0 4px 12px #22c55e14}.qiaoerAvatar{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 3px 8px #22c55e59}.qiaoerSparkle{animation:6s linear infinite spinSlow}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qiaoerTextBody{flex-direction:column;gap:2px;display:flex}.qiaoerTextBody strong{color:var(--deep-2);font-size:11.5px}.qiaoerTextBody p{color:#2e4a35;margin:0;font-size:11px;line-height:1.35}.cardModeFeedList{flex-direction:column;gap:16px;display:flex}.locationFeedSection{flex-direction:column;gap:8px;display:flex}.feedLocationHeader{cursor:pointer;background:#fff;border:1px solid #2f71401a;border-radius:16px;align-items:center;gap:8px;padding:8px 12px;transition:all .14s;display:flex;box-shadow:0 2px 6px #2f714008}.feedLocationHeader:hover{background:#f0fdf4;border-color:#22c55e}.feedPinBadge{color:#16a34a;background:#eaf8e9;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.feedLocationMeta{flex-direction:column;flex:1;line-height:1.2;display:flex}.locNameWithBadge{align-items:center;gap:6px;display:flex}.locNameWithBadge strong{color:var(--deep-2);font-size:13px}.locBadge{color:#16a34a;background:#dcfce7;border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:750}.feedLocationAddress{color:var(--muted);font-size:10px}.navArrowIcon{color:#8c9e90}.feedRecordsWrap{flex-direction:column;gap:10px;display:flex}.feedBirdRecordCard{background:#fff;border:1px solid #2f71401a;border-radius:20px;flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:0 6px 16px #2f71400d}.feedCardTop{justify-content:space-between;align-items:center;display:flex}.feedAuthorInfo{align-items:center;gap:8px;display:flex}.feedAuthorImg{object-fit:cover;border-radius:50%;width:28px;height:28px}.feedAuthorName{color:var(--ink);font-size:11.5px;display:block}.feedAuthorLevel{color:var(--leaf-text);font-size:9px;display:block}.feedObsTime{color:var(--muted);font-size:9.5px}.feedCardImgHolder{background:#eef2ec;border-radius:14px;width:100%;height:140px;position:relative;overflow:hidden}.feedBirdImg{object-fit:cover;cursor:pointer;width:100%;height:100%;transition:transform .2s}.feedBirdImg:hover{transform:scale(1.03)}.feedImgBirdOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#000000a6;border-radius:8px;align-items:baseline;gap:4px;padding:3px 8px;display:flex;position:absolute;bottom:8px;left:8px}.overlayBirdName{font-size:12px;font-weight:850}.overlayBirdLatin{color:#cbd5e1;font-size:9px;font-style:italic}.feedCardNotes{color:#2a3d2e;margin:0;font-size:11.5px;line-height:1.45}.feedCardTags{flex-wrap:wrap;gap:5px;display:flex}.feedHabitatBadge{color:#15803d;background:#f0fdf4;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}.feedTagPill{color:var(--muted);background:#f4f6f2;border-radius:6px;padding:2px 6px;font-size:9.5px}.feedCardFooter{border-top:1px solid #2f71400f;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.footerInteractions{align-items:center;gap:12px;display:flex}.interactionBtn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:2px 4px;font-size:11px;transition:all .12s;display:flex}.interactionBtn:hover{color:var(--ink)}.interactionBtn.activeLike{color:#ef4444}.feedShareBtn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:2px 4px;font-size:11px;display:flex}.feedShareBtn:hover{color:#16a34a}.emptyStateFeed{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:40px 20px;display:flex}.emptyStateFeed span{font-size:32px}.emptyStateFeed strong{color:var(--ink);font-size:13px}.emptyStateFeed p{margin:0;font-size:11px}.fabAddRecordBtn{background:var(--forest);color:#fff;cursor:pointer;z-index:30;border:1.5px solid #fff6;border-radius:14px;align-items:center;gap:6px;padding:6px 14px 6px 6px;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:20px;right:16px;box-shadow:0 8px 22px #2457446b,0 2px 6px #00000026}.fabAddRecordBtn:hover{background:var(--forest-hover);transform:translateY(-2px)scale(1.04);box-shadow:0 12px 28px #2457448c}.fabIconCircle{background:#ffffff38;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.fabBtnLabel{letter-spacing:.2px;font-size:12px;font-weight:850}.exploreModalOverlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:60;background:#00000073;flex-direction:column;justify-content:flex-end;animation:.16s ease-out fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.exploreModalSheet{background:#fff;border-radius:26px 26px 0 0;flex-direction:column;gap:14px;max-height:80%;padding:18px 16px 24px;animation:.2s ease-out drawerSlideUp;display:flex;box-shadow:0 -12px 32px #00000038}.sheetHeader{border-bottom:1px solid #2f714014;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.sheetHeader h3{color:var(--deep-2);margin:0;font-size:14px;font-weight:850}.sheetTitleWithIcon{align-items:center;gap:6px;display:flex}.sheetCloseBtn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px}.districtOptionsGrid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:260px;display:grid;overflow-y:auto}.districtOptionBtn{cursor:pointer;background:#f8faf6;border:1.5px solid #2457441f;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;transition:all .12s;display:flex}.districtOptionBtn:hover,.districtOptionBtn.selected{background:var(--sage-soft);border-color:var(--forest)}.districtOptionBtn strong{color:var(--ink);font-size:12px}.districtOptionBtn small{color:var(--muted);font-size:10px}.timeOptionsList{flex-direction:column;gap:8px;display:flex}.timeOptionRow{cursor:pointer;text-align:left;background:#f8faf6;border:1.5px solid #2457441f;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .12s;display:flex}.timeOptionRow:hover,.timeOptionRow.selected{background:var(--sage-soft);border-color:var(--forest)}.timeInfoCol{flex-direction:column;display:flex}.timeInfoCol strong{color:var(--ink);font-size:12.5px}.timeInfoCol span{color:var(--muted);font-size:10px}.fieldCheckinForm,.addRecordForm{flex-direction:column;gap:12px;display:flex;overflow-y:auto}.formGroup{flex-direction:column;gap:4px;display:flex}.formGroup label{color:var(--deep-2);font-size:11px;font-weight:750}.formGroup input,.formGroup select,.formGroup textarea{width:100%;color:var(--ink);background:#fff;border:1.5px solid #24574433;border-radius:12px;outline:none;padding:8px 12px;font-size:11.5px}.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px #24574424}.chipsSelectRow{flex-wrap:wrap;gap:6px;display:flex}.chipBtn{color:var(--forest);cursor:pointer;background:#fff;border:1.5px solid #24574426;border-radius:10px;padding:5px 12px;font-size:10.5px;font-weight:700;transition:all .12s}.chipBtn.active{background:var(--forest);border-color:var(--forest);color:#fff}.primarySubmitBtn{background:var(--forest);color:#fff;cursor:pointer;border:none;border-radius:14px;height:44px;margin-top:6px;font-size:13px;font-weight:750;transition:transform .15s,background .15s;box-shadow:0 4px 14px #24574440}.primarySubmitBtn:hover{background:var(--forest-hover);transform:translateY(-1px)}.exploreToastBubble{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:80;background:#142417eb;border-radius:999px;padding:8px 16px;font-size:11.5px;font-weight:750;animation:.2s cubic-bezier(.34,1.56,.64,1) toastPop;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-10px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.popularTopicsSection{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;min-width:0;max-width:100%;margin-top:14px;display:flex}.sectionHeaderRow{justify-content:space-between;align-items:center;gap:8px;padding:0 2px;display:flex}.sectionTitleGroup{flex-direction:column;gap:2px;min-width:0;display:flex}.sectionTitle{color:var(--ink);letter-spacing:-.2px;font-size:15px;font-weight:700}.viewAllTopicsBtn{color:var(--forest);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:2px;padding:3px 6px;font-size:12px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.viewAllTopicsBtn:hover{background:#24574414;transform:translate(1px)}.popularCarouselWrapper{box-sizing:border-box;width:100%;max-width:100%;position:relative}.popularFloatingArrow{z-index:10;width:28px;height:28px;color:var(--forest);cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:1px solid #2457442e;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .22s,transform .18s,background .15s,color .15s;display:inline-flex;position:absolute;top:50%;box-shadow:0 2px 8px #00000024,0 1px 3px #24574414}.popularFloatingArrow.left{left:2px;transform:translateY(-50%)scale(.9)}.popularFloatingArrow.right{right:2px;transform:translateY(-50%)scale(.9)}.popularCarouselWrapper:hover .popularFloatingArrow,.popularCarouselWrapper:focus-within .popularFloatingArrow{opacity:.96;pointer-events:auto}.popularCarouselWrapper:hover .popularFloatingArrow.left,.popularCarouselWrapper:focus-within .popularFloatingArrow.left,.popularCarouselWrapper:hover .popularFloatingArrow.right,.popularCarouselWrapper:focus-within .popularFloatingArrow.right{transform:translateY(-50%)scale(1)}.popularFloatingArrow:hover{opacity:1;background:var(--forest);color:#fff;border-color:var(--forest);box-shadow:0 3px 12px #2457444d}.popularFloatingArrow.left:hover,.popularFloatingArrow.right:hover{transform:translateY(-50%)scale(1.1)}.popularFloatingArrow:active{transform:translateY(-50%)scale(.95)}.popularCardsScroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;box-sizing:border-box;gap:10px;width:100%;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.popularCardsScroll::-webkit-scrollbar{height:4px}.popularCardsScroll::-webkit-scrollbar-thumb{background:#24574426;border-radius:4px}.popularTopicCard{border:1px solid var(--line);cursor:pointer;scroll-snap-align:start;box-sizing:border-box;background:#fffffff5;border-radius:14px;flex-direction:column;flex:0 0 220px;gap:7px;width:220px;padding:12px 12px 10px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 2px 8px #2457440a}.popularTopicCard:hover{border-color:var(--sage);transform:translateY(-2px);box-shadow:0 6px 16px #24574417}.popularTopicCard.isCurrentTopic{background:linear-gradient(#eaf2e866 0%,#fffffff5 100%);border-color:#24574466}.cardHeaderBadgeRow{justify-content:space-between;align-items:center;gap:6px;display:flex}.topicTagPill{white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-block}.currentStudyingPill{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.popularCardTitle{color:var(--ink);font-size:14.5px;font-weight:700;line-height:1.3}.popularCardDesc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.popularCardMetaRow{justify-content:space-between;align-items:center;margin-top:1px;font-size:11px;display:flex}.studyingCountTag{color:var(--forest);background:#2457440f;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.topicBirdCountTag{color:var(--muted);font-size:11px;font-weight:500}.popularCardFooter{border-top:1px dashed var(--line);justify-content:flex-start;align-items:center;padding-top:6px;display:flex}.popularProgressCircleRow{align-items:center;gap:7px;display:inline-flex}.circularProgressWrapper{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:relative}.progressCircleSvg{width:22px;height:22px;transform:rotate(-90deg)}.progressCircleBg{fill:none;stroke:#e2e8f0;stroke-width:3.6px}.progressCircleFill{fill:none;stroke-width:3.6px;stroke-linecap:round;transition:stroke-dasharray .3s}.popularProgressPctText{color:var(--forest);font-size:11.5px;font-weight:700}.bookshelfPage{flex-direction:column;height:100%;display:flex}.bookshelfContainer{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:14px;margin-top:0;padding:6px 14px 28px;display:flex;overflow-y:auto}.bookshelfContainer::-webkit-scrollbar{width:0;height:0;display:none}.bookshelfSearchBar{background:#fff;border:1.5px solid #24574429;border-radius:12px;align-items:center;gap:8px;padding:7px 12px;transition:all .15s;display:flex;box-shadow:0 2px 8px #2457440a}.bookshelfSearchBar:focus-within{border-color:var(--forest);box-shadow:0 3px 12px #2457441f}.shelfSearchIcon{color:var(--forest);opacity:.75;flex-shrink:0}.shelfSearchInput{color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:13px}.shelfSearchInput::placeholder{color:#94a3b8;font-size:12.5px}.shelfSearchClearBtn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:inline-flex}.shelfSearchClearBtn:hover{color:#1e293b;background:#e2e8f0}.shelfSearchEmpty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:32px 16px;font-size:13px;display:flex}.shelfSearchEmpty button{border:1px solid var(--line);color:var(--forest);cursor:pointer;background:#fff;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.shelfSearchEmpty button:hover{background:var(--forest);color:#fff;border-color:var(--forest)}.bookshelfWall{flex-direction:column;gap:14px;display:flex}.shelfRow{flex-direction:column;display:flex;position:relative}.shelfBooksGrid{z-index:1;grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.bookVolumeItem{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative}.bookVolumeItem:hover{transform:translateY(-4px)}.bookVolumeItem.currentBook .bookSpineCover{box-shadow:0 4px 16px #2457441f, 0 0 0 1.5px var(--forest)}.bookSpineCover{border:1px solid var(--line-mist);border-radius:12px;flex-direction:column;min-height:220px;padding:13px 12px 11px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.bookCoverGlint{pointer-events:none;background:linear-gradient(135deg,#fff6 0%,#fff0 50%,#00000005 100%);position:absolute;inset:0}.bookCoverImageWrap{background:#0000000a;border:1px solid #0000000d;border-radius:8px;width:100%;height:116px;margin-bottom:8px;overflow:hidden}.bookCoverImageWrap img{object-fit:cover;width:100%;height:100%}.bookCoverTitle{margin-bottom:3px;font-size:13.5px;font-weight:700;line-height:1.35}.bookCoverRegion{opacity:.88;margin-bottom:auto;font-size:11px;line-height:1.3}.bookCoverFooter{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:8px;padding-top:6px;font-size:11px;display:flex}.bookPctTag{border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.bookShadow{display:none}.topicDetailPage{flex-direction:column;height:100%;display:flex}.topicDetailScroll{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:14px;margin-top:0;padding:8px 14px 32px;display:flex;overflow-y:auto}.topicDetailScroll::-webkit-scrollbar{width:0;height:0;display:none}.topicDetailHeroCard{border:1px solid var(--line);background:#fffffff5;border-radius:14px;flex-direction:column;gap:12px;padding:15px;display:flex;box-shadow:0 2px 10px #2457440a}.topicHeroHead{flex-direction:column;gap:6px;display:flex}.topicHeroBadgeRow{align-items:center;gap:6px;display:flex}.topicDetailTitle{color:var(--ink);font-size:18px;font-weight:800}.topicDetailDesc{color:var(--muted);font-size:13px;line-height:1.5}.topicDetailStatGrid{border-top:1px dashed var(--line);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px;display:grid}.tdStatItem{text-align:center;background:var(--wash);border-radius:8px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.tdStatItem strong{color:var(--forest);font-size:16px;font-weight:800}.tdStatItem strong em{margin-left:2px;font-size:11px;font-style:normal;font-weight:500}.tdStatItem span{color:var(--muted);margin-top:2px;font-size:10px}.topicEcoSectionCard{border:1px solid var(--line);background:#fffffff5;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 2px 10px #2457440a}.cardHeadWithIcon{align-items:center;gap:6px;display:flex}.cardHeadWithIcon h2{color:var(--ink);font-size:15px;font-weight:700}.sectionSubDesc{color:var(--muted);font-size:12px}.stackedEcoBar{background:#f1f5f9;border-radius:999px;width:100%;height:14px;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px #00000014}.ecoBarSegment{height:100%;transition:width .3s}.ecoLegendGrid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px;display:grid}.ecoLegendItem{background:var(--wash);border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.ecoLegendLeft{align-items:center;gap:6px;display:flex}.ecoColorDot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.ecoLegendName{color:var(--ink);font-weight:600}.ecoLegendRight{align-items:center;gap:6px;display:flex}.ecoLegendRight strong{font-size:12px}.ecoPctText{color:var(--muted);font-size:11px}.topicBirdListCard{border:1px solid var(--line);background:#fffffff5;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 2px 10px #2457440a}.topicBirdUnitsWrap{flex-direction:column;gap:14px;display:flex}.topicUnitGroup{flex-direction:column;gap:8px;display:flex}.unitGroupHeader{align-items:center;gap:8px;display:flex}.unitBadge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.unitSub{color:var(--muted);font-size:11px}.unitBirdsList{flex-direction:column;gap:6px;display:flex}.topicBirdRow{background:var(--wash);border:1px solid var(--line-mist);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;transition:background .15s,border-color .15s,transform .12s;display:flex}.topicBirdRow:hover{border-color:var(--sage);background:#fff;transform:translate(2px)}.topicBirdEcoIndicator{border-radius:2px;flex-shrink:0;width:4px;height:32px}.topicBirdRowInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.topicBirdRowNameRow{align-items:baseline;gap:6px;display:flex}.topicBirdRowNameRow strong{color:var(--ink);font-size:14px}.topicBirdRowLatin{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:italic;overflow:hidden}.topicBirdRowFeature{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.topicBirdRowMeta{align-items:center;gap:4px;margin-top:1px;display:flex}.orderTagSmall,.familyTagSmall{color:var(--muted);background:#f1f5f9;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:500}.obsTagSmall{color:#1d4ed8;background:#dbeafe;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:600}.topicBirdRowStatus{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.topicBirdRowStatus .pillRow{align-items:center;gap:4px;display:flex}.levelTag{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.levelMastered{color:#166534;background:#dcfce7}.levelUnmastered{color:#854d0e;background:#fef9c3}.levelUnlearned{color:#64748b;background:#f1f5f9}.topicDetailBottomActions{grid-template-columns:100px 1fr;gap:10px;margin-top:6px;display:grid}.topicActionSecondaryBtn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;padding:10px 0;font-size:13px;font-weight:600;transition:background .15s}.topicActionSecondaryBtn:hover{background:var(--wash)}.topicActionPrimaryBtn{background:var(--forest);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 0;font-size:13px;font-weight:700;transition:transform .15s,background .15s;box-shadow:0 4px 12px #24574440}.topicActionPrimaryBtn:hover{background:var(--forest-hover);transform:translateY(-1px)}.topicActionPrimaryBtn.activeCurrent{background:#166534}.topicActionPrimaryBtn.disabledLocked{color:#f8fafc;cursor:not-allowed;opacity:.9;box-shadow:none;background:#94a3b8}.topicActionPrimaryBtn.disabledLocked:hover{background:#94a3b8;transform:none}.topicItem.topicItemLocked{opacity:.65;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.topicItemHead{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.topicLockedBadge{color:#64748b;background:#e2e8f0;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.atlasModeHeader{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.atlasModeSegment{background:#f1f5f9;border:1px solid #0000000a;border-radius:12px;gap:4px;padding:3px;display:flex}.atlasModeTab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.atlasModeTab:hover{color:#1e293b}.atlasModeTab.active{color:#1b4332;background:#fff;box-shadow:0 1px 4px #00000014}.atlasTabIcon{color:inherit}.atlasModeCount{color:#475569;background:#64748b1f;border-radius:10px;padding:1px 6px;font-size:10.5px;font-weight:700}.atlasModeTab.active .atlasModeCount{color:#245744;background:#2457441f}.atlasEmptyStateWrap{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:36px 16px;display:flex}.atlasEmptySwitchBtn{color:#fff;cursor:pointer;background:#245744;border:none;border-radius:10px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:opacity .2s}.atlasEmptySwitchBtn:hover{opacity:.9}.aCardImg{position:relative}.aCardWantBtn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:3;background:#00000073;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.aCardWantBtn:hover{background:#000000a6;transform:scale(1.08)}.aCardWantBtn.active{color:#fff;background:#f59e0b;border-color:#f59e0b}.dailyImage{position:relative}.dailyPillRow{z-index:2;gap:4px;display:flex;position:absolute;top:8px;left:8px}.dailyWantBtn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:2;background:#00000073;border:1px solid #ffffff4d;border-radius:14px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .18s;display:flex;position:absolute;top:8px;right:8px}.dailyWantBtn:hover{background:#000000a6}.dailyWantBtn.active{color:#fff;background:#f59e0b;border-color:#f59e0b}.studyHeroPillRow{z-index:2;gap:5px;display:flex;position:absolute;top:10px;left:10px}.cardMediaWrapper{position:relative}.cardPhotoPillRow{z-index:2;gap:4px;display:flex;position:absolute;top:6px;left:6px}.cardPhotoWantBtn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:2;background:#00000073;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:3px;padding:3px 6px;font-size:10px;font-weight:600;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.cardPhotoWantBtn:hover{background:#000000a6}.cardPhotoWantBtn.active{color:#fff;background:#f59e0b;border-color:#f59e0b}.cardTextOnlyTopRow{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cardPhotoPillRow.textCardPills{position:static}.cardPhotoWantBtn.textCardWantBtn{color:#64748b;background:#f1f5f9;border-color:#e2e8f0;border-radius:50%;padding:3px;position:static}.cardPhotoWantBtn.textCardWantBtn.active{color:#d97706;background:#fef3c7;border-color:#fde68a}.gBirdImgWrap{border-radius:10px;width:100%;position:relative;overflow:hidden}.gBirdImgWrap img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.gBirdImgWrap .pillRow{transform-origin:0 100%;gap:3px;display:flex;position:absolute;bottom:4px;left:4px;transform:scale(.85)}.groupPreviewItem{border-radius:10px;position:relative;overflow:hidden}.groupPreviewItem img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.groupPreviewItem .pillRow{transform-origin:0 100%;gap:3px;display:flex;position:absolute;bottom:4px;left:4px;transform:scale(.8)}.resultHeroWrap{border-radius:14px;width:100%;margin-bottom:12px;position:relative;overflow:hidden}.resultHeroWrap img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.resultHeroWrap .pillRow{gap:4px;display:flex;position:absolute;top:8px;left:8px}@media (max-width:900px){.portfolioGlobalLink{z-index:300;height:28px;min-height:28px;padding:0 11px;font-size:11.5px;position:fixed;top:4px;left:auto;right:8px;box-shadow:0 2px 10px #1f563038}.phoneShell{overflow:visible}}@media (max-width:440px){.page{padding:0;display:block;overflow-x:hidden}.portfolioGlobalLink{top:4px;left:auto;right:8px}.phoneShell{justify-content:center;width:100%;display:flex;overflow:visible}.phone{border-radius:0;width:100vw;height:100vh;min-height:100vh;box-shadow:inset 0 2px 6px #fffffff2,0 0 0 1px #7c845a2e}.sideRail,.designNotes{display:none}}@media (max-width:360px){.portfolioGlobalLink{height:26px;min-height:26px;padding-inline:9px;font-size:11px;top:4px;left:auto;right:6px}.profile{grid-template-columns:42px 1fr 104px;padding-inline:10px}.dailyCard{grid-template-columns:1fr}.dailyInfo{min-height:154px}.bottomNav{gap:10px;padding-inline:16px}}