:root{font-family:Arial,Helvetica,sans-serif;color:#183d37;background:#faf7ef;font-size:20px;font-synthesis:none;--green:#173e38;--line:#b8c4ba}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:2px solid var(--green);border-radius:16px;background:#fffdf8;min-height:72px;padding:16px 24px;font-weight:700}button:hover{box-shadow:0 5px 0 #173e3822;background:#f2e8cc}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default;box-shadow:none}button:focus-visible,a:focus-visible{outline:5px solid #b74a16;outline-offset:5px}h1:focus{outline:none}[hidden]{display:none!important}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 44px;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:1.8rem;font-weight:bold;color:var(--green);text-decoration:none;display:flex;align-items:center;gap:12px}.brand-icon{font-family:Arial;font-size:2.2rem}.header-note{font-size:1rem}main{max-width:1440px;margin:auto;padding:30px 44px 22px}.intro{margin-bottom:28px}.eyebrow,.small-label{font-size:.8rem;font-weight:700;letter-spacing:.1em;margin:0 0 12px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:clamp(1.7rem,3.1vw,2.6rem);line-height:1.18;margin:0 0 16px}.intro>p:last-child{margin:0;font-size:1.15rem}.topics{display:grid;grid-template-columns:1fr 1.6fr;gap:24px}.feature{overflow:hidden;padding:0;text-align:left;display:flex;flex-direction:column;background:#eee6d4;border-color:#c2aa75}.feature img{width:100%;height:245px;object-fit:contain;background:#f5efe4}.feature>span{padding:24px;display:flex;flex-direction:column;gap:10px}.feature strong{font-family:Georgia,serif;font-size:2rem}.feature .small-label{margin:0;font-size:.7rem}.feature>span>span:last-child{font-size:1.05rem;font-weight:400}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.topic{display:flex;gap:16px;align-items:center;text-align:left;font-size:1.2rem;padding:22px;min-height:120px;border-color:var(--line)}.topic .symbol{font-size:2rem;width:44px;text-align:center;flex-shrink:0;font-family:Georgia,serif}.topic.surprise{background:var(--green);color:white;border-color:var(--green)}.topic.surprise:hover,.primary:hover,.speak:hover{background:#285d51}.gentle{text-align:center;font-size:1rem;margin:26px 0 0}.viewer-top{display:flex;align-items:center;gap:22px;margin-bottom:22px}.home-button{font-size:1.1rem}.viewer-top p{margin:0;font-weight:700;font-size:1.1rem}.viewer-top #position{margin-left:auto;font-size:1rem;font-weight:400}.memory-card{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fffdf8;min-height:450px}.picture{display:flex;background:#f4eee3;align-items:center;justify-content:center}.picture img{width:100%;height:100%;max-height:520px;object-fit:contain}.conversation{padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.conversation h1{font-size:clamp(1.7rem,2.6vw,2.35rem)}#reveal-area{width:100%;margin:2px 0 20px}#reveal{font-size:1.1rem;width:100%}#answer{font-size:1.45rem;font-weight:bold;margin:18px 0 0}.speak{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--green);color:white;width:100%;font-size:1.25rem}.speak svg{width:36px;height:36px;flex-shrink:0}#speech-status{font-size:.9rem;line-height:1.4;margin:12px 0 0}#speech-status:empty{display:none}.card-nav{display:flex;gap:20px;align-items:center;margin-top:24px}.card-nav button{min-width:210px;font-size:1.2rem}.nav-hint{margin:auto;font-size:1rem}.primary{background:var(--green);color:#fff}footer{max-width:1352px;margin:8px auto 0;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;font-size:.85rem;color:#486158}@media(min-width:1500px){:root{font-size:24px}.feature img{height:300px}.topic{min-height:150px}}@media(max-width:850px){header{padding:20px 24px}.header-note{display:none}main{padding:24px}.topics{grid-template-columns:1fr 1.4fr;gap:16px}.category-grid{gap:12px}.topic{padding:16px;gap:8px;font-size:1.05rem}.feature img{height:220px}.feature>span{padding:20px}.memory-card{grid-template-columns:1fr 1fr}.conversation{padding:24px}.card-nav button{min-width:170px}footer{margin:10px 24px}}@media(max-width:620px){:root{font-size:20px}header{padding:18px}.brand{font-size:1.5rem}main{padding:24px 18px}.topics{grid-template-columns:1fr}.feature{flex-direction:row;align-items:center}.feature img{width:42%;height:180px}.feature>span{padding:16px;gap:8px}.feature strong{font-size:1.5rem}.feature .small-label{font-size:.65rem}.category-grid{grid-template-columns:1fr}.topic{min-height:80px;font-size:1.2rem}.viewer-top{flex-wrap:wrap;gap:14px}.viewer-top p{font-size:1rem}.home-button{min-height:64px;padding:12px 16px}.memory-card{grid-template-columns:1fr}.picture img{height:270px}.conversation{padding:24px}.card-nav{gap:12px}.card-nav button{min-width:0;flex:1;padding:16px 10px;font-size:1.05rem}.nav-hint{display:none}footer{margin:10px 18px;font-size:.8rem;gap:12px}footer span{max-width:45%;text-align:right}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}