.breathing-gate{--bg:#050411;--surface:rgba(255,255,255,0.055);--surface-strong:rgba(255,255,255,0.09);--gold:#f5c86a;--cyan:#96f2ff;--lotus:#d8b4fe;--green:#92ffc8;--white:#fff8e8;--muted:rgba(255,248,232,0.66);--phase:var(--cyan);--phase-soft:rgba(150,242,255,0.18);--breath-scale:0.86;--aura-scale:0.82;--breath-progress:0%;--size:min(64vw,420px);--orb-opacity:0;position:fixed;inset:0;z-index:9999;background:linear-gradient(180deg,rgba(2,2,5,.6),rgba(5,4,17,.8));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--white);font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;display:flex;justify-content:center;transition:opacity .8s ease}.breathing-gate.dismissed{opacity:0;pointer-events:none}.breathing-gate.phase-inhale{--phase:var(--cyan);--phase-soft:rgba(150,242,255,0.18)}.breathing-gate.phase-hold{--phase:var(--lotus);--phase-soft:rgba(216,180,254,0.18)}.breathing-gate.phase-exhale{--phase:var(--green);--phase-soft:rgba(146,255,200,0.16)}.breathing-gate.phase-empty{--phase:rgba(255,248,232,0.88);--phase-soft:rgba(255,248,232,0.12)}.breathing-gate.oracle-mode{--orb-opacity:0.94}.bg-app{width:min(100vw,1100px);min-height:100svh;position:relative;display:grid;grid-template-rows:auto 1fr;gap:14px;padding:24px;background:radial-gradient(circle at 50% 30%,rgba(216,180,254,.13),transparent 28%),radial-gradient(circle at 50% 58%,rgba(245,200,106,.12),transparent 36%)}.breathing-gate.oracle-mode .bg-app{height:100svh;min-height:100svh;overflow:hidden}.bg-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;z-index:8}.bg-h1{margin:0;font-family:Cinzel Decorative,serif;font-size:clamp(1.45rem,4vw,2.55rem);line-height:.92;letter-spacing:-.05em;font-weight:500}.bg-tagline{margin:0;max-width:330px;color:var(--muted);text-align:right;font-size:clamp(.72rem,1.8vw,.92rem);line-height:1.35}.bg-main{display:grid;grid-template-columns:1fr minmax(280px,330px);align-items:center;gap:28px;transition:opacity .8s ease,transform .8s ease,filter .8s ease;z-index:3}.breathing-gate.oracle-mode .bg-main{opacity:0;transform:scale(.96);filter:blur(14px);pointer-events:none}.visual-area{width:100%;min-height:58svh;display:grid;place-items:center;position:relative}.geometry-wrap{width:calc(var(--size) + 70px);aspect-ratio:1;display:grid;place-items:center;position:relative}.phase-ticks,.ring-progress{position:absolute;inset:0;border-radius:50%;pointer-events:none}.phase-ticks{inset:6px;background:conic-gradient(from -90deg,rgba(150,242,255,.92) 0deg 118deg,rgba(255,255,255,.15) 118deg 120deg,rgba(216,180,254,.92) 120deg 238deg,rgba(255,255,255,.15) 238deg 240deg,rgba(146,255,200,.92) 240deg 358deg,rgba(255,255,255,.15) 358deg 1turn);mask:radial-gradient(circle,transparent 75%,black 75.5% 77%,transparent 77.5%);-webkit-mask:radial-gradient(circle,transparent 75%,black 75.5% 77%,transparent 77.5%);opacity:.62}.ring-progress{background:conic-gradient(from -90deg,var(--phase) var(--breath-progress),rgba(255,255,255,.08) 0);mask:radial-gradient(circle,transparent 68%,black 68.5% 72%,transparent 72.5%);-webkit-mask:radial-gradient(circle,transparent 68%,black 68.5% 72%,transparent 72.5%);filter:drop-shadow(0 0 18px var(--phase-soft))}.geometry{width:var(--size);aspect-ratio:1;position:relative;display:grid;place-items:center;transform:scale(var(--breath-scale));filter:drop-shadow(0 0 46px var(--phase-soft)) drop-shadow(0 0 14px rgba(245,200,106,.16));will-change:transform}.geometry,.geometry:before{transition:transform 70ms linear}.geometry:before{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,var(--phase-soft),rgba(245,200,106,.1) 32%,transparent 64%);filter:blur(18px);opacity:.94;transform:scale(var(--aura-scale))}.bg-svg{position:relative;z-index:2;width:100%;height:100%;overflow:visible}.orbit{fill:none;stroke:rgba(255,248,232,.15);stroke-width:.6;stroke-dasharray:2 7;animation:bg-spin 44s linear infinite}.geo-layer,.orbit{transform-origin:250px 250px}.geo-layer{opacity:0;transition:opacity .9s ease,transform .9s cubic-bezier(.33,0,.18,1);transform:scale(.985) rotate(var(--geo-angle,0deg));will-change:transform,opacity}.geo-layer.active{opacity:1;transform:scale(1) rotate(var(--geo-angle,0deg));animation:none}.geo-layer.prepare{opacity:.3;transform:scale(1.018) rotate(var(--geo-angle,0deg))}.breathing-gate.breath-empty .geo-layer.active,.breathing-gate.breath-hold .geo-layer.active{filter:drop-shadow(0 0 10px var(--phase-soft))}.bg-circle,.bg-line,.node-ring{fill:none;vector-effect:non-scaling-stroke}.flower{stroke:rgba(245,200,106,.68);stroke-width:1.12;filter:drop-shadow(0 0 6px rgba(245,200,106,.22))}.flower.alt{stroke:rgba(216,180,254,.43)}.flower.faint{stroke:rgba(150,242,255,.3)}.bg-line{stroke:rgba(255,248,232,.5);stroke-width:1.02;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(255,248,232,.14))}.bg-line.gold{stroke:rgba(245,200,106,.6)}.bg-line.purple{stroke:rgba(216,180,254,.52)}.node-ring{stroke:rgba(150,242,255,.35);stroke-width:1}.node{fill:rgba(245,200,106,.88);filter:drop-shadow(0 0 12px rgba(245,200,106,.68))}.bindu{fill:var(--gold);filter:drop-shadow(0 0 18px rgba(245,200,106,.86))}.bg-panel{display:grid;gap:12px;align-content:center}.timer-card{border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:18px;background:linear-gradient(180deg,var(--phase-soft),rgba(255,255,255,.04));box-shadow:0 22px 52px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px)}.bg-label{color:var(--muted);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.phase-word{font-family:Georgia,Times New Roman,serif;color:var(--phase);font-size:clamp(2rem,5vw,3.4rem);line-height:.95;letter-spacing:-.06em;margin-bottom:8px;text-shadow:0 0 28px var(--phase-soft)}.timer{color:var(--white);font-size:clamp(3.2rem,8vw,5.7rem);line-height:.88;font-weight:900;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.meta{margin-top:10px;color:var(--muted);font-size:.84rem;line-height:1.45}.bg-settings,.bg-stats,.mini-stats,.phase-key{display:grid;gap:8px}.timer-shell{display:block}.mini-stats{display:none}.phase-key{grid-template-columns:repeat(4,1fr);margin-top:14px}.chip{padding:8px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:var(--muted);text-align:center;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.breathing-gate.phase-empty .chip.empty,.breathing-gate.phase-exhale .chip.exhale,.breathing-gate.phase-hold .chip.hold,.breathing-gate.phase-inhale .chip.inhale{background:var(--phase-soft);color:var(--phase);border-color:rgba(255,255,255,.16)}.bg-stats{grid-template-columns:repeat(3,1fr)}.bg-stat,.mini-stat{padding:10px;border-radius:16px;background:rgba(255,255,255,.052);border:1px solid rgba(255,255,255,.08)}.bg-stat span,.mini-stat span{display:block;color:var(--muted);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.bg-stat strong,.mini-stat strong{font-size:.94rem;color:var(--white);font-variant-numeric:tabular-nums}.bg-settings{grid-template-columns:repeat(5,1fr)}.setting{display:grid;gap:6px;color:var(--muted);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase}.bg-select{width:100%;min-height:42px;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#fff8e8;background:rgba(17,11,36,.9);border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:10px 12px;outline:none;font-weight:800;-webkit-text-fill-color:#fff8e8}.bg-select:active,.bg-select:focus{background:rgba(17,11,36,.98);color:#fff8e8;-webkit-text-fill-color:#fff8e8}.bg-select optgroup,.bg-select option{background:#120c24;color:#fff8e8}.bg-select option:checked{background:#1d1736;color:#fff8e8}.bg-progress{height:6px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.06)}.bg-bar{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,rgba(150,242,255,.88),rgba(216,180,254,.92),rgba(146,255,200,.88),rgba(255,248,232,.82));transition:width 70ms linear}.bg-controls{display:flex;gap:10px;flex-wrap:wrap}.bg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,248,232,.16);border-radius:999px;padding:11px 17px;color:#211508;background:linear-gradient(135deg,#ffe6a3,#f5c86a 55%,#d99b3d);font-weight:900;cursor:pointer;box-shadow:0 12px 32px rgba(245,200,106,.22)}.bg-btn.secondary{color:var(--white);background:rgba(255,255,255,.07);box-shadow:none}.oracle-stage{position:absolute;inset:0;display:grid;place-items:center;opacity:var(--orb-opacity);pointer-events:none;transition:opacity .9s ease;z-index:20;background:radial-gradient(circle at 50% 50%,rgba(30,20,72,.34),rgba(5,4,17,.94));overflow:hidden}.breathing-gate.oracle-mode .oracle-stage{pointer-events:auto}#oracleCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.oracle-copy{position:absolute;top:18%;left:50%;transform:translateX(-50%);width:90%;z-index:4;text-align:center;pointer-events:none}.oracle-eyebrow{color:var(--gold);opacity:.74;font-size:.68rem;letter-spacing:.36em;text-transform:uppercase;margin-bottom:8px}.oracle-title{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,7vw,3.7rem);font-style:italic;font-weight:300;letter-spacing:-.05em}.oracle-instruction{bottom:88px;width:min(88vw,440px);color:var(--muted);text-align:center;font-size:.78rem;line-height:1.45;letter-spacing:.12em;text-transform:uppercase;z-index:4;pointer-events:none}.oracle-instruction,.oracle-reset{position:absolute;left:50%;transform:translateX(-50%)}.oracle-reset{bottom:22px;width:min(72vw,220px);z-index:45;transition:opacity .24s ease,transform .24s ease}.breathing-gate.reading-open .oracle-reset{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(12px)}.bg-reading{position:absolute;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .8s ease}.bg-reading.visible{opacity:1;pointer-events:all}.reading-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at center bottom,rgba(20,12,48,.86),rgba(4,4,15,.76));backdrop-filter:blur(12px)}.reading-panel{position:relative;z-index:1;width:min(92vw,480px);margin:0 14px 22px;padding:28px 20px 24px;border:1px solid rgba(200,169,110,.23);border-radius:24px;background:linear-gradient(150deg,#0e0a24,#080618);box-shadow:0 -20px 80px rgba(200,150,80,.08);transform:translateY(20px);transition:transform .6s cubic-bezier(.34,1.2,.64,1)}.bg-reading.visible .reading-panel{transform:translateY(0)}.reading-symbol{text-align:center;font-size:52px;line-height:1;margin-bottom:14px;filter:drop-shadow(0 0 20px rgba(200,169,110,.6))}.reading-label{text-align:center;color:var(--gold);opacity:.65;font-size:.58rem;letter-spacing:.38em;text-transform:uppercase;margin-bottom:8px}.reading-name{text-align:center;font-family:Georgia,Times New Roman,serif;font-size:28px;font-style:italic;font-weight:300;margin-bottom:18px}.bg-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(200,169,110,.25),transparent);margin-bottom:18px}.reading-text{font-family:Georgia,Times New Roman,serif;color:rgba(234,230,248,.76);font-size:16px;line-height:1.8;font-style:italic;text-align:center;margin:0 0 22px}.reading-meta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.reading-meta div{text-align:center}.reading-meta span{display:block;color:rgba(255,248,232,.3);font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:5px}.reading-meta strong{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:14px}.bg-flash{position:absolute;inset:0;background:white;opacity:0;pointer-events:none;z-index:40}.skip-btn{position:absolute;top:24px;right:24px;z-index:99;background:transparent;border:none;color:rgba(245,200,106,.7);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .2s ease;box-shadow:none;padding:8px 12px}.skip-btn:hover{color:rgba(245,200,106,1)}@keyframes bg-spin{to{transform:rotate(1turn)}}@keyframes sacredRotate{to{transform:scale(1) rotate(1turn)}}@media (max-width:900px){.breathing-gate{--size:min(75vw,320px);overflow-y:auto}.bg-app{width:100vw;min-height:100svh;height:auto;padding:10px 10px 12px;gap:6px;overflow-x:hidden;overflow-y:auto}.bg-header{gap:10px;align-items:flex-start;margin-top:32px}.bg-h1{font-size:1.72rem}.bg-tagline{max-width:178px;font-size:.68rem;line-height:1.25}.skip-btn{top:12px;right:12px;background:rgba(0,0,0,.3);border-radius:20px;padding:6px 12px}.bg-main{grid-template-columns:1fr;grid-template-rows:auto auto;gap:8px;align-items:start}.visual-area{min-height:0;height:clamp(260px,40svh,380px)}.geometry-wrap{width:min(90vw,380px)}.geometry{width:min(82vw,340px)}.bg-panel{width:100%;max-width:520px;margin:0 auto;gap:8px}.timer-card{padding:11px;border-radius:24px}.timer-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.timer-main{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label timer" "phase timer" "meta meta";-moz-column-gap:12px;column-gap:12px;align-items:end}.timer-main .bg-label{grid-area:label;font-size:.56rem;margin-bottom:4px}.phase-word{grid-area:phase;font-size:clamp(1.8rem,7vw,2.35rem);margin-bottom:0}.timer{grid-area:timer;font-size:clamp(3rem,15vw,4.6rem);line-height:.82}.meta{grid-area:meta;font-size:.68rem;line-height:1.28;margin-top:8px}.timer-side{display:grid;gap:8px}.phase-key{grid-template-columns:repeat(4,1fr);margin-top:0;gap:6px}.chip{min-height:30px;display:grid;place-items:center;padding:5px;font-size:.52rem}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:0}.mini-stat{padding:8px;border-radius:14px;min-height:54px}.mini-stat span{font-size:.47rem;margin-bottom:3px}.mini-stat strong{font-size:.75rem;line-height:1.15}.bg-stats.desktop-stats{display:none}.bg-settings{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:0 1px}.setting{font-size:.47rem;gap:4px;letter-spacing:.075em}.bg-select{min-height:35px;padding:6px 5px;font-size:.78rem;border-radius:12px}.bg-progress{height:5px}.bg-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bg-controls .bg-btn{width:100%;min-width:0;padding:12px}.oracle-stage{height:100svh;min-height:100svh;max-height:100svh}.oracle-copy{top:10svh}.oracle-title{font-size:clamp(1.95rem,10vw,2.8rem)}.oracle-instruction{bottom:72px;font-size:.72rem;width:min(88vw,330px)}.oracle-reset{bottom:12px;width:min(72vw,210px)}.reading-panel{width:min(92vw,420px);margin:0 12px 14px;padding:22px 16px 18px}.reading-name{font-size:24px}.reading-text{font-size:15px;line-height:1.65}}@media (max-width:480px){.breathing-gate{--size:min(82vw,330px)}.bg-app{padding:8px 8px 10px}.bg-h1{font-size:1.62rem}.bg-tagline{max-width:160px;font-size:.64rem}.visual-area{height:clamp(260px,38svh,380px)}.geometry-wrap{width:min(92vw,380px)}.geometry{width:min(86vw,340px)}.timer-card{padding:10px}.phase-word{font-size:clamp(1.65rem,8vw,2.12rem)}.timer{font-size:clamp(2.9rem,15vw,4.2rem)}.meta{font-size:.64rem}.phase-key{gap:5px}.chip{min-height:28px;font-size:.48rem}.mini-stats{gap:5px}.mini-stat{padding:7px 6px;min-height:50px}.mini-stat span{font-size:.43rem}.mini-stat strong{font-size:.7rem}.bg-settings{gap:4px}.setting{font-size:.42rem}.bg-select{min-height:34px;padding:5px 4px;font-size:.75rem}.bg-controls .bg-btn{padding:11px 10px}.oracle-copy{top:9svh}.oracle-title{font-size:clamp(2rem,10vw,2.65rem)}.oracle-instruction{bottom:68px}.oracle-reset{bottom:10px}}@media (max-width:370px){.visual-area{height:300px}.geometry{width:min(84vw,320px)}.bg-tagline{max-width:145px}.mini-stat strong{font-size:.65rem}.chip{font-size:.43rem}.setting{font-size:.38rem}.bg-select{font-size:.68rem}}