:root{color:#262626;font-family:Neue Haas Grotesk Text Pro,Helvetica Neue,Arial,sans-serif;background:#f3b9a0;font-synthesis:none;text-rendering:geometricPrecision}html,body,#root{width:100%;height:100%;overflow:hidden}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh}button{color:inherit;font:inherit}.app{width:100%;height:100dvh;display:grid;place-items:stretch;background:var(--cadence-background, #f3b9a0);overflow:hidden;transition:background 1.2s ease}.app--success{background:#d8ffb3}.app--recovering{animation:recovery-flash .52s ease-out}.phone-stage{position:relative;width:100%;height:100dvh;overflow:hidden;background:var(--cadence-background, #f3b9a0);transition:background 1.2s ease}.phone-stage--success{background:#d8ffb3}.phone-stage--recovering{animation:reset-shake .26s ease,recovery-flash .52s ease-out}.phone-stage--failed{animation:reset-shake .26s ease}.primary-status{position:absolute;top:67px;left:28px;right:28px;margin:0;color:#262626;font-size:15px;line-height:1.25;text-align:center;opacity:.62}.ring-shell{position:absolute;top:107px;left:50%;width:268px;height:268px;translate:-50% 0;display:grid;place-items:center}.progress-ring{position:absolute;inset:0;overflow:visible;filter:drop-shadow(0 22px 42px rgb(38 38 38 / .1))}.progress-ring__track,.progress-ring__bar{fill:none;stroke-linecap:round}.progress-ring__track{stroke:#2626261f}.progress-ring__bar{stroke:#262626;rotate:-90deg;transform-origin:134px 134px}.ring-shell--idle .progress-ring__bar,.ring-shell--failed .progress-ring__bar{opacity:0}.ring-shell--speaking .progress-ring__bar{filter:drop-shadow(0 0 18px rgb(38 38 38 / .18))}.ring-center{position:relative;z-index:1;font-size:78px;font-weight:800;line-height:1;color:#262626;letter-spacing:0}.ring-center--party{color:#262626;font-size:70px}.ring-center--recovery{font-size:70px}.start-pill{position:relative;z-index:1;border:3px solid #000;border-radius:999px;padding:15px 31px 16px;background:transparent;cursor:pointer;font-size:28px;line-height:1;transition:background .16s ease,scale .16s ease}.start-pill:hover{background:#ffffff1f}.start-pill:active{scale:.97}.bottom-panel{position:absolute;left:0;right:0;bottom:0;height:359px;overflow:hidden;border-radius:39px 39px 0 0;background:#262626;color:var(--cadence-background, #f3b9a0);padding:31px 37px 26px;display:block;transition:height .42s ease-in-out,border-radius .42s ease-in-out,padding .42s ease-in-out,color 1.2s ease}.bottom-panel--words-open{height:100dvh;border-radius:0;padding:0}.bottom-panel__home{height:100%;display:flex;flex-direction:column;justify-content:flex-start;opacity:1;transform:translateY(0);transition:opacity .22s ease-in-out,transform .22s ease-in-out}.bottom-panel--words-open .bottom-panel__home{pointer-events:none;opacity:0;transform:translateY(-14px)}.phone-stage--success .bottom-panel{color:#d8ffb3}.bottom-panel h1{margin:0;max-width:301px;font-size:clamp(70px,23.5vw,88px);font-weight:400;line-height:.95;letter-spacing:0}.status-strip{position:absolute;left:37px;right:37px;top:-68px;min-height:48px;margin-top:0;color:#262626}.status-strip p{margin:0}.status-strip__heard{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25;opacity:.45}.status-strip__cadence{margin-top:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25;opacity:.62}.status-strip__warning{margin-top:6px;font-size:13px;line-height:1.25;opacity:.55}.panel-actions{margin-top:auto;display:flex;align-items:center;gap:18px}.text-link{padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-size:20px;line-height:1;opacity:.72}.text-link:hover{opacity:1}.text-link--secondary{opacity:.45}.stats-row{display:none;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 0;padding:0}.stats-row div{min-width:0}.stats-row dt{margin:0;font-size:10px;line-height:1;text-transform:uppercase;opacity:.45}.stats-row dd{margin:6px 0 0;font-size:18px;line-height:1;opacity:.8}.words-panel-content{position:absolute;inset:0;width:100%;height:100dvh;max-height:none;overflow:auto;border-radius:0;background:#262626;color:#f3b9a0;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));box-shadow:none;opacity:0;animation:words-panel-content-in .34s ease-in-out .17s forwards}.modal__header{display:flex;align-items:start;justify-content:space-between;gap:16px}.words-panel-content h2{margin:0;max-width:190px;font-size:36px;font-weight:400;line-height:.98;letter-spacing:0}.modal__close{border:1px solid currentColor;border-radius:999px;background:transparent;padding:7px 12px;cursor:pointer;font-size:13px;opacity:.74}.word-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.word-chip{border:1px solid rgb(243 185 160 / .3);border-radius:999px;padding:8px 11px;font-size:14px;line-height:1;background:#f3b9a014}.advanced-fillers{margin-top:28px;border-top:1px solid rgb(243 185 160 / .18);padding-top:16px}.advanced-fillers summary{cursor:pointer;font-size:17px;line-height:1.2;opacity:.78}.advanced-fillers__toggle-all{margin-top:14px;border:1px solid rgb(243 185 160 / .32);border-radius:999px;background:#f3b9a014;padding:7px 12px;cursor:pointer;font-size:13px;line-height:1;opacity:.82}.advanced-fillers__toggle-all:hover{opacity:1}.advanced-fillers__list{display:grid;gap:2px;margin-top:10px}.advanced-fillers__row{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgb(243 185 160 / .1);cursor:pointer;font-size:16px;line-height:1.2}.advanced-fillers__row input{width:42px;height:24px;flex:0 0 auto;margin:0;accent-color:#f3b9a0;cursor:pointer}@keyframes recovery-flash{0%{background:#fff}to{background:#f3b9a0}}@keyframes reset-shake{0%,to{transform:translate(0)}35%{transform:translate(-7px)}70%{transform:translate(7px)}}@keyframes words-panel-content-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-height:760px){.primary-status{top:26px}.ring-shell{top:56px}.bottom-panel{height:330px}.bottom-panel h1{font-size:clamp(62px,21vw,76px)}}@media(min-width:760px){.app{padding:24px;place-items:center}.phone-stage{width:min(620px,calc(100vw - 48px));height:min(820px,calc(100dvh - 48px));border-radius:42px;box-shadow:0 28px 80px #26262629,0 2px #ffffff2e inset}.primary-status{left:36px;right:36px}.ring-shell{top:96px}.bottom-panel{height:376px;border-radius:38px;padding:31px 37px 26px;box-shadow:0 -22px 56px #26262624}.bottom-panel--words-open{height:100%;border-radius:38px;padding:0}.bottom-panel h1{font-size:clamp(70px,8vw,88px)}.status-strip{left:37px;right:37px;top:-62px}.stats-row{display:grid;gap:10px;margin-top:18px}.words-panel-content{height:100%;border-radius:38px;padding:38px}.words-panel-content h2{max-width:260px;font-size:42px}}@media(min-width:760px)and (max-height:820px){.ring-shell{top:58px}.bottom-panel{height:348px;padding-bottom:24px}.bottom-panel h1{font-size:clamp(68px,7.5vw,76px)}.status-strip{top:-44px}.stats-row{margin-top:15px}}