*{box-sizing:border-box;margin:0;padding:0}body{color:#3a3a3a;background:linear-gradient(-45deg,#f4f1ea,#ebe3f1,#e2edf1,#f1e8de) 0 0/400% 400%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .5s;overflow-x:hidden}.timer-stage,body{min-height:100dvh}.timer-stage{justify-content:center;align-items:center;display:flex}body.breathing{animation:shimmer var(--breathe-duration,8s) ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0}50%{background-position:100%}}.container{text-align:center;z-index:1;width:min(320px,100vw - 32px);margin:0 auto;padding:40px 16px;position:relative}.particles-layer{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.particle{will-change:transform;animation:fall var(--fall-duration,14s) linear forwards,sway var(--sway-duration,5s) ease-in-out infinite;-webkit-user-select:none;user-select:none;position:absolute;top:-8%}@keyframes fall{0%{transform:translateY(-8vh)}to{transform:translateY(108vh)}}@keyframes sway{0%,to{margin-left:0}50%{margin-left:22px}}.circle{border:2px solid #c9c2b2;border-radius:50%;justify-content:center;align-items:center;width:260px;height:260px;margin:0 auto 32px;transition:border-color .5s,transform 4s,box-shadow 4s;display:flex}.circle.breathing{animation:breathe var(--breathe-duration,8s) ease-in-out infinite}@keyframes breathe{0%,to{border-color:#c9c2b2;transform:scale(1);box-shadow:0 0 #dcc8e600}50%{border-color:#b9a9cc;transform:scale(1.08);box-shadow:0 0 40px #c8b4dc80}}.time{letter-spacing:2px;font-size:3rem;font-weight:300}.phase{letter-spacing:3px;text-transform:uppercase;color:#9a8fae;opacity:0;min-height:1.2em;margin-top:8px;font-size:.8rem;transition:opacity .6s}.phase.visible{opacity:1}.circle.preparing{animation:2.5s ease-in-out infinite prepBreathe}@keyframes prepBreathe{0%,to{border-color:#c9c2b2;transform:scale(1);box-shadow:0 0 #dcc8e600}50%{border-color:#b9a9cc;transform:scale(1.03);box-shadow:0 0 20px #c8b4dc4d}}.circle.closing{border-color:#b9a9cc;transition:border-color 1.5s,transform 1.5s,box-shadow 1.5s}.return-hint{color:#9a8fae;opacity:0;max-width:220px;margin-top:10px;font-size:.8rem;line-height:1.4;transition:opacity 1.2s}.return-hint.visible{opacity:1}.controls{justify-content:center;gap:12px;margin-bottom:20px;display:flex}button{color:#f4f1ea;cursor:pointer;background:#3a3a3a;border:none;border-radius:24px;padding:12px 24px;font-size:.95rem;transition:opacity .2s}button:hover{opacity:.8}button.secondary{color:#3a3a3a;background:0 0;border:1px solid #c9c2b2}.fullscreen-toggle{z-index:20;color:#f4f1ea;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3a3a3aa6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:fixed;top:16px;right:16px}.fullscreen-toggle:hover{opacity:.85}.fullscreen-toggle .icon-compress,body.is-fullscreen .fullscreen-toggle .icon-expand{display:none}body.is-fullscreen .fullscreen-toggle .icon-compress{display:block}.settings-toggle{color:#9a8fae;letter-spacing:1px;background:0 0;border-radius:0;padding:6px 12px;font-size:.8rem}.settings-toggle:hover{opacity:.7}.settings-panel{opacity:0;max-height:0;transition:max-height .4s,opacity .3s,margin-top .4s;overflow:hidden}.settings-panel.open{opacity:1;max-height:500px;margin-top:12px}.settings-section{border-top:1px solid #e2dbe7;padding:18px 0}.settings-section:first-child{border-top:none}.section-title{letter-spacing:2px;text-transform:uppercase;color:#a99fb8;margin-bottom:12px;font-size:.7rem}.breath-presets,.presets,.weather-presets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.breath-preset,.preset,.weather-preset{color:#7a7a7a;background:0 0;border:1px solid #d8d1e0;border-radius:20px;padding:6px 14px;font-size:.8rem}.breath-preset.active,.preset.active,.weather-preset.active{color:#fff;background:#9a8fae;border-color:#9a8fae}.link-toggle{color:#a99fb8;text-underline-offset:3px;background:0 0;padding:10px 0 0;font-size:.75rem;text-decoration:underline}.link-toggle:hover{opacity:.7}.breath-custom{color:#7a7a7a;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:.75rem;display:none}.breath-custom.open{display:flex}.breath-custom label{flex-direction:column;align-items:center;gap:4px;display:flex}.breath-custom input{text-align:center;border:1px solid #d8d1e0;border-radius:8px;width:48px;padding:6px;font-size:.85rem}.breath-custom button{padding:8px 16px;font-size:.8rem}.music-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.music-controls--quick{margin-bottom:20px}.music-controls input[type=range]{accent-color:#9a8fae;width:120px}@media (width<=400px){.container{padding:24px 12px}.circle{width:220px;height:220px;margin:0 auto 24px}.time{font-size:2.3rem}.controls{gap:8px}button{padding:10px 18px;font-size:.9rem}.breath-custom{gap:8px}}@media (height<=480px) and (orientation:landscape){body{align-items:flex-start}.container{padding:16px 12px}.circle{width:160px;height:160px;margin:0 auto 16px}.time{font-size:1.8rem}}