@import"https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap";:root{font-family:Gochi Hand,cursive;color:#342a21;background:#ece1d1;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{background:#ece1d1}button{font:inherit}.app-shell{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#ece1d1;padding:32px 20px}.page-content{width:min(100%,900px)}.home-view,.quote-view,.share-view{width:100%;text-align:center}.home-view h1{margin:0 0 48px;font-size:clamp(2.4rem,6vw,4rem);line-height:1;font-weight:400}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:820px;margin:0 auto}.category-card,.action-button{color:#342a21;background:#ece1d1;border:2px solid #342A21;box-shadow:4px 4px #342a21;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.category-card:hover,.action-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #342a21}.category-card:active,.action-button:active{transform:translate(2px,2px);box-shadow:2px 2px #342a21}.category-card:focus-visible,.action-button:focus-visible{outline:3px dashed #342A21;outline-offset:4px}.category-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-radius:12px}.category-image-wrap{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden}.category-image{width:100%;height:100%;object-fit:contain}.button-text{font-size:1.35rem;font-weight:700}.quote-view,.share-view{max-width:620px;margin:0 auto}.quote-box,.share-card,.share-quote-box{background:#ece1d1;border:2px solid #342A21;box-shadow:4px 4px #342a21;border-radius:12px}.quote-box{padding:36px;margin-bottom:24px}.quote-box p{margin:0;color:#342a21;font-size:clamp(1.7rem,4vw,2.2rem);line-height:1.18}.action-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 22px;border-radius:10px;font-size:1.15rem;font-weight:700}.back-button{margin-top:16px}.share-card{padding:32px;margin:0 auto 24px}.share-card h2,.share-card h3{margin-top:0;color:#342a21}.share-card h2{margin-bottom:18px;font-size:1.55rem}.share-card h3{margin-bottom:18px;font-size:1.45rem}.share-image-wrap{width:220px;height:220px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}.share-image{width:100%;height:100%;object-fit:contain}.share-quote-box{padding:24px}.share-quote-box p{margin:0;color:#342a21;font-size:clamp(1.55rem,3.5vw,2rem);line-height:1.2}.error-message{margin:14px 0 0;font-size:1.1rem}@media(max-width:700px){.app-shell{padding:24px 14px}.home-view h1{margin-bottom:32px}.category-grid{grid-template-columns:1fr;max-width:360px;gap:18px}.category-card{display:grid;grid-template-columns:100px 1fr;align-items:center;text-align:left;padding:12px 16px}.category-image-wrap{width:100px;height:100px}.quote-box,.share-card{padding:24px}.action-button,.action-row{width:100%}}@media print{body{background:#ece1d1}}