@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;450;500;550;600;650;700;750;800;900&display=swap";:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#283b31;background:#fafaf5;font-synthesis:none;font-weight:400;--green:#285640;--dark:#243e2f;--muted:#7b8279;--line:#e4e7dc;--cream:#fafaf5;--lime:#e6edc9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}body.dialog-open{overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}svg.lucide{width:20px;height:20px;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d29445;outline-offset:5px}[hidden]{display:none!important}::selection{background:#d6e5bb}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-top:100px;padding-bottom:100px}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}.site-header{height:92px;position:sticky;top:0;background:#fafaf5ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;border-bottom:1px solid #e4e7dc80}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:flex;align-items:center;gap:11px}.brand img{border-radius:12px}.brand>span{font-weight:800;font-size:22px;line-height:1.25;letter-spacing:1px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:3px;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:35px;margin-left:60px;height:100%}.desktop-nav a{font-size:13px;color:#697268;position:relative;display:flex;align-items:center;height:100%;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--green)}.desktop-nav a.active:after{content:"";position:absolute;width:16px;height:3px;bottom:20px;left:calc(50% - 8px);background:var(--green);border-radius:5px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--green);color:#fff;border:1px solid transparent;border-radius:9px;min-height:56px;padding:15px 24px;font-size:14px;font-weight:550;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#173c2a;transform:translateY(-2px);box-shadow:0 7px 16px #204a3014}.button-small{min-height:42px;font-size:12px;padding:10px 18px;gap:9px;border-radius:7px}.button-small svg{width:16px;height:16px}.menu-toggle,.mobile-nav{display:none}.icon-button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:660px;padding-top:56px;padding-bottom:68px;gap:20px}.hero-copy{padding-bottom:12px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;color:var(--green)}.little-spark{font-size:24px;line-height:1}.hero h1{font-size:62px;letter-spacing:-2.5px;font-weight:800;line-height:1.5;margin:25px 0;color:var(--dark)}.highlight{color:#5c7646;position:relative;white-space:nowrap}.highlight svg{position:absolute;bottom:-9px;left:0;width:100%;height:17px;stroke:#bac688;stroke-width:4;fill:none;stroke-linecap:round}.heading-dot{color:#65814c}.hero-description{font-size:15px;line-height:2.05;color:#798073;letter-spacing:.3px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button-divider{height:16px;width:1px;background:#ffffff50;margin-left:2px}.android-label{font-size:12px;letter-spacing:.1px;font-weight:400}.text-link{background:transparent;display:inline-flex;align-items:center;gap:9px;padding:0;font-size:13px;font-weight:550;color:var(--green)}.text-link:hover svg{transform:translate(3px,-2px)}.text-link svg{transition:transform .2s;width:18px}.hero-footnote{display:flex;align-items:center;gap:14px;margin-top:29px;color:#8b9284;font-size:11px}.hero-footnote span{display:flex;align-items:center;gap:6px}.hero-footnote svg{width:14px;height:14px}.hero-footnote b{font-weight:400}.hero-art{height:520px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px solid #dce3cb;border-radius:50%;z-index:-1}.orbit-one{width:486px;height:486px;left:24px;top:23px;background:#edf0df66}.orbit-two{width:518px;height:518px;left:8px;top:7px;transform:rotate(-20deg);border-style:dashed;border-color:#e0e4d4}.panda-frame{position:absolute;top:39px;left:85px;width:365px;height:443px;overflow:hidden;border-radius:180px 180px 18px 18px;transform:rotate(-4deg);box-shadow:0 20px 35px #30472b18;background:#28422b}.panda-frame>img{width:100%;height:100%;object-fit:cover;object-position:45% 50%;transform:scale(1.06)}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#112e20c9,transparent 52%)}.panda-caption{position:absolute;bottom:30px;left:29px;right:25px;color:#fff}.animal-label{font-size:10px;letter-spacing:2px;color:#f2f1d2}.panda-caption h2{font-size:23px;margin:8px 0 7px;font-weight:600;display:flex;justify-content:space-between}.panda-caption h2 span{font-size:26px;font-weight:400}.panda-caption p{font-size:10px;color:#dfdfc9;letter-spacing:1px}.floating-note{position:absolute;top:61px;left:5px;display:flex;align-items:center;gap:11px;padding:13px 18px 13px 12px;background:#fffffff5;border:1px solid #e7eadd;border-radius:12px;box-shadow:0 8px 25px #3448270a;transform:rotate(-5deg);font-size:12px;font-weight:600;z-index:2}.floating-note small{display:block;margin-top:4px;font-size:8px;color:#939a8e;font-weight:400;letter-spacing:.2px}.note-icon{display:grid;place-items:center;width:35px;height:35px;background:#edf1dc;border-radius:50%;color:#668749}.note-icon svg{width:18px}.fox-polaroid{position:absolute;width:179px;bottom:14px;right:0;padding:8px 8px 12px;background:#fff;transform:rotate(9deg);border-radius:5px;box-shadow:0 12px 28px #3e4f2720;z-index:3}.fox-polaroid>img{height:143px;width:100%;object-fit:cover;object-position:center 45%;border-radius:2px}.fox-polaroid>div{display:flex;align-items:center;justify-content:space-between;padding:11px 3px 0;font-size:10px;color:#666e5e}.fox-polaroid svg{width:15px;height:15px;color:#b5bf90}.round-stamp{position:absolute;right:9px;top:89px;width:91px;height:91px;border-radius:50%;background:#e9edc8;border:1px solid #c2caa4;outline:5px solid #fafaf5;transform:rotate(14deg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#63744a;z-index:2}.round-stamp svg{width:30px;height:30px;stroke-width:1.3}.round-stamp span{font-size:7px;letter-spacing:1.5px}.art-spark{position:absolute;color:#819463}.spark-one{right:14px;top:10px;font-size:44px;font-weight:300}.spark-two{left:34px;bottom:69px;font-size:33px}.art-coordinate{position:absolute;bottom:2px;left:83px;font-size:8px;letter-spacing:1.8px;color:#99a183}.intro-strip{background:#f0f2e8;border-block:1px solid #e7eadc}.strip-inner{display:flex;justify-content:space-between;align-items:center;min-height:78px;gap:20px}.strip-inner>span{display:flex;align-items:center;gap:12px;font-size:12px;color:#6b785f;white-space:nowrap}.strip-inner svg{width:18px;height:18px;color:#76895c}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.section-eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#81936b}.section-heading h2,.center-heading h2,.about h2{font-size:32px;font-weight:700;letter-spacing:-.6px;margin-top:13px;line-height:1.6}.small-green-dot{color:#86a05f;margin-left:3px}.section-heading>p{color:#8b9184;font-size:12px;line-height:1.9;padding-bottom:3px}.explore-controls{display:flex;justify-content:space-between;gap:20px;margin:31px 0 24px;align-items:center}.filter-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.filter{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;min-height:38px;border:1px solid transparent;border-radius:6px;padding:9px 13px;font-size:11px;color:#7c8575;transition:background .2s}.filter svg{width:14px;height:14px}.filter.active{background:var(--green);color:#fff}.filter:not(.active):hover{background:#eff1e5}.filter[data-filter=saved]{border-color:#e7e9df}.filter[data-filter=saved] span{font-size:9px;border-radius:50%;min-width:14px;height:14px;background:#e7ebdf;color:#758467;display:grid;place-items:center}.search-box{border:1px solid #e2e6d9;border-radius:6px;display:flex;align-items:center;gap:9px;padding:10px 12px;min-width:205px;background:#fff9}.search-box svg{width:15px;height:15px;color:#8c967e}.search-box input{font-size:11px;width:160px;min-width:0;border:0;background:transparent;outline-offset:7px;color:#4b6041}.search-box input::placeholder{color:#a0a695}.animal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.animal-card{border:1px solid #e7e9df;border-radius:12px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s}.animal-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #36432b0b}.animal-photo{height:254px;position:relative;overflow:hidden}.animal-open{display:block;padding:0;width:100%;height:100%;background:#e7eadc}.animal-open img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.animal-open:hover img{transform:scale(1.045)}.animal-tag{position:absolute;left:16px;top:16px;font-size:10px;padding:6px 10px;border-radius:5px;background:#fffffff0;color:#536446;pointer-events:none}.favorite-button{position:absolute;right:15px;top:14px;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;background:#ffffffed;color:#7b856e;transition:background .2s}.favorite-button svg{width:16px;height:16px}.favorite-button:hover{background:#f0f3df}.favorite-button.is-saved{color:#b76951;background:#fff3e9}.favorite-button.is-saved svg{fill:#b76951;stroke:#b76951}.animal-details{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 21px 22px;background:#fff;text-align:left;gap:8px}.animal-details h3{font-size:18px;font-weight:650;display:flex;align-items:baseline;gap:11px}.animal-details h3 span{font-family:Georgia,serif;font-size:10px;font-weight:400;color:#9a9f90;font-style:italic}.animal-details p{font-size:11px;color:#89917e;margin-top:8px}.card-arrow{width:30px;height:30px;border:1px solid #e5e9da;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#657853}.card-arrow svg{width:15px;height:15px}.discover-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:20px}.discover-bottom>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#9ca28f}.discover-bottom>span svg{width:12px;height:12px}.discover-bottom>.text-link{font-size:11px;white-space:nowrap}.empty-state{grid-column:1/-1;min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;border:1px dashed #ccd7ba;border-radius:12px;background:#f1f4e9}.empty-state>svg{width:28px;height:28px;color:#83966e}.empty-state h3{font-size:19px}.empty-state p{color:#8a927f;font-size:13px}.empty-state button{margin-top:10px}.features{background:#f1f3e9;border-top:1px solid #e9ecdf;border-bottom:1px solid #e9ecdf;padding-top:78px;padding-bottom:78px}.center-heading{text-align:center}.center-heading .eyebrow{justify-content:center}.center-heading h2{margin-top:10px}.center-heading>p{color:#939a88;font-size:12px;line-height:1.8;margin-top:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.feature-card{padding:30px 29px 24px;border:1px solid #e3e7d8;background:#fcfcf8;border-radius:12px;position:relative;overflow:hidden}.feature-icon{height:43px;width:43px;border-radius:11px;background:#eaf0dc;display:grid;place-items:center;color:#6c8753}.feature-icon svg{width:22px;height:22px}.feature-number{position:absolute;right:26px;top:29px;font-family:Georgia,serif;color:#d2d8c5;font-style:italic;font-size:24px}.feature-card h3{font-size:20px;font-weight:600;margin-top:21px;letter-spacing:.1px}.feature-card>p{font-size:12px;color:#929985;line-height:1.95;margin-top:12px}.mini-categories,.mini-reading,.mini-saved{margin-top:27px;min-height:48px;display:flex;align-items:center;gap:7px}.mini-categories>span{font-size:10px;border-radius:5px;padding:8px 10px;background:#edf1e2;color:#899871}.mini-categories>span:nth-child(2){background:#f6ecdf;color:#b29771}.mini-categories>span:nth-child(3){background:#e9f0ed;color:#85a395}.mini-reading{border:1px solid #e7eadf;border-radius:7px;padding:10px 13px;background:#f6f7ef;justify-content:space-between}.reading-lines{display:flex;flex-direction:column;gap:5px;width:70%}.reading-lines b{height:3px;width:100%;background:#e1e6d3;border-radius:4px}.reading-lines b:nth-child(2){width:75%}.reading-lines b:nth-child(3){width:88%}.mini-reading>svg{height:26px;width:26px;color:#b3bf9b}.mini-saved{gap:0}.mini-saved>span{height:36px;width:36px;border:3px solid #fcfcf8;border-radius:50%;background:#e9eed9;color:#9ba979;display:grid;place-items:center;margin-left:-8px}.mini-saved>span:first-child{margin-left:0;background:#f2e4d6;color:#c39c79}.mini-saved>span:nth-child(3){background:#e3ede6;color:#8ca291}.mini-saved>span svg{width:14px;height:14px}.mini-saved>b{font-size:10px;margin-left:9px;color:#a1aa92;font-weight:400}.preview{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding-top:105px;padding-bottom:105px}.preview-copy{padding-left:20px}.preview-copy>h2{font-size:42px;line-height:1.6;letter-spacing:-.8px;margin-top:17px;font-weight:700}.preview-copy>p{font-size:13px;color:#909782;line-height:2.1;margin-top:23px}.preview-tabs{margin-top:26px;max-width:310px;display:flex;flex-direction:column;gap:5px}.preview-tab{display:flex;align-items:center;padding:15px 15px 15px 0;text-align:left;gap:17px;background:transparent;border-bottom:1px solid #e4e8db;font-size:12px}.preview-tab>span{font-family:Georgia,serif;color:#aeb89b;font-size:13px}.preview-tab>svg{margin-left:auto;width:16px;height:16px;opacity:0}.preview-tab.active{color:var(--green);font-weight:600;border-bottom-color:#8ba871}.preview-tab.active>svg{opacity:1}.source-note{display:flex;align-items:center;gap:7px;font-size:9px;color:#a2aa94;margin-top:23px}.status-dot{height:5px;width:5px;border-radius:50%;background:#8ca469}.preview-art{height:540px;position:relative}.preview-circle{position:absolute;top:55px;width:480px;height:440px;background:#edf0df;border-radius:50%;left:40px}.preview-circle:after{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border:1px dashed #e3e8d1;border-radius:50%;transform:rotate(20deg)}.phone{position:absolute;width:218px;aspect-ratio:395/850;border:6px solid #fff;border-radius:25px;background:#f9f8f0;box-shadow:0 15px 35px #3d4e2f20;overflow:hidden}.phone>img{height:100%;width:100%;object-fit:fill}.phone-back{left:47px;top:36px;transform:rotate(-9deg);opacity:.85}.phone-front{right:52px;top:13px;transform:rotate(6deg);padding:0;transition:transform .3s}.phone-front:hover{transform:rotate(3deg) translateY(-5px)}.preview-spark{position:absolute;font-size:48px;color:#8c9d69;top:0;left:50px}.preview-sticker{position:absolute;bottom:55px;left:9px;transform:rotate(-7deg);padding:16px 24px;background:#e7eccb;box-shadow:0 7px 16px #5d683916;display:flex;align-items:center;gap:12px;border-radius:12px;color:#63734b}.preview-sticker svg{height:28px;width:28px;stroke-width:1.2}.preview-sticker>span{font-size:10px;line-height:1.8}.preview-sticker strong{font-size:14px;font-weight:500}.preview-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:9px;color:#a6ae98;letter-spacing:.2px}.download-section{padding-block:0 80px}.download-panel{border-radius:20px;min-height:370px;background:#294b37;color:#fff;display:flex;overflow:hidden;position:relative;align-items:center;padding:54px 65px}.download-copy{position:relative;z-index:2;width:63%}.download-copy>.eyebrow{color:#b4c59a;font-size:9px;letter-spacing:2px}.download-copy h2{font-size:34px;line-height:1.6;font-weight:600;margin-top:16px;letter-spacing:.3px}.download-copy p{font-size:12px;color:#b6c2aa;margin-top:15px}.button-light{background:#e8edcb;color:#344d31;min-height:46px;padding:12px 18px;font-size:12px;border-radius:6px;margin-top:24px}.button-light svg{width:17px;height:17px}.button-light:hover{background:#f4f6e4;color:#294b37}.button-light svg:last-child{margin-left:13px}.download-meta{display:block;margin-top:14px;font-size:9px;color:#96ad88;letter-spacing:.5px}.download-meta>span{padding:0 9px}.download-illustration{position:relative;width:37%;height:285px;display:grid;place-items:center}.download-ring{position:absolute;left:5px;top:-20px;width:320px;height:320px;border:1px solid #6482584d;border-radius:50%}.download-ring:after,.download-ring:before{content:"";position:absolute;top:-38px;right:-38px;bottom:-38px;left:-38px;border:1px solid #64825836;border-radius:50%}.download-ring:after{top:35px;right:35px;bottom:35px;left:35px}.app-tile{z-index:1;display:flex;align-items:center;flex-direction:column;width:180px;padding:28px 25px;background:#f6f5e9;border:6px solid #ffffff80;border-radius:27px;transform:rotate(9deg);box-shadow:0 15px 30px #152b2440;color:#3d5137}.app-tile img{width:87px;height:87px;border-radius:23px;box-shadow:0 6px 12px #dc9d461f}.app-tile strong{font-size:21px;letter-spacing:1.5px;margin-top:17px}.app-tile small{font-size:9px;margin-top:5px;color:#89977e}.tile-star{position:absolute;color:#d4dfa8;font-size:45px;font-weight:300}.star-a{top:6px;right:15px}.star-b{bottom:0;left:15px;font-size:30px}.download-leaf{position:absolute;height:49px;width:49px;border-radius:14px;display:grid;place-items:center;color:#c5d698;background:#3c5d3c}.leaf-a{top:25px;left:0;transform:rotate(-18deg)}.leaf-b{right:0;bottom:18px;transform:rotate(18deg)}.download-leaf svg{width:26px;height:26px;stroke-width:1.4}.about{display:grid;grid-template-columns:1fr 1.12fr;gap:80px;padding-block:0 62px;border-bottom:1px solid var(--line)}.about h2{font-size:29px}.about-text>p{font-size:13px;line-height:2.15;color:#8c9580}.developer{display:flex;align-items:center;gap:13px;margin-top:22px}.developer>svg{color:#95a180;width:25px;height:25px;stroke-width:1.3}.developer span{font-size:9px;color:#9ca58e}.developer strong{font-size:11px;font-weight:500;color:#5b6f50;display:block;margin-top:5px}.faq{padding-block:55px 80px;display:grid;grid-template-columns:.65fr 1.35fr;column-gap:100px}.faq-title{grid-row:1/4}.faq-title h2{font-size:24px;font-weight:600}.faq-title span{font-size:8px;letter-spacing:2px;color:#a6ae96;display:block;margin-top:12px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq details:first-of-type{padding-top:0}.faq summary{font-size:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:16px;height:16px;color:#81966c;transition:transform .2s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details>p{font-size:12px;line-height:2;color:#8a947f;padding:16px 24px 0 0}.faq a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.site-footer{background:#f0f2e8;padding:35px 0 23px;border-top:1px solid #e7eadc}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-main .brand>span{font-size:19px}.footer-main .brand small{font-size:9px;font-weight:400;color:#939e86;letter-spacing:1px}.footer-links{display:flex;align-items:center;gap:29px;margin-left:auto}.footer-links a{font-size:11px;color:#89947d;display:flex;gap:4px;align-items:center}.footer-links a:hover{color:var(--green)}.footer-links svg{width:12px;height:12px}.back-top{display:grid;place-items:center;border:1px solid #dce2cf;border-radius:50%;width:35px;height:35px;margin-left:30px;color:#8a9a73}.back-top svg{width:16px;height:16px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e0e5d4;padding-top:21px;margin-top:30px;gap:20px;color:#a1aa94;font-size:9px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:13px 24px;border-radius:9px;background:#244331;color:#fff;box-shadow:0 5px 20px #203d2b25;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}dialog{border:1px solid #e8ecdf;max-width:calc(100% - 32px);padding:0;border-radius:20px;background:var(--cream);color:var(--dark);box-shadow:0 20px 100px #132b2630;max-height:90dvh;overscroll-behavior:contain}dialog::backdrop{background:#172b246b;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:14px;top:14px;z-index:3;width:32px;height:32px;background:#fffef4f2;box-shadow:0 3px 12px #0000000a}.dialog-close svg{width:17px;height:17px}.download-dialog{width:450px;text-align:center;padding:32px 35px}.dialog-app-icon{width:55px;height:55px;border-radius:15px;margin:0 auto 17px}.download-dialog .eyebrow{justify-content:center;font-size:8px}.download-dialog h2{font-size:24px;margin:10px 0}.download-dialog>p{color:#8c977e;font-size:11px}.download-dialog canvas{display:block;margin:20px auto 12px;border:1px solid #e3e8d9;border-radius:10px;max-width:100%}.dialog-app-info{display:flex;gap:0;justify-content:center;font-size:10px;color:#8d9980}.dialog-app-info>span{padding-inline:14px;border-right:1px solid #dce1d4}.dialog-app-info>span:last-child{border:0}.maintenance-note{display:flex;text-align:left;align-items:flex-start;gap:8px;background:#eff1e4;border-radius:8px;padding:12px;margin-top:20px}.maintenance-note svg{width:14px;height:14px;color:#899469;margin-top:2px}.maintenance-note p{font-size:10px;line-height:1.9;color:#83916d}.download-dialog>.button{width:100%;font-size:12px;margin-top:17px;min-height:45px}.download-dialog>small{display:block;color:#9ba58e;margin-top:16px;font-size:9px}.animal-dialog{width:570px}.detail-cover{height:270px;width:100%;object-fit:cover}.detail-body{padding:28px 32px}.detail-body h2{font-size:29px;margin-top:12px}.detail-body h2>span{font-family:Georgia,serif;font-style:italic;font-size:13px;font-weight:400;margin-left:13px;color:#909b82}.detail-body>p{font-size:13px;line-height:2;color:#849078;margin-top:15px}.animal-fact{background:#edf1df;border-radius:10px;margin-top:19px;padding:15px;display:flex;gap:12px;color:#7c9163}.animal-fact strong{font-size:12px;font-weight:600}.animal-fact p{font-size:12px;line-height:1.9;margin-top:5px;color:#84936f}.animal-fact>svg{margin-top:3px;width:19px;height:19px}.detail-habitat{display:flex;align-items:center;gap:7px;font-size:11px;color:#8c9b7b;margin:18px 0}.detail-habitat>svg{width:15px;height:15px}.detail-body>.button{min-height:42px;font-size:12px;padding:11px 16px}.detail-body>.button>svg{width:16px;height:16px}.detail-body>small{display:block;font-size:9px;color:#9da68e;margin-top:12px}.saved-button{background:#b07656}.screenshot-dialog{background:#f6f6ee;border-radius:16px;overflow:hidden;max-height:92dvh}.screenshot-dialog>img{height:88dvh;max-width:100%;object-fit:contain;width:auto}.screenshot-dialog .dialog-close{right:8px;top:8px}main{overflow:clip}.site-header .menu-toggle{display:none}.phone>img{object-fit:cover}.animal-card:has([data-animal=penguin]) img{object-position:50% 12%!important}.detail-cover[src$="penguin.jpg"]{object-position:50% 12%}.footer-bottom{flex-wrap:wrap}.icp-link{white-space:nowrap}.icp-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}@media(min-width:1500px){.hero{min-height:720px}.hero h1{font-size:67px}.hero-art{transform:scale(1.04)}}@media(max-width:1150px){.container{width:calc(100% - 64px)}.desktop-nav{gap:24px;margin-left:10px}.hero h1{font-size:52px}.hero-art{transform:scale(.9);transform-origin:center right;width:500px;justify-self:end;margin-left:-40px}.hero{min-height:620px;gap:0}.hero-copy{position:relative;z-index:5}.hero-description{font-size:14px}.hero-actions{gap:20px}.hero .button{padding-inline:17px}.hero-footnote{font-size:10px}.strip-inner{gap:16px}.strip-inner>span{font-size:10px;gap:7px}.section{padding-block:75px}.animal-grid{gap:18px}.animal-photo{height:225px}.animal-details{padding:18px 16px}.animal-details h3{flex-direction:column;gap:5px}.animal-details h3 span{font-size:10px}.filter{padding-inline:10px}.search-box{min-width:180px}.search-box input{width:135px}.feature-grid{gap:18px}.feature-card{padding:25px 22px}.mini-categories>span{padding-inline:7px}.preview{gap:0;grid-template-columns:.9fr 1.1fr}.preview-copy{padding-left:0}.preview-art{transform:scale(.9);transform-origin:center right;width:530px;justify-self:end;margin-left:-60px}.preview-copy>h2{font-size:38px}.download-panel{padding:45px}.about{gap:50px;padding-block:0 55px}.faq{gap:0 60px}.footer-bottom{font-size:8px}}@media(max-width:900px){.container{width:calc(100% - 48px)}.desktop-nav{gap:20px;margin-left:0}.desktop-nav a{font-size:11px}.header-download{padding-inline:13px;font-size:11px}.brand>span{font-size:20px}.brand img{width:36px;height:36px}.hero{grid-template-columns:1fr 1fr;min-height:560px;padding-block:35px}.hero h1{font-size:43px;letter-spacing:-2px;line-height:1.5}.hero .eyebrow{font-size:10px;letter-spacing:.8px}.hero-art{transform:scale(.74);height:520px;margin-block:-60px;margin-left:-150px}.hero-description{font-size:12px}.hero .button{font-size:12px;gap:8px;min-height:49px;padding:12px 14px}.hero .button>svg{width:17px;height:17px}.hero .text-link{font-size:11px;gap:3px}.hero-actions{gap:14px}.android-label{font-size:10px}.hero-footnote{gap:9px;font-size:9px}.strip-inner>span{font-size:10px}.strip-inner{min-height:65px}.strip-last{display:none!important}.section-heading h2{font-size:28px}.section-heading>p{font-size:11px}.explore-controls{flex-wrap:wrap;gap:15px}.search-box{margin-left:auto}.filter{font-size:10px;padding:8px 10px}.animal-grid{gap:16px}.animal-photo{height:190px}.animal-details{padding:16px 13px}.animal-details p{font-size:10px;line-height:1.7}.animal-details h3{font-size:17px}.card-arrow{width:24px;height:24px}.feature-grid{gap:14px}.feature-card{padding:22px 18px}.feature-card h3{font-size:18px}.feature-card>p{font-size:11px}.mini-categories{flex-wrap:wrap;gap:5px}.mini-categories>span{font-size:8px;padding:5px}.mini-saved>b{font-size:8px;margin-left:3px}.mini-saved>span{width:30px;height:30px}.preview-art{transform:scale(.73);margin-block:-60px;margin-left:-170px}.preview{grid-template-columns:1fr 1fr}.preview-copy>h2{font-size:35px}.preview-copy>p{font-size:12px}.preview-tabs{max-width:275px}.download-panel{padding:40px}.download-copy h2{font-size:28px}.download-illustration{transform:scale(.8);transform-origin:center;width:40%}.download-copy{width:60%}.download-ring{left:calc(50% - 160px)}.about{gap:35px}.about h2{font-size:24px}.about-text>p{font-size:12px}.faq{grid-template-columns:.7fr 1.3fr;column-gap:50px}.faq-title h2{font-size:22px}.footer-main,.footer-links{gap:20px}.back-top{margin-left:0}}@media(max-width:700px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.site-header{height:76px}.desktop-nav{display:none}.header-download{margin-left:auto;margin-right:13px;font-size:10px;min-height:36px;padding:8px 11px}.header-download>svg{width:14px;height:14px}.menu-toggle{display:grid;background:transparent;border:1px solid #e4e8d9;width:33px;height:33px;border-radius:7px}.menu-toggle svg{width:18px;height:18px}.mobile-nav{display:flex;flex-direction:column;padding:12px 20px 20px;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 15px 20px #38552c0b;gap:3px}.mobile-nav a{font-size:13px;padding:11px 5px}.brand>span{font-size:19px}.brand img{height:34px;width:34px;border-radius:10px}.brand small{font-size:7px;letter-spacing:2.5px;margin-top:4px}.hero{display:flex;flex-direction:column;align-items:flex-start;padding-top:42px;padding-bottom:25px;gap:0;min-height:auto}.hero-copy{width:100%;padding:0}.hero .eyebrow{font-size:10px;letter-spacing:1.1px}.hero h1{font-size:clamp(38px,8.9vw,60px);line-height:1.5;letter-spacing:-1.5px;margin-top:20px;margin-bottom:24px}.hero-description{font-size:13px;line-height:2}.hero-actions{margin-top:25px;gap:25px}.hero .button{font-size:12px;min-height:48px;padding:13px 17px}.hero .text-link{font-size:12px;gap:7px}.android-label{font-size:11px}.hero-footnote{margin-top:22px;font-size:10px;gap:13px}.hero-footnote svg{width:13px;height:13px}.hero-art{width:500px;align-self:center;justify-self:auto;transform:scale(.77);transform-origin:center center;height:520px;margin:-35px -90px -45px}.floating-note{left:0}.strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:17px 10px;padding-block:21px;min-height:0}.strip-inner>span{font-size:10px;gap:8px;justify-content:flex-start}.strip-last{display:flex!important}.strip-inner svg{width:15px;height:15px}.section{padding-top:60px;padding-bottom:60px}.section-heading{display:block}.section-eyebrow{font-size:8px;letter-spacing:1.5px}.section-heading h2{font-size:25px;margin-top:12px;letter-spacing:-.7px}.section-heading>p{font-size:11px;margin-top:12px}.section-heading>p br{display:none}.explore-controls{margin-top:25px;gap:14px}.filter-tabs{gap:5px;width:100%}.filter{padding:8px 10px;font-size:10px;min-height:34px}.filter[data-filter=saved]{margin-left:auto}.filter[data-filter=saved]>span{display:none}.filter[data-filter=saved] svg{display:none}.filter svg{width:12px;height:12px}.search-box{margin:0;width:100%;padding-block:12px}.search-box input{width:100%;font-size:12px}.animal-grid{grid-template-columns:1fr;gap:22px}.animal-photo{height:280px}.animal-details{padding:20px}.animal-details h3{font-size:20px;flex-direction:row;align-items:baseline;gap:11px}.animal-details h3 span{font-size:10px}.animal-details p{font-size:11px;margin-top:7px}.card-arrow{height:32px;width:32px}.animal-tag{font-size:10px}.favorite-button{width:35px;height:35px}.discover-bottom{flex-direction:column;align-items:flex-start;gap:19px;margin-top:23px}.discover-bottom>span{font-size:8px;line-height:1.8;align-items:flex-start}.discover-bottom>span svg{margin-top:2px}.discover-bottom>.text-link{align-self:flex-end;font-size:12px}.center-heading h2{font-size:27px;margin-top:13px}.center-heading>p{font-size:11px}.feature-grid{grid-template-columns:1fr;margin-top:30px;gap:15px}.feature-card{padding:25px}.feature-card h3{font-size:20px;margin-top:18px}.feature-card>p{font-size:12px;line-height:1.9}.feature-card>p br{display:none}.feature-number{top:25px;right:25px}.mini-categories,.mini-reading,.mini-saved{margin-top:20px;min-height:37px}.mini-categories>span{font-size:10px;padding:7px 11px}.mini-reading{max-width:270px}.mini-saved>b{font-size:10px;margin-left:10px}.mini-saved>span{width:35px;height:35px}.preview{display:flex;flex-direction:column;align-items:flex-start;gap:10px;overflow:hidden}.preview-copy{width:100%}.preview-copy>h2{font-size:36px;margin-top:14px}.preview-copy>h2 br{display:none}.preview-copy>p{margin-top:17px;font-size:12px}.preview-tabs{max-width:100%;margin-top:23px;gap:5px}.preview-tab{font-size:12px;padding-block:14px}.source-note{font-size:9px;margin-top:20px}.preview-art{width:530px;align-self:center;transform:scale(.72);transform-origin:center;height:540px;margin:-45px -100px -60px}.download-section{padding-bottom:60px}.download-panel{flex-direction:column;padding:33px 26px 18px;border-radius:15px;align-items:flex-start}.download-copy{width:100%}.download-copy>.eyebrow{font-size:8px;letter-spacing:1.5px}.download-copy h2{font-size:27px;margin-top:15px}.download-copy p{font-size:11px;line-height:1.8}.button-light{font-size:11px;min-height:44px}.download-meta{font-size:8px}.download-illustration{align-self:center;width:300px;transform:scale(.78);margin:-15px -15px -30px;transform-origin:center}.download-ring{top:0}.star-a{right:20px}.leaf-a{left:-12px}.leaf-b{right:-10px}.about{display:block;padding-block:0 42px}.about h2{font-size:25px;margin-top:15px}.about-text{margin-top:22px}.about-text>p{font-size:12px}.developer{margin-top:20px}.faq{display:block;padding-block:40px 55px}.faq-title{margin-bottom:25px}.faq-title h2{font-size:22px}.faq-title span{font-size:8px}.faq details:first-of-type{padding-top:17px}.faq summary{font-size:12px;line-height:1.8}.faq details>p{font-size:11px}.footer-main{flex-wrap:wrap;row-gap:25px}.footer-main .brand{order:0}.footer-links{order:2;flex-basis:100%;gap:22px;justify-content:space-between}.footer-links a{font-size:10px}.back-top{order:1;margin-left:auto}.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;font-size:8px;line-height:1.8;margin-top:24px;padding-top:20px}.download-dialog{padding:28px 22px}.download-dialog h2{font-size:22px}.download-dialog .dialog-app-icon{width:47px;height:47px}.download-dialog>p{font-size:10px}.download-dialog>small{font-size:8px}.download-dialog canvas{margin-top:15px;width:160px!important;height:160px!important}.detail-cover{height:220px}.detail-body{padding:23px}.detail-body h2{font-size:25px}.detail-body h2>span{font-size:11px}.detail-body>p{font-size:12px}.animal-fact p{font-size:11px}.toast{font-size:11px;width:max-content;max-width:calc(100% - 40px)}.empty-state{padding:25px;text-align:center}.empty-state h3{font-size:16px}.empty-state p{font-size:11px}}@media(max-width:380px){.container{width:calc(100% - 32px)}.hero h1{font-size:37px}.hero-art{transform:scale(.64);margin-block:-70px -75px}.hero-footnote{font-size:9px;gap:9px}.hero .eyebrow{font-size:9px}.hero-description{font-size:12px}.filter{padding-inline:7px;font-size:9px}.filter svg{display:none}.animal-photo{height:240px}.preview-art{transform:scale(.61);margin-block:-80px -90px}.preview-copy>h2{font-size:31px}.download-copy h2,.section-heading h2{font-size:23px}.strip-inner>span{font-size:9px;gap:6px}.header-download{margin-right:8px;font-size:9px}.header-download svg{display:none}}@media(max-width:700px){.site-header .menu-toggle{display:grid}.preview-copy>h2 br{display:initial}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}