@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{color:#18251f;background:#e8eee8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0}.page-shell{background:radial-gradient(circle at 85% 15%,#f7d8b8 0 11%,#0000 11.2%),linear-gradient(135deg,#dce9df,#f5f0e8 70%);min-height:100dvh;padding:7vw 6vw;display:flex;overflow-x:hidden}.translator{width:100%;max-width:760px;margin:0 auto}.eyebrow{color:#a8543b;letter-spacing:.14em;font-size:.75rem;font-weight:700}h1{letter-spacing:0;margin:1.5rem 0 3rem;font-size:clamp(2.8rem,7vw,6.2rem);line-height:.95}h1 em{color:#a8543b;font-family:Playfair Display,serif;font-weight:600}label{text-transform:uppercase;letter-spacing:.1em;margin:1.25rem 0 .5rem;font-size:.8rem;font-weight:700;display:block}.image-input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}textarea,.translation,input[type=text],input[type=password]{width:100%;min-height:180px;color:inherit;font:inherit;resize:vertical;background:#ffffff9e;border:1px solid #b9c7bb;border-radius:4px;padding:1.25rem;font-size:1.1rem;line-height:1.5;display:block}input[type=text],input[type=password]{min-height:unset}textarea:focus,input[type=text]:focus,input[type=password]:focus{outline-offset:2px;outline:2px solid #a8543b}button{color:#fff;font:inherit;cursor:pointer;background:#18251f;border:0;border-radius:3px;margin:1.25rem 0 1rem;padding:.85rem 1.5rem;font-weight:700}button:disabled{cursor:wait;opacity:.6}.action-row{align-items:center;gap:.75rem;display:flex}.image-button{color:#a8543b;cursor:pointer;border:1px solid #a8543b;border-radius:3px;justify-content:center;align-items:center;min-height:3rem;margin:1.25rem 0 1rem;padding:.85rem 1.25rem;display:inline-flex}.image-button:hover,.image-button:focus-within{background:#a8543b1a}.record-button{color:#a8543b;background:0 0;border:1px solid #a8543b;margin:1.25rem 0 1rem}.record-button.recording{color:#fff;background:#a5362d;border-color:#a5362d;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.translation{white-space:pre-wrap;min-height:150px}.translation span{color:#718077}.error{color:#a5362d;font-weight:500}.login-card{max-width:420px}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-header-user{align-items:center;gap:.75rem;display:flex}.app-header-user .username{font-size:.85rem;font-weight:700}.logout-button{color:#a8543b;background:0 0;border:1px solid #a8543b;margin:0;padding:.5rem 1rem;font-size:.8rem}@media (width<=600px){.page-shell{width:100%;min-height:100svh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.translator{flex-direction:column;width:100%;max-width:none;display:flex}.eyebrow{margin:0 0 1rem;font-size:.68rem}label{margin-top:.9rem}textarea,.translation{min-height:22vh;padding:1rem;font-size:1.2rem}.action-row{align-items:stretch}.action-row button,.image-button{flex:1;min-height:3.25rem;margin:1rem 0 .35rem}.translation{min-height:18vh}}