[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:#f6f6f8;color:#202127;font:16px/1.5 system-ui,sans-serif;padding-bottom:96px}
header,main,footer{max-width:640px;margin:auto;padding:14px 16px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ddd}header b{font-size:18px}
header select{width:auto;max-width:45%}h1{font-size:24px;margin:8px 0}h2{font-size:18px;margin:22px 0 8px}
button,input,select,textarea{font:inherit;min-height:44px;border-radius:10px;border:1px solid #c9cbd2;padding:9px 12px;max-width:100%}
input,select,textarea{background:#fff;color:inherit;width:100%}button{background:#345abe;color:#fff;border-color:transparent;cursor:pointer}button.ghost{background:transparent;color:inherit;border-color:#c9cbd2}
button:disabled{opacity:.55}.hint{color:#666b78;font-size:14px}#message:empty{display:none}#message{padding:12px;background:#fff0c8;border-radius:10px;margin:8px 0}
.item{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #dedee5;border-radius:14px;padding:12px 14px;margin:8px 0}
.item .t{flex:1;min-width:0}.item img.ph{width:64px;height:64px;object-fit:cover;border-radius:10px;flex:none;align-self:flex-start}
.sizes{display:grid;gap:6px;margin-top:8px}.size{display:flex;align-items:center;gap:10px}.size .zl{min-width:2.5em;font-weight:600}.size .p{flex:1}
.sums p{margin:4px 0}.sums .big{font-size:20px;font-weight:700}
.pay{border-top:1px solid #dedee5;margin-top:12px;padding-top:4px}.pay .paybtn{display:block;text-align:center;background:#345abe;color:#fff;border-radius:10px;padding:11px 12px;margin:8px 0;text-decoration:none;font-weight:600}
.pay .zelle button{min-height:34px;padding:4px 10px}.pay .pick{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pay .pick p{width:100%;margin:6px 0 0}.claimed{background:#e6f4ea;padding:10px 12px;border-radius:10px}.item .t b{display:block}.item .t small{color:#666b78;display:block}.item .p{font-variant-numeric:tabular-nums;white-space:nowrap}
.qty{display:flex;align-items:center;gap:6px}.qty button{width:40px;padding:0;font-size:20px}.qty span{min-width:22px;text-align:center;font-weight:700}
.bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #dedee5;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.bar div{max-width:640px;margin:auto;display:flex;gap:12px;align-items:center}.bar b{flex:1}
form{display:grid;gap:12px;background:#fff;border:1px solid #dedee5;border-radius:14px;padding:16px}label{display:grid;gap:5px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.status{background:#fff;border:1px solid #dedee5;border-radius:14px;padding:16px;margin:12px 0}.status .big{font-size:28px;font-weight:700;margin:4px 0}
.steps{display:flex;gap:6px;margin:10px 0}.steps span{flex:1;height:6px;border-radius:3px;background:#dedee5}.steps span.on{background:#2e8b57}
.paused{background:#fde2e1;padding:12px;border-radius:10px}.past a{display:block;padding:8px 0;color:#345abe}
@media(prefers-color-scheme:dark){.claimed{background:#1f3a28}.pay{border-color:#454b5b}body{background:#15171c;color:#eceef5}header{border-color:#363a46}.item,form,.status,.bar,input,select,textarea{background:#20232b;border-color:#454b5b}.hint,.item .t small{color:#b3b8c6}#message{background:#443b22}.paused{background:#4a2423}}