:root{color-scheme:light;--color-page-background:#ffffff;--color-background:#fafafa;--hover-lighten-strength:10%;--color-hover-mix:#ffffff;--color-text:#000000;--color-clickable-text:#666666;--color-muted:#888888;--color-surface:#f0f0f0;--color-surface-hover:color-mix(in srgb,var(--color-surface),var(--color-hover-mix) var(--hover-lighten-strength));--color-border:#e0e0e0;--color-brand:#0064ff;--color-primary:#0064ff;--color-primary-hover:color-mix(in srgb,var(--color-primary),var(--color-hover-mix) var(--hover-lighten-strength));--color-primary-foreground:#ffffff;--color-primary-contrast:#ffffff;--color-primary-soft:color-mix(in srgb,var(--color-primary) 20%,var(--color-background));--color-success:#0b7a5a;--color-success-soft:color-mix(in srgb,var(--color-success) 20%,var(--color-background));--color-warning:#b45309;--color-warning-soft:color-mix(in srgb,var(--color-warning) 20%,var(--color-background));--color-danger:#d92d3a;--color-danger-soft:color-mix(in srgb,var(--color-danger) 20%,var(--color-background));--color-status-online:#00ff64;--color-favorite-icon:#ff0064;--color-notification-badge:#ff0000;--color-rating-icon:#ffb020;--color-media-text:#ffffff;--color-media-muted:rgba(255,255,255,0.70);--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-media:rgba(0,0,0,0.20);--color-overlay:rgba(0,0,0,0.40);--color-overlay-soft:rgba(0,0,0,0.20);--color-floating-surface:rgba(255,255,255,0.90);--color-scrollbar-hover:color-mix(in srgb,var(--color-border),var(--color-hover-mix) 4%);--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:24px;--font-size-xl:20px;--font-size-5xl:32px;--font-weight-medium:500;--font-weight-bold:600;--line-height-ui:1;--line-height-card:20px;--line-height-copy:20px;--space-2:8px;--space-6:24px;--space-8:32px;--space-10:40px;--checkbox-marker-size:16px;--checkbox-check-size:8px;--radius-0:0;--radius-8:8px;--radius-16:16px;--radius-24:24px;--radius-32:32px;--radius-40:40px;--radius-pill:999px;--control-height:48px;--control-radius:var(--radius-pill);--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% - 32px))}}html{overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-surface)}body{overflow-x:clip}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-surface)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{border:4px solid var(--color-surface);border-radius:999px}@media (max-width:680px){::-webkit-scrollbar-thumb{border-radius:8px}}::-webkit-scrollbar-corner{background:var(--color-surface)}form[action="/search"] label:active,form[action="/search"] label:focus-within{background:color-mix(in srgb,var(--color-surface),var(--color-hover-mix) 5%)}@media (hover:hover) and (pointer:fine){form[action="/search"] label:hover{background:color-mix(in srgb,var(--color-surface),var(--color-hover-mix) 5%)}}body:has(main[data-page=order-detail]) footer{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-icon-muted:color-mix(in srgb,var(--color-muted) 80%,var(--color-background));--focus-ring-color:color-mix(in srgb,var(--color-primary) 80%,transparent);--focus-ring:2px solid var(--focus-ring-color);--focus-ring-inset:inset 0 0 0 2px var(--focus-ring-color)}:root[data-dokyo-theme=dark]{color-scheme:dark;--dark-accent-blue:#66a2ff;--color-page-background:#1a1a1a;--color-background:#1a1a1a;--color-hover-mix:#ffffff;--color-text:#fafafa;--color-clickable-text:#bbbbbb;--color-muted:#888888;--color-surface:#222222;--color-border:#333333;--color-brand:var(--dark-accent-blue);--color-primary:var(--dark-accent-blue);--color-primary-hover:var(--dark-accent-blue);--color-primary-foreground:#171717;--color-primary-contrast:#ffffff;--color-floating-surface:#1a1a1a;--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:0}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-border) var(--color-background)}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-color:var(--color-background)}@media (hover:hover) and (pointer:fine){::-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:32px;--page-top-spacing:16px;--radius-pill:var(--radius-32);--control-radius:var(--radius-24);--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=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{min-height:100dvh;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]){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=chats]) footer,body:has(main[data-page=not-found]) footer,body:has(main[data-page=product-create]) footer,body:has(main[data-page=product-edit]) footer{display:none}body:has(main[data-page=not-found]){height:100svh;min-height:100svh;overflow:hidden}body:has(main[data-page=not-found])>main{flex:1 1 auto;min-height:0;padding-top:0}@media (max-width:680px){body:has(main[data-page=not-found]){padding-bottom:0}body:has(main[data-page=not-found])>main{padding-bottom:0}}