:root{--teal: #0f4c4c;--teal-deep: #0a3a3a;--teal-line: #1c6666;--accent: #ffb703;--accent-press: #e0a000;--bg: #0b1414;--card: #14201f;--card-hi: #1b2b2a;--text: #f2f7f6;--muted: #8fb0ad;--danger: #ff6b6b;--danger-bg: #4a1e1e;--ok: #4ade80;--touch: 48px;--radius: 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:18px;overscroll-behavior-y:none}.app{display:flex;flex-direction:column;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.status-strip{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--touch);padding:10px 16px;background:var(--teal-deep);border:none;border-bottom:1px solid var(--teal-line);color:var(--text);font-size:16px;text-align:left}.status-strip__label{font-weight:600}.status-strip__gear{margin-left:auto;font-size:22px;opacity:.8}.dot{width:14px;height:14px;border-radius:50%;flex:none}.dot--online{background:var(--ok);box-shadow:0 0 8px var(--ok)}.dot--offline{background:var(--danger)}.dot--unknown{background:var(--muted)}.media-badge{margin-left:auto;padding:4px 10px;border-radius:999px;background:var(--teal);border:1px solid var(--teal-line);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.status-strip__gear+.media-badge,.media-badge+.status-strip__gear{margin-left:10px}.screen{display:flex;flex-direction:column;flex:1;min-height:0}.tabs{display:flex;gap:0;padding:12px 12px 0}.tab{flex:1;min-height:56px;border:1px solid var(--teal-line);background:var(--card);color:var(--muted);font-size:20px;font-weight:800;letter-spacing:1px}.tab:first-child{border-radius:var(--radius) 0 0 0}.tab:last-child{border-radius:0 var(--radius) 0 0;border-left:none}.tab--active{background:var(--teal);color:#fff;border-color:var(--accent)}.search-wrap{position:relative;padding:12px}.search-box{font-size:22px;min-height:60px;padding-right:52px}.search-clear{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:var(--card-hi);color:var(--text);font-size:26px;line-height:1}.input{width:100%;min-height:var(--touch);padding:12px 14px;border-radius:12px;border:1px solid var(--teal-line);background:var(--card);color:var(--text);font-size:18px}.input:focus{outline:2px solid var(--accent);outline-offset:0}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:20px}.results{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 12px 24px}.empty{color:var(--muted);text-align:center;padding:32px 16px;font-size:17px}.empty--error{color:var(--danger)}.row{background:var(--card);border:1px solid var(--teal-line);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.row--expanded{border-color:var(--accent)}.row__head{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:14px 16px;background:transparent;border:none;color:var(--text);text-align:left}.row__thumb{width:52px;height:52px;flex:none;border-radius:10px}.row__text{flex:1;min-width:0}.row__sku{font-size:19px;font-weight:800;letter-spacing:.5px}.row__name{font-size:16px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__hint{margin-top:3px;font-size:13px;color:var(--accent)}.row__price{font-size:20px;font-weight:700;white-space:nowrap}.row__detail{padding:6px 16px 18px;border-top:1px solid var(--teal-line);display:flex;flex-direction:column;gap:16px}.row__detail-img{display:flex;justify-content:center}.detail-img{width:180px;height:180px;border-radius:12px}.img{object-fit:cover;background:var(--card-hi)}.img-placeholder{background:repeating-linear-gradient(45deg,#223,#223 8px,#1a2a2a 8px,#1a2a2a 16px);border-radius:10px}.row__thumb.img-placeholder{width:52px;height:52px}.detail-img.img-placeholder{width:180px;height:180px}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.stepper{display:flex;align-items:center;gap:8px}.stepper__btn{width:56px;height:56px;border-radius:12px;border:1px solid var(--teal-line);background:var(--card-hi);color:var(--text);font-size:30px;font-weight:700}.stepper__btn:disabled{opacity:.35}.stepper__value{min-width:64px;text-align:center;font-size:28px;font-weight:800}.label-preview{background:#fff;border-radius:10px;min-height:96px;display:flex;align-items:center;justify-content:center;padding:10px}.label-preview img{max-width:100%;height:auto}.label-preview__loading,.label-preview__error{color:#444;font-size:15px}.label-preview__error{color:#a11}.btn{border:none;border-radius:12px;font-size:18px;font-weight:700;min-height:var(--touch);padding:12px 18px;color:var(--text);background:var(--card-hi)}.btn--primary{background:var(--accent);color:#221800}.btn--primary:active{background:var(--accent-press)}.btn--primary:disabled{background:#5a5334;color:#322;opacity:.7}.btn--xl{min-height:64px;font-size:22px;width:100%}.btn--ghost{background:transparent;border:1px solid var(--teal-line);color:var(--text)}.btn--sm{min-height:40px;font-size:15px;padding:6px 12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a0adb;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.sheet{width:100%;max-width:640px;max-height:92vh;overflow-y:auto;background:var(--card);border-radius:20px 20px 0 0;border-top:2px solid var(--accent);padding:20px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.sheet__header{display:flex;align-items:center;justify-content:space-between}.sheet__header h2{margin:0;font-size:24px}.sheet__section{border-top:1px solid var(--teal-line);padding-top:16px;display:flex;flex-direction:column;gap:12px}.sheet__section-head{display:flex;align-items:center;justify-content:space-between}.sheet__section-head h3{margin:0;font-size:18px}.kv{margin:0;display:grid;gap:10px}.kv>div{display:flex;justify-content:space-between;gap:12px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600;text-align:right}.muted{color:var(--muted)}.overlay:has(.swap-card){align-items:center;padding:20px}.swap-card{background:var(--card);border:2px solid var(--accent);border-radius:20px;padding:28px 24px calc(24px + env(safe-area-inset-bottom));width:100%;max-width:560px;text-align:center;display:flex;flex-direction:column;gap:18px}.swap-card__roll{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:34px;font-weight:800;color:var(--accent);word-break:break-word}.swap-card__msg{margin:0;font-size:22px;line-height:1.4}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:90%;padding:16px 22px;border-radius:14px;font-size:18px;font-weight:700;z-index:60;box-shadow:0 8px 30px #00000080}.toast--success{background:var(--ok);color:#06240f}.toast--error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}