:root{--bg:#fbf8ef;--paper:#ffffffbd;--paper-soft:#ffffffb8;--paper-strong:#ffffffe6;--line:#dce0cf;--line-strong:#d4dac9;--green:#6f8a68;--green-dark:#4f704d;--leaf:#8ca77f;--brown:#5d625f;--brown-strong:#242727;--orange:#eda14f;--orange-dark:#8a5216;--orange-soft:#fff1df;--blue-soft:#eef8f9;--text:#242727;--muted:#7d8382;--shadow:0 12px 28px #43382214;--shadow-strong:0 16px 34px #4338221a;--press-shadow:#4338221a;--radius:24px;--shell-max:430px;--page-x:18px;--tabbar-height:78px;--motion:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;background:#ebe6da;min-height:100%}body{min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}img{width:auto;max-width:100%;height:auto;display:block}.feature-card__image,.compact-card__image,.category-card__image,.animal-card__image,.book-category-card__image,.book-card__image,.home-head img,.pager img,.reader-pager img,.profile-planet,.welcome-logo,.login-mascot{object-fit:contain}.app-shell{width:min(100%, var(--shell-max));background:radial-gradient(circle at 8% 92%, #dde6c98c 0 44px, transparent 45px), radial-gradient(circle at 30% 98%, #dde6c966 0 64px, transparent 65px), radial-gradient(circle at 92% 8%, #f7eccd9e, transparent 34%), linear-gradient(180deg, #fffdf7 0%, var(--bg) 100%);min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}@media (min-width:520px){.app-shell{box-shadow:0 22px 80px #2e28192e}}.page{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) var(--page-x) calc(110px + env(safe-area-inset-bottom));position:relative}.page--no-tab{padding-bottom:calc(32px + env(safe-area-inset-bottom))}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:.85}}.skeleton-bar,.skeleton-card{border:1px solid var(--line);border-radius:var(--radius);background:#e7ebe0;animation:1.2s ease-in-out infinite skeleton-pulse;display:block}.skeleton-bar--title{border-radius:12px;width:46%;height:30px;margin:12px auto 18px}.skeleton-bar--search{border-radius:999px;height:54px;margin-bottom:18px}.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.skeleton-card{min-height:150px}@media (prefers-reduced-motion:reduce){.skeleton-bar,.skeleton-card{animation:none}}.topbar{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;height:48px;margin-bottom:14px;display:grid}.topbar h1{text-align:center;margin:0;font-size:clamp(24px,7vw,32px);font-weight:850;line-height:1.1}.round-button{background:var(--paper-strong);width:48px;height:48px;color:var(--green);transition:transform var(--motion), box-shadow var(--motion), color var(--motion);border:0;border-radius:999px;place-items:center;display:grid;box-shadow:0 8px 20px #3a332214}.favorite-button--active{color:#e05a5a;background:#fff1ec;border-color:#ffd5ca}.round-button:active{transform:translateY(2px);box-shadow:0 5px 14px #3a332212}.searchbar{border:1px solid var(--line);color:#7b837a;height:54px;transition:border-color var(--motion), box-shadow var(--motion), transform var(--motion);background:#ffffffb8;border-radius:999px;align-items:center;gap:12px;padding:0 18px;display:flex}.searchbar:focus-within{border-color:#b7c4ab;box-shadow:0 0 0 3px #6f8a681f}.searchbar input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:16px}.searchbar__end{flex:none;display:none}.tabbar{z-index:60;width:min(100%, var(--shell-max));min-height:calc(var(--tabbar-height) + env(safe-area-inset-bottom));padding:7px 12px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf7f0;border:0;border-top:2px solid #c4b89e73;border-radius:26px 26px 0 0;grid-template-columns:repeat(4,1fr);align-items:center;gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 22px #6b5c431f}.tab{color:#9f927d;border-radius:18px;flex-direction:column;justify-content:center;place-items:center;gap:3px;min-width:0;height:58px;font-size:12px;font-weight:700;line-height:1;transition:background-color .18s,color .18s,transform .18s;display:flex}.tab__icon{width:32px;height:32px;color:inherit;border-radius:999px;place-items:center;transition:background-color .18s,box-shadow .18s,color .18s,transform .18s;display:grid}.tab__svg{fill:none;stroke:currentColor;stroke-width:2.45px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.tab--active .tab__icon{color:#fff9e3;background:#7d9a75;border-radius:999px;width:34px;height:34px;box-shadow:0 3px #66825f}.tab--active .tab__svg{stroke-width:2.65px;width:23px;height:23px}.tab--active{color:#4f704d;background:#eef3e8;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #6f8a6829}.tab__label{color:inherit;font-size:12px;font-weight:700}.tab--active .tab__label{color:#4f704d;font-weight:900}.tab:active{transform:translateY(1px)}.chip-row{scrollbar-width:none;gap:10px;padding:2px 0 8px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{color:#5d625f;white-space:nowrap;background:#ffffffa6;border:1px solid #d9ddce;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-size:15px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.chip--active{border-color:var(--green);color:var(--green-dark);background:#eef3e8}.section-title{justify-content:space-between;align-items:center;gap:12px;margin:24px 4px 12px;display:flex}.section-title h2{margin:0;font-size:23px;font-weight:850;line-height:1}.section-title a{color:var(--green);white-space:nowrap;font-size:14px;font-weight:850}.empty-state{min-height:124px;color:var(--muted);background:#ffffff8a;border:1px dashed #d6dbcf;border-radius:18px;place-items:center;font-weight:800;display:grid}.home-head{grid-template-columns:72px minmax(0,1fr) 48px;align-items:center;gap:12px;padding-top:10px;display:grid}.home-head img{object-fit:contain;width:70px;height:auto;max-height:58px}.home-head h1{margin:0;font-size:24px;font-weight:900;line-height:1.1}.home-head p{color:var(--muted);margin:5px 0 0;font-size:14px}.home-search{margin-top:16px}.feature-grid,.category-grid,.book-grid,.book-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feature-grid{margin-top:16px}.feature-card,.category-card,.compact-card,.book-category-card,.book-card,.animal-card,.detail-card,.profile-card,.menu-block{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);transition:transform var(--motion), box-shadow var(--motion), border-color var(--motion)}.feature-card:hover,.category-card:hover,.compact-card:hover,.book-category-card:hover,.book-card:hover,.animal-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-1px)}.feature-card{border-radius:var(--radius);align-content:space-between;min-height:230px;padding:24px 18px 10px;display:grid;overflow:hidden}.feature-card--green{background:linear-gradient(145deg,#f0f7e9,#fffdf4)}.feature-card--orange{background:linear-gradient(145deg,#fff1df,#fffaf2);border-color:#f2d6ad}.feature-card h2{color:var(--green-dark);margin:0;font-size:34px;font-weight:900;line-height:1}.feature-card--orange h2{color:#8a5216}.feature-card p{color:#667b61;margin:8px 0 0;font-size:14px;font-weight:700}.feature-card--orange p{color:#9c7043}.feature-card__image{justify-self:center;width:auto;max-width:100%;height:auto;max-height:138px;margin-top:8px}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.compact-card{text-align:center;border-radius:20px;min-width:0;padding:8px}.compact-card__image{aspect-ratio:1;background:#ffffff7a;border-radius:16px;width:100%;max-width:100%;height:auto;max-height:none;margin:0 auto}.compact-card strong{margin-top:8px;font-size:15px;display:block}.compact-card span{color:#6f7476;font-size:13px}.category-grid{gap:14px;margin-top:18px}.category-card{border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:152px;padding:10px;display:flex}.category-card--green{background:linear-gradient(145deg,#f0f7e9,#fffdf4)}.category-card--orange{background:linear-gradient(145deg,#fff1df,#fffaf2);border-color:#f0d7b0}.category-card--blue{background:linear-gradient(145deg, var(--blue-soft), #fffdf4);border-color:#cddde1}.category-card__image{filter:none;width:82px;height:72px}.category-card strong,.book-category-card strong{color:var(--green-dark);order:-1;font-size:22px;font-weight:900}.category-card--orange strong{color:var(--orange-dark)}.animal-list{gap:10px;margin-top:12px;display:grid}.animal-card{border-radius:var(--radius);grid-template-columns:clamp(82px,24vw,100px) minmax(0,1fr) 38px;align-items:center;gap:10px;min-height:116px;padding:10px;display:grid;position:relative}.animal-card__image{background:#ffffff80;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:clamp(80px,24vw,98px);margin:0 auto;box-shadow:inset 0 0 0 1px #e8e2d6bf}.animal-card h2{margin:0;font-size:clamp(20px,5.4vw,23px);line-height:1.1}.animal-card p{color:#555b5e;margin:4px 0 10px;font-size:15px}.pill-row{flex-wrap:wrap;gap:7px;display:flex}.pill-row button,.pill-row span{min-height:30px;color:var(--green);background:#edf3e8;border:0;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:12.5px;font-weight:850;display:inline-flex}.encyclopedia-list-page{--proto-green:#748b70;--proto-line:#d6ddbf;--proto-text:#080909;min-height:calc(100dvh - 110px - env(safe-area-inset-bottom))}.encyclopedia-list-page .topbar{grid-template-columns:48px minmax(0,1fr) 48px;height:54px;margin:0 6px 10px}.encyclopedia-list-page .topbar h1{color:var(--proto-text);font-size:24px;font-weight:900;line-height:1}.encyclopedia-list-page .round-button{width:48px;height:48px;color:var(--green);background:#fffffff0;box-shadow:0 14px 30px #3a33221a}.encyclopedia-list-page .round-button svg{stroke-width:3px;width:26px;height:26px}.encyclopedia-list-page .chip-row{gap:9px;padding:0 6px 16px}.encyclopedia-list-page .chip{border:1.5px solid var(--proto-line);color:#211d1b;background:#ffffff73;min-width:54px;min-height:35px;padding:0 13px;font-size:14.5px;font-weight:700}.encyclopedia-list-page .chip--active{color:#fff;background:linear-gradient(135deg,#6f8b6e 0%,#7d9678 100%);border-color:#0000;font-weight:850}.encyclopedia-list-page .searchbar{border:1.5px solid var(--proto-line);color:#8d8d8d;height:48px;box-shadow:none;background:#ffffff80;margin:0 6px 16px;padding:0 18px}.encyclopedia-list-page .searchbar svg{stroke-width:2.2px;width:23px;height:23px}.encyclopedia-list-page .searchbar input{color:var(--proto-text);font-size:16px;font-weight:650}.encyclopedia-list-page .searchbar input::placeholder{color:#a3a3a3;opacity:1}.encyclopedia-list-page .animal-list{gap:12px;margin:0 5px;padding-bottom:16px}.encyclopedia-list-page .animal-card{background:#ffffff9e;border:1px solid #e0e1c7;border-radius:21px;grid-template-columns:112px minmax(0,1fr);gap:14px;min-height:132px;padding:10px 14px 10px 10px;box-shadow:0 3px 12px #6154321a}.encyclopedia-list-page .animal-card:hover{transform:none;box-shadow:0 3px 12px #6154321a}.encyclopedia-list-page .animal-card__image{object-fit:cover;width:112px;max-width:none;height:112px;max-height:none;box-shadow:none;background:#f1f0ec;border-radius:16px}.encyclopedia-list-page .animal-card__copy{align-self:center;min-width:0}.encyclopedia-list-page .animal-card h2{color:var(--proto-text);font-size:22px;font-weight:900;line-height:1.05}.encyclopedia-list-page .animal-card p{color:#555557;margin:6px 0 14px;font-size:16px;font-weight:500;line-height:1}.encyclopedia-list-page .pill-row{flex-wrap:nowrap;gap:8px}.encyclopedia-list-page .pill-row span{min-height:28px;color:var(--proto-green);white-space:nowrap;background:#ebf0e1e6;padding:0 10px;font-size:13.5px;font-weight:750;line-height:1}.encyclopedia-list-page .pill-row span:last-child{min-width:66px;padding-inline:9px 11px}.encyclopedia-list-page .pill-row svg{fill:currentColor;stroke-width:0;width:15px;height:15px}:is(.encyclopedia-list-page~.tabbar,.app-shell:has(.encyclopedia-list-page) .tabbar){width:min(calc(100% - 32px), calc(var(--shell-max) - 32px));background:#ffffffc7;border:1px solid #dddec6e6;border-radius:40px;min-height:84px;padding:8px 14px;bottom:15px;box-shadow:0 7px 20px #493e2226}.app-shell:has(.encyclopedia-list-page) .tab{color:#8a8a8c;height:67px;box-shadow:none;background:0 0;border-radius:20px;gap:5px}.app-shell:has(.encyclopedia-list-page) .tab__icon{width:34px;height:34px;box-shadow:none;color:inherit;background:0 0}.app-shell:has(.encyclopedia-list-page) .tab__svg{stroke-width:2.2px;width:30px;height:30px}.app-shell:has(.encyclopedia-list-page) .tab__label{font-size:15px;font-weight:850}.app-shell:has(.encyclopedia-list-page) .tab--active{color:var(--proto-green)}.app-shell:has(.encyclopedia-list-page) .tab--active .tab__icon{color:#fff;background:var(--proto-green);border-radius:9px;width:34px;height:34px}.app-shell:has(.encyclopedia-list-page) .tab--active .tab__svg{stroke-width:2.5px;width:24px;height:24px}.app-shell:has(.encyclopedia-list-page){border:1px solid #ccd7be;border-radius:28px;overflow:hidden}.encyclopedia-list-page .animal-card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-grid{margin-top:14px}.book-category-card{text-align:center;border-radius:var(--radius);padding:7px 7px 11px;overflow:hidden}.book-category-card__image{background:#fffdf5;border-radius:18px 18px 10px 10px;width:auto;max-width:100%;height:auto;max-height:clamp(94px,29vw,120px);margin:0 auto}.book-category-card strong{margin-top:8px;display:block}.book-list-grid{margin-top:12px}.book-list-page{--book-list-side:0px;margin:0 calc(var(--book-list-side) * -1)}.book-list-page .topbar{grid-template-columns:48px minmax(0,1fr) 48px;height:54px;margin-bottom:10px;padding:0}.book-list-page .round-button{background:#ffffffe0;width:48px;height:48px;box-shadow:0 8px 20px #403a2a24}.book-list-page .round-button svg{stroke-width:2.8px;width:26px;height:26px}.book-list-page .topbar h1{color:#242727;letter-spacing:0;font-size:24px;font-weight:900}.book-list-page .chip-row{gap:10px;padding:2px 0 12px;display:flex;overflow-x:auto}.book-list-page .chip{color:#6a6d6b;min-width:70px;min-height:40px;box-shadow:none;background:#ffffffad;border:1.5px solid #d9ddce;flex:none;padding:0 18px;font-size:15px;font-weight:850}.book-list-page .chip--active{color:#fff;background:#82997c;border-color:#0000}.book-list-page .searchbar{color:#9ba0a0;background:#ffffffc7;border-color:#e0dfd3;border-radius:999px;gap:12px;height:54px;margin:0 0 14px;padding:0 18px;box-shadow:inset 0 0 0 1px #e6e0cf59,0 10px 24px #4a3e280a}.book-list-page .searchbar svg{stroke-width:2.5px;width:22px;height:22px}.book-list-page .searchbar input{color:#4a4d4d;font-size:16px;font-weight:750}.book-list-page .searchbar input::placeholder{color:#9a9e9e;opacity:1}.book-list-page .book-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:0;padding:0}.book-list-page .book-card{background:#ffffffd1;border:1px solid #e4dfcf;border-radius:22px;min-width:0;min-height:0;padding:8px 8px 12px;overflow:hidden;box-shadow:0 12px 26px #483d2814}.book-list-page .book-card__image{aspect-ratio:1.05;object-fit:cover;background:#f8f3e6;border-radius:17px;width:100%;max-width:none;height:auto;max-height:none}.book-list-page .book-card h2{-webkit-line-clamp:2;color:#242727;letter-spacing:0;-webkit-box-orient:vertical;margin:10px 6px 0;font-size:18px;font-weight:900;line-height:1.2;display:-webkit-box;overflow:hidden}.book-list-page .book-card p{-webkit-line-clamp:2;color:#848989;-webkit-box-orient:vertical;min-height:34px;margin:6px 6px 0;font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.book-list-page .book-card__foot{justify-content:space-between;align-items:center;gap:8px;margin:8px 6px 2px;display:flex}.book-list-page--empty .topbar{grid-template-columns:56px minmax(0,1fr) 56px;height:64px;margin-bottom:17px;padding:0}.book-list-page--empty .round-button{width:48px;height:48px}.book-list-page--empty .round-button svg{width:26px;height:26px}.book-list-page--empty .topbar h1{font-size:24px;line-height:1}.book-list-page--empty .chip-row{gap:10px;padding:0 2px 18px}.book-list-page--empty .chip{background:#ffffff8a;min-height:40px;padding:0 18px;font-size:15px}.book-list-page--empty .chip--active{color:#557554;background:#edf4ea;border-color:#718d6c}.book-list-page--empty .searchbar{display:none}.book-list-page .empty-state{color:#808886;background:#ffffff73;border:1px dashed #d4dbc9;border-radius:28px;min-height:124px;margin:0;font-size:15px;font-weight:850}.book-card{border-radius:var(--radius);padding:7px;overflow:hidden}.book-card__image{background:#fffdf5;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:clamp(100px,32vw,130px);margin:0 auto}.book-card h2{margin:8px 5px 0;font-size:clamp(15px,4.2vw,17px);line-height:1.2}.book-card p{color:#7b8380;min-height:32px;margin:5px 5px 0;font-size:13px;line-height:1.35}.book-card__foot{justify-content:space-between;align-items:center;gap:8px;margin:6px 2px 0 5px;display:flex}.book-card__foot .round-button{width:36px;height:36px;box-shadow:none}.read-state{color:#8c918f;font-size:13px;font-weight:850}.read-state--done{color:var(--green)}.detail-hero{margin:calc(-18px - env(safe-area-inset-top)) calc(var(--page-x) * -1) 0;place-items:center;height:min(55dvh,452px);display:grid;position:relative;overflow:hidden}.detail-hero img{object-fit:contain;object-position:center;position:absolute;inset:0;width:100%!important;height:100%!important}.detail-back{left:calc(var(--page-x) + 16px);top:calc(34px + env(safe-area-inset-top));z-index:3;width:50px;height:50px;color:var(--green);background:#fffffff0;position:absolute;box-shadow:0 14px 30px #3a33221a}.mode-switch{right:calc(var(--page-x) + 3px);top:calc(138px + env(safe-area-inset-top));z-index:2;background:#e7ece1db;border:1px solid #d8decf;border-radius:999px;padding:3px;display:flex;position:absolute}.mode-switch button{width:46px;min-height:31px;color:var(--green);background:0 0;border:0;border-radius:999px;font-size:15px;font-weight:850}.mode-switch .active{color:var(--green-dark);box-shadow:0 0 0 2px var(--green);background:#fff}.mode-switch button:disabled{cursor:not-allowed;color:#a6aca7;box-shadow:none;background:#e1e4dabf}.detail-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:0;border-radius:26px;margin:16px 0 0;padding:18px 18px 16px;position:relative}.detail-card h2{color:var(--green-dark);margin:0;font-size:25px}.detail-card .en{color:#6d7474;margin-top:4px;font-size:14px}.detail-card p{color:#656b6a;white-space:pre-line;font-size:14px;font-weight:650;line-height:1.55}.detail-card .favorite-button{background:#fffffff0;width:48px;height:48px;position:absolute;top:18px;right:18px;box-shadow:0 10px 24px #3a332214}.pager,.reader-pager{grid-template-columns:1fr 54px 1fr;align-items:center;gap:10px;margin-top:10px;display:grid}.pager{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:5;width:min(calc(100% - (var(--page-x) * 2)), calc(var(--shell-max) - (var(--page-x) * 2)));margin-top:0;position:fixed;transform:translate(-50%)}.pager button,.pager a,.reader-pager button{min-height:44px;color:var(--green-dark);background:#eef3e8;border:1px solid #d8ddce;border-radius:18px;justify-content:center;align-items:center;gap:5px;font-weight:850;display:flex}.toast{left:50%;bottom:calc(82px + env(safe-area-inset-bottom));z-index:90;opacity:0;pointer-events:none;color:#fff;background:#313d2ceb;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:800;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%,10px)}.toast--show{opacity:1;transform:translate(-50%)}.pager img,.reader-pager img{width:54px;height:auto;max-height:46px}.reader-pager__page{background:var(--paper-strong);width:64px;height:54px;color:var(--green-dark);border-radius:18px;place-items:center;font-weight:900;display:grid}.reader-art{border-radius:26px;margin-top:8px;overflow:hidden}.reader-art img{object-fit:cover;width:100%;height:min(39dvh,292px)}.page-badge{z-index:2;width:96px;min-height:40px;color:var(--green-dark);box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #dcded2;border-radius:999px;place-items:center;margin:-20px auto 0;font-weight:850;display:grid;position:relative}.reader-copy{text-align:center;margin-top:20px}.reader-copy .cn{margin:0;font-size:20px;font-weight:800;line-height:1.7}.reader-copy .en{color:#777e7d;margin:10px 0 0;font-size:15px;line-height:1.5}.reader-audio{text-align:center;grid-template-columns:1fr 74px 1fr;align-items:end;gap:16px;margin-top:22px;display:grid}.reader-audio strong{margin-bottom:10px;font-size:15px;display:block}.sound-button,.pause-button{border:0;border-radius:50%;place-items:center;display:grid}.sound-button{width:54px;height:54px;color:var(--green);background:#fff9;border:1px solid #d8ddce;margin:auto}.pause-button{color:#fff;background:linear-gradient(145deg,#9caf94,#7f9b78);width:74px;height:74px}.profile-card{border-radius:var(--radius);margin-top:8px;padding:18px}.profile-top{grid-template-columns:78px minmax(0,1fr) 96px;align-items:center;gap:14px;display:grid}.avatar{aspect-ratio:1;object-fit:cover;border-radius:50%;width:min(78px,100%);max-width:100%;height:auto}.profile-name{align-items:center;gap:8px;display:flex}.profile-name h2{margin:0;font-size:clamp(24px,7vw,28px);line-height:1}.profile-age{color:#767c7f;margin-top:8px;font-size:15px;font-weight:700}.age-pill{min-width:74px;min-height:28px;color:var(--green-dark);background:#e8eee1;border-radius:999px;place-items:center;margin-top:8px;padding:0 14px;font-weight:850;display:inline-grid}.profile-planet{filter:none;width:96px;height:auto;max-height:86px}.stat-row{text-align:center;border-top:1px solid #ece9df;grid-template-columns:repeat(3,1fr);margin-top:18px;padding-top:16px;display:grid}.stat strong{color:var(--green-dark);font-size:clamp(22px,7vw,26px);display:block}.stat span{color:#72787a;font-size:12px}.menu-block{border-radius:var(--radius);margin-top:14px;padding:6px 16px}.menu-item{width:100%;min-height:58px;color:var(--green);background:0 0;border:0;border-bottom:1px solid #ebe3d4;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:14px;display:grid}.menu-item:last-child{border-bottom:0}.menu-item span{color:#686f72;justify-self:start;font-size:16px;font-weight:750}.menu-item--orange{color:#eda14f}.menu-item--red,.menu-item--red span{color:#df6346}.welcome{text-align:center;flex-direction:column;align-items:center;min-height:calc(100dvh - 42px);padding-top:20px;display:flex}.welcome-logo{border-radius:28px;width:auto;max-width:min(82vw,330px);height:auto;max-height:55dvh}.welcome h1{color:var(--green-dark);margin:8px 0 4px;font-size:clamp(34px,10vw,48px);font-weight:900;line-height:1}.welcome p{color:var(--muted);margin:0;font-size:16px}.welcome-actions{gap:12px;width:100%;margin-top:auto;padding-bottom:24px;display:grid}.primary-button{color:#fff;min-height:56px;transition:transform var(--motion), box-shadow var(--motion);background:linear-gradient(135deg,#7d9a75,#66825f);border:0;border-radius:999px;place-items:center;font-size:18px;font-weight:850;display:grid;box-shadow:0 14px 26px #596f522e}.primary-button:active{transform:translateY(2px);box-shadow:0 8px 18px #596f5229}.text-link{min-height:48px;color:var(--green);place-items:center;font-size:16px;font-weight:800;display:grid}.login-title{margin:46px 4px 30px}.login-title h1{color:var(--green);margin:0;font-size:42px;font-weight:900}.login-title p{color:var(--muted);margin:8px 0 0;font-size:16px}.login-form{gap:14px;display:grid}.field{background:#ffffffb8;border:1px solid #d4d8cb;border-radius:18px;align-items:center;gap:12px;min-height:56px;padding:0 16px;display:flex}.field input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.country{border-right:1px solid #d7dacd;padding-right:12px;font-size:17px;font-weight:750}.code-button{min-height:38px;color:var(--green-dark);background:#eef3e8;border:0;border-radius:14px;flex:none;padding:0 12px;font-size:14px;font-weight:800}.login-submit{margin-top:22px}.login-mascot{opacity:.95;pointer-events:none;width:185px;height:auto;max-height:185px;position:absolute;bottom:24px;right:-42px}.agreement{left:var(--page-x);right:var(--page-x);color:#737a76;align-items:center;gap:10px;padding-right:116px;font-size:12px;display:flex;position:absolute;bottom:28px}.agreement input{width:22px;height:22px;accent-color:var(--green)}@media (max-width:360px){.page{padding-inline:12px}.animal-card{grid-template-columns:86px minmax(0,1fr)}.profile-top{grid-template-columns:68px minmax(0,1fr)}.profile-planet{display:none}.login-mascot{width:145px}.agreement{padding-right:86px}}@media (max-width:390px){.home-head,.home-search,.feature-grid,.section-title,.recent-grid{margin-inline:-6px}.feature-grid{gap:10px}.recent-grid{gap:9px}.compact-card{padding:7px}}