:root{font-family:Segoe UI Variable,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#eff1f5;background-color:#222e2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;background-color:#222e2e}a{color:inherit;text-decoration:none}.page{min-height:100vh;background:#000;display:flex;justify-content:center;padding:18px 12px 26px;color:#eff1f5}.shell{width:min(640px,100%);display:flex;flex-direction:column;gap:10px}.header{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:14px 14px 10px;border-radius:14px;box-shadow:0 18px 36px #00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#3ebdb7;margin:0 0 4px}.header h1{font-size:clamp(20px,4vw,26px);margin:0 0 6px;color:#3ebdb7}.lede{margin:0;color:#eff1f5;opacity:.86;max-width:640px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.card{background:#222e2e;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px;box-shadow:0 12px 30px #00000038}.total{display:flex;flex-direction:column;gap:10px}.label{color:#a9b8dd;font-size:13px;margin:0;letter-spacing:.03em}.total-value{display:flex;align-items:baseline;gap:10px}.total-value .number{font-size:clamp(42px,10vw,58px);font-weight:700}.total-value .unit{color:#eff1f5;opacity:.7;font-size:13px}.meter{width:100%;height:8px;background:#ffffff0f;border-radius:999px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#3ebdb7,#7af2d0);transition:width .3s ease}.status{margin:0;color:#eff1f5;font-weight:600}.controls{display:flex;flex-direction:column;gap:14px}.field{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.field-label{display:flex;justify-content:space-between;align-items:baseline}.field-label p{margin:0;font-weight:600}.hint{color:#eff1f5;opacity:.7;font-size:12px}.stepper{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px}.stepper button,.input input{border:1px solid rgba(255,255,255,.2);background:#ffffff0a;color:#eff1f5;border-radius:12px;height:44px;font-size:17px;font-weight:700;transition:all .18s ease}.stepper button:hover:not(:disabled),.input input:focus{border-color:#50e1f8;box-shadow:0 0 0 4px #50e1f829}.stepper button:disabled{opacity:.5;cursor:not-allowed}.stepper .value{text-align:center;font-size:26px;font-weight:700}.input{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.input input{width:100%;padding:0 12px;-moz-appearance:textfield}.input input::-webkit-outer-spin-button,.input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input .unit{color:#c8d2f1;font-weight:600;font-size:14px}.summary{margin:0;color:#eff1f5;opacity:.86;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:10px}.primary,.secondary,.ghost{border:1px solid transparent;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.primary{background:#3ebdb7;color:#0f1c1a;box-shadow:0 12px 28px #3ebdb759}.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.primary:not(:disabled):hover{transform:translateY(-1px)}.secondary{background:#ffffff0d;border-color:#ffffff26;color:#eff1f5}.ghost{background:transparent;border-color:#ffffff14;color:#eff1f5;opacity:.8}.secondary:hover,.ghost:hover{border-color:#50e1f8;transform:translateY(-1px)}.secondary:disabled,.ghost:disabled{opacity:.45;cursor:not-allowed;transform:none}.timer{display:flex;flex-direction:column;gap:14px}.timer-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.timer-title{font-size:22px;margin:6px 0 0;color:#3ebdb7}.countdown{font-size:clamp(34px,10vw,46px);font-weight:700;letter-spacing:.06em}.footnote{margin:0;color:#eff1f5;opacity:.7;font-size:12px}@media(max-width:640px){.actions{flex-direction:column}.primary,.secondary,.ghost{width:100%;text-align:center}}