:root{--bg:#0e1116;--card:#171b22;--line:#2a303a;--control:#3a414d;--soft:#252a33;--text:#f2f4f7;--dim:#a3abb8;--accent:#c8f31d}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.4 Manrope,system-ui,sans-serif}#root{min-height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,p{margin:0}#app{flex-direction:column;gap:12px;max-width:560px;min-height:100%;margin:0 auto;padding:20px 16px 88px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand b{letter-spacing:.14em;font-size:17px;font-weight:800}h1{letter-spacing:-.01em;font-size:26px;font-weight:800}h2{font-size:15px;font-weight:800}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--dim);font-size:12px;font-weight:600}input{border:1px solid var(--control);background:var(--card);width:100%;height:44px;color:var(--text);font:inherit;border-radius:12px;padding:0 14px;font-size:15px}input::placeholder{color:#8791a0}.chips{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.chip{background:var(--card);border:1px solid var(--control);border-radius:22px;flex:none;height:44px;padding:0 14px;font-weight:600}.chip[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;width:100%;padding:14px;display:flex}.top{color:var(--dim);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.pill{border-radius:10px;flex:none;padding:3px 9px;font-weight:700}.ready{color:#9cc0ff;background:#1d2b45}.sent{color:#ffc56b;background:#3a2a10}.won{color:#7be0ae;background:#15352a}.none{background:var(--line);color:#c4cbd6}.name{font-size:16px;font-weight:700;line-height:1.3}.dim{color:var(--dim);font-size:13px}.empty{text-align:center;color:var(--dim);margin:32px 0}.head{align-items:center;gap:4px;margin:-12px -8px 0;display:flex}.head .title{font-size:17px;font-weight:700}.head .count{color:var(--dim);margin-left:auto;padding-right:8px;font-size:13px}.back{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.text{white-space:pre-line;overflow-wrap:anywhere}.warn{color:#ffc56b;background:#3a2a10;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:600}.sort{justify-content:space-between;align-items:center;display:flex}.sort div{display:flex}.sort button{height:44px;color:var(--dim);padding:0 8px;font-weight:700}.sort button[aria-pressed=true]{color:var(--accent)}.group{flex-direction:column;gap:8px;display:flex}.carbox{background:var(--card);border:1.5px solid var(--line);border-radius:16px;align-items:stretch;display:flex}.carbox.on{border-color:var(--accent)}.car{text-align:left;flex:1;gap:12px;min-width:0;padding:10px;display:flex}.check{flex:none;justify-content:center;align-items:center;width:48px;display:flex}.check i{width:24px;height:24px;color:var(--bg);border:1.5px solid #6b7482;border-radius:7px;justify-content:center;align-items:center;display:flex}.check[aria-pressed=true] i{background:var(--accent);border-color:var(--accent)}.thumb{background:var(--soft);object-fit:cover;width:92px;height:72px;color:var(--dim);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:12px;display:flex}.info{flex-direction:column;gap:2px;min-width:0;display:flex}.price{font-size:16px;font-weight:800}.text-main{color:var(--text)}.model{overflow-wrap:anywhere;font-size:13px;font-weight:600}.small{color:var(--dim);font-size:12px}.tag{align-self:flex-start;margin-top:2px;font-size:11px}.hero{background:var(--soft);object-fit:cover;width:100%;height:220px;color:var(--dim);border-radius:16px;justify-content:center;align-items:center;display:flex}.strip{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.strip button{flex:none}.strip-photo{object-fit:cover;background:var(--soft);width:84px;height:62px;color:var(--dim);border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex}.big{font-size:24px;font-weight:800}.rows{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:4px 14px}.row{border-bottom:1px solid var(--soft);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.row:last-child{border-bottom:0}.row span:first-child{color:var(--dim)}.row span:last-child{text-align:right;font-weight:700}.main{width:100%;height:52px;color:var(--bg);background:var(--accent);border-radius:14px;font-size:16px;font-weight:800}.main:disabled{opacity:.55}.second{border:1px solid var(--control);border-radius:14px;width:100%;height:48px;font-weight:700}.bar{padding:10px 16px calc(16px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bar .main{max-width:528px}.toast{color:#fff;text-align:left;background:#2a303a;border-radius:14px;max-width:528px;margin:0 auto;padding:12px 14px;font-weight:600;position:fixed;bottom:96px;left:16px;right:16px}.reset{height:44px;color:var(--dim);margin-left:auto;padding:0 8px;font-weight:700}.reset:disabled{opacity:.45}.edit{border:1px solid var(--control);height:44px;color:var(--text);border-radius:12px;padding:0 14px;font-weight:700}.preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sheet{color:#14171c;background:#fefefe;border-radius:12px;flex-direction:column;gap:8px;height:214px;padding:12px;font-size:11px;line-height:1.3;display:flex;overflow:hidden}.sheet img,.sheet-photo{object-fit:cover;color:#4d5461;background:#dfe2e7;border-radius:6px;justify-content:center;align-items:center;width:100%;height:96px;display:flex}.sheet p{white-space:pre-line;color:#4d5461;height:96px;overflow:hidden}.sheet small{color:#4d5461;margin-top:auto;font-size:12px}.strong{height:48px;font-size:18px;font-weight:800}.extra{align-items:center;gap:8px;display:flex}.extra input{flex:1;min-width:0;padding:0 12px;font-size:14px}.extra .sum{text-align:right;flex:none;width:112px;font-weight:700}.extra .back{color:var(--dim);flex:none}.link{height:44px;color:var(--accent);font-weight:700}.section-title{color:var(--text);font-size:15px;font-weight:800}textarea{border:1px solid var(--control);background:var(--bg);width:100%;height:136px;color:var(--text);font:inherit;resize:none;border-radius:12px;padding:10px 12px}textarea::placeholder{color:#8791a0}.over{color:#ff9478}.pair{gap:8px;display:flex}.pair .second{flex:1;font-size:13px}.shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.shot{background:var(--soft);height:76px;color:var(--dim);touch-action:manipulation;border:2px solid #0000;border-radius:10px;font-size:12px;position:relative;overflow:hidden}.shot.on{border-color:var(--accent)}.shot.dragging{z-index:2;opacity:.85}.shot img,.spare img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.shot em{background:var(--bg);color:#fff;border-radius:6px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:4px;left:4px}.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.four .second{border-radius:10px;height:44px;padding:0;font-size:12px}.spare{width:92px;height:66px;color:var(--dim);border:1px dashed #6b7482;border-radius:10px;flex:none;font-size:12px;overflow:hidden}.small-gap{margin:4px 0;font-size:13px}nav{background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{max-width:280px;height:56px;color:var(--dim);flex:1;font-weight:800}nav button[aria-pressed=true]{color:var(--accent)}
