:root{--color-ink: #111827;--color-ink-muted: #6b7280;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #f3f4f6;--color-surface-overlay: rgba(0, 0, 0, .9);--color-line: rgba(0, 0, 0, .08);--color-line-strong: rgba(0, 0, 0, .16);--color-accent: #111827;--color-accent-hover: #374151;--color-accent-light: #f3f4f6;--color-accent-2: #3b5d4a;--color-accent-3: #d4a853;--color-focus: #111827;--color-success: #16a34a;--color-warning: #d97706;--color-error: #dc2626;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--text-hero: clamp(4.5rem, 8vw, 6.5rem);--text-h1: clamp(3rem, 5vw, 4.5rem);--text-h2: clamp(2rem, 3.5vw, 3rem);--text-h3: clamp(1.5rem, 2.2vw, 2rem);--text-body-lg: 1.375rem;--text-body: 1.25rem;--text-small: 1.125rem;--text-micro: 1rem;--font-display: system-ui, sans-serif;--font-body: system-ui, sans-serif;--font-mono: "Courier New", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-none: none;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--page-width: min(100% - 2.5rem, 75rem);--copy-width: min(100% - 2.5rem, 45rem);--wide-width: min(100% - 2.5rem, 87.5rem);--gutter: clamp(1rem, 2vw, 2rem);--nav-height: 4.5rem}:root{--font-display: "FH Oscar", system-ui, sans-serif;--font-body: "FH Oscar", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--color-ink: #0A0A0A;--color-ink-muted: #737373;--color-surface: #FFFFFF;--color-surface-raised: #FFFFFF;--color-surface-sunken: #F0F0F0;--color-surface-overlay: rgba(0, 0, 0, .9);--color-line: rgba(0, 0, 0, .08);--color-line-strong: #B3B3B3;--color-accent: #008C8C;--color-accent-hover: #007070;--color-accent-light: #E6F4F4;--color-focus: #008C8C;--color-success: #16A34A;--color-warning: #D97706;--color-error: #DC2626;--nav-height: 64px;--space-5: 1.25rem;--radius-xl: 16px;--radius-arch: 50% 50% 0 0;--tracking-tight: -.03em;--tracking-snug: -.02em;--tracking-normal: 0em;--tracking-wide: .06em;--leading-tight: 1.1;--leading-snug: 1.2;--leading-body: 1.6;--leading-loose: 1.7;--color-white-08: rgba(255, 255, 255, .08);--color-black-15: rgba(10, 10, 10, .15);--color-black: #0A0A0A;--color-gray-900: #1A1A1A;--color-gray-700: #404040;--color-gray-500: #737373;--color-gray-400: #8A8A8A;--color-gray-300: #B3B3B3;--color-gray-200: #D4D4D4;--color-gray-100: #F0F0F0;--color-white: #FAFAFA;--color-pure-white: #FFFFFF;--color-bg-primary: var(--color-surface);--color-bg-secondary: var(--color-surface-sunken);--color-bg-dark: #0A0A0A;--color-text-primary: var(--color-ink);--color-text-secondary: var(--color-ink-muted);--color-border: var(--color-line);--color-border-mid: var(--color-line-strong);--color-bg: var(--color-surface);--color-text: var(--color-ink);--color-muted: var(--color-ink-muted);--color-danger: var(--color-error);--color-panel: var(--color-surface-sunken)}@media(prefers-color-scheme:dark){:root{--color-ink: #E8E8EC;--color-ink-muted: #8A8A96;--color-surface: #111118;--color-surface-raised: #1C1C26;--color-surface-sunken: #0A0A10;--color-surface-overlay: rgba(10, 10, 16, .95);--color-line: rgba(255, 255, 255, .1);--color-line-strong: rgba(255, 255, 255, .2);--color-accent: #008C8C;--color-accent-hover: #00A8A8;--color-accent-light: #0A1C1C;--color-focus: #008C8C;--color-bg-dark: #0A0A10;--color-black: #E8E8EC;--color-white: #1C1C26;--color-pure-white: #1C1C26;--color-gray-100: #2A2A36;--color-gray-300: rgba(255, 255, 255, .16);--color-gray-500: #8A8A96;--color-gray-700: #B8B8C4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);color-scheme:dark}}@font-face{font-family:FH Oscar;src:url(/fonts/fh-oscar/FHOscar-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:FH Oscar;src:url(/fonts/fh-oscar/FHOscar-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FH Oscar;src:url(/fonts/fh-oscar/FHOscar-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:FH Oscar;src:url(/fonts/fh-oscar/FHOscar-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-ink);background:var(--color-surface);line-height:var(--leading-body, 1.6);-webkit-font-smoothing:antialiased}.container{width:var(--page-width);margin-inline:auto}.container--narrow{width:var(--copy-width);margin-inline:auto}.container--wide{width:var(--wide-width);margin-inline:auto}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack--sm{gap:var(--space-2)}.stack--lg{gap:var(--space-8)}.row{display:flex;flex-direction:row;align-items:center;gap:var(--space-4)}.row--sm{gap:var(--space-2)}h1,.h1{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight, -.03em);line-height:var(--leading-tight, 1.1)}h2,.h2{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug, -.02em);line-height:var(--leading-snug, 1.2)}h3,.h3{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug, -.02em);line-height:var(--leading-snug, 1.2)}.text-sm{font-size:var(--text-small)}.text-xs{font-size:var(--text-micro)}.text-lg{font-size:var(--text-body-lg)}.text-muted{color:var(--color-ink-muted)}.eyebrow{font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide, .06em);text-transform:uppercase;color:var(--color-ink-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-medium);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--outline{background:transparent;color:var(--color-ink);border-color:var(--color-line-strong)}.btn--outline:hover{background:var(--color-surface-sunken)}.btn--ghost{background:transparent;color:var(--color-ink);border:none}.btn--ghost:hover{background:var(--color-surface-sunken)}.btn--sm{font-size:var(--text-small);padding:var(--space-2) var(--space-4)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-full);min-width:auto}.btn--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.card{background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--duration-fast) var(--ease-out)}.card--clickable{cursor:pointer;text-decoration:none;color:inherit;display:block}.card--clickable:hover{box-shadow:var(--shadow-md)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-small);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-sunken);color:var(--color-ink)}.chip--accent{background:var(--color-accent-light);color:var(--color-accent)}.chip--success{background:#dcfce7;color:var(--color-success)}.chip--warning{background:#fef3c7;color:var(--color-warning)}.chip--error{background:#fee2e2;color:var(--color-error)}.input{font-family:var(--font-body);font-size:var(--text-body);padding:var(--space-3) var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);width:100%;transition:border-color var(--duration-fast) var(--ease-out)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.input::placeholder{color:var(--color-ink-muted)}.input--error{border-color:var(--color-error)}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-group label{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink)}.input-group .input-help{font-size:var(--text-micro);color:var(--color-ink-muted)}.input-group .input-error{font-size:var(--text-micro);color:var(--color-error)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23737373' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-12)}textarea.input{min-height:120px;resize:vertical}.nav{position:sticky;top:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-line)}.nav .container{display:flex;align-items:center;justify-content:space-between}dialog{border:none;border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg);max-width:480px;width:90vw}dialog::backdrop{background:#00000080}.progress{width:100%;height:6px;border-radius:var(--radius-full);background:var(--color-surface-sunken);overflow:hidden}.progress-bar{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.spinner{width:24px;height:24px;border:3px solid var(--color-line);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--color-ink-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line-strong)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);font-size:var(--text-body)}.table tr:hover td{background:var(--color-surface-sunken)}.skeleton{border-radius:var(--radius-sm);background:var(--color-surface-sunken);background-image:linear-gradient(90deg,var(--color-surface-sunken) 0%,var(--color-surface-raised) 50%,var(--color-surface-sunken) 100%);background-size:220% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton--text{width:80%;height:16px}.skeleton--title{width:60%;height:24px}.skeleton--card{width:100%;height:200px;border-radius:var(--radius-md)}.skeleton--avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton--button{width:120px;height:48px;border-radius:var(--radius-pill)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:200;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;max-width:400px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-line);background:var(--color-surface-raised);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);cursor:pointer;text-align:left;animation:toast-slide-in var(--duration-normal, .2s) var(--ease-out) both}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--info{border-left:3px solid var(--color-accent)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-center{text-align:center}.text-right{text-align:right}.mt-auto{margin-top:auto}.flex-1{flex:1}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);list-style:none;padding:var(--space-1) 0;margin:var(--space-1) 0 0;max-height:240px;overflow-y:auto}.autocomplete-dropdown li{padding:var(--space-3) var(--space-4);cursor:pointer}.autocomplete-dropdown li:hover{background:var(--color-surface-sunken)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.alert--error{background:#fee2e2;color:var(--color-error)}.alert--success{background:#dcfce7;color:var(--color-success)}.alert--info{background:var(--color-surface-sunken);color:var(--color-ink)}.alert__close{background:none;border:none;cursor:pointer;font-size:var(--text-body-lg);color:inherit;padding:var(--space-1);line-height:1}.divider{display:flex;align-items:center;gap:var(--space-4);color:var(--color-ink-muted);font-size:var(--text-small)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-line)}.listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.size-toggle{display:flex;gap:0;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);overflow:hidden}.size-toggle__btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:none;border-right:1px solid var(--color-line-strong);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.size-toggle__btn:last-child{border-right:none}.size-toggle__btn:hover{background:var(--color-surface-sunken)}.size-toggle__btn--active{background:var(--color-surface-sunken);font-weight:var(--weight-medium)}.dialog{border:none;border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg);max-width:480px;width:90vw}.dialog::backdrop{background:#00000080}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#e8e0d4b3,#f8f2eaf2,#e8e0d4b3);background-size:220% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-card{padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.skeleton--title{width:42%;height:18px;margin-bottom:var(--space-4)}.skeleton--body{width:100%;height:14px;margin-bottom:var(--space-3)}.skeleton--body.short{width:68%;margin-bottom:0}.skeleton--chip{width:72px;height:24px;border-radius:999px}.skeleton--price{width:120px;height:22px;margin-bottom:var(--space-2)}.skeleton--heading{width:60%;height:28px;margin-bottom:var(--space-4)}.skeleton--field{width:100%;height:40px;border-radius:var(--radius-md)}.skeleton--label{width:140px;height:14px;margin-bottom:var(--space-2)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.qr-inline-preview{background:var(--color-surface-raised);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-1);transition:box-shadow var(--duration-fast) var(--ease-out)}.qr-inline-preview:hover{box-shadow:var(--shadow-md)}@media print{body>*:not(.dialog[open]){display:none!important}.dialog[open]{position:static;border:none;box-shadow:none;padding:0;max-width:none;width:100%}.dialog[open]::backdrop{display:none}.dialog .size-toggle,.dialog .row{display:none!important}.dialog canvas{max-width:100%!important;max-height:none!important;width:auto!important;height:auto!important}}@media(max-width:768px){.nav .container{flex-wrap:wrap;gap:var(--space-2);min-height:auto;padding-block:var(--space-2)}.nav .row{flex-wrap:wrap}}@media(max-width:639px){.nav{height:auto;min-height:var(--nav-height)}.nav .container{flex-direction:column;align-items:stretch;gap:var(--space-2);padding-block:var(--space-3)}.nav .row{justify-content:flex-start}.container>.row{flex-direction:column;align-items:stretch}.container>.row>.btn,.container>.row>a.btn{width:100%}.listing-grid{grid-template-columns:1fr}.size-toggle{flex-direction:column}.size-toggle__btn{border-right:none;border-bottom:1px solid var(--color-line-strong)}.size-toggle__btn:last-child{border-bottom:none}.dialog{padding:var(--space-4);max-width:90vw}.dialog .row{flex-direction:column;align-items:stretch}.dialog .row .btn{width:100%}.card{flex-wrap:wrap;gap:var(--space-3)}.card .row{flex-wrap:wrap}.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.container--narrow{padding-inline:var(--space-4)}}