.breath-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.breath-card{position:relative;overflow:hidden;padding:26px;border:1px solid var(--line,#b995de33);border-radius:22px;background:linear-gradient(145deg,#9d86ed19,#5dacba0b);display:flex;flex-direction:column;gap:16px}.breath-card h3,.breath-card p{margin:0}.breath-card p,.breath-note,.ambient-intro{color:var(--muted,#b9afcd);font-size:14px;line-height:1.7}.ambient-intro{margin:12px 0 20px}.breath-card .secondary{margin-top:auto}.breath-card-orb{display:block;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cdb3fa,#7c88c8 65%,#5dacba);box-shadow:18px 4px 0 -3px #a796df44}.breath-card:nth-child(2n) .breath-card-orb{background:linear-gradient(135deg,#ade0c9,#7197b7)}.breath-pattern{color:var(--muted,#b9afcd);font-size:13px;letter-spacing:1px}.breath-note{margin-bottom:26px;max-width:760px}.breath-stage{height:245px;display:grid;place-items:center;position:relative}.breath-orb{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#d7c3fa,#9c91db 55%,#5c8aa0);box-shadow:0 0 0 16px #a996dc19,0 0 65px #b7a0ec35;will-change:transform;transition:transform 90ms linear}.breath-instruction{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;color:#201833}.breath-instruction strong{font-size:22px}.breath-instruction span{font-size:24px}.breath-settings{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:18px 0}.breath-settings label{flex:1;min-width:160px;font-size:14px}.breath-settings select{display:block;width:100%;margin-top:8px;padding:12px;border-radius:10px;color:var(--text);background:var(--panel,#282039);border:1px solid #a996dc55;color-scheme:dark}.breath-settings option{background:#282039;color:#eee6ff}.breath-clock{text-align:center;color:var(--muted,#b9afcd)}.breath-clock strong{margin-left:10px;font-variant-numeric:tabular-nums}.breath-sound input{accent-color:#a991df}.breath-stage~.primary{width:100%}[data-theme=light] .breath-settings select,[data-theme=light] .breath-settings option{background:#fff;color:#241c34;color-scheme:light}@media(max-width:1100px){.breath-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.breath-grid{gap:12px}.breath-card{padding:17px;gap:12px}.breath-card h3{font-size:17px}.breath-card p{font-size:12px}.breath-card .secondary{font-size:12px;padding:10px}.breath-stage{height:210px}.breath-orb{width:175px;height:175px}}@media(prefers-reduced-motion:reduce){.breath-orb{transform:none!important;transition:none;will-change:auto}}
.breath-instruction{position:static;color:var(--text,#f4efff);text-align:center;min-height:70px;margin:4px 0 18px;gap:5px}.breath-instruction strong{line-height:1.4;white-space:normal;font-size:22px}.breath-instruction span{font-size:18px;line-height:1.4;color:var(--muted,#b9afcd);font-variant-numeric:tabular-nums}.breath-stage{height:220px}.breath-music{padding:15px;border:1px solid #a996dc33;border-radius:14px;background:#a996dc08;font-size:14px}.breath-music p{font-size:12px;line-height:1.5;color:var(--muted,#b9afcd);margin:9px 0}.breath-music-controls{display:flex;align-items:center;gap:16px}.breath-music-controls label{flex:1;min-width:0;font-size:12px}.breath-music-controls input{display:block;width:100%;margin-top:8px;accent-color:#bba4ed}.breath-music-controls button{font-size:12px;padding:10px}.breath-music input[type=checkbox]{accent-color:#bba4ed}#breathToggle{width:100%}@media(max-width:550px){.breath-stage{height:170px}.breath-orb{width:145px;height:145px}.breath-instruction{min-height:65px;margin-bottom:12px}.breath-instruction strong{font-size:20px}.breath-settings{gap:12px;margin:12px 0}.breath-settings label{min-width:130px}}
.breath-card:has(.pill:first-of-type){border-color:#b995de33}.breath-custom{border-color:#e3bd8270;background:linear-gradient(145deg,#b59aeb20,#d4a86710)}.breath-custom .pill{color:#edcf9f}.custom-breath-form{display:grid;gap:20px;margin-top:22px}.custom-breath-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.custom-breath-fields label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:12px;border:1px solid #a996dc44;border-radius:12px;color:var(--text);font-size:13px}.custom-breath-fields input,.custom-breath-fields select{grid-column:1/-1;width:100%;padding:10px;background:var(--surface);border:1px solid #a996dc55;border-radius:8px;color:var(--text)}.custom-breath-fields label span{font-size:11px;color:var(--muted)}.custom-breath-form>.primary{width:100%}@media(max-width:550px){.custom-breath-fields{grid-template-columns:1fr 1fr}.custom-breath-fields label{font-size:12px;padding:9px}}
.custom-breath-fields .custom-breath-error{grid-column:1/-1;color:#f0aaa9;font-size:11px;line-height:1.4;min-height:0}.custom-breath-fields .custom-breath-error:empty{display:none}.custom-breath-fields input[aria-invalid=true]{border-color:#e69b9b;box-shadow:0 0 0 2px #e69b9b24}