*{box-sizing:border-box}body{margin:0}.breathing-page{cursor:crosshair;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100svh;font-family:Oswald,sans-serif;display:flex}.stage{display:block;overflow:visible}.dot{transform-box:fill-box;transform-origin:50%;will-change:transform}.hint{letter-spacing:.08em;text-transform:uppercase;color:#bbb;-webkit-user-select:none;user-select:none;margin:0;font-size:13px}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;z-index:10;background:#ffffffe6;border:1px solid #eaeaea;border-radius:12px;width:232px;padding:16px 16px 14px;font-family:Oswald,sans-serif;position:fixed;top:20px;left:20px;box-shadow:0 6px 24px #0000000f}.panel__title{letter-spacing:.06em;text-transform:uppercase;color:#111;margin-bottom:12px;font-size:13px;font-weight:700}.panel__row{margin-bottom:12px;display:block}.panel__label{color:#555;justify-content:space-between;align-items:baseline;margin-bottom:5px;font-size:12px;display:flex}.panel__val{font-variant-numeric:tabular-nums;color:#111;font-weight:700}.panel input[type=range]{accent-color:#014231;cursor:pointer;width:100%}.panel__reset{letter-spacing:.04em;text-transform:uppercase;color:#111;cursor:pointer;background:#f2f2f2;border:1px solid #e2e2e2;border-radius:8px;width:100%;margin-top:2px;padding:7px;font-family:Oswald,sans-serif;font-size:12px}.panel__reset:hover{background:#ececec}