@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--ink: #10100f;--panel: #1b1b18;--panel-soft: #242420;--line: #35352f;--muted: #85847c;--paper: #f5f1e7;--orange: #f4a21a;--orange-light: #ffbf51;--sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "DM Mono", monospace}*{box-sizing:border-box}html,body,#app{min-height:100%}html{background:var(--ink)}body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button{border:0;cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:3px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.yee-shell{min-height:100vh;min-height:100svh;position:relative;display:grid;place-items:center;padding:34px 20px 115px;isolation:isolate;background:#10100f}.yee-shell:before{content:"";position:absolute;inset:0;z-index:-3;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 90%);mask-image:linear-gradient(to bottom,#000,transparent 90%)}.yee-shell:after{content:"";position:absolute;inset:0;z-index:-4;background:radial-gradient(circle at 50% 44%,rgba(244,162,26,.13),transparent 34%),#10100f}.ambient{position:absolute;z-index:-2;width:18vw;max-width:300px;height:54vh;min-height:320px;border:1px solid rgba(244,162,26,.12);opacity:.7;transform:rotate(21deg);pointer-events:none}.ambient-left{left:-8vw;top:19vh}.ambient-right{right:-8vw;bottom:15vh;transform:rotate(-21deg);border-color:#ffffff14}.focus-wrap{width:min(100%,470px);animation:rise .7s cubic-bezier(.22,1,.36,1) both}.focus-card{position:relative;min-height:566px;display:flex;flex-direction:column;padding:24px 25px 22px;border:1px solid #3b3a33;border-radius:7px;background:#1b1b18f5;box-shadow:0 32px 85px #0000006b,0 0 0 9px #f4a21a06;overflow:hidden}.focus-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--orange)}.card-top{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;color:var(--paper);font-size:13px;font-weight:800;letter-spacing:.16em}.card-status{width:7px;height:7px;border-radius:50%;background:#56564f}.card-status.is-active{background:var(--orange);box-shadow:0 0 0 5px #f4a21a24;animation:pulse 1.7s infinite}.card-core{flex:1;display:grid;justify-items:center;align-content:center;padding:20px 0 10px;position:relative}.mode-label{color:#7c7b73;font:10px var(--mono);letter-spacing:.19em}.timer-display{display:block;margin:26px 0 31px;color:var(--paper);font:500 clamp(77px,18vw,112px)/.82 var(--mono);letter-spacing:-.12em}.timer-display.is-running{color:var(--orange);animation:soft-blink 2.6s ease-in-out infinite}.timer-ring{width:145px;height:34px;position:relative}.timer-ring:before,.timer-ring:after{content:"";position:absolute;top:16px;height:1px;background:#35352f}.timer-ring:before{right:calc(50% + 25px);left:0}.timer-ring:after{right:0;left:calc(50% + 25px)}.timer-ring span{position:absolute;left:50%;top:10px;width:11px;height:11px;border:1px solid var(--orange);transform:translate(-50%) rotate(45deg)}.main-action{width:100%;min-height:57px;display:flex;align-items:center;justify-content:center;gap:13px;border-radius:4px;color:var(--ink);background:var(--orange);font-size:12px;font-weight:800;transition:transform .2s,background .2s}.main-action svg{width:15px;height:15px}.main-action:hover{transform:translateY(-2px);background:var(--orange-light)}.main-action.is-running{color:var(--paper);background:#29251b;border:1px solid rgba(244,162,26,.55)}.main-action.is-running svg{color:var(--orange)}.fail-action{min-height:50px;margin-top:9px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #393832;border-radius:4px;color:var(--paper);background:transparent;font-size:11px;font-weight:700;transition:.2s}.fail-action span{color:var(--orange);display:grid}.fail-action svg{width:14px;height:14px}.fail-action:hover{color:var(--ink);border-color:var(--orange);background:var(--orange)}.fail-action:hover span{color:var(--ink)}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:25px;color:#6f6e67;font:9px var(--mono)}.card-foot button{display:inline-flex;align-items:center;gap:6px;padding:0;color:#97958b;background:transparent;font-size:10px}.card-foot button:hover{color:var(--orange)}.card-foot svg{width:13px;height:13px}.float-menu{position:fixed;z-index:5;left:50%;bottom:28px;display:flex;gap:3px;padding:5px;border:1px solid #3a3933;border-radius:8px;background:#1b1b18e6;box-shadow:0 15px 40px #00000059;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-item{min-width:94px;min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;color:#807f77;background:transparent;font-size:10px;transition:.2s}.menu-item svg{width:15px;height:15px}.menu-item:hover{color:var(--paper);background:#272722}.menu-item.is-selected{color:var(--ink);background:var(--orange);font-weight:700}.menu-item.is-selected svg{color:var(--ink)}.toast{position:fixed;z-index:20;left:50%;bottom:95px;padding:10px 15px;border:1px solid #48473e;border-radius:4px;color:var(--paper);background:#24241f;font:10px var(--mono);opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:.22s}.toast.is-visible{opacity:1;transform:translate(-50%)}.modal-backdrop{position:fixed;z-index:15;inset:0;display:grid;place-items:center;padding:18px;background:#090908bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.log-modal{width:min(100%,400px);padding:23px;border:1px solid #3b3a33;border-radius:6px;background:#1c1c19;opacity:0;transform:translateY(14px) scale(.98);transition:.2s}.log-modal.is-open{opacity:1;transform:translateY(0) scale(1)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.modal-head h2{margin:0;font-size:19px;letter-spacing:-.04em}.close-button{width:30px;height:30px;display:grid;place-items:center;color:var(--muted);background:#292923;border-radius:4px}.close-button:hover{color:var(--orange)}.close-button svg{width:15px}.trigger-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.trigger-chip{min-height:38px;border:1px solid transparent;border-radius:3px;color:#aba99e;background:#292923;font-size:10px;transition:.18s}.trigger-chip:hover,.trigger-chip.is-selected{color:var(--ink);background:var(--orange)}.log-modal textarea{width:100%;min-height:73px;margin:16px 0 13px;padding:10px;resize:vertical;border:1px solid #35352f;border-radius:3px;color:var(--paper);background:#121210;font-size:10px}.log-modal textarea::placeholder{color:#605f57}.save-log{width:100%;min-height:43px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:3px;color:var(--ink);background:var(--orange);font-size:11px;font-weight:800}.save-log svg{width:14px}.save-log:disabled{color:#747168;background:#2a2a25;cursor:not-allowed}@keyframes rise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #f4a21a24}50%{box-shadow:0 0 0 8px #f4a21a05}}@keyframes soft-blink{0%,to{opacity:1}50%{opacity:.73}}@media(max-width:520px){.yee-shell{padding:17px 14px 105px}.ambient{width:30vw;height:42vh}.focus-card{min-height:542px;padding:21px 18px 18px}.timer-display{font-size:clamp(69px,21vw,93px);margin-top:22px}.float-menu{bottom:17px;width:calc(100% - 28px);justify-content:space-between}.menu-item{min-width:0;flex:1}.toast{bottom:82px}.log-modal{padding:20px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.duration-strip{display:flex;align-items:center;gap:6px;margin-top:18px;padding:4px;border:1px solid #30302b;border-radius:5px;background:#161613}.duration-chip{min-width:37px;min-height:24px;border-radius:3px;color:#77766e;background:transparent;font:10px var(--mono);transition:.18s}.duration-chip:hover{color:var(--paper)}.duration-chip.is-selected{color:var(--ink);background:var(--orange)}.breath-phase{display:block;min-height:91px;margin:35px 0 20px;color:var(--orange);font:500 clamp(52px,13vw,78px)/.85 var(--sans);letter-spacing:-.08em}.breath-orb{width:125px;height:125px;display:grid;place-items:center;border:1px solid rgba(244,162,26,.5);border-radius:50%;animation:breath 8s ease-in-out infinite}.breath-orb span{width:33px;height:33px;border-radius:50%;background:var(--orange);box-shadow:0 0 35px #f4a21a59}.focus-card.is-breathing .card-core{padding-top:6px}.micro-button{display:inline-flex;align-items:center;gap:5px;padding:0;color:#8b897f;background:transparent;font:9px var(--mono);transition:.18s}.micro-button:hover{color:var(--orange)}.micro-button svg{width:12px;height:12px}.micro-count{min-width:17px;height:17px;display:inline-grid;place-items:center;color:var(--ink);background:var(--orange);border-radius:50%;font-size:8px}.action-surface{width:min(100%,360px)}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.action-grid button{min-height:47px;border:1px solid #37372f;border-radius:3px;color:var(--soft);background:#292923;font-size:11px;transition:.18s}.action-grid button:hover{color:var(--ink);border-color:var(--orange);background:var(--orange)}.stats-surface{width:min(100%,330px)}.stats-lines{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:19px;border:1px solid #37372f}.stats-lines div{min-height:91px;display:grid;place-items:center;align-content:center;gap:7px;border-right:1px solid #37372f}.stats-lines div:last-child{border-right:0}.stats-lines span{color:var(--muted);font:10px var(--mono)}.stats-lines strong{color:var(--orange);font:500 28px var(--mono)}@keyframes breath{0%,to{transform:scale(.78);opacity:.6}50%{transform:scale(1.18);opacity:1}}.splash-layer{position:fixed;z-index:50;inset:0;display:grid;place-items:center;align-content:center;background:#10100f;animation:splash-out .45s .95s cubic-bezier(.22,1,.36,1) forwards}.splash-word{color:var(--orange);font:800 clamp(96px,20vw,230px)/.75 var(--sans);letter-spacing:-.13em;transform:translate(-.06em);animation:splash-word .8s cubic-bezier(.22,1,.36,1) both}.splash-subtitle{margin-top:27px;color:var(--paper);font-size:15px;letter-spacing:.18em;animation:splash-subtitle .55s .17s cubic-bezier(.22,1,.36,1) both}.splash-skip{position:absolute;right:30px;bottom:28px;color:#77766e;background:transparent;font-size:10px}.splash-skip:hover{color:var(--orange)}.guide-layer{position:fixed;z-index:45;inset:0;display:grid;place-items:center;padding:22px;background:#0a0a099e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:guide-enter .38s cubic-bezier(.22,1,.36,1) both}.guide-card{width:min(100%,350px);padding:24px;border:1px solid rgba(244,162,26,.62);border-radius:6px;background:#1c1c19;box-shadow:0 22px 70px #0000006b}.guide-index{color:var(--orange);font:10px var(--mono);letter-spacing:.13em}.guide-card h2{margin:18px 0 8px;color:var(--paper);font-size:25px;letter-spacing:-.06em}.guide-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.guide-actions{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.guide-close{color:var(--muted);background:transparent;font-size:10px}.guide-next{display:inline-flex;align-items:center;gap:10px;min-height:39px;padding:0 13px;color:var(--ink);background:var(--orange);border-radius:3px;font-size:10px;font-weight:800}.guide-next svg{width:14px}.guide-dots{position:absolute;bottom:28px;display:flex;gap:7px}.guide-dots span{width:22px;height:2px;background:#3c3b35}.guide-dots span.is-active{background:var(--orange)}.gesture-modal{width:min(100%,390px)}.gesture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gesture-choice{min-height:86px;display:grid;place-items:center;align-content:center;gap:8px;border:1px solid #38382f;border-radius:4px;color:var(--muted);background:#292923;transition:.2s}.gesture-choice span{font-size:29px;filter:grayscale(.25)}.gesture-choice small{font-size:10px}.gesture-choice:hover,.gesture-choice.is-selected{color:var(--ink);border-color:var(--orange);background:var(--orange)}.gesture-choice:hover span,.gesture-choice.is-selected span{filter:none}.confirm-surface{width:min(100%,390px);text-align:center;padding:29px 24px 23px}.confirm-count{color:var(--orange);font:10px var(--mono);letter-spacing:.14em}.confirm-surface h2{margin:24px 0 22px;color:var(--paper);font-size:clamp(23px,5vw,30px);letter-spacing:-.06em}.confirm-dots{display:flex;justify-content:center;gap:7px;margin-bottom:25px}.confirm-dots span{width:28px;height:3px;background:#3c3b35}.confirm-dots span.is-active{background:var(--orange)}.confirm-button{width:100%;min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--ink);background:var(--orange);border-radius:3px;font-size:11px;font-weight:800}.confirm-button svg{width:14px}.confirm-cancel{margin-top:16px;color:var(--muted);background:transparent;font-size:10px}@keyframes gesture-in{0%{opacity:0;transform:translateY(7px) scale(.92);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes gesture-stop{0%{transform:translate(-5px) rotate(-8deg)}45%{transform:translate(5px) rotate(8deg)}to{transform:translate(0) rotate(0)}}@keyframes gesture-relax{0%{transform:scale(.7)}55%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes gesture-away{0%{transform:translate(-8px) rotate(-14deg)}to{transform:translate(0) rotate(0)}}@keyframes gesture-stretch{0%{transform:scaleX(.55)}65%{transform:scaleX(1.15)}to{transform:scaleX(1)}}@keyframes splash-word{0%{opacity:0;transform:translateY(15px) scale(.92);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes splash-subtitle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-out{to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes guide-enter{0%{opacity:0}to{opacity:1}}