:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172e29;background:#eef3f1;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}main{width:min(100%,480px);margin:0 auto;padding: max(32px,env(safe-area-inset-top)) 24px max(32px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:38px}.brand{font-size:.8rem;font-weight:800;letter-spacing:.1em}.interval{font-size:.8rem;background:#dce8e3;border-radius:100px;padding:7px 12px;white-space:nowrap}h1{font-size:clamp(1.9rem,7vw,2.6rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 18px}.intro{font-size:1rem;line-height:1.6;color:#4b6259;margin:0 0 30px}label{display:block;font-size:1rem;font-weight:650;margin-bottom:10px}input{width:100%;min-height:76px;border:1px solid #91a69b;border-radius:12px;padding:12px 18px;font:600 2rem system-ui;letter-spacing:.25em;color:#172e29;background:#fff}input::placeholder{color:#7d8e86;opacity:1}input:disabled{background:#e0e9e4;color:#50665b}button{width:100%;min-height:54px;padding:14px 16px;border:0;border-radius:12px;font:650 1rem system-ui;background:#102723;color:#fff;cursor:pointer}button:hover{background:#214a3f}button:focus-visible,input:focus-visible{outline:3px solid #347dcd;outline-offset:4px}.hint{font-size:.875rem;color:#53695e;margin:9px 0 22px;line-height:1.5}.secondary{background:transparent;color:#172e29;border:1px solid #829c8e}.secondary:hover{background:#dce8e3}.status{margin-top:26px;border:1px solid #c3d2c9;border-radius:16px;background:#fff;padding:22px}.status-title{display:flex;align-items:center;gap:10px}h2{font-size:1.125rem;margin:0}.dot{width:10px;height:10px;border-radius:50%;background:#83968b;flex-shrink:0}[data-state="active"] .dot{background:#087a42}[data-state="pending"] .dot,[data-state="error"] .dot{background:#b2780a}.status p{font-size:.95rem;line-height:1.6;color:#4b6259;margin:12px 0 20px}.screen{display:flex;gap:9px;border-top:1px solid #e1e8e4;padding-top:16px;font-size:.875rem;line-height:1.5;color:#465f52}.small{font-size:.875rem;margin-top:14px}.footnote{font-size:.875rem;line-height:1.6;color:#53695e;margin:22px 4px 0}[hidden]{display:none!important}@media(max-width:350px){main{padding-left:18px;padding-right:18px}header{flex-wrap:wrap}}