:root{font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;color:#173f3c;background:#edf5f2}*{box-sizing:border-box}body{margin:0}main{max-width:620px;margin:36px auto;padding:0 18px}header{display:flex;gap:14px;align-items:center;margin:26px 0}h1{font-size:27px;letter-spacing:-1px;margin:0}header p{margin:4px 0;color:#58716d}.mark{background:#087e72;color:white;border-radius:18px;padding:12px 18px;font-size:30px}header button{margin-left:auto}section{background:white;border:1px solid #d5e6e0;border-radius:24px;padding:26px;margin:16px 0;box-shadow:0 8px 28px #174e3610}h2{font-size:21px;margin:0 0 12px}p{line-height:1.6;color:#58716d}button,.drop{font:inherit;cursor:pointer;border:1px solid #c7dcd5;border-radius:12px;background:#f4f8f6;color:#164a43;padding:12px 16px;margin:4px 3px 4px 0;min-height:46px}button:disabled{opacity:.5;cursor:wait}.primary{background:#087e72;color:#fff;border-color:#087e72}form .primary{display:block;width:100%;margin-top:16px}input{font:inherit;width:100%;border:1px solid #bcd3cb;border-radius:12px;padding:14px;margin:8px 0 14px}input:focus,button:focus-visible{outline:3px solid #9ee4c8;outline-offset:2px}.codeInput{text-align:center;font-size:32px;letter-spacing:10px}.drop{display:block;text-align:center;border:2px dashed #8dbdae;padding:30px 12px;background:#f1fbf6;color:#087e72;font-weight:700}.drop input{display:block;font-size:13px;margin:10px 0 0;padding:0;border:0}nav{display:flex;gap:8px}nav button{flex:1}.active{background:#173f3c;color:white}.row{display:flex;justify-content:space-between;align-items:center}#codeBox{text-align:center;background:#edf9f3;border-radius:16px;padding:14px;margin:12px 0}#shareCode{display:block;font-size:44px;letter-spacing:9px;color:#087e72;margin-bottom:12px}progress{width:100%;height:14px;accent-color:#087e72}ul{list-style:none;padding:0}li{padding:12px 0;border-bottom:1px solid #e5eeea;overflow-wrap:anywhere}li small{display:block;color:#607b72}li button{padding:4px 10px;min-height:36px}a{color:#087e72;font-weight:600;line-height:2}footer{font-size:13px;line-height:1.7;color:#718780;padding:12px}#notice{color:#9c352c;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:440px){main{margin:16px auto}section{padding:20px}h1{font-size:24px}header{gap:10px}header button{font-size:12px;padding:8px}.mark{padding:10px 14px}}