:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f2ef;color:#2b2622}#app{width:100%;max-width:480px;padding:2rem;text-align:center}.card{background:#fff;border-radius:16px;padding:2.5rem 2rem;box-shadow:0 8px 30px #00000014}h1{margin-top:0;font-size:1.5rem}.person-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}button{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.9rem 1.6rem;font-weight:600;transition:transform .1s ease,opacity .2s ease}button:active{transform:scale(.97)}button:disabled{cursor:default;opacity:.6}.person-buttons button{flex:1;color:#fff}.phrase-text{font-size:1.4rem;line-height:1.5;margin:1.5rem 0}.back-button{background:#e5e0da;color:#2b2622}.actions{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.actions button{flex:1}.add-phrase{display:flex;gap:.5rem;margin:1.5rem 0 .5rem}.add-phrase input{flex:1;min-width:0;font:inherit;padding:.7rem .9rem;border:1px solid #d8d2ca;border-radius:8px}.add-phrase button{background:#2b2622;color:#fff;white-space:nowrap}.error{color:#b3261e;margin-top:1rem}