*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%}body{-webkit-font-smoothing:antialiased;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input[type=range]{width:100%}[data-theme=ocean]{--bg1:#0a1628;--bg2:#132e50;--acc:#00b4d8;--acc-rgb:0, 180, 216;--acc-dim:#0077b6;--txt:#e0eef8;--txt2:#7da4c4;--srf:#ffffff0f;--srf-b:#ffffff17;--srf-h:#ffffff1a}[data-theme=forest]{--bg1:#0b1a0b;--bg2:#183018;--acc:#52b788;--acc-rgb:82, 183, 136;--acc-dim:#2d6a4f;--txt:#d8f3dc;--txt2:#74b896;--srf:#ffffff0f;--srf-b:#ffffff17;--srf-h:#ffffff1a}[data-theme=sunset]{--bg1:#23122e;--bg2:#5a2040;--acc:#f4a261;--acc-rgb:244, 162, 97;--acc-dim:#e76f51;--txt:#fde8d0;--txt2:#c9886c;--srf:#ffffff0f;--srf-b:#ffffff17;--srf-h:#ffffff1a}[data-theme=night]{--bg1:#0a0118;--bg2:#1a0840;--acc:#b388ff;--acc-rgb:179, 136, 255;--acc-dim:#7c4dff;--txt:#e8e0f4;--txt2:#9384b8;--srf:#ffffff0f;--srf-b:#ffffff17;--srf-h:#ffffff1a}[data-theme=sakura]{--bg1:#201020;--bg2:#3a1838;--acc:#f48fb1;--acc-rgb:244, 143, 177;--acc-dim:#e91e63;--txt:#fce4ec;--txt2:#c4869a;--srf:#ffffff0f;--srf-b:#ffffff17;--srf-h:#ffffff1a}[data-theme=minimal]{--bg1:#141420;--bg2:#1c1c30;--acc:#90a4ae;--acc-rgb:144, 164, 174;--acc-dim:#607d8b;--txt:#e8eaf0;--txt2:#8890a0;--srf:#ffffff0f;--srf-b:#ffffff17;--srf-h:#ffffff1a}.app{background:linear-gradient(160deg, var(--bg1) 0%, var(--bg2) 50%, var(--bg1) 100%);width:100%;height:100dvh;color:var(--txt);flex-direction:column;transition:background .6s;display:flex;position:relative;overflow:hidden}.bg-particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.particle{background:var(--acc);opacity:0;border-radius:50%;animation:linear infinite particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translate(0)scale(1)}8%{opacity:.12}50%{transform:translate(calc(-50px + 100px * var(--r,.5)), -180px) scale(1.4);opacity:.18}92%{opacity:.12}to{transform:translate(calc(30px - 60px * var(--r,.5)), -360px) scale(.8);opacity:0}}.header{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.2rem;display:flex;position:relative}.logo{letter-spacing:.02em;align-items:center;gap:.45rem;font-size:1.05rem;font-weight:600;display:flex}.logo-ico{border:2px solid var(--acc);width:28px;height:28px;color:var(--acc);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;animation:4s ease-in-out infinite logoPulse;display:inline-flex}@keyframes logoPulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}.header-actions{gap:.25rem;display:flex}.ico-btn{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;transition:background .2s;display:flex}.ico-btn:hover{background:var(--srf-h)}.tech-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;flex-shrink:0;gap:8px;padding:0 1.2rem .6rem;display:flex;position:relative;overflow-x:auto}.tech-nav::-webkit-scrollbar{display:none}.pill{border:1px solid var(--srf-b);background:var(--srf);border-radius:20px;flex-direction:column;flex-shrink:0;align-items:center;gap:1px;padding:8px 16px;transition:all .2s;display:flex}.pill-n{white-space:nowrap;font-size:.82rem}.pill-s{color:var(--txt2);white-space:nowrap;font-size:.65rem}.pill.active{background:rgba(var(--acc-rgb), .18);border-color:rgba(var(--acc-rgb), .5);color:var(--acc)}.pill.active .pill-s{color:rgba(var(--acc-rgb), .7)}.pill:hover:not(.active){background:var(--srf-h)}.main{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6rem;min-height:0;padding:0 1.2rem 1.2rem;display:flex;position:relative}.tech-desc{text-align:center;color:var(--txt2);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;max-width:440px;padding:0 .5rem;font-size:.78rem;line-height:1.55;display:-webkit-box;overflow:hidden}.vis-wrap{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.breath-circle{aspect-ratio:1;justify-content:center;align-items:center;width:min(72vw,300px);display:flex;position:relative}.prog-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg{stroke:var(--srf)}.ring-fill{stroke:var(--acc);stroke-linecap:round;transition:stroke-dashoffset .15s linear}.circle-bg{background:radial-gradient(circle at 38% 32%, rgba(var(--acc-rgb), .28) 0%, rgba(var(--acc-rgb), .1) 45%, rgba(var(--acc-rgb), .02) 75%, transparent 100%);border:1.5px solid rgba(var(--acc-rgb), .3);box-shadow:0 0 40px rgba(var(--acc-rgb), .14), 0 0 80px rgba(var(--acc-rgb), .06), inset 0 0 40px rgba(var(--acc-rgb), .08);will-change:transform;border-radius:50%;transition:transform 4s cubic-bezier(.37,0,.63,1);position:absolute;inset:12px;transform:scale(.55)}.circle-content{z-index:2;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.phase-name{opacity:.92;margin-bottom:.15rem;font-size:1.15rem;font-weight:500;transition:opacity .3s}.countdown{font-variant-numeric:tabular-nums;letter-spacing:-.02em;min-height:3.2rem;font-size:3.2rem;font-weight:200;line-height:1}.phase-hint{color:var(--txt2);margin-top:.25rem;font-size:.72rem}.session-info{flex-shrink:0;align-items:center;gap:1.2rem;display:flex}.info-item{flex-direction:column;align-items:center;gap:1px;display:flex}.info-label{color:var(--txt2);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.info-val{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:500}.info-sep{background:var(--srf-b);width:1px;height:24px}.controls{flex-shrink:0;align-items:center;gap:1rem;padding-top:.3rem;display:flex}.ctrl-btn{background:var(--srf);border:1px solid var(--srf-b);width:48px;height:48px;color:var(--txt);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.ctrl-btn:hover:not(:disabled){background:var(--srf-h);transform:scale(1.06)}.ctrl-btn:active:not(:disabled){transform:scale(.95)}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.ctrl-btn.primary{background:rgba(var(--acc-rgb), .2);border-color:rgba(var(--acc-rgb), .45);width:64px;height:64px;color:var(--acc)}.ctrl-btn.primary:hover:not(:disabled){background:rgba(var(--acc-rgb), .3)}.overlay{-webkit-backdrop-filter:blur(6px);z-index:100;opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.overlay.active{opacity:1;visibility:visible}.panel{background:var(--bg2);border:1px solid var(--srf-b);border-radius:18px;width:90%;max-width:400px;max-height:80vh;transition:transform .3s ease-out;overflow-y:auto;transform:translateY(16px)scale(.97)}.overlay.active .panel{transform:translateY(0)scale(1)}.panel-head{justify-content:space-between;align-items:center;padding:1rem 1.2rem .5rem;display:flex}.panel-head h3{font-size:1.05rem;font-weight:600}.close-x{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:background .2s;display:flex}.close-x:hover{background:var(--srf-h)}.panel-body{padding:.5rem 1.2rem 1.2rem}.setting{margin-bottom:1.15rem}.setting-row{justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.88rem;display:flex}.s-val{color:var(--acc);font-size:.82rem;font-weight:500}.slider{appearance:none;background:var(--srf);border-radius:3px;outline:none;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:var(--acc);cursor:pointer;width:20px;height:20px;box-shadow:0 0 8px rgba(var(--acc-rgb), .3);border-radius:50%}.slider::-moz-range-thumb{background:var(--acc);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.chip-group{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--srf);border:1px solid var(--srf-b);border-radius:16px;padding:6px 14px;font-size:.8rem;transition:all .2s}.chip:hover{background:var(--srf-h)}.chip.active{background:rgba(var(--acc-rgb), .18);border-color:rgba(var(--acc-rgb), .5);color:var(--acc)}.theme-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-card{border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px;transition:all .2s;display:flex}.theme-card:hover{background:var(--srf)}.theme-card.active{border-color:var(--acc)}.theme-pre{aspect-ratio:1.5;border-radius:10px;justify-content:center;align-items:center;width:100%;font-size:1.5rem;display:flex}.theme-lbl{color:var(--txt2);font-size:.78rem}.done-card{background:var(--bg2);border:1px solid var(--srf-b);text-align:center;border-radius:20px;width:85%;max-width:340px;padding:2rem;transition:transform .3s ease-out;transform:scale(.9)}.overlay.active .done-card{transform:scale(1)}.done-ico{margin-bottom:.5rem;font-size:3rem}.done-card h2{margin-bottom:1rem;font-size:1.3rem}.done-stats{justify-content:center;gap:2rem;margin-bottom:1.4rem;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-n{color:var(--acc);font-size:1.6rem;font-weight:600}.stat-l{color:var(--txt2);margin-top:.15rem;font-size:.72rem}.btn-main{background:rgba(var(--acc-rgb), .2);border:1px solid rgba(var(--acc-rgb), .45);color:var(--acc);border-radius:12px;padding:.7rem 2rem;font-size:.95rem;font-weight:500;transition:all .2s}.btn-main:hover{background:rgba(var(--acc-rgb), .32)}@media (width<=380px){.breath-circle{width:min(65vw,240px)}.countdown{font-size:2.6rem}.phase-name{font-size:1rem}.pill{padding:6px 12px}.pill-n{font-size:.76rem}}@media (width<=640px){.overlay{align-items:flex-end}.panel{border-radius:18px 18px 0 0;width:100%;max-width:100%;max-height:72vh;transform:translateY(100%)}.overlay.active .panel{transform:translateY(0)}}@media (width>=641px){.header{padding:1rem 2rem}.tech-nav{flex-wrap:wrap;justify-content:center;padding:0 2rem .8rem}.main{gap:1rem;padding:0 2rem 2rem}.breath-circle{width:min(45vw,360px)}.tech-desc{-webkit-line-clamp:3;font-size:.85rem}.countdown{font-size:3.8rem}.phase-name{font-size:1.3rem}}@media (width>=1024px){.breath-circle{width:min(35vw,380px)}.pill{padding:10px 20px}.pill-n{font-size:.88rem}}@media (height<=500px) and (orientation:landscape){.header{padding:.4rem 1rem}.tech-nav{padding:0 1rem .3rem}.main{gap:.3rem;padding-bottom:.5rem}.breath-circle{width:min(40vh,200px)}.tech-desc{display:none}.countdown{font-size:2.2rem}.phase-name{font-size:.9rem}.ctrl-btn{width:40px;height:40px}.ctrl-btn.primary{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){.circle-bg{transition-duration:.3s!important}.particle{display:none;animation:none!important}.logo-ico{animation:none}}