:root{--bg: #ffffff;--surface: #ffffff;--border: #e6e6e6;--text: #000000;--muted: #8e8e93;--disabled: #c7c7cc;--old-price: #8e8e93;--success: #31bd54;--shadow: 0 6px 12px rgba(0, 0, 0, .16);--shadow-soft: 0 2px 4px rgba(0, 0, 0, .1), 0 7px 7px rgba(0, 0, 0, .06);color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}:root[data-theme=dark]{--bg: #000000;--surface: #1c1c1e;--border: #38383a;--text: #ffffff;--muted: #8e8e93;--disabled: #48484a;--old-price: #8e8e93;--success: #2fcc56;--shadow: 0 6px 12px rgba(0, 0, 0, .6);--shadow-soft: 0 2px 6px rgba(0, 0, 0, .5);color-scheme:dark}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}.scheme{position:relative;width:100%;height:100%;overflow:hidden}.scheme__canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.scheme__message{padding:32px;text-align:center;color:var(--muted);font-weight:500}.legend{position:absolute;top:6px;left:0;right:0;z-index:9;display:flex;gap:8px;padding:8px;overflow-x:auto;scrollbar-width:none}.legend::-webkit-scrollbar{display:none}.legend__item{display:inline-flex;align-items:center;flex-shrink:0;gap:8px;height:34px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-weight:500;white-space:nowrap;box-shadow:var(--shadow-soft)}.legend__item--selected{color:#fff}.legend__dot{width:12px;height:12px;border-radius:50%}.legend__old-price{font-size:11px;color:var(--old-price)}.badge{display:inline-block;padding:2px 6px;border-radius:10px;background:var(--success);color:#fff;font-size:11px;font-weight:700}.zoom{position:absolute;right:16px;top:50%;transform:translateY(-75%);z-index:10;display:flex;flex-direction:column;gap:8px}.zoom button{width:48px;height:48px;border:0;border-radius:50%;background:var(--surface);color:var(--text);font-size:22px;box-shadow:var(--shadow-soft)}.popover{position:absolute;z-index:20;transform:translate(-50%,calc(-100% - 12px));padding:12px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow);font-size:14px;font-weight:600;text-align:center;white-space:nowrap}.popover__title{display:flex;align-items:center;justify-content:center;gap:8px}.popover__muted{color:var(--muted)}.popover__counter{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}.popover__counter button{width:32px;height:32px;border:0;border-radius:50%;background:transparent;font-size:20px}.popover__counter button:disabled{color:var(--disabled);cursor:default}.debug{position:fixed;left:0;right:0;bottom:0;height:55vh;z-index:100;background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow);font-size:12px;transition:transform .3s ease}.debug--closed{transform:translateY(100%)}.debug__tab{position:absolute;top:-28px;right:12px;display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--border);border-bottom:0;border-radius:10px 10px 0 0;background:var(--surface);color:var(--text);font-size:12px}.debug__chevron{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .3s ease}.debug--closed .debug__chevron{transform:rotate(-135deg) translate(-2px,-2px)}.debug__body{height:100%;overflow:auto;padding:8px 12px 16px;box-sizing:border-box}.debug h4{margin:10px 0 4px;color:var(--muted);font-size:11px;text-transform:uppercase}.debug dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0}.debug dt{color:var(--muted)}.debug dd{margin:0}.debug pre{margin:0;white-space:pre-wrap;word-break:break-all;font:11px ui-monospace,monospace}.debug__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.debug__actions button{padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.debug__log{margin:0;padding:0;list-style:none;font:11px ui-monospace,monospace}.debug__log li{padding:3px 0;border-bottom:1px solid var(--border)}.debug__dir--in{color:var(--success)}.debug__dir--out{color:#08f}.debug__time{margin:0 6px;color:var(--muted)}
