:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:#253c30;background:#f7f8f3;font-synthesis:none;font-size:14px;--green:#284e3a;--muted:#859087;--border:#e4e8df;--orange:#edaa56}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button{transition:background .18s,transform .18s,box-shadow .18s}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e9a34e;outline-offset:4px}a{color:inherit;text-decoration:none}button .icon{flex-shrink:0}.icon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}button:hover{filter:brightness(.98)}.sidebar{width:228px;position:fixed;left:0;top:0;bottom:0;background:#fffefa;border-right:1px solid var(--border);padding:33px 20px 21px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding-left:13px;width:fit-content}.brand img{width:42px;height:42px}.brand>span{font-size:42px;line-height:1;font-weight:800;letter-spacing:-2px}.brand-dot{color:#e8a64f}.brand-sub{font-size:10px;letter-spacing:.25px;margin:13px 0 44px 13px;color:#90978c}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.65px;color:#9a9e91;margin:0 14px 15px}.nav-item{display:flex;width:100%;align-items:center;gap:12px;text-align:left;height:52px;padding:0 14px;border-radius:9px;color:#788274;font-weight:500;margin-bottom:7px;font-size:12px;position:relative}.nav-item.active{background:#eaf0df;color:#35533c;font-weight:700}.nav-item.active .icon{stroke-width:2}.nav-item .icon{width:20px}.active-dot{width:5px;height:5px;background:#58774b;border-radius:50%;margin-left:auto}.collection-label{margin-top:33px}.count{background:#f0f0e7;font-size:10px;border-radius:5px;padding:3px 6px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:40px}.little-note{background:#f5f5e9;padding:18px 16px 20px;border:1px solid #e9ecdd;border-radius:12px;position:relative;overflow:hidden}.note-spark{font-size:22px;color:#8c9e6d;display:block;margin-bottom:8px}.little-note strong{font-size:12px}.little-note p{color:#7f8975;font-size:10px;line-height:1.8;max-width:140px;margin-top:8px}.note-leaves{position:absolute;bottom:-4px;right:4px;transform:rotate(-30deg);opacity:.15}.note-leaves .icon{width:40px;height:40px}.parent-link{display:flex;align-items:center;gap:10px;width:100%;font-size:11px;color:#848a7f;padding:25px 10px 21px}.parent-link .icon{width:17px}.parent-link .icon:last-child{margin-left:auto;width:13px}.sidebar-bottom>small{font-size:7px;letter-spacing:1.2px;color:#a3a799;display:block;text-align:center}.workspace{margin-left:228px}.topbar{height:79px;background:#fffefa;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#93988d}.breadcrumb>.icon:first-child{color:#698260;width:18px}.breadcrumb>.icon:nth-child(3){width:12px}.breadcrumb strong{font-weight:500;color:#53624f}.top-actions{display:flex;align-items:center;gap:20px}.language{display:flex;background:#f4f5ef;padding:4px;border:1px solid #e7e9e1;border-radius:8px;gap:3px}.language button{min-width:43px;height:27px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#9a9e91;border-radius:5px;font-weight:600}.language button.selected{background:#fff;color:#394d38;box-shadow:0 1px 4px #223a2510}.flag-id{width:13px;height:10px;background:linear-gradient(#de605d 50%,#fff 50%);box-shadow:0 0 0 1px #ddd8;border-radius:1px}.sound-switch{color:#70806a;width:30px;height:35px}.avatar{width:35px;height:35px;border-radius:50%;background:#eed;border:3px solid #fff;box-shadow:0 0 0 1px #e9e9dc;font-size:22px;overflow:hidden;padding:0}main{max-width:1510px;margin:auto;padding:37px 40px 0}.greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.5px;color:#819372;font-weight:650;text-transform:uppercase}.eyebrow .icon{height:15px;width:15px;color:#aa9868}h1{font-size:31px;letter-spacing:-1px;line-height:1.25;font-weight:650}.greeting h1{margin-top:10px}.wave{font-size:28px;color:#d6a94f;margin-left:6px}.greeting p,.page-heading>p{font-size:11px;color:#8d958a;margin-top:10px;line-height:1.7}.subtle{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#66775b;padding:13px 0}.subtle .icon{width:16px}.feature-row{display:grid;grid-template-columns:minmax(0,1fr) 229px;gap:20px;margin-bottom:38px}.hero{height:324px;border-radius:15px;background:#233c2e;position:relative;overflow:hidden;color:#fff}.hero-image{width:100%;height:100%;object-fit:cover;position:absolute;object-position:50% 51%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#132d24e8,#19362996 38%,#1f372015 70%)}.hero-content{position:relative;padding:27px 30px;z-index:1}.hero-badge{display:inline-flex;gap:6px;align-items:center;color:#e5ebc8;letter-spacing:1.4px;font-size:8px;font-weight:600;border:1px solid #d3e7be45;border-radius:5px;background:#a5bd7730;padding:5px 8px}.hero-badge .icon{width:12px;height:12px}.hero h2{font-size:36px;letter-spacing:-1px;line-height:1.18;margin:17px 0 13px;font-weight:650}.hero p{font-size:10px;line-height:1.8;color:#e1e5d4cc}.hero-button{display:inline-flex;align-items:center;gap:20px;background:#eabc73;color:#263d2b;border-radius:7px;font-weight:650;font-size:11px;margin-top:20px;padding:13px 17px}.hero-button .icon{width:16px;height:16px}.hero-age{position:absolute;bottom:19px;right:20px;display:flex;align-items:center;gap:5px;background:#283b2f75;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #d7e2bb26;font-size:8px;color:#eff3dc;padding:6px 9px;border-radius:5px}.hero-age .icon{width:12px;height:12px}.hero-number{position:absolute;right:19px;top:20px;font-size:10px;letter-spacing:1px}.hero-number span{opacity:.5}.sticker-promo{background:#eeefe1;border:1px solid #e3e6d4;border-radius:15px;padding:19px 21px;display:flex;flex-direction:column;position:relative;overflow:hidden}.promo-top{display:flex;justify-content:space-between;align-items:center}.promo-top>span:first-child{background:#fffaf0;border-radius:7px;display:grid;place-items:center;width:29px;height:29px;color:#b29245}.promo-top .icon{width:16px;height:16px}.small-badge{font-size:10px;font-weight:500;display:inline-block;border-radius:5px;background:#e9ecdf;color:#7e8c70;padding:4px 7px}.sticker-art{height:103px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:2px}.sticker-art>span{background:#fffef5;border:4px solid white;border-radius:18px;box-shadow:0 3px 4px #69735014;font-size:47px;line-height:1.3;transform:rotate(-13deg);position:relative;z-index:2}.sticker-art>span:nth-child(2){font-size:29px;transform:rotate(13deg);position:absolute;right:8px;top:10px;z-index:1}.sticker-art>span:nth-child(3){font-size:24px;transform:rotate(14deg);position:absolute;right:17px;bottom:10px;z-index:3}.sticker-art>i{font-size:25px;position:absolute;left:10px;bottom:15px;color:#adbd82;font-style:normal}.sticker-promo h3{font-size:18px;letter-spacing:-.4px;margin-top:6px}.sticker-promo p{font-size:10px;color:#8b937b;line-height:1.7;margin-top:7px;max-width:160px}.progress{height:5px;border-radius:10px;background:#dbdfc9;overflow:hidden}.progress>span{display:block;height:100%;background:#879d5e;border-radius:10px}.sticker-promo .progress{margin:16px 0 12px}.sticker-promo>button{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;padding:0}.sticker-promo>button .icon{width:16px;height:16px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.section-heading h2{font-size:21px;font-weight:650;letter-spacing:-.65px;display:flex;align-items:center;gap:10px}.section-heading p{font-size:10px;color:#90988b;margin-top:7px}.catalog-decoration{color:#86927b}.catalog-decoration .icon{width:18px;height:18px}.filters{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px}.filter-buttons{display:flex;gap:6px;flex-wrap:wrap}.filter{display:flex;align-items:center;gap:6px;background:#fffefa;border:1px solid #e3e7dc;border-radius:7px;font-size:9px;padding:10px 11px;color:#88917f;white-space:nowrap;min-height:36px}.filter .icon{width:13px;height:13px}.filter.active{color:#fff;background:var(--green);border-color:var(--green)}.search{display:flex;gap:9px;align-items:center;background:#fffefa;border:1px solid #e3e7dc;border-radius:7px;padding:0 12px;width:211px;flex-shrink:0}.search .icon{color:#959f8c;width:14px;height:14px}.search input{border:0;background:none;width:100%;padding:10px 0;color:#53644b;font-size:9px;outline:none}.search input::placeholder{color:#a1a697}.animal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.animal-card{border-radius:12px;overflow:hidden;background:#fffefa;border:1px solid #e4e7dd;position:relative;transition:transform .2s,box-shadow .2s}.animal-card:hover{transform:translateY(-4px);box-shadow:0 9px 22px #3047350c}.animal-open{text-align:left;padding:0;width:100%;height:100%;display:flex;flex-direction:column}.animal-picture{width:100%;height:151px;background:#eeeee4;position:relative;overflow:hidden}.animal-picture img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .4s}.animal-card:hover .animal-picture img{transform:scale(1.055)}.animal-picture.triceratops{background:#eff0e3}.animal-picture.stegosaurus{background:#efece1}.animal-picture.brachiosaurus{background:#e9eee6}.animal-picture.velociraptor{background:#f0eade}.animal-picture.pteranodon{background:#e4eceb}.animal-picture.mosasaurus{background:#e4edef}.diet-dot,.visited-dot{position:absolute;display:grid;place-items:center;width:25px;height:25px;top:11px;right:11px;border:1px solid #fff9;background:#faf9edcf;border-radius:50%;color:#799161}.diet-dot.carnivore{color:#bb8c70}.diet-dot.piscivore{color:#6f9393}.diet-dot .icon{width:13px;height:13px}.visited-dot{right:auto;left:10px;background:#55734ce0;color:#fff}.visited-dot .icon{width:13px}.animal-info{padding:16px 15px 13px;width:100%;position:relative;flex:1}.animal-info h3{font-size:15px;font-weight:650;letter-spacing:-.25px;padding-right:15px}.animal-info>p{font-size:8px;font-style:italic;margin-top:5px;color:#9b9f93}.card-meta{border-top:1px solid #eff0e8;display:flex;align-items:center;justify-content:space-between;padding-top:11px;margin-top:13px;color:#929a86;font-size:8px}.card-meta>span{display:flex;gap:5px;align-items:center}.card-meta .icon{width:12px;height:12px}.period-dot{width:5px;height:5px;background:#b5a16c;border-radius:50%}.period-dot.jurassic{background:#87a787}.card-speaker{position:absolute;right:8px;top:162px;width:28px;height:28px;color:#849377;display:grid;place-items:center}.card-speaker .icon{width:15px;height:15px}.friends-heading{margin-top:34px}.friends-heading>.icon{color:#90a29a}.not-dino{display:inline-block;background:#e7eeea;color:#648477;border-radius:4px;font-size:8px;padding:5px 8px;margin-top:10px}.friends-note{grid-column:span 2;padding:33px 28px;border-radius:12px;background:repeating-linear-gradient(135deg,#eff2e900,#eff2e900 5px,#eff2e966 5px 6px);border:1px dashed #d9e0ce;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.friends-note>.icon{color:#94a881;width:28px;height:28px;margin-bottom:15px}.friends-note h3{font-size:17px}.friends-note p{font-size:11px;color:#8b967f;line-height:1.9;margin-top:10px;max-width:260px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e9dc;margin-top:40px;padding:23px 0 27px;color:#a0a797;font-size:8px}footer>span{display:flex;align-items:center;gap:7px}footer .icon{width:13px;height:13px}footer i{background:#8ba56e;width:5px;height:5px;border-radius:50%}.mobile-nav{display:none}.back{display:flex;gap:8px;align-items:center;color:#819175;padding:4px 0 22px;font-size:11px}.back .icon{transform:rotate(180deg);width:16px}.detail-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.detail-title h1{font-size:42px;margin-top:8px}.detail-title p{color:#8c9687;font-size:12px;margin-top:10px}.round-button{width:44px;height:44px;border-radius:50%;background:#eef1e6;display:grid;place-items:center;color:#627453}.detail-layout{display:grid;grid-template-columns:1fr 240px;gap:20px}.detail-photo{height:380px;background:#efeee5;border-radius:16px;position:relative;overflow:hidden}.detail-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.detail-photo-label{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:6px;background:#fffc;padding:8px 12px;border-radius:6px;font-size:9px;color:#7f8f71;letter-spacing:1px}.detail-photo-label .icon{width:14px}.quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-stats button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid var(--border);border-radius:12px;background:#fffefa;padding:15px;text-align:left}.quick-stats .icon{color:#8f9e71;margin-bottom:15px}.quick-stats strong{font-size:13px;line-height:1.5}.quick-stats small{color:#929c87;font-size:9px;margin-top:8px}.detail-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-top:27px}.detail-tabs button{display:flex;align-items:center;gap:9px;padding:20px 23px;color:#87927c;font-size:12px;border-bottom:3px solid transparent}.detail-tabs button.active{color:#345638;border-color:#5c7e43}.tab-body{min-height:240px;padding:26px 0}.facts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.facts-header h2{font-size:21px}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fact{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:22px;border:1px solid var(--border);background:#fffefa;border-radius:12px;position:relative}.fact>span{font-size:27px}.fact p{font-size:13px;line-height:1.8;margin-top:17px}.fact>.icon{position:absolute;right:18px;top:24px;width:16px;color:#96a07e}.detail-navigation{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:15px}.detail-navigation>span{color:#97a277;font-size:10px}.size-panel{background:#fffefa;border:1px solid var(--border);border-radius:14px;padding:30px}.size-panel>p{color:#869079;font-size:12px;margin-bottom:30px}.size-row{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:15px;margin:23px 0}.size-row>span{display:flex;align-items:center;gap:8px;font-size:12px}.size-row .icon{color:#829770}.size-track{width:100%;height:32px}.size-track>div{background:#7a9162;min-width:38px;height:100%;border-radius:5px;position:relative}.size-track b{display:block;padding:8px 9px;white-space:nowrap;font-size:10px;color:#fff}.size-row:nth-child(3) .size-track>div{background:#ddb370}.size-row:nth-child(4) .size-track>div{background:#9fb2aa}.size-row:nth-child(5) .size-track>div{background:#b6c090}.size-panel>small{font-size:10px;color:#929c87;display:block;line-height:1.8;margin-top:30px}.sound-panel,.pending-panel{text-align:center;padding:25px 0;max-width:560px;margin:auto}.sound-panel p,.pending-panel p{font-size:13px;color:#8c967f;line-height:1.9;margin-top:15px}.sound-panel h2,.pending-panel h2{font-size:20px;margin-top:15px}.sound-play{width:90px;height:90px;border-radius:50%;background:#e9efdb;border:8px solid #f2f5e9;color:#64834f}.sound-play .icon{width:34px;height:34px}.pending-panel>.icon{width:45px;height:45px;color:#92a180}.pending-panel .primary{margin-top:20px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;background:var(--green);color:#fff;border-radius:8px;font-size:12px;font-weight:600;min-height:48px}.primary .icon{width:17px;height:17px}.page-heading{margin:5px 0 30px}.page-heading h1{margin-top:12px}.sticker-banner{display:flex;align-items:center;gap:20px;padding:23px;border-radius:13px;background:#eaf0dc;margin-bottom:30px}.sticker-banner>.icon{width:32px;height:32px;color:#ad9b52}.sticker-banner p{font-size:12px;flex:1}.sticker-banner .progress{width:140px}.sticker-banner strong{color:#8b9c6d}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.sticker-item{background:#fffefa;border:1px solid var(--border);border-radius:15px;padding:15px}.sticker-item img{width:100%;aspect-ratio:1.4;object-fit:contain;mix-blend-mode:multiply}.sticker-item h3{font-size:14px;margin:8px 0 12px}.sticker-item>span{font-size:8px;display:flex;align-items:center;gap:5px;justify-content:center;color:#8b9b79}.sticker-item>span .icon{width:13px;height:13px}.sticker-item.locked{background:#f0f1e9;border-style:dashed}.sticker-item.locked img{filter:grayscale(1);opacity:.24}.time-road{border-left:3px dashed #d3dec1;margin-left:18px;padding-left:30px}.era{position:relative;display:grid;grid-template-columns:170px 1fr;gap:20px;padding:25px;margin-bottom:23px;background:#eeefdf;border-radius:12px}.era:before{content:"";position:absolute;left:-42px;top:35px;background:#849b60;border:5px solid #f7f8f3;width:15px;height:15px;border-radius:50%}.era-1{background:#e8eddf}.era-2{background:#e5ede7}.era-label>span{font-size:10px;color:#91a17c;letter-spacing:2px}.era-label h2{margin-top:8px;font-size:25px}.era-label p{font-size:10px;color:#8a977d;margin-top:8px}.era-animals{display:flex;flex-wrap:wrap;gap:10px}.era-animals button{background:#fff9;border-radius:10px;width:120px;padding:9px}.era-animals img{width:100%;height:70px;object-fit:contain;mix-blend-mode:multiply}.era-animals strong{font-size:10px}.era-empty{font-size:50px;text-align:center;padding:15px}.select-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:13px}select,input{border:1px solid #dce2d3;background:#fffefa;border-radius:7px;color:#506247;padding:12px}.food-game{max-width:740px;margin:auto;text-align:center}.food-animal{background:#efeee4;border-radius:18px;padding:20px;position:relative}.food-animal img{width:100%;height:280px;object-fit:contain;mix-blend-mode:multiply}.food-animal h2{font-size:25px}.food-animal>.round-button{position:absolute;right:25px;bottom:20px}.food-options{display:flex;gap:20px;justify-content:center;margin-top:25px}.food-options button{border:2px solid var(--border);background:#fffefa;border-radius:14px;width:150px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13px}.food-options button>span{font-size:38px}.food-options .food-correct{border-color:#92ad68;background:#eaf0dc}#game-message{height:55px;padding:18px;color:#819666}.try-again{color:#b79b6c!important}.empty{text-align:center;padding:70px}.empty>.icon{width:35px;height:35px;color:#9dab8b}.empty h3{margin:25px 0;color:#8c977c}.modal-backdrop{position:fixed;inset:0;z-index:60;background:#142b2666;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:25px}.modal{width:480px;max-width:100%;max-height:90vh;overflow:auto;background:#fffef8;border-radius:20px;padding:35px;position:relative;box-shadow:0 30px 100px #142b2633}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px}.modal-close .icon{width:17px}.modal-symbol{width:55px;height:55px;border-radius:12px;background:#eef1e4;display:grid;place-items:center;color:#8e9f74;margin-bottom:20px}.modal h2{font-size:23px;margin:10px 0}.modal p{font-size:12px;line-height:1.8;color:#8e987f;margin:15px 0}.modal>.primary{margin-top:10px;width:100%}.hold.holding{background:linear-gradient(90deg,#90ac63 50%,#284e3a 50%);background-size:200% 100%;animation:hold 3s linear forwards}#gate-form{display:flex;flex-direction:column;gap:10px;margin-top:25px}.setting-label{display:flex;align-items:center;gap:20px;justify-content:space-between;font-size:12px;margin:24px 0 5px}.setting-label input{width:90px}.settings-actions{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);margin-top:25px;padding-top:20px}.settings-actions button{text-align:left;display:flex;align-items:center;gap:12px;font-size:12px;background:#f0f3e8;border-radius:8px;padding:14px}.settings-actions select{font-size:12px}.modal details{margin-top:25px;font-size:11px;color:#8c987c;line-height:1.8}.modal details a{display:block;text-decoration:underline;padding:5px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:14px 25px;border-radius:10px;background:#284e3a;color:#fff;font-size:12px;box-shadow:0 5px 25px #223a2520;opacity:0;pointer-events:none;z-index:100;transition:all .2s}#toast.show{opacity:1;transform:translate(-50%)}.speaking{outline:2px solid #c6a265!important;background-color:#f1e9d1!important}.wiggle{animation:wiggle .4s}#print-area{display:none}.fantasy{display:inline-block;font-size:8px;background:#f3e8d9;color:#a37a45;border-radius:4px;padding:4px 7px;margin-top:8px}.fantasy-note{background:#f4ecdc;border:1px solid #e6d9bd;border-radius:8px;padding:12px 16px;font-size:12px;line-height:1.8;color:#927751;margin-bottom:20px}.tv{font-size:24px}.tv .animal-grid{grid-template-columns:repeat(3,1fr)}.tv button,.tv input{min-height:64px}.tv h3,.tv p,.tv .nav-item{font-size:24px}.tv :focus-visible{outline-width:6px}@keyframes hold{0%{background-position:100%}to{background-position:0%}}@keyframes wiggle{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(min-width:1500px){main{padding:45px 55px 0}.hero{height:365px}.hero-content{padding:35px}.hero h2{font-size:43px}.hero p{font-size:12px}.feature-row{grid-template-columns:minmax(0,1fr) 255px}.animal-picture{height:180px}.card-speaker{top:192px}.sticker-art{height:128px}.sticker-promo h3{font-size:21px}.sticker-promo p{font-size:12px}.sticker-promo>button{font-size:12px}.filter{font-size:11px}.search{width:240px}.search input{font-size:11px}.greeting p{font-size:13px}.animal-info h3{font-size:17px}.animal-info>p{font-size:10px}.card-meta{font-size:10px}}@media(max-width:1150px){.sidebar{width:200px;padding-left:13px;padding-right:13px}.workspace{margin-left:200px}.topbar{padding:0 27px}main{padding:30px 27px 0}.feature-row{grid-template-columns:minmax(0,1fr) 195px;gap:15px}.sticker-promo{padding:18px}.hero h2{font-size:32px}.hero-content{padding:27px 23px}.hero{height:322px}.hero-age{font-size:7px}.filters{flex-wrap:wrap}.search{width:100%}.animal-grid{gap:12px}.animal-picture{height:127px}.animal-info{padding:13px 10px}.animal-info h3{font-size:13px}.card-speaker{top:136px;right:5px;width:25px}.animal-info>p{font-size:7px}.detail-layout{grid-template-columns:1fr 200px}.detail-tabs button{padding:18px 12px}.sticker-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.sidebar{width:180px}.workspace{margin-left:180px}.brand{padding-left:8px}.brand-sub{font-size:9px}.nav-item{font-size:11px;padding:0 10px;gap:8px}.feature-row{grid-template-columns:1fr}.sticker-promo{display:none}.animal-grid{grid-template-columns:repeat(3,1fr)}.animal-picture{height:145px}.card-speaker{top:154px}.friends-grid{grid-template-columns:repeat(3,1fr)}.friends-note{grid-column:span 1;padding:18px}.friends-note p{font-size:10px}.greeting>.subtle{display:none}h1{font-size:27px}.breadcrumb{font-size:10px}.top-actions{gap:10px}.breadcrumb>.icon:first-child{display:none}.detail-layout{grid-template-columns:1fr}.detail-photo{height:340px}.quick-stats{grid-template-columns:repeat(4,1fr)}.quick-stats button{padding:13px}.quick-stats .icon{margin-bottom:8px}.fact-grid{grid-template-columns:1fr}.detail-tabs{overflow:auto}.detail-tabs button{white-space:nowrap}.era{grid-template-columns:1fr}.sticker-banner .progress{display:none}.size-row{grid-template-columns:120px 1fr}.detail-navigation>span{display:none}}@media(max-width:650px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:66px;padding:0 20px}.breadcrumb>span{display:none}.breadcrumb>.icon:nth-child(3){display:none}.breadcrumb:before{content:"dino.";font-size:29px;font-weight:800;letter-spacing:-1px;color:#31523b}.breadcrumb>strong{display:none}.top-actions{gap:10px}.language button{min-height:36px;min-width:37px}.sound-switch{width:38px;min-height:38px}main{padding:27px 19px 85px}.eyebrow{font-size:7px;letter-spacing:1.3px}.greeting{margin-bottom:22px}.greeting h1{font-size:26px}.greeting p{font-size:11px;max-width:300px;line-height:1.8}.greeting .wave{font-size:22px}.hero{height:320px;border-radius:14px}.hero-image{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#132d24eb,#19362988 55%,#1f372015)}.hero h2{font-size:33px;margin-top:20px}.hero-content{padding:24px}.hero p{font-size:10px}.hero-button{min-height:48px}.hero-age{bottom:14px;right:12px}.feature-row{margin-bottom:29px}.section-heading h2{font-size:20px}.section-heading p{font-size:10px;line-height:1.8;max-width:270px}.filters{gap:14px}.filter-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.filter{justify-content:center;font-size:10px;min-height:48px;padding:8px}.filter .icon{width:15px;height:15px}.search{height:46px}.search input{font-size:11px}.animal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.animal-picture{height:145px}.animal-info{padding:15px 12px 12px}.animal-info h3{font-size:13px;letter-spacing:-.4px}.animal-info>p{font-size:8px;max-width:112px;line-height:1.5}.card-speaker{top:151px;right:3px;width:32px;height:40px}.card-speaker .icon{width:14px}.card-meta{font-size:8px}.friends-heading{margin-top:30px}.friends-note{display:none}footer{font-size:8px;gap:16px;line-height:1.7;align-items:flex-start;margin-top:30px}footer>span{max-width:170px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px max(9px,env(safe-area-inset-bottom));background:#fffef8f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;color:#95a087;font-size:8px;padding:7px 0;min-height:54px;border-radius:8px}.mobile-nav button.active{color:#34583b;background:#edf1e2}.mobile-nav .icon{width:21px;height:21px}.detail-title h1{font-size:32px}.detail-title p{font-size:10px;max-width:270px;line-height:1.8}.detail-photo{height:270px}.quick-stats{grid-template-columns:repeat(2,1fr)}.quick-stats button{min-height:100px}.detail-tabs{position:sticky;top:0;background:#f7f8f3;z-index:10}.detail-tabs button{min-width:64px;flex:1;flex-direction:column;padding:16px 5px 12px;gap:6px;font-size:10px;min-height:64px}.detail-tabs .icon{width:20px;height:20px}.facts-header h2{font-size:17px}.facts-header .subtle{font-size:10px}.fact p{font-size:14px}.detail-navigation .subtle{font-size:11px}.size-panel{padding:19px}.size-row{grid-template-columns:105px 1fr;gap:7px}.size-row>span{font-size:10px}.size-row .icon{width:16px}.sticker-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sticker-banner{padding:18px;gap:14px}.sticker-banner p{font-size:11px}.sticker-item{padding:12px}.sticker-item h3{font-size:12px}.sticker-item>span{font-size:7px}.time-road{margin-left:7px;padding-left:24px}.era{padding:18px}.era:before{left:-36px}.era-animals button{width:calc(50% - 5px)}.select-label{flex-direction:column;align-items:flex-start;gap:12px}.select-label select{width:100%}.food-animal img{height:200px}.food-options{gap:10px}.food-options button{width:100px;font-size:11px;padding:16px 10px}.food-options button>span{font-size:32px}.modal{padding:28px 23px}.modal h2{font-size:21px}#toast{bottom:90px;width:max-content;max-width:90%;text-align:center}.parent-link{min-height:64px}.avatar{width:36px;height:36px}.empty{padding:40px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{@page{size:A4;margin:0}body{background:#fff}#app{display:none}#print-area{display:block}.poster{width:210mm;height:297mm;padding:17mm;color:#284e3a;overflow:hidden}.poster>span{font-size:10pt;letter-spacing:3px}.poster h1{font-size:36pt;margin-top:8mm}.poster h2{font-size:15pt;font-style:italic;margin:4mm 0}.poster>img{width:176mm;height:102mm;object-fit:contain}.poster>p{font-size:13pt;line-height:1.8}.poster .size-panel{padding:5mm;border:0}.poster .size-panel>p,.poster .size-panel>small{display:none}.poster .size-row{margin:3mm 0}.print-sheet{display:grid;grid-template-columns:repeat(3,63mm);grid-auto-rows:88mm;gap:0;padding:16.5mm 10.5mm}.print-card{border:.2mm dashed #9aa187;padding:4mm;width:63mm;height:88mm;break-inside:avoid;overflow:hidden}.print-card:nth-child(9){break-after:page}.print-card:nth-child(10){margin-top:33mm}.print-card:nth-child(11),.print-card:nth-child(12){margin-top:33mm}.print-card:nth-child(n+13){transform:translateY(33mm)}.print-card>img{width:55mm;height:42mm;object-fit:contain}.print-card h2{font-size:12pt}.print-card p{font-size:8pt;margin-top:3mm;line-height:1.5}.blank-card{color:#b7beac;display:grid;place-items:center}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.animal-picture img{object-fit:contain}.animal-picture{background:#e8e2d3}.animal-picture.brachiosaurus img{object-fit:contain}.avatar{cursor:pointer}@media(pointer:coarse){.card-speaker{width:44px;height:44px}.filter,.mobile-nav button{min-height:64px}.round-button{min-width:64px;min-height:64px}}@media print{.print-sheet{width:210mm;height:297mm;break-after:page;page-break-after:always}.print-sheet:last-child{break-after:auto;page-break-after:auto}.print-card:nth-child(n){margin:0;transform:none;break-after:auto}}.anatomy-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 24px}.anatomy-heading h2{font-size:25px;letter-spacing:-.65px;margin:9px 0}.anatomy-heading p{font-size:12px;color:#819078;line-height:1.8}.anatomy-xray{display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid #d3dfc7;border-radius:9px;font-size:12px;background:#edf2e4;white-space:nowrap;min-height:52px}.anatomy-xray>span{font-size:24px;line-height:1}.anatomy-xray[aria-pressed=true]{background:#1e3c38;color:#a7ebc6;border-color:#1e3c38}.anatomy-workspace{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:23px;align-items:start}.anatomy-stage{position:relative;aspect-ratio:1;background:#f6f2e9;border:1px solid #e5e4d8;border-radius:16px;overflow:hidden;transition:background .35s}.anatomy-art{position:absolute;inset:0}.anatomy-layer{position:absolute;inset:0;background-size:200% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;transition:opacity .15s}.anatomy-stage.xray{background:#0e2426;border-color:#244244}.anatomy-stage.xray .anatomy-layer{mix-blend-mode:screen;filter:invert(1) sepia(.5) saturate(1.5) hue-rotate(85deg);opacity:.9}.anatomy-stage-top{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.anatomy-stage-top>span:first-child{font-size:9px;font-weight:650;letter-spacing:.6px;color:#617656;background:#fffdf0cc;padding:8px 10px;border:1px solid #dedfd2;border-radius:6px}.anatomy-museum{font-size:7px;letter-spacing:1.5px;color:#90977e}.anatomy-stage-caption{position:absolute;bottom:17px;left:20px;right:20px;text-align:center;color:#929c80;font-size:10px;pointer-events:none;line-height:1.7}.xray .anatomy-stage-caption,.xray .anatomy-museum{color:#8bb5a6}.xray .anatomy-stage-top>span:first-child{color:#bcf0d0;background:#204a4480;border-color:#557e6540}.bone-hotspots{position:absolute;inset:0}.bone-hotspot{position:absolute;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;padding:0;z-index:2}.bone-hotspot:active{transform:translate(-50%,-50%)}.bone-hotspot>span{width:26px;height:26px;border:2px solid #fffff0;border-radius:50%;display:grid;place-items:center;background:#749759;color:#fff;box-shadow:0 0 0 5px #91a47728;font-size:10px;font-weight:700}.bone-hotspot.active>span{background:#e4ac56;color:#263e2c;box-shadow:0 0 0 7px #ddb47738;transform:scale(1.12)}.xray .bone-hotspot>span{background:#346d64;border-color:#a0d9be;color:#c9efd9}.xray .bone-hotspot.active>span{background:#e6bd77;color:#263b31;border-color:#ffebc5}.anatomy-controls{display:flex;flex-direction:column;gap:20px}.layer-selection>.eyebrow{font-size:9px;margin:5px 0 13px;letter-spacing:1px}.layer-buttons{display:flex;flex-direction:column;gap:8px}.layer-buttons button{min-height:59px;border-radius:10px;border:1px solid #e1e5d6;background:#fffef8;display:flex;align-items:center;gap:13px;padding:12px 15px;text-align:left;font-size:12px}.layer-buttons button.active{border-color:#8fa777;background:#ebf1e0;color:#446738;box-shadow:inset 3px 0 #87a365}.layer-symbol{font-size:25px;width:30px;color:#91a576;text-align:center}.layer-buttons button[data-layer-select="1"] .layer-symbol{color:#bc8b76}.layer-buttons button[data-layer-select="2"] .layer-symbol{color:#a98a96}.layer-buttons button small{font-size:9px;margin-left:auto;color:#aab29a}.layer-slider>label{font-size:10px;color:#829174}.layer-slider input{padding:0;display:block;width:100%;height:64px;appearance:none;-webkit-appearance:none;background:transparent;border:0;cursor:ew-resize;touch-action:pan-y}.layer-slider input::-webkit-slider-runnable-track{height:8px;border-radius:10px;background:linear-gradient(90deg,#acb48b,#be9a86,#bea79f,#d2c6a7)}.layer-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:64px;height:40px;margin-top:-16px;border-radius:12px;background:#476a44;border:5px solid #f7f8f3;box-shadow:0 1px 4px #213c3126}.layer-slider input::-moz-range-track{height:8px;border-radius:10px;background:#c3caae}.layer-slider input::-moz-range-thumb{width:54px;height:32px;border-radius:12px;background:#476a44;border:5px solid #f7f8f3}.layer-slider>div{display:flex;justify-content:space-between;font-size:9px;color:#8e997e;margin-top:-7px}.layer-story{background:#eef1e4;border:1px solid #e0e7d4;border-radius:12px;padding:18px}.layer-story>span{font-size:23px;color:#9ba779}.layer-story h3{font-size:16px;margin:7px 0 8px}.layer-story p{font-size:11px;line-height:1.9;color:#7b896e}.anatomy-read{display:flex;align-items:center;gap:8px;font-size:10px;color:#668054;margin-top:13px;padding:8px 0}.anatomy-read .icon{width:16px;height:16px}.bone-explorer{margin-top:26px}.bone-explorer-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.bone-explorer-heading h3{font-size:18px}.bone-explorer-heading p{font-size:10px;color:#8b987f}.bone-buttons{display:flex;gap:8px;flex-wrap:wrap}.bone-buttons button{display:flex;align-items:center;gap:8px;border:1px solid #dce4d1;border-radius:8px;background:#fffdf7;font-size:11px;padding:10px 13px;min-height:48px}.bone-buttons button>span{background:#eef2e2;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:9px;color:#81966b}.bone-buttons button.active{background:#ecf1e0;border-color:#97ad77;color:#466538}.bone-buttons button.active>span{background:#819d60;color:#fff}.bone-story{display:flex;align-items:center;gap:18px;background:#f0efdf;padding:21px;border-radius:12px;margin-top:17px}.bone-story-number{font-size:22px;font-weight:700;display:grid;place-items:center;background:#e3e6c9;color:#8d9d60;width:47px;height:47px;border-radius:12px;flex-shrink:0}.bone-story>div{flex:1}.bone-story h3{font-size:17px}.bone-story p{font-size:12px;color:#818c71;line-height:1.8;margin-top:7px}.bone-story>.round-button{background:#fff9;font-size:23px}.anatomy-note{font-size:10px;color:#98a18a;line-height:1.9;max-width:740px;margin-top:22px}.bone-hotspots[hidden],.bone-explorer[hidden]{display:none}.anatomy .speaking{outline-offset:3px}@media(max-width:1000px){.anatomy-workspace{grid-template-columns:minmax(0,1fr) 200px;gap:16px}.anatomy-heading h2{font-size:23px}.anatomy-stage-top{top:12px;left:12px;right:12px}.anatomy-museum{display:none}.anatomy-stage-caption{font-size:9px}.layer-story{padding:15px}.layer-buttons button{min-height:52px}}@media(max-width:750px){.anatomy-heading{align-items:flex-start}.anatomy-heading h2{font-size:21px}.anatomy-heading p{font-size:11px}.anatomy-xray{padding:10px;font-size:10px;min-height:48px;gap:6px}.anatomy-xray>span{font-size:18px}.anatomy-workspace{grid-template-columns:1fr}.anatomy-controls{display:grid;grid-template-columns:1fr;gap:18px}.layer-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.layer-buttons button{flex-direction:column;gap:4px;padding:10px 5px;min-height:74px;font-size:11px}.layer-buttons button small{display:none}.layer-symbol{font-size:23px}.layer-selection>.eyebrow{display:none}.layer-story{position:relative;padding:18px 65px 18px 18px}.layer-story>span{display:none}.layer-story h3{margin-top:0}.layer-story .anatomy-read{position:absolute;right:16px;top:17px;flex-direction:column;gap:6px;font-size:8px}.bone-explorer-heading{display:block}.bone-explorer-heading p{margin-top:7px}.bone-buttons{gap:7px}.bone-buttons button{font-size:10px;min-height:52px;padding:8px 10px;flex:1 1 40%}.bone-hotspot>span{width:23px;height:23px;font-size:9px}.bone-story{padding:16px;gap:11px}.bone-story-number{width:35px;height:35px;font-size:17px}.bone-story h3{font-size:15px}.bone-story p{font-size:11px}.bone-story .round-button{min-width:44px;min-height:44px;width:44px;height:44px}.anatomy-stage-caption{font-size:8px;bottom:13px}.anatomy-note{font-size:9px}}@media(prefers-reduced-motion:reduce){.anatomy-layer{transition:none}}.anatomy-art{inset:6%}.layer-slider input::-webkit-slider-thumb{height:64px;margin-top:-28px;border-width:12px}.layer-slider input::-moz-range-thumb{height:40px;border-width:12px}.bone-hotspot{pointer-events:none}.bone-hotspot>span{pointer-events:auto}.bone-buttons button{min-height:64px}.anatomy-stage-top{z-index:3}.bone-hotspot:focus-visible{outline-offset:-10px;border-radius:50%}.anatomy-open .detail-layout{display:none}.anatomy-open .detail-tabs{margin-top:14px}.anatomy-open .tab-body{padding-top:24px}.anatomy-stage{isolation:isolate}.anatomy-stage.xray .anatomy-layer{filter:invert(1) grayscale(1) contrast(1.6) sepia(.5) saturate(1.4) hue-rotate(80deg)}.anatomy-stage{max-width:580px;width:100%;margin-inline:auto}