:root{--accBlue:#154172;--brightBlue:#39a9d8;--lightBlue:#7ad1dc;--lavender:#7879b9;--coral:#ff6a53;--lime:#c7d528;--text-black:#212121;--text-gray:#727373;--soft-gray:#dfdcdc;--white:#fff;--card-shadow:0 2px 8px #0000001a;--card-shadow-hover:0 4px 16px #00000026;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--soft-gray);justify-content:center;align-items:flex-start;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}#root{background:var(--soft-gray);width:100%;max-width:480px;min-height:100vh;position:relative;overflow:hidden}@media (width<=480px){body{background:var(--soft-gray)}#root{max-width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.screen{flex-direction:column;width:100%;min-height:100vh;animation:.25s fadeIn;display:flex}.header{background:var(--accBlue);color:var(--white);z-index:10;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.content{-webkit-overflow-scrolling:touch;flex:1;padding:16px 16px 32px;overflow-y:auto}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--card-shadow);margin-bottom:12px;padding:16px}.card-title{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}textarea{border:1.5px solid var(--soft-gray);border-radius:var(--radius-sm);resize:vertical;width:100%;min-height:80px;color:var(--text-black);background:var(--white);outline:none;padding:12px;font-family:inherit;font-size:14px;line-height:1.5}textarea:focus{border-color:var(--accBlue)}input[type=text]{border:1.5px solid var(--soft-gray);border-radius:var(--radius-sm);width:100%;color:var(--text-black);background:var(--white);outline:none;padding:12px;font-family:inherit;font-size:14px}input[type=text]:focus{border-color:var(--accBlue)}