@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Source+Code+Pro:wght@300;400;500;600&family=Fira+Code:wght@400;500&display=swap";:root{--bg: #F7F5F2;--surface: #FFFFFF;--surface-hover: #FDFCFB;--surface-stripe: #FAF9F7;--border: #E8E4DE;--border-strong: #C8C0B4;--text: #1A1814;--text-sub: #5C5650;--text-muted: #9C9690;--text-faint: #C4BFB8;--accent: #D97A73;--accent-light: #F2C7C5;--accent-dark: #A85A54;--accent-tint: rgb(217 122 115 / 6%);--green: #5A8A6A;--green-bg: #EEF5F0;--red: #B35650;--red-bg: #FAF0EF;--amber: #A07830;--amber-bg: #FBF5EC;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgb(26 24 20 / 4%);--shadow-md: 0 1px 3px rgb(26 24 20 / 4%), 0 6px 20px rgb(26 24 20 / 5%);--shadow-focus: 0 0 0 3px var(--accent-light);--ease: cubic-bezier(.4, 0, .2, 1);--transition-fast: .12s var(--ease);--transition-base: .18s var(--ease);--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Source Code Pro", "Helvetica Neue", Arial, sans-serif;--font-mono: "Fira Code", "IBM Plex Mono", "SF Mono", monospace;--color-background-primary: var(--surface);--color-background-secondary: var(--surface-stripe);--color-text-primary: var(--text);--color-text-secondary: var(--text-sub);--color-text-muted: var(--text-muted);--color-text-faint: var(--text-faint);--color-border: var(--border);--color-accent: var(--accent);--color-accent-light: var(--accent-light);--color-accent-dark: var(--accent-dark);--color-green: var(--green);--color-green-bg: var(--green-bg);--color-red: var(--red);--color-red-bg: var(--red-bg);--color-amber: var(--amber);--color-amber-bg: var(--amber-bg)}:root,.theme-dark{--bg: #36251d;--surface: #40291f;--surface-hover: #4a3025;--surface-stripe: #2c1c14;--border: #56392c;--border-strong: #6b5d53;--text: #f4f0ea;--text-sub: #d8cec4;--text-muted: #cbbfb4;--text-faint: #8a7a6e;--accent: #e03927;--accent-light: #f0a89e;--accent-dark: #ff5540;--accent-tint: rgb(224 57 39 / 10%);--green: #7cbf8e;--green-bg: rgb(90 138 106 / 28%);--red: #f0a89e;--red-bg: rgb(224 57 39 / 22%);--amber: #d9b46a;--amber-bg: rgb(160 120 48 / 28%);--shadow-sm: 0 1px 2px rgb(0 0 0 / 20%);--shadow-md: 0 1px 3px rgb(0 0 0 / 25%), 0 6px 20px rgb(0 0 0 / 30%);--shadow-focus: 0 0 0 3px var(--accent-light)}.theme-light{--bg: #F7F5F2;--surface: #FFFFFF;--surface-hover: #FDFCFB;--surface-stripe: #FAF9F7;--border: #E8E4DE;--border-strong: #C8C0B4;--text: #1A1814;--text-sub: #5C5650;--text-muted: #9C9690;--text-faint: #C4BFB8;--accent: #D97A73;--accent-light: #F2C7C5;--accent-dark: #A85A54;--accent-tint: rgb(217 122 115 / 6%);--green: #5A8A6A;--green-bg: #EEF5F0;--red: #B35650;--red-bg: #FAF0EF;--amber: #A07830;--amber-bg: #FBF5EC;--shadow-sm: 0 1px 2px rgb(26 24 20 / 4%);--shadow-md: 0 1px 3px rgb(26 24 20 / 4%), 0 6px 20px rgb(26 24 20 / 5%);--shadow-focus: 0 0 0 3px var(--accent-light)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.55;background-image:linear-gradient(to bottom,var(--accent-tint) 0%,transparent 240px)}::selection{background:var(--accent-light);color:var(--accent-dark)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.app{display:flex;flex-direction:column;min-height:100%;width:100%;max-width:460px;margin:0 auto;padding:24px 16px}.manual-card,.search-field__row,.product-empty{max-width:100%}.app__header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.app__title{margin:0;font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.015em;color:var(--text)}.page{display:flex;flex-direction:column;flex:1}.page__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.page__hint{color:var(--text-muted);font-size:13px;margin:0 0 24px}.search-field{margin-bottom:28px}.search-field__label{display:block;margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.search-field__row{display:flex;gap:10px;max-width:560px}.manual-card{max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base)}.manual-card:hover{box-shadow:var(--shadow-md),0 10px 28px #1a18140f}.mono{font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;color:var(--text-sub)}input,textarea{-webkit-user-select:text;user-select:text}.product-card{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:420px;margin:0 auto;padding:24px 20px 32px}.product-card__image-wrap{width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;margin:0 0 20px;background-color:var(--surface)}.product-card__image{width:100%;height:100%;object-fit:cover;display:block}.product-card__image-wrap--logo{display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.product-card__name{font-family:var(--font-body);font-size:22px;font-weight:400;color:var(--text);line-height:1.3;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.product-card__sizes{font-family:var(--font-body);font-size:13px;color:var(--text-muted);margin:0 0 14px}.product-card__sizes-label{display:block;margin-bottom:4px}.product-card__price{display:inline-block;align-self:flex-start;font-family:var(--font-body);font-size:32px;font-weight:600;letter-spacing:.02em;color:#fff;background:var(--accent);padding:10px 22px;border-radius:var(--radius-md);margin:0 0 32px;white-space:nowrap;font-variant-numeric:tabular-nums}.product-card__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.product-card__ref{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-faint);margin:0}.product-card__thumb{flex-shrink:0;width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--surface);box-shadow:var(--shadow-sm)}.product-card__thumb-image{width:100%;height:100%;object-fit:cover;display:block}.product-card__thumb--logo{border:1px solid var(--border)}.product-card__thumb--logo .logo-placeholder{font-family:var(--font-display);font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--text-faint)}.product-card__status{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:99px;margin-top:10px}.product-card__status--available{color:var(--green);background:var(--green-bg)}.product-card__status--unavailable{color:var(--red);background:var(--red-bg)}.product-empty{width:100%;max-width:420px;margin:0 auto;text-align:center;padding:48px 24px;color:var(--text-muted)}.product-empty__title{font-family:var(--font-display);font-size:20px;color:var(--text);margin:0 0 8px}.product-empty__hint{font-size:13px;color:var(--text-muted)}.not-found__link{align-self:flex-start;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-light);padding-bottom:2px;transition:color var(--transition-fast),border-color var(--transition-fast)}.not-found__link:hover{color:var(--accent-dark);border-color:var(--accent-dark)}.not-found__link:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.search-field__row{flex-direction:column;align-items:stretch}.search-field__row input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:16px;color:var(--text);background:var(--surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-field__row input:hover{border-color:var(--border-strong)}.search-field__row input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.search-field__row button{width:100%;padding:13px 22px;border:none;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.search-field__row button:hover{background:var(--accent-dark)}.search-field__row button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media (min-width: 480px){.search-field__row{flex-direction:row}.search-field__row button{width:auto}}