@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&display=swap";:root{--sunshine: #ffd166;--bubblegum: #ef476f;--sky: #73c2fb;--grass: #06d6a0;--grape: #6a4c93;--paper: #fffdf5;--ink: #2b2d42;--shadow: rgba(43, 45, 66, .9)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:"Baloo 2",Comic Sans MS,Chalkboard SE,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 20%,rgba(115,194,251,.35) 0 12%,transparent 13%),radial-gradient(circle at 85% 15%,rgba(239,71,111,.3) 0 10%,transparent 11%),radial-gradient(circle at 80% 80%,rgba(6,214,160,.3) 0 14%,transparent 15%),radial-gradient(circle at 10% 85%,rgba(106,76,147,.25) 0 11%,transparent 12%),linear-gradient(160deg,#fff8e1,#ffedd8);min-height:100vh;min-height:100dvh}.app{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:720px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));text-align:center}h1{font-size:clamp(2.2rem,8vw,3.6rem);font-weight:800;margin:.4em 0 0;text-shadow:3px 3px 0 var(--sunshine);letter-spacing:.02em}.status{font-size:clamp(1.1rem,4vw,1.5rem);font-weight:700;background:#fff;border:4px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--shadow);padding:14px 22px;margin:0;max-width:100%;overflow-wrap:break-word}.controls{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.talk{font-family:inherit;font-size:clamp(1.5rem,6vw,2.2rem);font-weight:800;color:var(--ink);background:var(--grass);border:6px solid var(--ink);border-radius:28px;box-shadow:7px 7px 0 var(--shadow);padding:26px 20px;width:100%;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .08s ease,box-shadow .08s ease,background .15s ease}.talk:active{transform:translate(4px,4px);box-shadow:3px 3px 0 var(--shadow)}.talk.recording{background:var(--bubblegum);color:#fff;animation:pulse .5s ease-in-out infinite alternate}.talk.loading{background:var(--sky);pointer-events:none;animation:wobble 1s ease-in-out infinite}.or{margin:0;font-weight:700;font-size:1.05rem;opacity:.7}.ask{display:flex;gap:10px;width:100%;flex-wrap:wrap;justify-content:center}.ask input{font-family:inherit;font-size:clamp(1.05rem,4vw,1.3rem);font-weight:600;flex:1 1 260px;min-width:0;padding:14px 18px;border:4px solid var(--ink);border-radius:16px;background:#fff;color:var(--ink);box-shadow:4px 4px 0 var(--shadow)}.ask input:focus-visible{outline:4px solid var(--sky);outline-offset:2px}button.go,button.print{font-family:inherit;font-size:clamp(1.05rem,4vw,1.3rem);font-weight:800;color:var(--ink);background:var(--sunshine);border:4px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--shadow);padding:14px 22px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}button.go:active,button.print:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--shadow)}button.go:disabled{opacity:.6;cursor:wait}.styles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.style-chip{font-family:inherit;font-size:1rem;font-weight:800;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:999px;padding:8px 16px;box-shadow:3px 3px 0 var(--shadow);cursor:pointer;transition:background .12s ease,transform .08s ease,box-shadow .08s ease}.style-chip:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.style-chip[aria-pressed=true]{background:var(--sunshine)}.orientation{display:flex;gap:0;border:4px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--shadow);overflow:hidden;background:#fff}.orient{font-family:inherit;font-size:1.1rem;font-weight:800;color:var(--ink);background:#fff;border:none;padding:12px 20px;cursor:pointer;transition:background .12s ease}.orient+.orient{border-left:4px solid var(--ink)}.orient[aria-pressed=true]{background:var(--sunshine)}.result{margin:8px 0 0;width:100%}.preview{width:100%;height:auto;background:#fff;border:6px solid var(--ink);border-radius:20px;box-shadow:7px 7px 0 var(--shadow)}.caption{font-size:1.1rem;font-weight:700;margin-top:10px;opacity:.8}.print-bar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;width:100%;background:#fff;border:4px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--shadow);padding:14px 18px}.paper-label{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.1rem}#paper-size{font-family:inherit;font-size:1.05rem;font-weight:700;padding:10px 12px;border:3px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);cursor:pointer}button.print{background:var(--sky)}.download{font-weight:800;font-size:1.1rem;color:var(--ink);text-decoration:none;background:var(--paper);border:3px solid var(--ink);border-radius:12px;padding:10px 16px;box-shadow:3px 3px 0 var(--shadow)}.download:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.favorites-link,.back{font-family:inherit;font-size:1.05rem;font-weight:800;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:12px;padding:10px 16px;box-shadow:3px 3px 0 var(--shadow);cursor:pointer}.favorites-link:active,.back:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}button.favorite{font-family:inherit;font-size:clamp(1.05rem,4vw,1.3rem);font-weight:800;color:var(--ink);background:var(--sunshine);border:4px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--shadow);padding:14px 22px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}button.favorite:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--shadow)}button.favorite:disabled{opacity:.7;cursor:default}.favorites{display:flex;flex-direction:column;gap:18px;width:100%;max-width:900px;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.favorites-header{display:flex;align-items:center;gap:16px}.favorites-header h2{font-size:clamp(1.6rem,6vw,2.4rem);font-weight:800;margin:0;text-shadow:2px 2px 0 var(--sunshine)}.favorites-empty{font-size:1.2rem;font-weight:700;background:#fff;border:4px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--shadow);padding:20px;text-align:center}.favorites-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.favorite-card{position:relative;background:#fff;border:4px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--shadow);overflow:hidden}.favorite-pick{display:flex;flex-direction:column;width:100%;padding:0;border:none;background:none;font-family:inherit;cursor:pointer}.favorite-pick img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;background:#fff}.favorite-caption{font-size:.95rem;font-weight:700;color:var(--ink);padding:8px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.favorite-delete{position:absolute;top:6px;right:6px;font-size:1rem;background:#fff;border:3px solid var(--ink);border-radius:10px;box-shadow:2px 2px 0 var(--shadow);padding:4px 8px;cursor:pointer}.favorite-delete:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.04)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-1.2deg)}75%{transform:rotate(1.2deg)}}@media(max-width:480px){.ask{flex-direction:column}.ask input,button.go{width:100%}}#print-area{display:none}@media print{.app,.favorites{display:none!important}html,body{margin:0;padding:0;height:100%;background:#fff}#print-area{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}#print-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;page-break-inside:avoid}}