.breathing-app{font-family:inherit}.breath-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr);gap:20px}.breath-badge{padding:8px 14px;border-radius:20px;background:color-mix(in srgb,var(--fin-accent) 12%,var(--fin-bg));color:var(--fin-ink);font-size:13px}.breath-practice{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.breath-orbit{width:min(310px,100%);aspect-ratio:1;position:relative;display:grid;place-items:center;margin:16px 0 22px;border:1px solid color-mix(in srgb,var(--fin-accent) 22%,transparent);border-radius:50%;background:radial-gradient(circle,#24c5c30a 60%,#24c5c310)}.breath-sphere{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle at 33% 25%,#c4fff4 0%,#64e3da 24%,#18b9bd 60%,#0c778f 100%);box-shadow:inset -8px -15px 28px #03556540,inset 6px 7px 18px #edfff88a,0 12px 50px #00b8bd30;will-change:transform;transform:scale(.72)}.breath-center{z-index:1;text-align:center;pointer-events:none;color:#06363f;padding:30px;max-width:100%;text-shadow:0 1px 10px #affff1}.breath-center span{display:block;max-width:185px;font-size:16px;font-weight:700;line-height:1.25}.breath-center strong{display:block;font-size:64px;line-height:1.25;font-variant-numeric:tabular-nums;font-weight:650}.breath-remaining{color:var(--fin-muted);font-size:14px;margin:0}.breath-remaining strong{color:var(--fin-ink);font-size:24px;font-variant-numeric:tabular-nums;margin-left:8px}.breath-practice .fin-actions{width:100%;flex-wrap:wrap}.breath-practice .breath-stop{border-color:var(--danger,#d85046)}.breath-safety{font-size:13px;line-height:1.65;color:var(--fin-muted);margin:12px 0 0}.breath-options fieldset{border:0;padding:0;margin:0;min-width:0}.breath-options legend{font-size:19px;font-weight:700;padding:0;margin:0 0 15px}.breath-options h3{margin:22px 0 10px;font-size:16px}.breath-custom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.breath-custom label{font-size:12px}.breath-presets{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.breathing-app .breath-presets [aria-pressed=true]{background:var(--fin-accent);border-color:transparent;color:#052831;font-weight:700}.breath-warning{padding:12px 14px;background:color-mix(in srgb,#f4b74c 14%,var(--fin-bg));border-left:3px solid #e3a331;border-radius:8px;font-size:13px;line-height:1.6}.breath-sounds{margin-top:22px;border-top:1px solid var(--fin-line);padding-top:15px}.breath-sounds summary{cursor:pointer;font-weight:700;padding:6px 0}.breath-sounds>div{display:grid;gap:14px;margin-top:14px}.breathing-app .breath-check{display:flex;align-items:center;gap:10px;font-weight:400}.breathing-app .breath-check input{width:20px;min-height:20px;height:20px;accent-color:#008b99;margin:0;flex-shrink:0}.breathing-app input[type=range]{padding:0;accent-color:#008b99;cursor:pointer}.breath-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.breath-stats>div{padding:16px;background:color-mix(in srgb,var(--fin-accent) 7%,var(--fin-bg));border-radius:14px;display:flex;flex-direction:column;gap:5px}.breath-stats strong{font-size:25px;font-variant-numeric:tabular-nums}.breath-stats span{font-size:12px;color:var(--fin-muted)}.breath-history{list-style:none;padding:0;margin:12px 0}.breath-history li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid var(--fin-line);font-size:14px}.breath-history small{display:block;margin-top:4px;color:var(--fin-muted);font-size:12px}.breath-history li>div:last-child{text-align:right;flex-shrink:0}.breath-save{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:13px;color:var(--fin-muted)}.breath-save p{margin:0}.breath-rating{border-color:var(--fin-accent)}.breath-widget{display:flex;align-items:center;justify-content:space-between;gap:16px}.breath-widget h2{margin:4px 0}.breath-widget p{color:var(--muted);font-size:14px}.breath-widget .breath-widget-icon{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#baffee,#28c5c5 55%,#127990);flex-shrink:0}.breath-widget>div:nth-child(2){flex:1}.breathing-app button:focus-visible,.breathing-app input:focus-visible,.breathing-app select:focus-visible,.breathing-app summary:focus-visible{outline:3px solid var(--fin-accent);outline-offset:3px}
@media(max-width:850px){.breath-layout{grid-template-columns:1fr}.breath-practice{padding:18px}.breath-orbit{width:250px;margin:0 0 12px}.breath-practice .fin-actions{margin-top:12px}.breath-stats{gap:8px}.breath-stats>div{padding:12px}.breath-stats strong{font-size:21px}.breathing-app .fin-panel-title{flex-wrap:wrap}.breath-widget{flex-wrap:wrap}.breath-widget>button{width:100%}}
@media(prefers-reduced-motion:reduce){.breath-sphere{transform:scale(.85)!important;will-change:auto}}