:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;background:#f5f6f7}*{box-sizing:border-box}body{min-width:320px;margin:0;background:#f5f6f7}button,input,select,textarea{font:inherit}main{max-width:520px;min-height:100vh;margin:0 auto;padding:18px 14px 32px}header{position:relative;padding:10px 8px 18px;text-align:center}.create-header{min-height:58px}h1{margin:0 0 6px;color:#1f2023;font-size:21px;font-weight:600}header p{margin:0 0 7px;color:#787b80;font-size:13px}header small{color:#9a9ca1;font-size:12px}.mode-trigger{position:absolute;top:8px;left:0;padding:4px 0;color:#e8ae19;font-size:13px;font-weight:600;background:transparent;border:0}.close-trigger{position:absolute;top:8px;right:0;padding:4px 0;color:#32a866;font-size:13px;font-weight:600;background:transparent;border:0}.mode-panel{position:absolute;z-index:5;top:34px;left:0;width:196px;overflow:hidden;text-align:left;background:#fff;border-radius:9px;box-shadow:0 6px 18px #0002;animation:mode-slide-down .18s ease-out}.mode-panel>button{display:block;width:100%;padding:11px 13px;color:#55585d;font-size:14px;text-align:left;background:transparent;border:0}.mode-panel>button.active{color:#e8ae19;font-weight:600;background:#fff9e9}@keyframes mode-slide-down{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.packet-form,.claim-card{padding:0}.group-context{margin:0 0 10px;padding:12px 14px;color:#6d7076;font-size:13px;background:#fff;border-radius:8px}.settings,.cover-setting,.cover-preview{overflow:hidden;background:#fff;border-radius:8px}.setting-row{display:flex;align-items:center;min-height:53px;margin:0 14px;color:#282a2e;border-bottom:1px solid #f0f1f2}.setting-row:last-child{border-bottom:0}.issue-amount-hint{margin:-3px 14px 5px;padding:0 0 10px;color:#8b8e94;font-size:12px;line-height:1.45;text-align:right;border-bottom:1px solid #f0f1f2}.setting-row>span{flex:0 0 92px;font-size:15px}.setting-row>input:not(.switch),.setting-row select{min-width:0;flex:1;padding:0;color:#24262a;text-align:right;background:transparent;border:0;outline:0}.setting-row>input:not(.switch)::placeholder{color:#b7b9bd}.setting-row em{min-width:38px;margin-left:7px;color:#777a80;font-style:normal;font-size:14px;text-align:right}.rule-description-row{align-items:flex-start;min-height:94px;padding:13px 0}.rule-description-row textarea{width:100%;min-height:68px;padding:0;color:#24262a;line-height:1.45;resize:none;background:transparent;border:0;outline:0}.rule-description-row textarea::placeholder{color:#b7b9bd}.balance-hint{margin:8px 10px 18px;color:#9a9ca1;font-size:14px}.select-row select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;color:#6e7177;direction:ltr;text-align:center;text-align-last:center}.select-row select option{text-align:center}.switch-row{justify-content:space-between}.switch-row .switch{position:relative;width:43px;height:24px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#d9dce1;border-radius:12px;outline:none;transition:background .2s}.switch-row .switch:after{position:absolute;top:3px;left:3px;width:18px;height:18px;content:"";background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .2s}.switch-row .switch:checked{background:#2f8cff}.switch-row .switch:checked:after{transform:translate(19px)}.cover-setting{display:flex;align-items:center;justify-content:space-between;min-height:76px;margin-top:11px;padding:12px 14px}.cover-setting strong{display:block;font-size:15px;font-weight:400}.cover-setting p{margin:5px 0 0;color:#a0a3a8;font-size:12px}.cover-picker{padding:8px 11px;color:#377fd5;font-size:13px;border:1px solid #b8d5f8;border-radius:5px;cursor:pointer}.cover-picker input{display:none}.cover-preview{display:flex;align-items:center;gap:9px;margin-top:1px;padding:10px 14px}.cover-preview img{width:48px;height:36px;object-fit:cover;border-radius:4px}.cover-preview span{overflow:hidden;flex:1;color:#74777c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.cover-preview button{padding:4px;color:#e25d5d;background:transparent;border:0}.hint{margin:12px 3px 18px;color:#a0a3a8;font-size:12px;line-height:1.6}.submit-button,.claim-card button{width:100%;min-height:47px;color:#fff;font-weight:500;background:#2f8cff;border:0;border-radius:7px}button:disabled{opacity:.55}.message{margin:14px 3px;color:#df5555;font-size:13px;text-align:center}.claim-card{padding:20px 16px;background:#fff;border-radius:8px}.claim-card>p:first-child{margin:0 0 20px;color:#53565b;line-height:1.7}.claim-card .claim-title{margin:0 0 18px;color:#d93a33;font-size:22px;font-weight:700;text-align:center}.claim-card .claim-result-amount{margin:0 0 16px;color:#d93a33;font-size:34px;font-weight:700;line-height:1.1;text-align:center}.claim-card .claim-result-amount small{font-size:15px}.claim-result-mask{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000009e}.claim-result{width:min(270px,100%);padding:34px 28px 25px;color:#fff;text-align:center;background:linear-gradient(145deg,#8d19cd,#451183);border-radius:14px;box-shadow:0 14px 36px #00000059}.claim-result p{margin:0 0 15px;font-size:15px}.claim-result strong{display:block;margin-bottom:25px;color:#ffe166;font-size:38px;line-height:1}.claim-result strong small{font-size:15px}.claim-result button{width:100%;min-height:42px;color:#805010;font-weight:600;background:linear-gradient(#fff29a,#ffc93c);border:0;border-radius:22px}
