html,body{color:#4a3f2e;background:#b9bd8e;height:100%;margin:0;font-family:Georgia,Iowan Old Style,serif;overflow:hidden}#world{position:fixed;inset:0}.overlay{pointer-events:none;position:fixed;inset:0}.sunlight{mix-blend-mode:soft-light;background:radial-gradient(at 30% 20%,#ffd68cbf,#0000 70%)}.vignette{background:radial-gradient(#0000 55%,#46321959 100%)}.grain{opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0 0.15 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#hint{text-align:center;opacity:.7;margin:0;font-size:1.1rem;font-style:italic;position:fixed;top:45%;left:0;right:0}.voice{left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom,0px));pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed}.record{pointer-events:auto;cursor:pointer;background:#c9765f;border:3px solid #f6eedb;border-radius:50%;place-items:center;width:68px;height:68px;transition:transform .2s,background .2s;display:grid;box-shadow:0 6px 18px #4632194d}.record:hover:not(:disabled){transform:scale(1.05)}.record:disabled{opacity:.55;cursor:wait}.record span{background:#f6eedb;border-radius:50%;width:22px;height:22px;transition:border-radius .2s,width .2s,height .2s}.record.recording{background:#b5523d;animation:1.8s ease-in-out infinite breathe}.record.recording span{border-radius:5px;width:20px;height:20px}@keyframes breathe{50%{box-shadow:0 0 0 12px #c9765f2e,0 6px 18px #4632194d}}.status{text-shadow:0 1px #fff8e699;min-height:1.4em;margin:0;font-style:italic;transition:opacity 1.2s}.status.faded{opacity:0}.flower-label,.word-card{color:#4a3f2e;background:#f6eedb;border-radius:6px;position:fixed;top:0;left:0;box-shadow:0 4px 14px #46321940}.flower-label{pointer-events:none;white-space:nowrap;padding:3px 10px;font-style:italic}.word-card{box-sizing:border-box;border:1px solid #e3d6b8;width:min(260px,100vw - 24px);padding:14px 18px 16px}.word-card h2{margin:0 0 4px;font-size:1.6rem;font-weight:400}.word-card p{margin:2px 0}.word-card .first,.word-card .forms{opacity:.75;font-size:.9rem;font-style:italic}.word-card button{font:inherit;color:#f6eedb;cursor:pointer;background:#8a6a45;border:0;border-radius:999px;margin-top:10px;padding:6px 12px;font-size:.9rem}.word-card button:hover{background:#765a39}[hidden]{display:none!important}