:root{color:#f8fbff;background:var(--page-phase,#05070d);font-synthesis:none;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--page-phase,#05070d);min-width:320px;min-height:100%}html{background:var(--page-phase,#05070d)}body{background:var(--page-phase,#05070d);overscroll-behavior:none;min-height:100dvh;margin:0;overflow-x:hidden}button,select{font:inherit}button{color:inherit}.app{color:#fff;background-color:var(--phase);min-height:100vh;padding:20px 26px 14px;position:relative;overflow:hidden}.app.softMode,.app.hardMode{transition:none}.app.fullscreenActive{width:100vw;height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background-color:var(--phase)}.aurora{display:none}header{z-index:4;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto 16px;display:flex;position:relative}.brand{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04080fd1;border:1px solid #ffffff57;border-radius:14px;align-items:center;gap:12px;padding:7px 11px 7px 8px;display:flex;box-shadow:0 5px 18px #00000057}.brand img{object-fit:contain;width:46px;height:46px;box-shadow:none;filter:drop-shadow(0 2px 5px #000000b8);background:0 0;border:0;border-radius:0}.brandIconButton{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;padding:0;display:grid}.brandIconButton:hover img{filter:drop-shadow(0 0 8px #e6edf59e)}.brandIconButton:focus-visible{outline-offset:2px;outline:2px solid #fff}.brand div{flex-direction:column;display:flex}.brand strong{letter-spacing:-.02em;color:#fff;text-shadow:0 1px 2px #000;text-rendering:optimizelegibility;font:700 20px Segoe UI}.brand span{color:#fff;opacity:.9;text-shadow:0 1px 2px #000;font-size:12px;font-weight:600}.headerActions{gap:8px;display:flex}.iconButton{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04080fc7;border:1px solid #fff6;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:42px;height:42px;display:inline-flex;box-shadow:0 4px 16px #0000004d}.iconButton:hover{background:#04080feb}.historyToggle{width:auto;padding:0 13px}.historyToggle span{white-space:nowrap;font-size:12px}.experience{z-index:2;grid-template-columns:minmax(270px,340px) minmax(500px,1fr) minmax(285px,365px);align-items:stretch;gap:18px;max-width:1600px;min-height:calc(100vh - 108px);margin:auto;display:grid;position:relative}.experience.historyHidden{grid-template-columns:minmax(270px,340px) minmax(560px,1fr)}.panel{z-index:3;color:#f7f9fc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:thin;scrollbar-color:#536074 transparent;background:linear-gradient(#0c111be8,#050910e6);border:1px solid #fff3;border-radius:22px;min-height:0;padding:20px;position:relative;overflow-y:auto;box-shadow:0 25px 70px #00000073}.fullscreenActive .panel{background:#050910db}.eyebrow{color:var(--phase-base);text-transform:uppercase;letter-spacing:.14em;text-shadow:0 1px 4px #000c;margin:0 0 5px;font-size:10px;font-weight:700}h2{color:#fff;margin:0 0 15px;font:700 23px Segoe UI}h3{color:#d7dde7;margin:0 0 10px;font-size:13px}h4{color:#aeb7c6;text-transform:uppercase;letter-spacing:.08em;margin:16px 0 8px;font-size:11px}.settingsSummary,.historyTopLines,.totalsSection{gap:0;display:grid}.summaryLine{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:baseline;gap:12px;min-height:28px;padding:5px 0;display:flex}.summaryLine span{color:#aeb7c6;font-size:12px}.summaryLine strong{color:#fff;text-align:right;font-size:12px}.sessionTimers{gap:9px;margin:16px 0 18px;display:grid}.sessionTimers>div{border:1px solid color-mix(in srgb, var(--phase-base) 38%, #273041);background:#050910b8;border-radius:13px;padding:12px 14px}.sessionTimers span{color:#b3bdcc;margin-bottom:3px;font-size:11px;display:block}.sessionTimers strong{color:#fff;font:700 21px Segoe UI;display:block}.control{margin:12px 0;display:block}.control>span{color:#b1bac9;margin-bottom:6px;font-size:11px;display:block}select{color:#fff;background:#090d15;border:1px solid #3a4558;border-radius:10px;outline:none;width:100%;padding:10px 11px}select:focus{border-color:var(--phase-base)}.stage{z-index:1;isolation:isolate;color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:650px;display:flex;position:relative;overflow:hidden}.breathCue{z-index:5;color:#fff;letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px #000;text-rendering:optimizelegibility;background:#04080fc7;border:1px solid #ffffff6b;border-radius:18px;justify-content:center;align-items:flex-end;min-height:72px;padding:7px 20px 10px;font:700 clamp(42px,5.8vw,82px)/.9 Segoe UI;display:flex;position:relative;box-shadow:0 7px 24px #00000052}.orbWrap{aspect-ratio:1;place-items:center;width:min(690px,68vh);max-width:100%;display:grid;position:relative}.orb{z-index:3;will-change:transform;transform-origin:50%;width:47%;position:relative}.orb svg{filter:drop-shadow(0 0 22px #0000009e);width:100%;overflow:visible}.cycleNeedle{stroke:#e8fbff;stroke-width:3.5px;stroke-linecap:round;filter:drop-shadow(0 0 5px #07111d)}.needleCenter{fill:#e8fbff;filter:drop-shadow(0 0 5px #07111d)}.breathWaves{z-index:0;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.waveCanvas{contain:strict;width:100%;height:100%;display:block}.wavesPaused .waveCanvas{will-change:auto}.sideReadout{z-index:4;color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);text-shadow:0 1px 2px #000;text-rendering:optimizelegibility;background:#04080fc2;border:1px solid #ffffff57;border-radius:14px;width:220px;padding:10px 12px;position:absolute;top:48%;transform:translateY(-50%);box-shadow:0 6px 21px #00000047}.sideReadout>span{opacity:.95;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;font-size:12px;display:block}.sideReadout>strong{color:#fff;font:700 22px Segoe UI;display:block}.toneReadout{text-align:right;right:73%}.phaseReadout{text-align:left;left:73%}.toneValueRow{justify-content:flex-end;align-items:center;gap:12px;display:flex}.toneValueRow>strong{color:#fff;font:700 22px Segoe UI}.toneColorIdentity{color:#eef3f7;text-shadow:0 1px 2px #000;justify-content:flex-end;align-items:center;gap:6px;margin-top:0;font-size:11px;font-weight:750;display:flex}.toneColorIdentity i{border:1px solid #000000ad;border-radius:50%;flex:none;width:11px;height:11px;display:block;box-shadow:0 0 0 1px #ffffff80}.tonePhaseDots{display:none}.segmentChip,.breathCountdown{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:none;background:#00000094;border:1px solid #ffffff6b;border-radius:15px;margin-top:16px;padding:12px 14px}.segmentChip span,.breathCountdown span{opacity:.92;font-size:11px;display:block}.segmentChip strong{margin-top:2px;font:700 27px Segoe UI;display:block}.breathCountdown{justify-content:space-between;align-items:center;width:160px;min-height:70px;display:flex}.breathCountdown span{font-size:15px;font-weight:700}.breathCountdown strong{font:700 36px Segoe UI}.phaseDots{z-index:5;gap:9px;margin-top:-14px;display:flex;position:relative}.phaseDots span{opacity:.5;border:1px solid #000000b3;border-radius:50%;width:9px;height:9px;transition:all .2s}.phaseDots span.active{opacity:1;transform:scale(1.65);box-shadow:0 0 0 1px #fff,0 0 14px #000c}.transport{z-index:5;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex;position:relative}.transport button,.miniReset{cursor:pointer;color:#fff;background:#04080fdb;border:1px solid #ffffff61;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;display:inline-flex;box-shadow:0 3px 12px #00000047}.transport .primary{background:var(--phase-base);color:#05070d;border-color:#0000006b;font-weight:700;box-shadow:0 0 0 1px #ffffff73,0 0 26px #00000059}.transport .waveToggleActive,.transport .tvAudioActive{box-shadow:0 0 0 1px color-mix(in srgb, var(--phase-base) 72%, white), 0 0 20px #00000057;background:#04080ff5;border-color:#ffffffb8}button:disabled{opacity:.35;cursor:not-allowed}.app.desktopDevice:not(.fullscreenActive):not(.hudHidden) .stage{justify-content:flex-start;align-self:start;height:max(500px,100dvh - 108px);min-height:max(500px,100dvh - 108px)}.app.desktopDevice:not(.fullscreenActive):not(.hudHidden) .orbWrap{flex:none;width:min(690px,62dvh,max(280px,100dvh - 310px),100%);margin-top:-14px}.app.desktopDevice:not(.fullscreenActive):not(.hudHidden) .stagePhaseDots{flex:none;margin-top:-8px;transform:translateY(-6px)}.app.desktopDevice:not(.fullscreenActive):not(.hudHidden) .transport{flex:none;margin-top:8px}.historyHeader{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.historyHeader h2{margin-bottom:10px}.miniReset{white-space:nowrap;color:#d2d8e2;border-radius:10px;padding:7px 9px;font-size:10px}.historyTopLines{margin-bottom:16px}.historySection{border-top:1px solid #ffffff1f;margin-top:15px;padding-top:15px}.lastSessionText{color:#c4ccd8;margin:0;font-size:12px;line-height:1.55}.segmentList{gap:8px;display:grid}.historySegment{background:#04080fb3;border:1px solid #ffffff24;border-radius:11px;padding:10px}.historySegment strong{color:#fff;margin-bottom:3px;font:700 14px Segoe UI;display:block}.historySegment span{color:#b2bccb;font-size:10.5px;line-height:1.45;display:block}.emptyText{color:#9aa5b6;font-size:12px}footer.keyGuide{z-index:4;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;text-shadow:0 1px 2px #000;text-rendering:optimizelegibility;background:#04080fe0;border:1px solid #ffffff61;border-radius:13px;flex-wrap:wrap;justify-content:center;gap:7px 16px;width:fit-content;max-width:min(1500px,100vw - 30px);margin:10px auto 0;padding:9px 13px;font-size:12px;font-weight:650;line-height:1.45;display:flex;position:relative;box-shadow:0 6px 22px #00000059}footer.keyGuide span{white-space:nowrap}footer.keyGuide kbd{color:#07101c;min-width:22px;text-shadow:none;background:#fff;border:1px solid #00000073;border-radius:5px;padding:1px 5px;font:800 11px/1.45 Segoe UI,sans-serif;display:inline-block;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #00000073}.hudHidden{background-color:var(--phase);padding:0}.hudHidden header,.hudHidden .settingsPanel,.hudHidden .historyPanel,.hudHidden .breathCue,.hudHidden .sideReadout,.hudHidden .phaseDots,.hudHidden .transport,.hudHidden footer{display:none}.hudHidden .experience{grid-template-columns:1fr;gap:0;width:100%;max-width:none;height:100vh;min-height:100vh;display:grid}.hudHidden .stage{min-height:100vh}.hudHidden .orbWrap{aspect-ratio:1;width:min(760px,82vh)}.hudHidden .orb{width:60%}.hudHidden .breathWaves{display:grid}@media (width<=1180px){.experience,.experience.historyHidden{grid-template-columns:minmax(250px,320px) minmax(460px,1fr)}.historyPanel{grid-column:1/-1;max-height:none}.stage{min-height:620px}}@media (width<=820px),(orientation:portrait) and (hover:none) and (pointer:coarse){.app{padding:15px}.experience,.experience.historyHidden{grid-template-columns:1fr}.stage{grid-row:1;min-height:570px}.settingsPanel,.historyPanel{min-height:auto}.orbWrap{aspect-ratio:1;width:100%}.orb{width:48%}.sideReadout{width:44%;top:auto;bottom:1%;transform:none}.toneReadout{text-align:left;left:1%;right:auto}.phaseReadout{text-align:right;left:auto;right:1%}.breathCountdown{margin-left:auto}.sideReadout>strong{font-size:17px}.segmentChip strong{font-size:21px}.breathCue{min-height:58px}}@media (width<=560px),(orientation:portrait) and (hover:none) and (pointer:coarse){.brand span,.historyToggle span{display:none}.historyToggle{width:42px;padding:0}.stage{min-height:530px}.orbWrap{margin-bottom:110px}.orb{width:62%}.sideReadout{width:48%;bottom:-90px}.breathCountdown{width:135px;min-height:62px}.breathCountdown strong{font-size:30px}.transport{max-width:360px}.transport button{flex:42%}footer.keyGuide{display:none}}.modalBackdrop{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02050ac7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.progressModal{color:#e8edf3;background:#10151c;border:1px solid #ffffff38;border-radius:20px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1080px,96vw);max-height:min(900px,94vh);display:grid;overflow:hidden;box-shadow:0 30px 100px #000000b8}.progressModalHeader{background:#171e27;border-bottom:1px solid #303b48;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px 14px;display:flex}.progressModalHeader h2{color:#fa3;align-items:center;gap:9px;margin:0;font-size:24px;display:flex}.progressModalHeader .eyebrow{color:#a9b4c1}.modalClose{color:#e8edf3;cursor:pointer;background:#252f3b;border:1px solid #3a4654;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.modalClose:hover{background:#303b48}.progressStatus{color:#c5ced9;background:#202a35;border-bottom:1px solid #303b48;align-items:center;gap:9px;padding:10px 22px;font-size:12px;line-height:1.4;display:flex}.progressStatus svg{color:#fa3;flex:none}.progressModalBody{scrollbar-width:thin;scrollbar-color:#536074 transparent;min-height:0;padding:22px;overflow-y:auto}.progressCallout{background:#202a35;border:1px solid #3a4654;border-radius:15px;padding:18px}.localBadge{color:#17120b;letter-spacing:.11em;background:#fa3;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:900;display:inline-block}.progressCallout h3{color:#f5f8fb;margin:11px 0 7px;font-size:20px}.progressCallout>p{color:#cbd4df;margin:0;line-height:1.55}.interpretationColumns{grid-template-columns:1fr 1fr;gap:18px;margin-top:16px;display:grid}.interpretationColumns h4{color:#fa3;margin:0 0 7px;font-size:12px}.interpretationColumns ul{color:#d9e0e8;margin:0;padding-left:19px}.interpretationColumns li{margin:5px 0;font-size:12px;line-height:1.45}.milestone{background:#171e27;border-left:3px solid #fa3;border-radius:8px;gap:4px;margin-top:15px;padding:12px 13px;display:grid}.milestone strong{color:#fa3;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.milestone span{color:#e8edf3;font-size:13px}.metricGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.metricCard{background:#171e27;border:1px solid #303b48;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:88px;padding:13px 14px;display:flex}.metricCard span{color:#a9b4c1;font-size:11px}.metricCard strong{color:#fff;font:750 20px Segoe UI}.progressBlock{margin-top:20px}.progressBlock>h3,.dataQuality h3{color:#fa3;margin:0 0 9px;font-size:15px}.progressTableWrap{border:1px solid #303b48;border-radius:11px;overflow:auto}.progressTable{border-collapse:collapse;color:#e8edf3;width:100%;font-size:12px}.progressTable th{z-index:1;color:#fa3;text-align:left;white-space:nowrap;background:#252f3b;padding:9px 10px;position:sticky;top:0}.progressTable td{background:#171e27;border-bottom:1px solid #303b48;padding:9px 10px;line-height:1.4}.progressTable tbody tr:last-child td{border-bottom:0}.progressTable td:last-child,.progressTable th:last-child{text-align:right}.progressTable td:first-child{color:#dce6f1}.distributionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.distributionGrid>.progressBlock:last-child:nth-child(3){grid-column:1/-1}.sessionHistoryTable{max-height:300px}.sessionHistoryTable .progressTable td:last-child,.sessionHistoryTable .progressTable th:last-child{text-align:left}.dataQuality{background:#171e27;border:1px solid #303b48;border-radius:11px;margin-top:20px;padding:14px}.dataQuality p{color:#a9b4c1;margin:0;font-size:11.5px;line-height:1.55}.progressModalFooter{background:#171e27;border-top:1px solid #303b48;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.progressFooterActions{flex-wrap:wrap;flex:auto;justify-content:flex-end;gap:8px;min-width:0;display:flex}.progressModalFooter button{color:#e8edf3;cursor:pointer;background:#252f3b;border:1px solid #3a4654;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:inline-flex}.progressModalFooter button:hover{background:#303b48}.progressModalFooter .footerClose{color:#15110b;background:#fa3;border-color:#fa3;font-weight:800}.hiddenFileInput{display:none}@media (width<=760px),(orientation:portrait) and (hover:none) and (pointer:coarse){.modalBackdrop.progressBackdrop{height:100dvh;padding:max(18px, calc(env(safe-area-inset-top) + 8px)) 8px max(10px, calc(env(safe-area-inset-bottom) + 6px));place-items:stretch center;overflow:hidden}.progressModal{border-radius:14px;width:100%;height:100%;max-height:none}.progressModalHeader{padding:14px}.progressModalHeader h2{font-size:20px}.progressStatus{padding:9px 14px}.progressModalBody{padding:14px}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.distributionGrid,.interpretationColumns{grid-template-columns:1fr}.distributionGrid>.progressBlock:last-child:nth-child(3){grid-column:auto}.progressModalFooter{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;max-height:none;padding:10px 12px;display:grid;overflow:hidden}.progressFooterActions{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;overflow:auto hidden}.progressFooterActions button{flex:none;justify-content:center}.progressModalFooter .footerClose{justify-content:center;min-width:82px}}.helpModal{color:#e8edf3;background:#10151c;border:1px solid #ffffff3d;border-radius:22px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1020px,96vw);max-height:min(920px,94vh);display:grid;overflow:hidden;box-shadow:0 30px 100px #000000c2}.helpModalHeader{z-index:auto;background:linear-gradient(135deg,#1b2531,#111820);border-bottom:1px solid #303b48;justify-content:space-between;align-items:center;gap:20px;width:auto;max-width:none;margin:0;padding:18px 22px 15px;display:flex;position:static}.helpModalHeader .eyebrow{color:#a9b4c1;margin-bottom:4px}.helpModalHeader h2{color:#f5f8fb;align-items:center;gap:9px;margin:0;font-size:24px;display:flex}.helpModalHeader h2 svg{color:#fa3}.helpTabs{background:#171e27;border-bottom:1px solid #303b48;gap:7px;padding:11px 18px;display:flex}.helpTabs button{color:#aeb9c5;cursor:pointer;background:#202a35;border:1px solid #364352;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:750}.helpTabs button:hover{color:#fff;background:#283442}.helpTabs button.active{color:#17120b;background:#fa3;border-color:#fa3}.helpModalBody{scrollbar-width:thin;scrollbar-color:#536074 transparent;min-height:0;padding:22px;overflow-y:auto}.guideIntro{background:linear-gradient(135deg,#ffaa331f,#61b7ff14);border:1px solid #ffaa3347;border-radius:15px;padding:17px 18px}.guideIntro>span{color:#fa3;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:850}.guideIntro h3{color:#fff;margin:6px 0;font-size:20px}.guideIntro p{color:#c9d2dc;margin:0;font-size:12.5px;line-height:1.55}.guideGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.guideGrid li{background:#171e27;border:1px solid #303b48;border-radius:13px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:15px;display:grid}.guideStepIcon{color:#fa3;background:#ffaa331c;border:1px solid #ffaa3347;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.guideGrid li>div:last-child>span{color:#8290a0;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.guideGrid h4{color:#f5f8fb;letter-spacing:0;text-transform:none;margin:3px 0 5px;font-size:14px}.guideGrid p{color:#b9c4cf;margin:0;font-size:11.5px;line-height:1.52}.shortcutStrip{color:#c9d3dd;background:#202a35;border:1px solid #364352;border-radius:11px;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:16px;padding:12px;font-size:11px;display:flex}.shortcutStrip span{white-space:nowrap}.shortcutStrip kbd{color:#10151c;background:#f5f8fb;border-radius:5px;margin-right:4px;padding:2px 6px;font:800 10px Segoe UI,sans-serif}.faqList{gap:10px;display:grid}.faqList details{background:#171e27;border:1px solid #303b48;border-radius:12px;overflow:hidden}.faqList details[open]{border-color:#ffaa3375}.faqList summary{color:#f1f5f9;cursor:pointer;padding:14px 16px;font-size:13px;font-weight:750}.faqList details[open] summary{color:#fa3;background:#1e2833}.faqList p{color:#bac5d0;margin:0;padding:0 16px 15px;font-size:12px;line-height:1.58}.helpModalFooter{color:#9eabb8;background:#171e27;border-top:1px solid #303b48;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;font-size:11px;display:flex}.helpModalFooter button{color:#17120b;cursor:pointer;background:#fa3;border:1px solid #fa3;border-radius:9px;padding:9px 14px;font-weight:850}.helpModalFooter button:hover{background:#ffb64f}.aboutModal{color:#e8edf3;background:#10151c;border:1px solid #ffffff3d;border-radius:22px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(250px,36%) minmax(0,1fr);width:min(900px,100dvw - 44px);height:min(790px,94dvh);max-height:min(790px,94dvh);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 100px #000000c2}.aboutClose{z-index:2;position:absolute;top:14px;right:14px}.aboutImageWrap{background:radial-gradient(circle at 48% 42%,#fff3,#0000 35%),linear-gradient(145deg,#26313e,#111820 62%,#0a0f15);border-right:1px solid #303b48;place-items:center;min-width:0;height:100%;min-height:0;padding:34px;display:grid;overflow:hidden}.aboutImageWrap img{filter:drop-shadow(0 22px 28px #0000009e);transform-origin:50%;will-change:transform;width:min(100%,280px);height:auto;animation:16s linear infinite aboutBugaSphereSpin}@keyframes aboutBugaSphereSpin{0%{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.018)}50%{transform:rotate(180deg)scale(1)}75%{transform:rotate(270deg)scale(1.018)}to{transform:rotate(360deg)scale(1)}}@media (prefers-reduced-motion:reduce){.aboutImageWrap img{animation:none}}.aboutContent{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#536074 transparent;min-height:0;padding:34px 38px 30px;overflow-y:auto}.aboutContent .eyebrow{color:#fa3}.aboutContent h2{margin:4px 0 2px;font-size:34px}.aboutSubtitle{color:#c9d3dd;margin:0;font-size:14px;font-weight:700}.aboutSubtitle span{color:#17120b;vertical-align:2px;background:#fa3;border-radius:6px;margin-left:6px;padding:3px 7px;font-size:10px;display:inline-block}.aboutLead{color:#c3ced9;margin:17px 0;font-size:13px;line-height:1.65}.aboutFacts{gap:9px;display:grid}.aboutFacts>div{color:#c6d0db;background:#171e27;border:1px solid #303b48;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;font-size:11.5px;line-height:1.48;display:grid}.aboutFacts svg{color:#fa3;margin-top:1px}.aboutFacts strong{color:#f3f6f9;margin-bottom:2px;font-size:11px;display:block}.aboutFacts a{color:#dcecff;text-underline-offset:2px;text-decoration-color:#dcecff73}.aboutFacts a:hover{color:#fff;text-decoration-color:currentColor}.mesgonaNote{background:#61b7ff12;border:1px solid #88c7ff33;border-radius:11px;margin-top:16px;padding:14px}.mesgonaNote h3{color:#dcecff;margin:0 0 5px;font-size:14px}.mesgonaNote p{color:#b8c6d5;margin:0;font-size:11.5px;line-height:1.58}.copyrightNote{color:#8492a0;margin:15px 0 0;font-size:9.5px;line-height:1.55}@media (width<=760px),(orientation:portrait) and (hover:none) and (pointer:coarse){.helpModal{border-radius:14px;width:100%;max-height:97vh}.helpModalHeader{padding:14px}.helpModalHeader h2{font-size:20px}.helpTabs{padding:9px}.helpTabs button{flex:50%;padding:8px;font-size:10.5px}.helpModalBody{padding:13px}.guideGrid{grid-template-columns:1fr}.helpModalFooter{padding:10px 12px}.aboutBackdrop{overscroll-behavior:contain;padding-top:max(14px, env(safe-area-inset-top));padding-right:max(7px, env(safe-area-inset-right));padding-bottom:max(14px, env(safe-area-inset-bottom));padding-left:max(7px, env(safe-area-inset-left));place-items:center;overflow:hidden}.aboutModal{border-radius:14px;grid-template-rows:minmax(150px,28dvh) minmax(0,1fr);grid-template-columns:1fr;width:100%;height:100%;max-height:100%;overflow:hidden}.aboutImageWrap{border-bottom:1px solid #303b48;border-right:0;height:100%;min-height:0;padding:18px 22px}.aboutImageWrap img{object-fit:contain;width:min(42vw,160px);max-height:100%}.aboutClose{top:12px;right:12px}.aboutContent{min-height:0;padding:23px 20px max(28px, env(safe-area-inset-bottom));overflow-y:auto}.aboutContent h2{font-size:29px}}@media (width<=350px){.brand{gap:0;padding:6px}.brand>div{display:none}.headerActions{gap:4px}.iconButton,.historyToggle,.cloudAccount{width:38px;height:38px;padding:0}}.accountArea{position:relative}.cloudAccount{width:auto;max-width:270px;padding:0 13px}.cloudAccount span{text-overflow:ellipsis;white-space:nowrap;max-width:205px;font-size:12px;overflow:hidden}.cloudAccount.cloud-synced{border-color:#79ffb1b8}.cloudAccount.cloud-pending{border-color:#ffbf00c2}.cloudAccount.cloud-connecting svg{animation:1.4s linear infinite cloudSpin}.cloudAccount.cloud-error{border-color:#ff6666d1}@keyframes cloudSpin{to{transform:rotate(360deg)}}.accountPopover{z-index:50;color:#edf3f8;background:#0a0f17fa;border:1px solid #ffffff3d;border-radius:13px;gap:9px;width:min(310px,100vw - 30px);padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #0000008c}.accountPopover>strong{overflow-wrap:anywhere;font-size:13px}.cloudStatusText{color:#aeb8c5;font-size:11px}.cloudStatusText.cloud-synced{color:#80f2b3}.cloudStatusText.cloud-pending{color:#ffd56b}.cloudStatusText.cloud-error{color:#ff9696}.accountPopover button{color:#eef4fa;cursor:pointer;background:#202a35;border:1px solid #3b4858;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;display:flex}.accountPopover button:hover{background:#2a3643}.accountPopover button:disabled{opacity:.55;cursor:wait}.authModal{color:#e8edf3;background:#10151c;border:1px solid #ffffff38;border-radius:20px;width:min(470px,96vw);overflow:hidden;box-shadow:0 30px 100px #000000b8}.authSetupNotice{color:#dce5ed;background:#202a35;border:1px solid #3a4654;border-radius:12px;align-items:flex-start;gap:13px;margin:20px;padding:16px;display:flex}.authSetupNotice svg{color:#fa3;flex:none}.authSetupNotice strong{color:#fff}.authSetupNotice p{color:#b8c2cd;margin:7px 0 0;font-size:12px;line-height:1.5}.authSetupNotice code{color:#ffca74}.authForm{gap:14px;padding:20px;display:grid}.authModeHeading{background:#171e27;border:1px solid #33404d;border-radius:11px;align-items:center;gap:11px;padding:12px;display:flex}.authModeIcon{color:#16110a;background:#fa3;border-radius:9px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.authModeHeading strong,.authModeHeading>div>span{display:block}.authModeHeading strong{color:#f5f8fb;font-size:14px}.authModeHeading>div>span{color:#9eabb8;margin-top:3px;font-size:11px}.authSubmit,.textButton{color:#e8edf3;cursor:pointer;background:#202a35;border:1px solid #3a4654;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;display:inline-flex}.authForm>label>span{color:#b5c0cc;margin-bottom:6px;font-size:11px;display:block}.authInputWrap{color:#95a4b4;background:#090d13;border:1px solid #3a4654;border-radius:9px;align-items:center;gap:9px;min-height:43px;padding:0 11px;display:flex}.authInputWrap:focus-within{border-color:#fa3}.authInputWrap input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:10px 0}.authMessage{color:#b9c4cf;min-height:34px;margin:0;font-size:11.5px;line-height:1.45}.authSubmit{color:#16110a;background:#fa3;border-color:#fa3;font-weight:800}.authSubmit:disabled,.textButton:disabled{opacity:.58;cursor:wait}.authSecondaryActions{gap:2px;display:grid}.textButton{color:#b9c4cf;background:0 0;border-color:#0000;min-height:30px;font-size:11px}.textButton:hover{color:#fff}.aiProgressBlock{background:linear-gradient(145deg,#18243a,#151c29);border:1px solid #45638c;border-radius:15px;margin-bottom:16px;padding:17px;box-shadow:inset 0 0 35px #487bbe14}.aiProgressHeader{justify-content:space-between;align-items:center;gap:14px;display:flex}.aiProgressHeader h3{color:#f4f8fc;align-items:center;gap:8px;margin:8px 0 0;font-size:17px;display:flex}.aiBadge{color:#07111d;letter-spacing:.11em;background:#88c7ff;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:900;display:inline-block}.aiAnalyzeButton{color:#07111d;cursor:pointer;background:#88c7ff;border:1px solid #b9ddff;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.aiAnalyzeButton:disabled{opacity:.5;cursor:not-allowed}.aiEmpty{color:#b9c9da;margin:13px 0 0;font-size:12px;line-height:1.5}.aiAnalysisText{color:#e3ebf3;margin-top:16px}.aiAnalysisText>small{color:#88c7ff;overflow-wrap:anywhere;display:block}.aiReportTitle{border-bottom:1px solid #88c7ff3d;margin-top:14px;padding-bottom:14px}.aiReportTitle h4{color:#f7fbff;text-transform:none;letter-spacing:0;margin:0;font-size:24px;line-height:1.15}.aiReportTitle p{color:#9eb3ca;margin:5px 0 0;font-size:12px;line-height:1.5}.aiNarrative{padding-top:16px}.aiNarrative h5,.aiVerifiedMetrics h5{color:#fff;margin:0 0 8px;font-size:18px;line-height:1.3}.aiNarrative>p{color:#dce7f1;margin:0;font-size:13px;line-height:1.62}.aiReportColumns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.aiReportColumns>div{background:#070f1b6b;border:1px solid #88c7ff2e;border-radius:11px;padding:14px}.aiReportColumns h6{color:#88c7ff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 9px;font-size:12px}.aiReportColumns ul{color:#e3ebf3;margin:0;padding-left:19px}.aiReportColumns li{margin:7px 0;font-size:12.5px;line-height:1.52}.aiMilestone{background:#88c7ff17;border-left:3px solid #88c7ff;border-radius:9px;gap:5px;margin-top:16px;padding:13px 14px;display:grid}.aiMilestone strong{color:#88c7ff;text-transform:uppercase;letter-spacing:.09em;font-size:10px}.aiMilestone span{color:#f2f7fb;font-size:13px;line-height:1.5}.aiVerifiedMetrics{border-top:1px solid #88c7ff3d;margin-top:20px;padding-top:18px}.aiVerifiedMetrics dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0;display:grid}.aiVerifiedMetrics dl>div{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:baseline;gap:15px;min-width:0;padding:8px 0;display:flex}.aiVerifiedMetrics dt{color:#aebed0;font-size:11.5px;line-height:1.4}.aiVerifiedMetrics dd{color:#fff;text-align:right;margin:0;font-size:11.5px;font-weight:700;line-height:1.4}.aiScopeNote{color:#9eb3ca;background:#070f1b61;border:1px solid #88c7ff26;border-radius:9px;margin:16px 0 0;padding:11px 12px;font-size:11.5px;line-height:1.55}@media (width<=760px),(orientation:portrait) and (hover:none) and (pointer:coarse){.aiProgressHeader{flex-direction:column;align-items:stretch}.aiAnalyzeButton{width:100%}.aiReportColumns,.aiVerifiedMetrics dl{grid-template-columns:1fr}.aiReportTitle h4{font-size:21px}.authModal{border-radius:14px;width:100%}}@media (width<=620px),(orientation:portrait) and (hover:none) and (pointer:coarse){.headerActions{gap:5px}.cloudAccount{width:42px;padding:0}.cloudAccount span{display:none}.accountPopover{position:fixed;top:74px;right:12px}}.recoveryBackdrop{z-index:1200}.recoveryModal{width:min(490px,96vw)}.recoveryNotice{color:#dce5ed;background:#18222d;border:1px solid #3a4b5d;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 13px;display:flex}.recoveryNotice svg{color:#fa3;flex:none}.recoveryNotice p{margin:0;font-size:12px;line-height:1.5}.recoveryNotice.recoverySuccess{color:#d9ffe8;background:#142b20;border-color:#3b7654}.recoveryNotice.recoverySuccess svg{color:#66d991}.passwordRule{color:#9faebb;margin:-4px 0 0;font-size:11px;line-height:1.45}.modalClose:disabled{opacity:.45;cursor:wait}.pentagonOutline,.hudToggleTarget:hover .pentagonOutline,.hudToggleTarget:active .pentagonOutline,.hudToggleTarget:focus .pentagonOutline,.hudToggleTarget:focus-visible .pentagonOutline,.hudHidden .pentagonOutline,.fullscreenActive .pentagonOutline{stroke-linejoin:round;stroke-linecap:round;stroke:url(#pentagonSilver)!important}.hudToggleTarget{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.hudToggleTarget:focus-visible polygon{stroke:#fff;stroke-width:6px}@media (width<=820px) and (height<=900px){.stage{justify-content:flex-start;min-height:660px;padding-top:2px}.breathCue{margin-bottom:4px}.orbWrap{width:min(92vw,560px);margin-top:-12px;margin-bottom:132px}.sideReadout{bottom:-120px}.phaseDots{margin-top:-4px}}@media (width<=560px),(orientation:portrait) and (hover:none) and (pointer:coarse){.stage{justify-content:flex-start;min-height:700px;padding-top:0}.breathCue{margin-bottom:2px}.orbWrap{width:min(94vw,455px);margin-top:-18px;margin-bottom:158px}.orb{width:60%}.sideReadout{bottom:-146px}.phaseDots{margin-top:-6px}}.hudHidden .experience{height:100dvh;min-height:100dvh}.hudHidden .stage{justify-content:center;height:100dvh;min-height:100dvh;padding:0}.hudHidden .orbWrap{width:min(760px,82dvh,94vw);margin:0}@media (width<=820px),(height<=900px){.hudHidden .stage{justify-content:center;height:100dvh;min-height:100dvh;padding:0}.hudHidden .orbWrap{width:min(760px,82dvh,94vw);margin:0}}@media (orientation:landscape) and (height<=560px) and (hover:none) and (pointer:coarse){.app.hudHidden{width:100dvw;height:100dvh;min-height:0;padding:0;position:fixed;inset:0;overflow:hidden}.hudHidden .experience{grid-template-columns:1fr;place-items:center;width:100%;height:100%;min-height:0;margin:0;display:grid;position:absolute;inset:0}.hudHidden .stage{width:100%;height:100%;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);place-items:center;display:grid}.hudHidden .orbWrap{place-self:center;width:min(82dvh,82dvw);max-width:100%;margin:0}}.app.fullscreenActive:not(.hudHidden) footer.keyGuide{left:50%;bottom:max(8px, env(safe-area-inset-bottom));z-index:80;pointer-events:none;gap:6px 13px;width:max-content;max-width:calc(100vw - 24px);margin:0;padding:8px 12px;font-size:clamp(10px,1.15vw,12px);display:flex;position:fixed;transform:translate(-50%)}@media (width<=620px),(height<=680px){.app.fullscreenActive:not(.hudHidden) footer.keyGuide{max-width:calc(100vw - 14px);bottom:max(5px, env(safe-area-inset-bottom));gap:4px 9px;padding:6px 8px;font-size:9.5px;line-height:1.3}.app.fullscreenActive:not(.hudHidden) footer.keyGuide kbd{min-width:19px;padding:0 4px;font-size:9px}}.app.fullscreenActive:not(.hudHidden) .stage{padding-bottom:132px}.app.fullscreenActive:not(.hudHidden) .transport{z-index:82;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04080fb8;border:1px solid #ffffff38;border-radius:15px;justify-content:center;align-items:center;gap:7px;width:auto;max-width:min(780px,100vw - 24px);margin:0;padding:6px;position:fixed;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 7px 25px #00000057}.app.fullscreenActive:not(.hudHidden) .transport button{padding:8px 11px;font-size:10.5px}.app.fullscreenActive:not(.hudHidden) footer.keyGuide{left:50%;bottom:max(8px, env(safe-area-inset-bottom));z-index:80;pointer-events:none;justify-content:center;align-items:center;gap:5px 12px;width:auto;max-width:min(660px,100vw - 24px);margin:0;padding:6px 10px;font-size:10px;line-height:1.3;display:flex;position:fixed;transform:translate(-50%)}.app.fullscreenActive:not(.hudHidden) footer.keyGuide .keyExtended{display:none}@media (width<=760px),(height<=700px){.app.fullscreenActive:not(.hudHidden) .stage{padding-bottom:116px}.app.fullscreenActive:not(.hudHidden) .transport{gap:4px;max-width:calc(100vw - 12px);padding:4px;bottom:46px}.app.fullscreenActive:not(.hudHidden) .transport button{flex:0 auto;gap:5px;padding:6px 8px;font-size:9px}.app.fullscreenActive:not(.hudHidden) footer.keyGuide{bottom:max(5px, env(safe-area-inset-bottom));gap:4px 8px;max-width:calc(100vw - 12px);padding:5px 7px;font-size:8.8px}.app.fullscreenActive:not(.hudHidden) footer.keyGuide kbd{min-width:18px;padding:0 3px;font-size:8.5px}}.mobileFullscreenModal{color:#e8edf3;background:#10151c;border:1px solid #ffffff3d;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;width:min(600px,96vw);max-height:min(820px,94dvh);display:grid;overflow:hidden;box-shadow:0 30px 100px #000000c2}.mobileFullscreenHeader{background:linear-gradient(135deg,#1b2531,#111820);border-bottom:1px solid #303b48;justify-content:space-between;align-items:center;gap:16px;width:auto;max-width:none;margin:0;padding:17px 19px 14px;display:flex;position:static}.mobileFullscreenHeader .eyebrow{color:#a9b4c1;margin-bottom:4px}.mobileFullscreenHeader h2{color:#f5f8fb;align-items:center;gap:8px;margin:0;font-size:21px;display:flex}.mobileFullscreenHeader h2 svg{color:#fa3}.mobileFullscreenBody{min-height:0;padding:19px;overflow-y:auto}.mobileFullscreenIntro{background:#1a232d;border:1px solid #344251;border-radius:13px;align-items:flex-start;gap:13px;padding:14px;display:flex}.mobileFullscreenIntro>span{color:#17110a;background:#fa3;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.mobileFullscreenIntro h3{color:#fff;margin:1px 0 6px;font-size:17px}.mobileFullscreenIntro p{color:#c2ccd7;margin:0;font-size:12px;line-height:1.55}.mobileInstallSteps{gap:9px;margin:15px 0 0;padding:0;list-style:none;display:grid}.mobileInstallSteps li{background:#151c24;border:1px solid #2d3946;border-radius:11px;align-items:flex-start;gap:11px;padding:11px 12px;display:flex}.mobileInstallSteps li>span{color:#fa3;background:#252f3b;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.mobileInstallSteps strong{color:#f5f8fb;margin:0 0 3px;font-size:13px;display:block}.mobileInstallSteps p{color:#aeb9c5;margin:0;font-size:11.5px;line-height:1.45}.mobileFullscreenNote{color:#b7c3ce;background:#202a35;border-left:3px solid #fa3;border-radius:8px;margin:14px 0 0;padding:10px 11px;font-size:11px;line-height:1.5}.mobileFullscreenFooter{background:#171e27;border-top:1px solid #303b48;justify-content:flex-end;width:auto;max-width:none;margin:0;padding:12px 16px;display:flex;position:static}.mobileFullscreenFooter button{min-width:110px;padding:9px 15px}.mobileFullscreenFooter .primary{color:#10151c;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:9px;font-weight:850}.mobileFullscreenFooter .primary:hover{background:#e8edf3;border-color:#e8edf3}@media (width<=560px),(orientation:portrait) and (hover:none) and (pointer:coarse){.modalBackdrop{padding:max(7px, env(safe-area-inset-top)) max(7px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left))}.mobileFullscreenModal{border-radius:15px;width:100%;max-height:96dvh}.mobileFullscreenHeader{padding:14px}.mobileFullscreenHeader h2{font-size:18px}.mobileFullscreenBody{padding:13px}.mobileFullscreenIntro{padding:12px}.mobileFullscreenFooter button{width:100%}}@media (width<=760px),(hover:none) and (pointer:coarse){.app.fullscreenActive:not(.hudHidden) footer.keyGuide{display:none!important}.app.fullscreenActive:not(.hudHidden) .stage{padding-bottom:max(76px, calc(env(safe-area-inset-bottom) + 68px))}.app.fullscreenActive:not(.hudHidden) .transport{bottom:max(10px, calc(env(safe-area-inset-bottom) + 8px))}}@media (width<=760px),(orientation:portrait) and (hover:none) and (pointer:coarse){.helpBackdrop{overscroll-behavior:contain;padding-top:max(14px, env(safe-area-inset-top));padding-bottom:max(14px, env(safe-area-inset-bottom));place-items:start center;overflow:hidden}.helpBackdrop .helpModal{width:100%;height:100%;max-height:100%}.shortcutStrip{display:none}}@media (width<=760px) and (display-mode:fullscreen),(orientation:portrait) and (hover:none) and (pointer:coarse) and (display-mode:fullscreen){.app:not(.hudHidden),.aboutBackdrop,.helpBackdrop{padding-top:max(56px, calc(env(safe-area-inset-top) + 12px))}}@media (width<=560px),(orientation:portrait) and (hover:none) and (pointer:coarse){.stage{min-height:650px}.orbWrap{margin-bottom:112px}.sideReadout{text-align:center;border-radius:12px;flex-direction:column;width:46%;height:134px;min-height:134px;padding:8px 9px;display:flex;bottom:-106px}.sideReadout>span{letter-spacing:.1em;margin-bottom:2px;font-size:10px}.sideReadout>strong{text-align:center;font-size:15px}.toneReadout,.phaseReadout{text-align:center}.toneValueRow{text-align:left;justify-content:space-between;gap:5px;width:100%}.toneValueRow>strong{white-space:nowrap;min-width:0;font-size:14px;line-height:1.2}.toneColorIdentity{white-space:nowrap;justify-content:flex-end;gap:5px;margin-top:0;font-size:10px}.toneColorIdentity i{width:9px;height:9px;display:block}.tonePhaseDots{flex:0 0 14px;justify-content:center;align-items:center;gap:7px;min-height:14px;margin:6px 0 2px;display:flex}.tonePhaseDots span{width:7px;height:7px}.stagePhaseDots{display:flex}.segmentChip,.breathCountdown{border-radius:11px;margin-top:auto;padding:8px 9px}.segmentChip span,.breathCountdown span{font-size:9.5px}.segmentChip strong{font-size:20px}.breathCountdown{width:100%;min-height:50px}.breathCountdown span{font-size:12px}.breathCountdown strong{font-size:28px}.transport{margin-top:5px}}@media (width>=561px) and (orientation:landscape),(width>=561px) and (hover:hover) and (pointer:fine){.sideReadout{text-align:center;flex-direction:column;height:164px;min-height:164px;display:flex}.toneReadout,.phaseReadout{text-align:center}.sideReadout>span,.sideReadout>strong{text-align:center;width:100%}.toneValueRow{text-align:left;justify-content:space-between;gap:8px;width:100%}.toneValueRow>strong{white-space:nowrap;min-width:0;font-size:19px;line-height:1.25}.toneColorIdentity{white-space:nowrap;flex:none;justify-content:flex-end}.segmentChip,.breathCountdown{text-align:center;width:100%;margin-top:auto}.segmentChip span,.segmentChip strong{text-align:center;width:100%}.breathCountdown{justify-content:center;gap:24px}}.app.mobileDevice{width:100%;min-width:100%;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.app.mobileDevice header{width:100%;margin-bottom:10px}.app.mobileDevice .brand span,.app.mobileDevice .historyToggle span,.app.mobileDevice .cloudAccount span{display:none}.app.mobileDevice .historyToggle,.app.mobileDevice .cloudAccount{width:42px;padding:0}.app.mobileDevice .experience,.app.mobileDevice .experience.historyHidden{grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:none}.app.mobileDevice .stage{grid-row:1;min-width:0}.app.mobileDevice .settingsPanel,.app.mobileDevice .historyPanel{min-height:auto}.app.mobileDevice .sideReadout{text-align:center;border-radius:12px;flex-direction:column;width:46%;height:134px;min-height:134px;padding:8px 9px;display:flex;top:auto;bottom:-106px;transform:none}.app.mobileDevice .toneReadout{text-align:center;left:1%;right:auto}.app.mobileDevice .phaseReadout{text-align:center;left:auto;right:1%}.app.mobileDevice .sideReadout>span{letter-spacing:.1em;margin-bottom:2px;font-size:10px}.app.mobileDevice .sideReadout>strong{text-align:center;width:100%;font-size:15px}.app.mobileDevice .toneValueRow{text-align:left;justify-content:space-between;gap:5px;width:100%}.app.mobileDevice .toneValueRow>strong{white-space:nowrap;min-width:0;font-size:14px;line-height:1.2}.app.mobileDevice .toneColorIdentity{white-space:nowrap;flex:none;justify-content:flex-end;gap:5px;margin-top:0;font-size:10px}.app.mobileDevice .toneColorIdentity i{width:9px;height:9px;display:block}.app.mobileDevice .tonePhaseDots{flex:0 0 14px;justify-content:center;align-items:center;gap:7px;min-height:14px;margin:6px 0 2px;display:flex}.app.mobileDevice .tonePhaseDots span{width:7px;height:7px}.app.mobileDevice .stagePhaseDots,.app.mobileDevice footer.keyGuide{display:none!important}.app.mobileDevice .segmentChip,.app.mobileDevice .breathCountdown{border-radius:11px;width:100%;margin-top:auto;padding:8px 9px}.app.mobileDevice .segmentChip span,.app.mobileDevice .breathCountdown span{font-size:9.5px}.app.mobileDevice .segmentChip strong{font-size:20px}.app.mobileDevice .breathCountdown{min-height:50px}.app.mobileDevice .breathCountdown span{font-size:12px}.app.mobileDevice .breathCountdown strong{font-size:28px}.app.mobileDevice.mobileLandscape{width:var(--mobile-landscape-canvas-width,100dvw);min-width:var(--mobile-landscape-canvas-width,100dvw);max-width:none;margin-left:calc(0px - var(--mobile-landscape-canvas-offset,0px));padding-top:max(6px, env(safe-area-inset-top));padding-right:calc(max(8px, env(safe-area-inset-right)) + var(--mobile-landscape-canvas-offset,0px));padding-bottom:max(8px, env(safe-area-inset-bottom));padding-left:calc(max(8px, env(safe-area-inset-left)) + var(--mobile-landscape-canvas-offset,0px));margin-right:0}@media (orientation:landscape) and (hover:none) and (pointer:coarse){html,body,#root{overflow-x:visible}}.app.mobileDevice.mobileLandscape header{margin-bottom:4px}.app.mobileDevice.mobileLandscape .brand{gap:7px;padding:5px 8px 5px 5px}.app.mobileDevice.mobileLandscape .brand img,.app.mobileDevice.mobileLandscape .brandIconButton,.app.mobileDevice.mobileLandscape .iconButton{width:38px;height:38px}.app.mobileDevice.mobileLandscape .brand strong{font-size:17px}.app.mobileDevice.mobileLandscape .stage{justify-content:flex-start;min-height:max(510px,100dvh - 58px);padding-top:0}.app.mobileDevice.mobileLandscape .breathCue{min-height:46px;padding:4px 14px 7px;font-size:clamp(28px,9dvh,42px)}.app.mobileDevice.mobileLandscape .orbWrap{width:min(88dvh,80vw,620px);max-width:100%;margin-top:-9px;margin-bottom:104px}.app.mobileDevice.mobileLandscape .orb{width:58%}.app.mobileDevice.mobileLandscape .sideReadout{width:47%;height:124px;min-height:124px;bottom:-96px}.app.mobileDevice.mobileLandscape .toneValueRow>strong{font-size:13px}.app.mobileDevice.mobileLandscape .transport{gap:6px;width:100%;max-width:720px;margin-top:5px}.app.mobileDevice.mobileLandscape .transport button{flex:28%;min-width:0;padding:8px 9px;font-size:10px}.app.mobileDevice.mobileLandscape .settingsPanel,.app.mobileDevice.mobileLandscape .historyPanel{justify-self:center;width:50%;min-width:0;max-width:50%}.app.mobileDevice.mobilePortrait:not(.hudHidden) .stage{align-items:center;width:100%}.app.mobileDevice.mobilePortrait:not(.hudHidden) .orbWrap{align-self:center;margin-left:auto;margin-right:auto}.app.mobileDevice.mobilePortrait:not(.hudHidden) .orb{margin-left:auto;margin-right:auto}.app.mobileDevice.installedApp.mobilePortrait:before{content:"";z-index:100;height:env(safe-area-inset-top,0px);pointer-events:none;background:#000;position:fixed;top:0;left:0;right:0}.app.mobileDevice.hudHidden{background-color:var(--phase);width:100dvw;min-width:0;height:100dvh;min-height:0;margin:0;position:fixed;inset:0;overflow:hidden;padding:0!important}.app.mobileDevice.hudHidden header,.app.mobileDevice.hudHidden .settingsPanel,.app.mobileDevice.hudHidden .historyPanel,.app.mobileDevice.hudHidden .breathCue,.app.mobileDevice.hudHidden .sideReadout,.app.mobileDevice.hudHidden .phaseDots,.app.mobileDevice.hudHidden .transport,.app.mobileDevice.hudHidden footer{display:none!important}.app.mobileDevice.hudHidden .experience{background-color:var(--phase);grid-template-columns:1fr;place-items:center;width:100%;height:100%;min-height:0;margin:0;display:grid;position:absolute;inset:0}.app.mobileDevice.mobileLandscape.hudHidden{left:calc(0px - var(--mobile-landscape-canvas-offset,0px));width:var(--mobile-landscape-canvas-width,100dvw);min-width:var(--mobile-landscape-canvas-width,100dvw);margin:0;right:auto}.app.mobileDevice.hudHidden .stage{width:100%;height:100%;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background-color:var(--phase);place-items:center;display:grid}.app.mobileDevice.hudHidden .orbWrap{width:min(82dvh,82dvw);max-width:100%;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}