*{box-sizing:border-box} :root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:#e6f2f3;background:#071d30;font-synthesis:none} body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 27% 45%,#133f52 0,transparent 48%),linear-gradient(140deg,#071b2b,#092335 65%,#0a2535);position:relative} button,input{font:inherit} button,a,input,summary{-webkit-tap-highlight-color:transparent} button{cursor:pointer} button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #b9f1de;outline-offset:5px} button:disabled{cursor:default;opacity:.5} .ocean-glow{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.3}.ocean-glow:before,.ocean-glow:after{content:"";position:absolute;width:130vw;height:40vw;min-height:300px;left:-15vw;top:36%;border-top:1px solid #71b9c42b;border-radius:50%;transform:rotate(-14deg)}.ocean-glow:after{top:39%;transform:rotate(-10deg)}.site-header{position:relative;max-width:1380px;margin:auto;padding:36px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{display:flex;align-items:center;gap:11px;color:#e3f5f2;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:2.8px}.brand-mark{font-size:34px;font-weight:300;line-height:1;color:#a5d6d0}.header-note{font-size:11px;color:#92afb9;letter-spacing:.5px}main{max-width:1140px;margin:20px auto 0;padding:0 40px;display:grid;grid-template-columns:1.4fr 1fr;gap:88px;align-items:center;position:relative}.breathing-space{text-align:center}.eyebrow{font-size:9px;letter-spacing:3.3px;color:#91c5c8;margin:0 0 14px}h1{font-size:31px;font-weight:400;letter-spacing:-1.3px;margin:0 0 14px}.intro-copy{font-size:12px;line-height:1.9;color:#a5c0ca;margin:0}.mobile-break{display:none}.breath-stage{--breath-scale:.7;position:relative;width:min(100%,390px);aspect-ratio:1;margin:24px auto 6px;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #82cdd21f;border-radius:50%;inset:0}.orbit-inner{inset:8%;border-style:dashed;border-color:#8accd422;transform:rotate(12deg)}.breath-orb{position:absolute;inset:8%;border-radius:50%;transform:scale(var(--breath-scale));background:radial-gradient(circle at 33% 24%,#6fbbbf6e,transparent 50%),radial-gradient(circle at 70% 80%,#122f4550,transparent 70%),linear-gradient(145deg,#35788a99,#36737c55);box-shadow:inset 0 1px 2px #b3eeea73,inset 0 -6px 25px #042a3b55,0 0 65px #6ed6d21a;border:1px solid #85cdc938;will-change:transform;z-index:-1}.breath-copy{position:relative;pointer-events:none}.phase-kicker{font-size:8px;letter-spacing:2.6px;color:#b2d6d9}.breath-copy h2{font-size:24px;font-weight:400;letter-spacing:-.6px;margin:15px 0 8px}.phase-count{font-size:43px;font-weight:200;font-variant-numeric:tabular-nums;line-height:1.2;display:block;min-height:52px;letter-spacing:1px}.breath-stage[data-state="idle"] .phase-count,.breath-stage[data-state="complete"] .phase-count{font-size:13px;min-height:32px;line-height:32px;color:#b4d5d7}.breath-copy p{font-size:10px;color:#b5d1d7;margin:8px 0 0}.north-dot{width:5px;height:5px;border-radius:50%;background:#bddedb;position:absolute;top:-2px;left:calc(50% - 2px);box-shadow:0 0 12px #b4f5e9}.session-info{display:flex;gap:29px;justify-content:center;align-items:center;margin:21px 0 16px}.session-info>div{display:flex;align-items:center;gap:12px}.small-label{font-size:10px;color:#90adb9}.session-info strong{font-size:18px;font-weight:400;letter-spacing:1px;font-variant-numeric:tabular-nums}.session-info .state-text{font-size:11px;letter-spacing:0;color:#c0d9df}.info-divider{height:16px;width:1px;background:#42667580}.session-track{height:2px;width:200px;background:#95c0cb25;margin:auto;overflow:hidden}.session-track span{display:block;width:0;height:100%;background:#c0e9de}.controls{padding-top:24px}.control-heading{display:flex;align-items:center;gap:10px;margin-bottom:19px}.section-number{color:#79a8b5;font-size:9px;letter-spacing:1px;font-weight:400}.control-heading h2{margin:0;font-size:13px;font-weight:500}.control-heading>span:last-child{margin-left:auto;color:#8eacb8;font-size:10px}.presets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preset{text-align:left;color:#d9e9eb;border:1px solid #70959f40;border-radius:8px;padding:19px 15px 17px;background:#accdd603;transition:border-color .2s,background .2s}.preset:hover:not(:disabled){border-color:#a8d8d6a3;background:#b3e5e608}.preset.is-selected{border-color:#a2d4ca;background:#9adbd510}.preset-top{display:flex;align-items:center;gap:7px}.preset-top strong{font-size:12px;font-weight:500}.preset-icon{font-size:22px;font-weight:200;color:#a7d4d4;line-height:1}.selection-dot{width:6px;height:6px;border-radius:50%;border:1px solid #79a4ae;margin-left:auto}.is-selected .selection-dot{background:#b6e6d9;border-color:#b6e6d9;box-shadow:0 0 7px #b6e6d94a}.preset-description{display:block;font-size:10px;color:#95b2bd;margin-top:11px;white-space:nowrap}.preset-pattern{display:block;font-size:20px;font-weight:300;letter-spacing:1px;margin-top:21px;color:#c9e4e4}.preset-pattern i{font-size:13px;font-style:normal;color:#648a98;margin:0 3px}.preset-pattern small{font-size:9px;color:#92b7c0;margin-left:3px;letter-spacing:0}.pattern-key{font-size:9px;letter-spacing:.3px;color:#91acb7;text-align:center;margin:12px 0 29px}.duration-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #66899438;padding-top:22px}.duration-row label{display:flex;gap:10px;align-items:center;font-size:12px}.minutes-field{display:flex;align-items:center;gap:7px;border:1px solid #7299a250;border-radius:6px;padding:8px 12px;background:#061c2c33}.minutes-field input{width:47px;background:transparent;border:0;color:#d6edeb;font-size:16px;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}.minutes-field input::-webkit-inner-spin-button{appearance:none}.minutes-field span{font-size:10px;color:#9ebfc6}.duration-hint{font-size:10px;color:#8eacb8;text-align:right;margin:9px 0 21px}.input-error{font-size:11px;color:#ffc5b7;line-height:1.6}.actions{display:flex;gap:10px}.primary{flex:1;border:1px solid #c8eadd;background:#c5e6db;color:#183d46;border-radius:6px;padding:16px 12px;font-size:12px;font-weight:600;display:flex;gap:10px;align-items:center;justify-content:center;transition:background .2s}.primary:hover{background:#e0f5ed}#action-icon{font-size:17px;line-height:12px}.reset{padding:15px 18px;border:1px solid #668b985c;border-radius:6px;background:transparent;color:#acc9d0;font-size:11px}.reset:hover{background:#aacbd20c}.guide{margin-top:26px;border-top:1px solid #66899438;padding-top:19px}.guide summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:10px;color:#9bbdc5}.guide summary::-webkit-details-marker{display:none}.guide summary>span{font-size:16px;line-height:12px}.guide[open] summary>span{transform:rotate(45deg)}.guide div{font-size:11px;line-height:1.9;color:#acc4cc}.guide p{margin:12px 0 0}footer{position:relative;max-width:1380px;margin:52px auto 0;padding:0 5.5% 25px}.wellbeing{text-align:center;font-size:10px;line-height:1.9;color:#92aeb9;margin:0 0 37px}.footer-line{border-top:1px solid #6c939e30;padding-top:20px;display:flex;justify-content:space-between;gap:24px;align-items:center;color:#819fac;font-size:9px}.footer-line>span{letter-spacing:1.1px;white-space:nowrap}.footer-line p{margin:0;line-height:1.7;text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1400px){main{margin-top:5vh}footer{margin-top:7vh}}@media(max-width:1000px){main{gap:42px;padding:0 28px;grid-template-columns:1.15fr 1fr}.preset{padding:17px 11px}.preset-pattern{font-size:18px}.preset-pattern i{margin:0 1px}.breath-stage{max-width:350px}}@media(max-width:720px){.site-header{padding:24px 24px}.header-note{display:none}.wordmark{font-size:10px;letter-spacing:2px}.brand-mark{font-size:28px}main{display:block;margin-top:13px;padding:0 25px;max-width:470px}h1{font-size:27px}.eyebrow{font-size:8px;letter-spacing:2.7px}.intro-copy{font-size:11px}.mobile-break{display:block}.breath-stage{width:300px;max-width:100%;margin-top:27px}.breath-copy h2{font-size:22px}.phase-count{font-size:37px}.phase-kicker{font-size:7px;letter-spacing:2px}.breath-copy p{font-size:9px}.session-info{margin-top:23px}.controls{padding-top:43px}.preset{padding:18px 15px}.preset-pattern{font-size:21px}.preset-pattern i{margin:0 2px}.pattern-key{margin-bottom:24px}.primary{padding:17px 12px}.guide{margin-top:23px}footer{padding:0 25px 25px;margin-top:37px}.wellbeing{font-size:9px;margin-bottom:25px;line-height:2}.footer-line{display:block;font-size:9px}.footer-line p{text-align:left;margin-top:10px;max-width:335px}.footer-line>span{font-size:10px}.breath-orb{inset:5%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.breath-orb{transform:scale(.9);will-change:auto}}