:root{--velvet: #17141a;--tray: #211c28;--tray-2: #2a2433;--hairline: #38303f;--ink: #efeaf2;--ink-dim: #a89fb3;--amethyst: #9d7bd8;--amethyst-deep: #6f4fb0;--tiger: #c9a15c;--jade: #6faf8f;--coral: #e0705f;--r: 14px;--display: "Prata", serif;--body: "Manrope", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--velvet);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}#root{min-height:100%;display:flex;flex-direction:column}.screen{flex:1;padding:18px 16px calc(76px + env(safe-area-inset-bottom));overflow-y:auto}h1.title{font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:.01em;margin-bottom:4px}.subtitle{color:var(--ink-dim);font-size:13px;margin-bottom:18px}.money{font-family:var(--display);color:var(--tiger);font-variant-numeric:tabular-nums}.card{background:var(--tray);border:1px solid var(--hairline);border-radius:var(--r);padding:14px}button{font-family:var(--body);border:none;cursor:pointer}.btn{display:block;width:100%;background:var(--amethyst);color:#14101a;font-weight:700;font-size:15px;padding:14px;border-radius:var(--r);transition:transform .06s ease,opacity .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn.ghost{background:var(--tray-2);color:var(--ink)}.btn.small{width:auto;padding:8px 14px;font-size:13px;border-radius:10px}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:#17141af0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--hairline);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;background:none;color:var(--ink-dim);padding:10px 0 8px;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px}.tab .ico{font-size:19px;line-height:1}.tab.active{color:var(--amethyst)}.stock-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stone-tile{background:var(--tray);border:1px solid var(--hairline);border-radius:var(--r);padding:12px;text-align:left;color:var(--ink);position:relative}.stone-tile.low{border-color:var(--coral)}.stone-tile.low:after{content:"мало";position:absolute;top:8px;right:8px;background:var(--coral);color:#14101a;font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px}.swatch{width:34px;height:34px;border-radius:50%;margin-bottom:8px;box-shadow:inset -4px -5px 8px #00000073,inset 3px 4px 6px #ffffff38}.stone-name{font-weight:600;font-size:13.5px}.stone-meta{color:var(--ink-dim);font-size:12px;margin-top:2px}.stone-qty{margin-top:6px;font-size:15px;font-weight:700}.stone-qty.low-num{color:var(--coral)}.bracelet-wrap{display:flex;justify-content:center;padding:6px 0 2px}.bracelet-hint{text-align:center;color:var(--ink-dim);font-size:12.5px;margin-bottom:14px}.picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pick{background:var(--tray);border:1px solid var(--hairline);border-radius:12px;padding:10px 4px 8px;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;line-height:1.15;text-align:center}.pick .swatch{width:30px;height:30px;margin:0}.pick.sel{border-color:var(--amethyst);background:var(--tray-2)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--tray);border:1px solid var(--hairline);color:var(--ink);padding:9px 16px;border-radius:99px;font-size:14px;font-weight:600}.chip.sel{background:var(--amethyst);border-color:var(--amethyst);color:#14101a}.stepper{display:flex;align-items:center;gap:14px;justify-content:center}.stepper button{width:46px;height:46px;border-radius:50%;background:var(--tray-2);color:var(--ink);font-size:22px;border:1px solid var(--hairline)}.stepper .num{font-family:var(--display);font-size:30px;min-width:64px;text-align:center}.section-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:18px 0 8px}.comp-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--hairline)}.comp-row .swatch{width:22px;height:22px;margin:0;flex:none}.comp-row .grow{flex:1;font-size:13.5px}.comp-row .del{background:none;color:var(--ink-dim);font-size:17px;padding:4px 8px}.cost-panel{position:fixed;left:10px;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));background:var(--tray-2);border:1px solid var(--hairline);border-radius:var(--r);padding:12px 14px;box-shadow:0 -8px 28px #00000073}.cost-line{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-dim);padding:1.5px 0}.cost-line.total{font-size:15px;color:var(--ink);border-top:1px solid var(--hairline);margin-top:6px;padding-top:7px}.cost-line .money{font-size:1.1em}.profit-line{color:var(--jade);font-weight:700}.offer{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--hairline)}.badge-stale{background:var(--tray-2);border:1px solid var(--tiger);color:var(--tiger);font-size:10px;padding:2px 7px;border-radius:99px;margin-left:6px}.badge-best{background:var(--jade);color:#14101a;font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px;margin-left:6px}.sheet-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a080c99;z-index:40}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--tray);border-radius:20px 20px 0 0;border-top:1px solid var(--hairline);padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:82vh;overflow-y:auto;animation:rise .22s ease}@keyframes rise{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.sheet{animation:none}}.sheet h3{font-family:var(--display);font-weight:400;font-size:19px;margin-bottom:12px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--ink-dim);margin-bottom:5px}.field input{width:100%;background:var(--velvet);border:1px solid var(--hairline);border-radius:10px;color:var(--ink);padding:11px 12px;font-size:15px;font-family:var(--body)}.field input:focus{outline:2px solid var(--amethyst);outline-offset:-1px}.empty{text-align:center;color:var(--ink-dim);padding:48px 24px;font-size:14px}.empty .big{font-size:40px;display:block;margin-bottom:12px}.alert-box{background:#e0705f1f;border:1px solid var(--coral);border-radius:var(--r);padding:12px;font-size:13px;margin-top:12px}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:60;background:var(--tray-2);border:1px solid var(--hairline);border-radius:12px;padding:10px 18px;font-size:13.5px;box-shadow:0 8px 24px #00000080}.row{display:flex;gap:10px}.row>*{flex:1}.mat-row{display:flex;align-items:center;gap:10px;width:100%;background:none;color:var(--ink);text-align:left;padding:10px 2px;border-bottom:1px solid var(--hairline);font-size:13.5px}.mat-row .grow{flex:1}.mat-row .swatch{margin:0;flex:none}.mat-meta{color:var(--ink-dim);font-size:12px;white-space:nowrap}.tag-mine{background:var(--amethyst);color:#14101a;font-size:9.5px;font-weight:700;padding:1.5px 6px;border-radius:99px;margin-left:6px;vertical-align:1px}.supplier-card{text-decoration:none;color:var(--ink);display:block}