*{box-sizing:border-box}body{margin:0;background:#eff9f7;color:#123f43;font-family:system-ui,-apple-system,sans-serif}main{width:min(100%,430px);margin:auto;padding:16px 16px 30px}header{text-align:center}.wordmark{width:210px;max-width:70%;height:auto;display:block;margin:0 auto 4px}.subtitle{font-size:17px;letter-spacing:.12em;font-weight:650}h1{font-size:25px;margin:2px 0 7px}h2{font-size:24px}.badge{font-size:10px;letter-spacing:.1em;color:#775572}.hud{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px;padding:10px 14px;border-radius:18px;background:white;box-shadow:0 4px 14px #13585b0c}.hud div{font-size:10px;letter-spacing:.08em}.hud strong{display:block;font-size:24px;line-height:1.2}button{border:0;border-radius:12px;padding:11px 15px;background:#167f84;color:white;font:600 14px system-ui;cursor:pointer;min-height:42px}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #f16eac;outline-offset:3px}button:disabled{opacity:.5}.secondary{background:#e5eeed;color:#17494b}.next{display:flex;align-items:center;gap:12px;font-size:12px;margin:4px 8px 9px}.next #next{display:flex;gap:8px}.next img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #fff}.next #timing{margin-left:auto;font-size:11px}.tub{position:relative;background:white;padding:10px;border:2px solid #d8edeb;border-radius:28px 28px 42px 42px;box-shadow:0 12px 28px #14666c25,inset 0 -6px 0 #c3dfdd}canvas{display:block;width:100%;height:auto;aspect-ratio:1/1.55;border-radius:18px 18px 30px 30px;touch-action:none;background:#179095}#overlay{position:absolute;inset:10px;background:#073d49d9;border-radius:20px;text-align:center;padding-top:40%;color:white}#overlay[hidden]{display:none}.hint{text-align:center;font-size:14px;font-weight:650;margin:12px 0 5px}.micro{font-size:11px;text-align:center;margin:0 0 12px}.actions{display:flex;gap:8px}.actions button{flex:1;font-size:12px;padding:10px 7px}.review{font-size:12px;background:white;padding:13px;border-radius:14px;margin:16px 0}.review summary{font-weight:750;cursor:pointer}.review button{font-size:12px;padding:8px 12px}.review p{line-height:1.5}footer{font-size:10px;color:#5a7274;text-align:center;line-height:1.5}dialog{width:min(92vw,410px);border:0;border-radius:22px;padding:22px;color:#173f42;max-height:88dvh;overflow:auto;box-shadow:0 20px 90px #042a3980}dialog::backdrop{background:#053e48a6}dialog button{margin:5px 3px 5px 0}dialog p{font-size:14px;line-height:1.5}dialog h2{margin:5px 0 14px}dialog .test{background:#fff0f7;color:#8a3060;padding:10px;border-radius:10px;font-size:12px}input,select{max-width:100%;width:100%;padding:12px;border:1px solid #bbd5d4;border-radius:9px;font:16px system-ui;margin:5px 0 10px}label{display:block;font-size:13px}dialog img{width:130px;height:130px;object-fit:cover;border-radius:50%;display:block;margin:10px auto}.balance{background:#e5f6f1;padding:12px;border-radius:12px}#commerce-body{overflow-wrap:anywhere}code{font-size:13px} @media(max-width:370px){main{padding:12px}.wordmark{width:190px}h1{font-size:23px}.hud{margin-top:10px}}