:root{color-scheme:light;--color-page-background:#fafafa;--color-background:#ffffff;--hover-lighten-strength:10%;--field-hover-mix-strength:5%;--control-hover-darken-strength:5%;--color-hover-mix:#ffffff;--color-hover-darken-mix:#000000;--primary-hover-mix-strength:10%;--color-text:#000000;--color-clickable-text:#666666;--color-muted:#888888;--color-muted-soft:var(--color-muted);--color-muted-light:#888888;--color-meta-text:var(--color-muted-light);--color-surface:#f0f0f0;--color-surface-hover:color-mix(in srgb,var(--color-surface),var(--color-hover-mix) var(--hover-lighten-strength));--color-segmented-background:#f0f0f0;--color-segmented-active:#ffffff;--color-search-input:#f0f0f0;--color-border:#e0e0e0;--color-control-border:#888888;--color-selected-border:var(--color-primary-hover);--color-brand:#0064ff;--color-primary:#0064ff;--color-primary-hover:color-mix(in srgb,var(--color-primary),var(--color-hover-mix) var(--primary-hover-mix-strength));--color-primary-text:var(--color-primary);--color-primary-foreground:#ffffff;--color-primary-contrast:#ffffff;--color-primary-soft:color-mix(in srgb,var(--color-primary) 20%,var(--color-background));--color-primary-soft-hover:color-mix(in srgb,var(--color-primary-soft),var(--color-hover-mix) var(--hover-lighten-strength));--color-success:#0b7a5a;--color-success-soft:color-mix(in srgb,var(--color-success) 20%,var(--color-background));--color-success-text:var(--color-success);--color-warning:#b45309;--color-warning-soft:color-mix(in srgb,var(--color-warning) 20%,var(--color-background));--color-warning-text:var(--color-warning);--color-danger:#d92d3a;--color-danger-soft:color-mix(in srgb,var(--color-danger) 20%,var(--color-background));--color-danger-text:var(--color-danger);--color-status-online:var(--color-success);--color-favorite-icon:#ff375f;--color-rating-icon:#ffb020;--color-rating-empty:var(--color-border);--color-rating-icon-1:var(--color-rating-icon);--color-rating-icon-2:var(--color-rating-icon);--color-rating-icon-3:var(--color-rating-icon);--color-rating-icon-4:var(--color-rating-icon);--color-rating-icon-5:var(--color-rating-icon);--color-media-text:#ffffff;--color-media-text-muted:rgba(255,255,255,0.70);--color-media-text-subtle:rgba(255,255,255,0.70);--color-media-text-faint:rgba(255,255,255,0.70);--color-media-surface:rgba(255,255,255,0.90);--color-media-surface-soft:rgba(255,255,255,0.90);--color-media-surface-strong:rgba(255,255,255,0.90);--color-media-outline:rgba(0,0,0,0.40);--color-media-scrim:rgba(0,0,0,0.40);--color-media-scrim-strong:rgba(0,0,0,0.80);--color-shadow-soft:rgba(0,0,0,0.10);--color-shadow-panel:rgba(0,0,0,0.20);--color-shadow-media:rgba(0,0,0,0.20);--color-shadow-media-soft:rgba(0,0,0,0.10);--color-overlay:rgba(0,0,0,0.40);--color-overlay-soft:rgba(0,0,0,0.20);--color-modal-overlay:rgba(0,0,0,0.40);--color-dialog-overlay:rgba(0,0,0,0.40);--color-control-overlay:rgba(0,0,0,0.40);--color-search-result-hover:color-mix(in srgb,var(--color-floating-surface),var(--color-hover-mix) var(--hover-lighten-strength));--color-floating-surface:rgba(255,255,255,0.90);--color-auth-border:var(--color-border);--color-auth-divider:var(--color-border);--color-promo-text-muted:rgba(255,255,255,0.70);--color-scrollbar:#e0e0e0;--color-scrollbar-hover:color-mix(in srgb,var(--color-scrollbar),var(--color-hover-mix) var(--hover-lighten-strength));--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:22px;--font-size-3xl:24px;--font-size-4xl:28px;--font-size-5xl:32px;--font-size-6xl:40px;--font-size-7xl:44px;--font-weight-medium:500;--font-weight-semibold:500;--font-weight-bold:600;--font-weight-extrabold:700;--font-weight-black:700;--line-height-ui:1;--line-height-card:20px;--line-height-copy:20px;--letter-spacing-caps:2px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-0:0;--radius-8:8px;--radius-16:16px;--radius-24:24px;--radius-32:32px;--radius-pill:999px;--space-heading-content:var(--space-6);--button-height:44px;--button-radius:var(--radius-16);--section-title-color:var(--color-text);--section-title-font-size:var(--font-size-xl);--section-title-font-weight:700;--section-title-line-height:var(--line-height-ui);--text-button-color:var(--color-clickable-text);--text-button-hover-color:color-mix(in srgb,var(--color-primary),var(--color-hover-mix) var(--hover-lighten-strength));--text-button-font-size:var(--font-size-sm);--text-button-font-weight:var(--font-weight-semibold);--text-button-line-height:var(--line-height-ui);--primary-action-button-width:320px;--primary-action-button-height:var(--button-height);--primary-action-button-radius:var(--button-radius);--primary-action-button-background:var(--color-primary);--primary-action-button-hover-background:var(--color-primary-hover);--primary-action-button-color:var(--color-primary-foreground);--primary-action-button-hover-color:color-mix(in srgb,var(--primary-action-button-color),var(--color-hover-mix) var(--hover-lighten-strength));--primary-action-button-font-size:var(--font-size-sm);--primary-action-button-font-weight:600;--primary-action-button-line-height:var(--line-height-ui);--secondary-soft-button-background:var(--color-primary-soft);--secondary-soft-button-hover-background:var(--color-primary-soft-hover);--secondary-soft-button-border:var(--color-primary-soft);--secondary-soft-button-color:var(--color-primary-text);--secondary-soft-button-hover-color:color-mix(in srgb,var(--secondary-soft-button-color),var(--color-hover-mix) var(--hover-lighten-strength));--secondary-soft-button-font-size:var(--font-size-sm);--secondary-soft-button-font-weight:600;--secondary-soft-button-line-height:var(--line-height-ui);--mobile-bottom-nav-height:64px;--mobile-bottom-nav-safe-space:0px;--mobile-page-bottom-safe-space:0px}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--color-page-background);color:var(--color-text);font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-sm);line-height:var(--line-height-copy);font-weight:var(--font-weight-medium);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{background-color:var(--color-background);color:var(--color-text)}img{display:block;max-width:100%}.container{width:min(1344px,calc(100% - 56px));margin-left:auto;margin-right:auto}.muted{color:var(--color-muted)}@media (max-width:1120px){.container{width:min(100%,calc(100% - 40px))}}@media (max-width:680px){.container{width:min(100%,calc(100% - 28px))}}html{overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-surface)}body{overflow-x:clip}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-surface)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{border:3px solid var(--color-surface);border-radius:999px}::-webkit-scrollbar-corner{background:var(--color-surface)}form[action="/search"] label:active,form[action="/search"] label:focus-within,form[action="/search"] label:hover{background:var(--field-input-hover-background)}body:has(main[data-page=chats]) footer,body:has(main[data-page=login]) footer,body:has(main[data-page=order-detail]) footer,html[data-dokyo-route=login] footer{display:none}body:has(main[data-page=login]) [data-dokyo-header]{display:none}:root{--content-max-width:1344px;--content-gutter:56px;--content-width:min(var(--content-max-width),calc(100% - var(--content-gutter)));--page-top-spacing:24px;--color-copyright:var(--color-muted-light);--color-icon-muted:color-mix(in srgb,var(--color-muted) 80%,var(--color-background));--empty-state-radius:var(--radius-16);--empty-state-background:transparent;--empty-state-text-color:var(--color-meta-text);--empty-state-text-font-size:var(--font-size-sm);--empty-state-text-line-height:var(--line-height-ui);--empty-state-text-font-weight:var(--font-weight-semibold);--empty-state-compact-min-height:52px;--empty-state-action-min-height:124px;--empty-state-action-gap:14px;--empty-state-large-min-height:260px;--empty-state-large-icon-size:24px;--empty-state-large-icon-margin:16px;--field-input-background:var(--color-surface);--field-input-hover-background:color-mix(in srgb,var(--field-input-background),var(--color-hover-mix) var(--field-hover-mix-strength));--field-input-focus-background:var(--field-input-hover-background);--search-input-hover-background:color-mix(in srgb,var(--color-search-input),var(--color-hover-mix) var(--field-hover-mix-strength));--search-input-focus-background:var(--color-background);--control-hover-darken-background:color-mix(in srgb,var(--color-segmented-background),var(--color-hover-darken-mix) var(--control-hover-darken-strength));--focus-ring:2px solid color-mix(in srgb,var(--color-primary) 40%,transparent)}:root[data-dokyo-theme=dark]{color-scheme:dark;--color-page-background:#171717;--color-background:#1a1a1a;--color-hover-mix:#ffffff;--primary-hover-mix-strength:var(--hover-lighten-strength);--color-text:#fafafa;--color-clickable-text:#bbbbbb;--color-muted:#888888;--color-muted-soft:var(--color-muted);--color-muted-light:#888888;--color-meta-text:var(--color-muted-light);--color-surface:#222222;--color-segmented-background:#222222;--color-segmented-active:#1a1a1a;--color-search-input:#222222;--color-border:#333333;--color-control-border:#888888;--color-brand:#0064ff;--color-primary:#0064ff;--color-primary-hover:color-mix(in srgb,var(--color-primary),var(--color-page-background) var(--primary-hover-mix-strength));--color-primary-text:color-mix(in srgb,var(--color-primary),var(--color-primary-contrast) 40%);--color-primary-foreground:#ffffff;--color-primary-contrast:#ffffff;--text-button-hover-color:var(--color-primary-text);--color-rating-empty:var(--color-border);--color-floating-surface:#1a1a1a;--color-scrollbar:#333333;--color-icon-muted:#888888}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:0}:focus:not(:focus-visible){outline:none}[tabindex]:not([tabindex="-1"]):focus-visible,a[href]:focus-visible,button:focus-visible{outline:var(--focus-ring);outline-offset:3px}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}body,html{touch-action:pan-x pan-y}a,button,input,label,select,textarea{-webkit-tap-highlight-color:transparent}*,html{scrollbar-color:var(--color-scrollbar) var(--color-background)}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-color:var(--color-background)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}::-webkit-scrollbar-corner{background:var(--color-background)}@media (max-width:1120px){:root{--content-gutter:40px}}@media (max-width:680px){:root{--content-gutter:28px;--page-top-spacing:16px;--mobile-bottom-nav-safe-space:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom));--mobile-page-bottom-safe-space:calc(var(--mobile-bottom-nav-safe-space) + 24px)}}.container{width:var(--content-width)}body{min-height:100vh;display:flex;flex-direction:column}body>main{flex:1 0 auto}body>main[class]:not([data-page=login]):not([data-page=chats]){padding-top:var(--page-top-spacing)}body>footer{flex:0 0 auto}@media (max-width:680px){html{scroll-padding-bottom:var(--mobile-page-bottom-safe-space)}body{padding-bottom:var(--mobile-bottom-nav-safe-space)}body>main[class]{padding-bottom:var(--mobile-page-bottom-safe-space)}body:has(main[data-page=chats]),body:has(main[data-page=login]){padding-bottom:0}body:has(main[data-page=login])>main[class]{padding-bottom:0}body:has(main[data-page=chats])>main[class]{padding-bottom:0}body:has(main[data-page=chats]) [data-dokyo-header=main],body:has(main[data-page=chats]) [data-dokyo-header=top]{display:none}}body:has(main[data-page=product-create]) footer,body:has(main[data-page=product-edit]) footer{display:none}