:root{color:#21302a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f5ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font-family:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #2f6f5747}.app-shell{color:#1f2d2a;background:linear-gradient(135deg,#f9f4e8eb,#e4f1f0e6 48%,#f7efdbe0),#f6f1e6;min-height:100svh}.workspace{grid-template-columns:minmax(300px,370px) minmax(0,1fr) minmax(250px,310px);min-height:100svh;display:grid}.search-panel,.family-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf5c7;border-style:solid;border-color:#283e3724;align-self:start;height:100svh;padding:24px;position:sticky;top:0;overflow:auto}.search-panel{border-width:0 1px 0 0}.family-panel{border-width:0 0 0 1px}.brand-row{align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand-mark{color:#fffaf0;background:linear-gradient(145deg,#1f7a69,#214f7d),#1f7a69;border-radius:8px;place-items:center;width:48px;height:48px;font-size:25px;font-weight:900;display:grid;box-shadow:0 12px 24px #1f7a693d}.eyebrow,.section-label{color:#6c766f;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:850}h1,h2,p{margin:0}h1{color:#182823;margin-top:2px;font-size:24px;line-height:1.1}.guide-card{color:#5b441a;background:#fff6df;border:1px solid #cf934547;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:14px;display:flex}.guide-card div{gap:5px;display:grid}.guide-card strong{font-size:15px}.guide-card span{font-size:13px;line-height:1.45}.guide-card button{color:#fff;cursor:pointer;background:#a85832;border-radius:8px;flex:none;min-height:38px;padding:0 12px;font-size:13px;font-weight:850}.search-box{color:#4c5c55;gap:8px;font-size:13px;font-weight:800;display:grid}.search-box input{color:#1f2a24;width:100%;font:inherit;background:#ffffffe0;border:1px solid #283e372e;border-radius:8px;outline:none;padding:13px 14px;box-shadow:inset 0 1px #fffc}.search-box input:focus{border-color:#1f7a69;box-shadow:0 0 0 3px #1f7a6924}.filter-row{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}button{font:inherit;border:0}.chip,.action-row button,.save-button,.mini-list button,.dino-row{cursor:pointer;transition:transform .16s,background .16s,border-color .16s,color .16s,box-shadow .16s}.chip{color:#415048;background:#ffffffb8;border:1px solid #283e3726;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.chip:hover{background:#fff;border-color:#1f7a6961}.chip-active{color:#fff;background:#1f7a69;border-color:#1f7a69;box-shadow:0 8px 18px #1f7a692e}.results-meta{color:#697268;align-items:baseline;gap:6px;margin-bottom:10px;display:flex}.results-meta strong{color:#1e2c27;font-size:28px;line-height:1}.dino-list{gap:10px;display:grid}.dino-row{color:#25342c;text-align:left;background:#ffffffc2;border:1px solid #283e3721;border-radius:8px;grid-template-columns:78px 1fr;align-items:center;gap:12px;width:100%;min-height:90px;padding:8px;display:grid;box-shadow:0 10px 24px #303e360f}.dino-row:hover,.dino-row-active{background:#fff;border-color:#1f7a698c;transform:translateY(-1px);box-shadow:0 14px 30px #303e361c}.dino-row strong,.dino-row small,.dino-row em{display:block}.dino-row strong{color:#1b2924;font-size:17px}.dino-row small{color:#5d6a63;margin-top:2px;font-size:12px}.dino-row em{color:#8a5d2b;margin-top:6px;font-size:11px;font-style:normal;font-weight:800}.no-results{color:#657267;background:#ffffff9e;border:1px dashed #283e3738;border-radius:8px;padding:18px;line-height:1.5}.detail-panel{align-content:start;gap:18px;padding:30px;display:grid}.detail-hero{background:linear-gradient(145deg,#ffffffe0,#eaf6efbd),#fff;border:1px solid #283e371f;border-radius:8px;grid-template-columns:minmax(0,.86fr) minmax(310px,1.14fr);align-items:stretch;gap:24px;padding:26px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 45px #37463d1a}.detail-hero:before{content:"";pointer-events:none;background:linear-gradient(#fff0,#d3e1be73);height:36%;position:absolute;inset:auto 0 0}.hero-copy{z-index:1;align-content:center;display:grid;position:relative}.hero-copy h2{color:#15241e;margin:8px 0 12px;font-size:58px;line-height:1}.name-stack{gap:4px;margin-bottom:18px;display:grid}.name-line{color:#4c5b54;background:#ffffffb8;border:1px solid #283e371f;border-radius:999px;width:fit-content;padding:7px 12px;font-size:16px;line-height:1.2}.hero-tags{flex-wrap:wrap;gap:8px;display:flex}.hero-tags span{color:#fff8e8;background:#1f2d2a;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:850}.hero-tags span:nth-child(2){background:#214f7d}.hero-tags span:nth-child(3){background:#a85832}.hero-art-wrap{z-index:1;place-items:center end;display:grid;position:relative}.action-row{grid-template-columns:repeat(3,minmax(120px,1fr)) minmax(110px,.8fr);gap:10px;display:grid}.action-row button{color:#fff;background:#214f7d;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 14px;font-weight:850;display:flex;box-shadow:0 12px 24px #214f7d29}.action-row button span{background:#ffffff2e;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.action-row button:nth-child(2){background:#1f7a69}.action-row button:nth-child(3){background:#6b5fc5}.action-row button:hover{transform:translateY(-1px)}.action-row .save-button{color:#a84834;background:#fff;border:1px solid #a8483438;box-shadow:0 10px 22px #a8483414}.action-row .saved{color:#fff;background:#a84834;border-color:#a84834}.profile-strip{grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:10px;display:grid}.profile-strip div{background:#ffffffc7;border:1px solid #283e371f;border-radius:8px;gap:5px;padding:14px 16px;display:grid}.profile-strip span,.facts-grid span{color:#6a756a;font-size:12px;font-weight:850}.profile-strip strong,.facts-grid strong{color:#24342b;font-size:16px}.facts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.facts-grid div,.content-band>div,.features-area>div,.reading-card,.favorites-box,.compare-strip,.learning-card,.learning-switch{background:#ffffffd1;border:1px solid #283e371f;border-radius:8px;box-shadow:0 10px 24px #303e360f}.facts-grid div{gap:5px;min-height:82px;padding:16px;display:grid}.facts-grid div:first-child{border-top:4px solid #a85832}.facts-grid div:nth-child(2){border-top:4px solid #1f7a69}.facts-grid div:nth-child(3){border-top:4px solid #214f7d}.facts-grid div:nth-child(4){border-top:4px solid #d69d38}.content-band{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.content-band>div,.features-area>div{color:#35443b;gap:10px;padding:18px;line-height:1.65;display:grid}.content-band>div:first-child{background:#fff6df;border-color:#d69d3847}.features-area{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.feature-tags{flex-wrap:wrap;gap:8px;display:flex}.feature-tags span{color:#24453d;background:#e7f2ef;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:850}.family-panel{align-content:start;gap:14px;display:grid}.reading-card,.favorites-box,.compare-strip,.learning-card{padding:18px}.reading-card{background:linear-gradient(145deg,#fff6df,#fff),#fff6df;border-color:#d69d3852;gap:10px;display:grid}.reading-card h2{color:#46350f;font-size:25px;line-height:1.15}.reading-card p:last-child{color:#5f542f;line-height:1.62}.compare-strip{color:#425047;gap:12px;font-weight:850;display:grid}.compare-strip small{color:#657267;font-size:12px;font-weight:650;line-height:1.45}.scale-track{background:#e0e4dc;border-radius:999px;height:14px;overflow:hidden}.scale-fill{border-radius:inherit;background:linear-gradient(90deg,#1f7a69,#d69d38,#a85832);height:100%}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-heading strong{color:#fff;background:#1f7a69;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.learning-switch{background:#ffffffad;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:grid;overflow:hidden}.tool-tab,.compare-tab,.alphabet-tile,.compare-dino{cursor:pointer;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.tool-tab{color:#536057;background:0 0;border-radius:6px;min-height:38px;font-size:13px;font-weight:900}.tool-tab-active{color:#fff;background:#1f7a69;box-shadow:0 8px 18px #1f7a6929}.learning-card{gap:14px;display:grid}.learning-card .panel-heading{margin-bottom:0}.learning-card .panel-heading>div{gap:5px;display:grid}.learning-card .panel-heading strong{color:#203128;background:0 0;border-radius:0;width:auto;height:auto;font-size:17px;line-height:1.2;display:block}.learning-card .panel-heading>span{color:#fff;background:#214f7d;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:grid}.alphabet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.alphabet-tile{color:#23342c;text-align:left;background:#fbfcf7;border:1px solid #283e371f;border-radius:8px;grid-template-columns:34px 48px minmax(0,1fr);align-items:center;gap:8px;min-height:66px;padding:7px;display:grid}.alphabet-tile:hover,.alphabet-tile-active,.compare-dino:hover,.compare-dino-active{background:#fff;border-color:#1f7a697a;transform:translateY(-1px);box-shadow:0 12px 24px #303e361a}.alphabet-letter{color:#1f7a69;background:#dfeee9;border-radius:8px;place-items:center;width:34px;height:34px;font-size:20px;font-weight:950;display:grid}.alphabet-tile-active .alphabet-letter{color:#fff;background:#1f7a69}.alphabet-tile .dino-art{width:48px;min-width:0}.alphabet-name{gap:2px;min-width:0;display:grid}.alphabet-name strong{color:#1d2d27;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.alphabet-name small{color:#707a72;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;overflow:hidden}.compare-tabs{gap:8px;padding-bottom:3px;display:flex;overflow-x:auto}.compare-tab{color:#4b5a51;background:#f8faf4;border:1px solid #283e3724;border-radius:999px;flex:none;min-height:34px;padding:0 11px;font-size:12px;font-weight:850}.compare-tab-active{color:#fff;background:#214f7d;border-color:#214f7d}.compare-summary{color:#4c5c54;font-size:13px;line-height:1.55}.compare-dino-list{gap:9px;display:grid}.compare-dino{color:#26342d;text-align:left;background:#fbfcf7;border:1px solid #283e371f;border-radius:8px;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:76px;padding:8px;display:grid}.compare-dino .dino-art{width:62px;min-width:0}.compare-dino span{gap:4px;display:grid}.compare-dino strong{font-size:15px}.compare-dino small{color:#657267;font-size:12px;font-weight:650;line-height:1.45}.mini-list{gap:8px;display:grid}.mini-list button{color:#26322b;text-align:left;background:#f8faf6e6;border:1px solid #283e371f;border-radius:8px;gap:2px;width:100%;padding:11px;font-weight:850;display:grid}.mini-list button:hover{background:#fff;border-color:#1f7a6966}.mini-list button span{color:#707b70;font-size:12px;font-weight:650}.empty-state{color:#707b70;line-height:1.55}.dino-art{aspect-ratio:1;background-color:#e9f6ef;border-radius:8px;min-width:64px;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80,0 10px 20px #2a4a401a}.dino-art img{object-fit:cover;width:100%;height:100%;display:block}.dino-art-large{width:min(100%,430px);min-height:0;box-shadow:inset 0 0 0 1px #ffffff80,0 20px 36px #2a4a4021}@media (width<=1180px){.workspace{grid-template-columns:310px minmax(0,1fr)}.family-panel{border-width:1px 0 0;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;position:static}.learning-card{grid-column:span 2}}@media (width<=920px){.workspace,.detail-hero,.content-band,.features-area,.family-panel,.profile-strip{grid-template-columns:1fr}.learning-card{grid-column:auto}.search-panel{border-width:0 0 1px;height:auto;position:static}.dino-list{scroll-snap-type:x mandatory;grid-auto-columns:minmax(230px,72vw);grid-auto-flow:column;padding:2px 2px 12px;overflow-x:auto}.dino-row{scroll-snap-align:start}.detail-panel,.search-panel,.family-panel{padding:18px}.hero-copy h2{font-size:42px}.facts-grid,.action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art-wrap{order:-1;place-items:center}.dino-art-large{width:min(100%,380px)}}@media (width<=560px){.app-shell{background:#f6f1e6}.guide-card{flex-direction:column;align-items:stretch}.guide-card button{width:100%}.filter-row{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.chip{flex:none}.detail-hero{padding:18px}.hero-copy h2{font-size:36px}.facts-grid,.action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row .save-button{grid-column:1/-1}.dino-art-large{width:min(100%,330px)}.content-band>div,.features-area>div,.reading-card,.favorites-box,.compare-strip,.learning-card{padding:16px}.alphabet-grid{grid-template-columns:1fr}.alphabet-tile{grid-template-columns:38px 58px minmax(0,1fr)}.alphabet-tile .dino-art{width:58px}}