:root{--bg:#0f172a;--c1:#38bdf8;--c2:#4ade80;--c3:#fb7185;--txt:#f1f5f9}.app-container{background:var(--bg);color:var(--txt);max-width:380px;height:560px;margin:20px auto;border-radius:32px;justify-content:center;overflow:hidden;font-family:Outfit,sans-serif}.app-container,.view{display:flex;align-items:center}.view{width:85%;flex-direction:column;text-align:center}.hidden{display:none}.title{font-weight:400;font-size:1.7rem;margin-bottom:10px}.lead-mini{font-size:.9rem;color:#94a3b8;margin-bottom:25px;line-height:1.6}.setting{width:100%;margin-bottom:20px}.setting label{font-size:.7rem;text-transform:uppercase;color:#94a3b8;letter-spacing:2px;margin-bottom:8px;display:block}select{width:100%;background:#1e293b;border:1px solid #475569;color:#fff;padding:14px;border-radius:14px}.chips{display:flex;gap:8px}.chip{flex:1;padding:10px;background:#1e293b;border:1px solid #475569;color:#cbd5e1;border-radius:14px;cursor:pointer}.chip.active{background:var(--c1)}.chip.active,.main-btn{color:var(--bg);font-weight:600}.main-btn{background:var(--txt);padding:16px 40px;border-radius:18px;margin-top:10px}.main-btn,.text-btn{border:none;cursor:pointer}.text-btn{background:none;color:#94a3b8;text-decoration:underline;margin-top:20px}.stage{width:240px;height:240px}.circle,.stage{display:flex;align-items:center;justify-content:center}.circle{width:80px;height:80px;border-radius:50%;background:var(--c1);transition:transform 1s ease-in-out,opacity 1s ease-in-out,color 1s ease-in-out,background-color 1s ease-in-out,border-color 1s ease-in-out,box-shadow 1s ease-in-out}.circle span{font-size:1rem;font-weight:500;color:var(--bg)}.timer{font-size:1.3rem;margin-bottom:30px;color:#94a3b8}.star{font-size:1.8rem;color:var(--c2);margin-bottom:10px}.skip-link{color:#b3127f}.skip-link:focus{color:#b3127f;background:#fff}.app-container{position:relative;isolation:isolate;border:1px solid rgb(246 198 215 / 34%);box-shadow:0 24px 65px #1e051640}.app-container:before{content:"";position:absolute;inset:8%;z-index:-1;border:1px solid rgb(246 198 215 / 32%);border-radius:50%;opacity:0;pointer-events:none}.app-container.is-session:before{opacity:.75;animation:breath-ring 8s ease-in-out infinite}.app-container.is-session .circle{box-shadow:0 0 0 1px #f6c6d747,0 0 56px #f6c6d742}.main-btn,.chip.active{background:#f5a8c4;color:#2b1020}.main-btn,.text-btn,.button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.main-btn svg,.text-btn svg,.button-ghost svg{width:1rem;height:1rem}@keyframes breath-ring{0%,to{transform:scale(.82);opacity:.18}50%{transform:scale(1.12);opacity:.7}}@media(prefers-reduced-motion:reduce){.app-container.is-session:before{animation:none;opacity:.45}}