:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d2521;background:#f4f7f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent: #176b4d;--accent-hover: #10583e;--accent-soft: #e4f1eb;--border: #d8dfdb;--muted: #66736c;--panel: #ffffff;--danger: #a33a2b;--danger-soft: #fff0ed;--warning: #7a4b00;--warning-soft: #fff7e6}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid rgba(23,107,77,.25);outline-offset:2px}.app-shell{min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 32px;border-bottom:1px solid var(--border);background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:10px;color:#14201a;font-weight:750;text-decoration:none}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#fff;background:var(--accent);font-size:.72rem;letter-spacing:.04em}.account{display:flex;align-items:center;gap:14px}.account-email{overflow:hidden;max-width:280px;color:var(--muted);font-size:.875rem;text-overflow:ellipsis;white-space:nowrap}main{width:min(100% - 40px,1080px);margin:0 auto;padding:72px 0 96px}h1,p{margin-top:0}h1{max-width:780px;margin-bottom:16px;color:#15201a;font-size:clamp(2rem,4.5vw,3.35rem);line-height:1.04;letter-spacing:-.045em}.eyebrow{margin-bottom:12px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.lede{max-width:700px;margin-bottom:0;color:var(--muted);font-size:1.08rem;line-height:1.65}.intro{margin-bottom:36px}.phrase-form,.auth-card,.generation-screen{border:1px solid var(--border);border-radius:20px;background:var(--panel);box-shadow:0 18px 50px #16281f12}.phrase-form{padding:28px}.field-heading,.field-footer,.results-heading,.results-actions,.message.warning{display:flex;align-items:center;justify-content:space-between;gap:20px}.field-heading{margin-bottom:10px;color:var(--muted);font-size:.875rem}.field-heading label{color:#253029;font-weight:750}.over-limit,.validation-error{color:var(--danger)}textarea{display:block;width:100%;min-height:280px;resize:vertical;padding:18px;border:1px solid #c7d0cb;border-radius:12px;color:#17201b;background:#fbfcfb;font-size:1rem;line-height:1.65;transition:border-color .14s ease,box-shadow .14s ease}textarea:hover{border-color:#9eaaa4}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #176b4d1a;outline:none}textarea::placeholder{color:#9aa59f}.field-footer{align-items:flex-start;margin-top:16px;color:var(--muted);font-size:.875rem;line-height:1.5}.primary-button,.secondary-button,.text-button,.audio-button{border:0;cursor:pointer;font-weight:750}.primary-button,.secondary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 18px;border-radius:10px;text-decoration:none;white-space:nowrap}.primary-button{color:#fff;background:var(--accent)}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.5}.primary-button.wide{width:100%;margin-top:28px}.secondary-button{border:1px solid var(--border);color:#2b3730;background:#fff}.secondary-button:hover:not(:disabled){border-color:#aab5af;background:#f8faf8}.secondary-button.compact{min-height:38px;padding:0 14px}.text-button{padding:6px 0;color:var(--accent);background:transparent}.message{margin:0 0 20px;padding:14px 16px;border-radius:11px;font-size:.92rem;line-height:1.45}.message.error{color:var(--danger);background:var(--danger-soft)}.message.notice{color:#315344;background:var(--accent-soft)}.message.warning{color:var(--warning);background:var(--warning-soft)}.message.warning div{display:grid;gap:3px}.auth-card{width:min(100%,560px);margin:36px auto 0;padding:38px}.auth-card h1{font-size:clamp(2rem,5vw,2.8rem)}.center-screen,.generation-screen{display:grid;justify-items:center;text-align:center}.center-screen{min-height:50vh;align-content:center;gap:16px;color:var(--muted)}.generation-screen{max-width:760px;margin:28px auto 0;padding:50px 42px 42px}.generation-screen h1{font-size:clamp(2rem,4vw,2.8rem)}.generation-screen .lede{max-width:620px}.generation-icon{display:grid;width:64px;height:64px;margin-bottom:26px;place-items:center;border-radius:18px;background:var(--accent-soft)}.spinner{display:inline-block;width:22px;height:22px;border:3px solid #c9ded4;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner.large{width:30px;height:30px}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{width:min(100%,560px);height:8px;margin-top:32px;overflow:hidden;border-radius:99px;background:#e6ebe8}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .28s ease}.progress-note{margin:10px 0 0;color:var(--muted);font-size:.86rem}.generation-screen .message{width:100%;margin-top:24px}.results-heading{align-items:flex-end;margin-bottom:36px}.results-heading h1{font-size:clamp(2rem,4vw,3rem)}.results-actions{flex:0 0 auto}.results-table-wrap{overflow-x:auto;border-radius:16px;background:var(--panel);box-shadow:0 16px 44px #16281f0f}.results-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed}.results-table th,.results-table td{padding:20px 22px;text-align:left;vertical-align:middle}.results-table thead th{padding-top:18px;padding-bottom:14px;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.results-table thead th:first-child,.results-table tbody th{width:52%}.results-table tbody th{color:#253029;font-size:.98rem;font-weight:620;line-height:1.5}.results-table tbody tr+tr>*{border-top:1px solid #edf0ee}.audio-button{display:inline-flex;min-width:96px;min-height:40px;align-items:center;gap:9px;padding:0 14px;border-radius:99px;color:var(--accent);background:var(--accent-soft)}.audio-button:hover,.audio-button.active{color:#fff;background:var(--accent)}.play-icon{width:12px;font-size:.68rem;text-align:center}.failed-audio{color:var(--danger);font-size:.88rem;font-weight:650}@media(max-width:760px){.app-header{min-height:64px;padding:0 20px}.account-email{display:none}main{width:min(100% - 28px,1080px);padding:48px 0 72px}.phrase-form,.auth-card,.generation-screen{border-radius:16px}.phrase-form,.auth-card{padding:22px}.generation-screen{padding:38px 22px 32px}.field-footer,.results-heading,.message.warning{align-items:stretch;flex-direction:column}.field-footer .primary-button,.results-actions,.results-actions>*{width:100%}.results-actions{display:grid;grid-template-columns:1fr 1fr}.results-table-wrap{margin-right:-14px;margin-left:-14px;border-radius:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}