html[data-app=buyaek]{--bag-feedback-alignment: center;--bag-feedback-text-align: center;--bag-feedback-gap: .75rem;--bag-feedback-grid-background: var(--buyaek-surface);--buyaek-bg: #FAFAFA;--buyaek-surface: #FFFFFF;--buyaek-surface-muted: #F1F1F3;--buyaek-text: #18181B;--buyaek-text-muted: #62626B;--buyaek-border: #DADADD;--buyaek-control-border: #767680;--buyaek-brand: #26262A;--buyaek-brand-hover: #39393F;--buyaek-brand-pressed: #18181B;--buyaek-on-brand: #FFFFFF;--buyaek-selected: #EDEDEF;--buyaek-overlay: rgba(0, 0, 0, .44);--buyaek-focus: #26262A;--buyaek-card-detail-surface: #FFFFFF;--buyaek-card-detail-text: #18181B;--buyaek-card-detail-muted: #62626B;--buyaek-card-action-surface: #FFFFFF;--buyaek-card-action-text: #18181B;--buyaek-danger: #B91C1C;--buyaek-danger-soft: #FEF2F2;--buyaek-success: #166534;--buyaek-success-soft: #F0FDF4;--buyaek-warning: #854D0E;--buyaek-warning-soft: #FEFCE8;--buyaek-info: var(--buyaek-text);--buyaek-info-soft: var(--buyaek-selected);--buyaek-on-dark-content: #FFFFFF;--buyaek-share-preview-background: #141416;--buyaek-media-viewer-surface: var(--buyaek-surface);--buyaek-media-viewer-frame: var(--buyaek-surface-muted);--buyaek-media-viewer-black: #000000;--buyaek-surface-raised: var(--buyaek-surface);--buyaek-surface-subtle: var(--buyaek-surface-muted);--buyaek-surface-line: var(--buyaek-border);--buyaek-surface-line-strong: var(--buyaek-control-border);--buyaek-surface-grid: var(--buyaek-border);--buyaek-text-subtle: var(--buyaek-text-muted);--buyaek-accent: var(--buyaek-brand);--buyaek-accent-soft: var(--buyaek-selected);--buyaek-surface-radius: 8px;--buyaek-radius-sm: 8px;--buyaek-radius-md: 8px;--buyaek-radius-lg: 12px;--buyaek-radius-full: 999px;--buyaek-space-1: .25rem;--buyaek-space-2: .5rem;--buyaek-space-3: .75rem;--buyaek-space-4: 1rem;--buyaek-space-5: 1.25rem;--buyaek-space-6: 1.5rem;--buyaek-space-8: 2rem;--buyaek-space-12: 3rem;--buyaek-card-menu-target-size: 28px;--buyaek-card-menu-glyph-size: 14px;--buyaek-card-menu-backplate-size: 24px;--buyaek-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--buyaek-font-display: var(--buyaek-font-sans);--buyaek-font-size-xs: .75rem;--buyaek-font-size-sm: .875rem;--buyaek-font-size-md: 1rem;--buyaek-font-size-lg: 1.125rem;--buyaek-font-size-xl: 1.25rem;--buyaek-font-size-2xl: 1.5rem;--buyaek-line-height-tight: 1.2;--buyaek-line-height-normal: 1.5;--buyaek-line-height-relaxed: 1.7;--buyaek-page-title-size: 2rem;--buyaek-page-title-line-height: 1.15;--buyaek-page-title-letter-spacing: 0;--buyaek-page-title-weight: 700;--buyaek-section-title-size: var(--buyaek-font-size-xl);--buyaek-section-title-line-height: 1.3;--buyaek-section-title-weight: 700;--buyaek-dialog-title-size: var(--buyaek-font-size-2xl);--buyaek-content-readable: 760px;--buyaek-eyebrow-size: var(--buyaek-font-size-xs);--buyaek-eyebrow-letter-spacing: .12em;--buyaek-eyebrow-weight: 800;--buyaek-shadow-popover: 0 8px 24px rgba(0, 0, 0, .16);--buyaek-shadow-dialog: 0 16px 48px rgba(0, 0, 0, .28);--buyaek-shadow-md: var(--buyaek-shadow-popover);--buyaek-shadow-lg: var(--buyaek-shadow-dialog)}html[data-app=buyaek][data-theme=dark]{--buyaek-bg: #141416;--buyaek-surface: #1E1E21;--buyaek-surface-muted: #242428;--buyaek-text: #F5F5F7;--buyaek-text-muted: #A1A1AA;--buyaek-border: #3A3A40;--buyaek-control-border: #777782;--buyaek-brand: #E5E5E7;--buyaek-brand-hover: #F0F0F2;--buyaek-brand-pressed: #FFFFFF;--buyaek-on-brand: #18181B;--buyaek-selected: #2A2A30;--buyaek-overlay: rgba(0, 0, 0, .62);--buyaek-focus: #E5E5E7;--buyaek-card-detail-surface: #1E1E21;--buyaek-card-detail-text: #F5F5F7;--buyaek-card-detail-muted: #A1A1AA;--buyaek-card-action-surface: #1E1E21;--buyaek-card-action-text: #F5F5F7;--buyaek-danger: #FCA5A5;--buyaek-danger-soft: #3A2023;--buyaek-success: #86EFAC;--buyaek-success-soft: #1F3026;--buyaek-warning: #FDE68A;--buyaek-warning-soft: #332D1F;--buyaek-info: var(--buyaek-text);--buyaek-info-soft: var(--buyaek-selected);--buyaek-shadow-popover: 0 8px 24px rgba(0, 0, 0, .36);--buyaek-shadow-dialog: 0 16px 48px rgba(0, 0, 0, .5)}@media(hover:none),(pointer:coarse){html[data-app=buyaek]{--buyaek-card-menu-target-size: 44px}}@media(max-width:640px){html[data-app=buyaek]{--buyaek-page-title-size: 1.75rem}}html[data-app=buyaek] .buyaek-media-grid-frame{width:100%;min-width:0;container-name:buyaek-media-grid-frame;container-type:inline-size}html[data-app=buyaek] .buyaek-media-grid{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:12px}html[data-app=buyaek] .buyaek-media-grid>*{min-width:0;overflow:visible}@container buyaek-media-grid-frame (min-width: 280px){html[data-app=buyaek] .buyaek-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container buyaek-media-grid-frame (min-width: 640px){html[data-app=buyaek] .buyaek-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@container buyaek-media-grid-frame (min-width: 900px){html[data-app=buyaek] .buyaek-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container buyaek-media-grid-frame (min-width: 1120px){html[data-app=buyaek] .buyaek-media-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}html[data-app=buyaek]{--bg: var(--buyaek-bg);--surface: var(--buyaek-surface);--surface-subtle: var(--buyaek-surface-muted);--surface-strong: var(--buyaek-selected);--surface-line: var(--buyaek-border);--text: var(--buyaek-text);--text-muted: var(--buyaek-text-muted);--text-subtle: var(--buyaek-text-muted);--brand: var(--buyaek-brand);--content-readable: var(--buyaek-content-readable);--section-title-size: var(--buyaek-section-title-size);--section-title-weight: var(--buyaek-section-title-weight);--section-title-line-height: var(--buyaek-section-title-line-height);--font-sans: var(--buyaek-font-sans);--font-size-xs: var(--buyaek-font-size-xs);--font-size-sm: var(--buyaek-font-size-sm);--font-size-md: var(--buyaek-font-size-md);--font-size-lg: var(--buyaek-font-size-lg);--font-size-xl: var(--buyaek-font-size-xl);--font-size-2xl: var(--buyaek-font-size-2xl);--space-1: var(--buyaek-space-1);--space-2: var(--buyaek-space-2);--space-3: var(--buyaek-space-3);--space-4: var(--buyaek-space-4);--space-5: var(--buyaek-space-5);--space-6: var(--buyaek-space-6);--space-8: var(--buyaek-space-8);--space-12: var(--buyaek-space-12);--color-bg: var(--buyaek-bg);--color-surface: var(--buyaek-surface);--color-surface-muted: var(--buyaek-surface-muted);--color-primary: var(--buyaek-brand);--color-primary-hover: var(--buyaek-brand-hover);--color-primary-pressed: var(--buyaek-brand-pressed);--color-primary-soft: var(--buyaek-selected);--color-text: var(--buyaek-text);--color-text-muted: var(--buyaek-text-muted);--color-text-subtle: var(--buyaek-text-muted);--color-text-on-primary: var(--buyaek-on-brand);--color-border: var(--buyaek-border);--color-border-strong: var(--buyaek-control-border);--color-control-border: var(--buyaek-control-border);--color-danger: var(--buyaek-danger);--color-danger-soft: var(--buyaek-danger-soft);--color-success: var(--buyaek-success);--color-success-soft: var(--buyaek-success-soft);--color-warning: var(--buyaek-warning);--color-warning-soft: var(--buyaek-warning-soft);--color-info: var(--buyaek-info);--color-info-soft: var(--buyaek-info-soft)}html[data-app=buyaek] body{background:var(--buyaek-bg);color:var(--buyaek-text);font-family:Inter,system-ui,sans-serif}html[data-app=buyaek] .skip-link{border-radius:var(--buyaek-radius-md);color:var(--buyaek-on-brand);background:var(--buyaek-brand);box-shadow:var(--buyaek-shadow-popover);font-weight:700;text-decoration:none}html[data-app=buyaek] [data-platform-ui]{--color-bg: var(--buyaek-bg);--color-surface: var(--buyaek-surface);--color-surface-muted: var(--buyaek-surface-muted);--color-surface-raised: var(--buyaek-surface);--color-primary: var(--buyaek-brand);--color-primary-hover: var(--buyaek-brand-hover);--color-primary-pressed: var(--buyaek-brand-pressed);--color-primary-soft: var(--buyaek-selected);--color-text: var(--buyaek-text);--color-text-muted: var(--buyaek-text-muted);--color-text-subtle: var(--buyaek-text-muted);--color-text-on-primary: var(--buyaek-on-brand);--color-border: var(--buyaek-border);--color-border-strong: var(--buyaek-control-border);--color-control-border: var(--buyaek-control-border);--color-overlay: var(--buyaek-overlay);--color-danger: var(--buyaek-danger);--color-danger-soft: var(--buyaek-danger-soft);--color-success: var(--buyaek-success);--color-success-soft: var(--buyaek-success-soft);--color-warning: var(--buyaek-warning);--color-warning-soft: var(--buyaek-warning-soft);--color-info: var(--buyaek-info);--color-info-soft: var(--buyaek-info-soft);--surface-radius: 8px;--surface-line: var(--buyaek-border);--surface-line-strong: var(--buyaek-control-border);--surface-grid: var(--buyaek-border);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--radius-sm: 8px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--shadow-popover: var(--buyaek-shadow-popover);--shadow-dialog: var(--buyaek-shadow-dialog);font-family:Inter,system-ui,sans-serif}html[data-app=buyaek] [data-platform-ui] :focus-visible{outline:3px solid var(--buyaek-focus);outline-offset:3px}html[data-app=buyaek] [data-platform-ui] :is(input,select,textarea){min-height:2.75rem;border:1px solid var(--buyaek-control-border);border-radius:var(--buyaek-radius-md);padding:.5rem .75rem;color:var(--buyaek-text);background:var(--buyaek-surface);font:inherit}html[data-app=buyaek] .modal-backdrop{position:fixed;inset:0;z-index:105;background:var(--buyaek-overlay)}html[data-app=buyaek] .confirm-dialog{position:fixed;z-index:110;top:50%;left:50%;display:grid;width:min(calc(100vw - 2rem),35rem);max-height:calc(100dvh - 2rem);gap:1rem;padding:1.5rem;overflow-y:auto;border:1px solid var(--buyaek-border);border-radius:12px;background:var(--buyaek-surface);color:var(--buyaek-text);box-shadow:var(--buyaek-shadow-dialog);transform:translate(-50%,-50%)}html[data-app=buyaek] .toast-region{position:fixed;top:max(1rem,env(safe-area-inset-top));right:1rem;z-index:120;width:min(25rem,calc(100vw - 2rem));pointer-events:none}html[data-app=buyaek] .operation-toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.75rem;border:1px solid var(--buyaek-border);border-radius:8px;background:var(--buyaek-surface);color:var(--buyaek-text);box-shadow:var(--buyaek-shadow-popover);pointer-events:auto}html[data-app=buyaek] .operation-toast-success{border-left:4px solid var(--buyaek-success)}html[data-app=buyaek] .operation-toast-error{border-left:4px solid var(--buyaek-danger)}html[data-app=buyaek] .operation-toast-info{border-left:4px solid var(--buyaek-info)}html[data-app=buyaek] .account-notice,html[data-app=buyaek] .signin-panel{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--buyaek-border);border-radius:8px;background:var(--buyaek-surface);color:var(--buyaek-text)}html,body{min-height:100%;margin:0}body{background:var(--buyaek-bg);color:var(--buyaek-text);font-family:var(--buyaek-font-sans)}.buyaek-main-column{background:var(--buyaek-bg);color:var(--buyaek-text)}.buyaek-page-content{box-sizing:border-box;background:var(--buyaek-bg);color:var(--buyaek-text);padding-bottom:calc(88px + env(safe-area-inset-bottom));scroll-padding-block-end:max(calc(88px + env(safe-area-inset-bottom)),var(--c3-mobile-nav-focus-clearance, 0px))}@media(min-width:768px){.buyaek-page-content{padding-bottom:0}}html[data-app=buyaek] bag-tabs{display:block;min-width:0}html[data-app=buyaek] main[data-page-scroller]>obaki-standalone-notification-settings{display:block;box-sizing:border-box;width:min(100%,60rem);margin-inline:auto;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,2.5rem) 2rem}html[data-app=buyaek] bag-tabs .bag-tabs{display:flex;max-width:100%;align-items:center;gap:var(--space-1);overflow-x:auto;border-bottom:1px solid var(--surface-line);overscroll-behavior-inline:contain;scrollbar-width:none}html[data-app=buyaek] bag-tabs .bag-tabs::-webkit-scrollbar{display:none}html[data-app=buyaek] bag-tabs .bag-tabs>a,html[data-app=buyaek] bag-tabs .bag-tabs>button{display:inline-flex;min-width:44px;min-height:44px;flex:0 0 auto;align-items:center;gap:var(--space-2);border:0;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;padding:var(--space-2) var(--space-3);color:var(--text-muted);background:transparent;font:inherit;font-size:var(--font-size-sm);font-weight:650;text-decoration:none;white-space:nowrap;cursor:pointer}html[data-app=buyaek] bag-tabs .bag-tabs>:is(a:hover,a:focus-visible,a.active,button:hover,button:focus-visible,button[aria-selected=true],button.is-active){color:var(--brand)}html[data-app=buyaek] bag-tabs .bag-tabs>:is(a.active,button[aria-selected=true],button.is-active){border-bottom-color:var(--brand)}html[data-app=buyaek] :is(.notification-view-tabs,.notification-tabs) button{min-height:44px}html[data-app=buyaek] obaki-standalone-notification-settings .standalone-notification-section{background:var(--surface);color:var(--text)}html[data-app=buyaek] obaki-standalone-notification-settings button,html[data-app=buyaek] obaki-standalone-notification-settings input,html[data-app=buyaek] obaki-standalone-feedback button{min-height:44px}html[data-app=buyaek] obaki-standalone-notification-settings button:focus-visible,html[data-app=buyaek] obaki-standalone-feedback :focus-visible{outline:3px solid var(--buyaek-focus);outline-offset:2px}html[data-app=buyaek] obaki-standalone-feedback .standalone-toast{top:max(1rem,env(safe-area-inset-top,0px));right:max(1rem,env(safe-area-inset-right,0px))}@media(max-width:640px){html[data-app=buyaek] .notification-center-toolbar{align-items:stretch}html[data-app=buyaek] .notification-center-toolbar>.button{margin-left:0}}html[data-app=buyaek],html[data-app=bayadak]{height:100%;min-height:100%}html[data-app=buyaek] body,html[data-app=bayadak] body{height:100%;margin:0;overflow:hidden}html[data-app=buyaek] .app-frame,html[data-app=bayadak] .app-frame{display:flex;width:100%;height:100dvh;min-height:0;flex-direction:column;overflow:hidden}html[data-app=buyaek] .main-column,html[data-app=bayadak] .main-column{display:flex;min-width:0;min-height:0;flex:1 1 auto;flex-direction:column}html[data-app=buyaek] .page-content,html[data-app=bayadak] .page-content{width:100%;height:100%;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}html[data-app=buyaek] .page-content,html[data-app=bayadak] .page-content{flex:1 1 auto}html[data-app=buyaek] .skip-link,html[data-app=bayadak] .skip-link{position:fixed;top:.75rem;left:.75rem;z-index:200;padding:.5rem .75rem;transform:translateY(calc(-100% - 1.5rem))}html[data-app=buyaek] .skip-link:focus,html[data-app=bayadak] .skip-link:focus{transform:translateY(0)}@media(max-width:767px){html[data-app=buyaek] .page-content>:is(obaki-standalone-settings-page,obaki-standalone-privacy-page,obaki-standalone-notification-settings,obaki-ntfy-subscribe,app-notification-center),html[data-app=bayadak] .page-content>:is(obaki-standalone-settings-page,obaki-standalone-privacy-page,obaki-standalone-notification-settings,obaki-ntfy-subscribe,app-notification-center){display:block;margin-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}}:root:where([data-app=bagiyo]){--bg: var(--color-bg);--surface: var(--color-surface);--surface-subtle: var(--color-surface-muted);--text: var(--color-text);--text-muted: var(--color-text-muted);--text-subtle: var(--color-text-subtle);--border: var(--color-border);--border-strong: var(--color-border-strong);--brand: var(--color-primary);--brand-hover: var(--color-primary-hover);--brand-subtle: var(--color-primary-soft);--text-on-brand: var(--color-text-on-primary);--success: var(--color-success);--success-subtle: var(--color-success-soft);--warning: var(--color-warning);--warning-subtle: var(--color-warning-soft);--danger: var(--color-danger);--danger-strong: var(--color-danger-hover);--danger-subtle: var(--color-danger-soft);--text-on-danger: var(--color-text-on-primary);--info: var(--color-info);--info-subtle: var(--color-info-soft);--content-max: 1280px;--content-readable: 760px;--radius-pill: var(--radius-full)}[data-platform-ui] .button{box-sizing:border-box;display:inline-flex;min-width:0;max-width:100%;min-height:44px;align-items:center;justify-content:center;gap:var(--space-2, .5rem);border:1px solid var(--color-control-border, var(--color-border));border-radius:var(--radius-sm, .375rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);color:var(--color-text);background:var(--color-surface);font:inherit;font-size:var(--font-size-sm, .875rem);font-weight:600;line-height:1.25;text-align:center;text-decoration:none;overflow-wrap:anywhere;white-space:normal;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}[data-platform-ui] .button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-platform-ui] .button-primary{border-color:var(--color-primary);color:var(--color-text-on-primary);background:var(--color-primary)}[data-platform-ui] .button-primary:hover:not(:disabled){border-color:var(--color-primary-hover, var(--color-primary));color:var(--color-text-on-primary);background:var(--color-primary-hover, var(--color-primary))}[data-platform-ui] .button-primary:active:not(:disabled){border-color:var(--color-primary-pressed, var(--color-primary-hover, var(--color-primary)));color:var(--color-text-on-primary);background:var(--color-primary-pressed, var(--color-primary-hover, var(--color-primary)))}[data-platform-ui] .button-secondary:hover:not(:disabled){border-color:var(--color-border-strong, var(--color-control-border, var(--color-border)));background:var(--color-surface-muted, var(--color-surface))}[data-platform-ui] .button-ghost{border-color:transparent;color:var(--color-text-muted, var(--color-text));background:transparent}[data-platform-ui] .button-ghost:hover:not(:disabled){border-color:var(--color-border, transparent);color:var(--color-text);background:var(--color-surface-muted, var(--color-surface))}[data-platform-ui] .button-delete{border-color:color-mix(in srgb,var(--color-danger) 62%,var(--color-border));color:var(--color-danger);background:transparent}[data-platform-ui] .button-delete:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-soft, transparent)}[data-platform-ui] .button-delete:active:not(:disabled){background:color-mix(in srgb,var(--color-danger) 16%,transparent)}[data-platform-ui] .button:disabled{border-color:var(--color-border);color:var(--color-text-muted);background:var(--color-surface-muted, var(--color-surface));cursor:not-allowed}:where(html[data-app=bagiyo]) bag-tabs{display:block}:where(html[data-app=bagiyo]) bag-tabs .bag-tabs{display:flex;max-width:100%;align-items:center;gap:var(--space-1);overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}:where(html[data-app=bagiyo]) bag-tabs .bag-tabs::-webkit-scrollbar{display:none}:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>a,:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>button{display:inline-flex;min-height:2.75rem;flex:0 0 auto;align-items:center;gap:var(--space-2);border:0;border-bottom:2px solid transparent;padding:var(--space-2) var(--space-3);color:var(--text-muted);background:transparent;font:inherit;font-size:var(--font-size-sm);font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>a:hover,:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>button:hover,:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>a:focus-visible,:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>button:focus-visible,:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>a.active,:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>button[aria-selected=true],:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>button.is-active{color:var(--brand)}:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>a.active,:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>button[aria-selected=true],:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>button.is-active{border-bottom-color:var(--brand)}:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>a,:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>button{border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-weight:750}:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>a .bag-tab-icon,:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>button .bag-tab-icon{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>a:focus-visible,:where(html[data-app=bagiyo]) bag-tabs .bag-tabs>button:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 28%,transparent);outline-offset:-2px}@media(max-width:640px){:where(html[data-app=bagiyo]) bag-tabs.bag-tabs-mobile-fit{width:100%;min-width:0}:where(html[data-app=bagiyo]) bag-tabs.bag-tabs-mobile-fit .bag-tabs{display:flex;max-width:100%;align-items:center;overflow-x:auto;border-bottom:1px solid var(--border);overscroll-behavior-inline:contain;scrollbar-width:none}:where(html[data-app=bagiyo]) bag-tabs.bag-tabs-mobile-fit .bag-tabs::-webkit-scrollbar{display:none}:where(html[data-app=bagiyo]) bag-tabs.bag-tabs-mobile-fit .bag-tabs>a,:where(html[data-app=bagiyo]) bag-tabs.bag-tabs-mobile-fit .bag-tabs>button{min-height:44px;flex:0 0 auto;justify-content:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);line-height:1.1;text-align:center;white-space:nowrap}:where(html[data-app=bagiyo]) bag-tabs.bag-tabs-mobile-fit .bag-tabs>a .bag-tab-icon,:where(html[data-app=bagiyo]) bag-tabs.bag-tabs-mobile-fit .bag-tabs>button .bag-tab-icon{display:none}}:where(html[data-app=bagiyo]) bag-card,:where(html[data-app=bagiyo]) .bag-card{display:block;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:none}:where(html[data-app=bagiyo]) bag-card.bag-card-subtle,:where(html[data-app=bagiyo]) .bag-card.bag-card-subtle{background:var(--surface-subtle)}:where(html[data-app=bagiyo]) bag-badge{display:inline-flex;vertical-align:middle}:where(html[data-app=bagiyo]) bag-badge .bag-badge,:where(html[data-app=bagiyo]) bag-badge.bag-badge{display:inline-flex;min-height:1.5rem;align-items:center;gap:var(--space-1);border:1px solid transparent;border-radius:var(--radius-sm);padding:0 var(--space-2);color:var(--text-muted);background:var(--surface-subtle);font-size:var(--font-size-xs);font-weight:600;line-height:1.33;white-space:nowrap}:where(html[data-app=bagiyo]) bag-badge.bag-badge-brand .bag-badge,:where(html[data-app=bagiyo]) bag-badge.bag-badge-brand{color:var(--brand);background:var(--brand-subtle)}:where(html[data-app=bagiyo]) bag-badge.bag-badge-success .bag-badge,:where(html[data-app=bagiyo]) bag-badge.bag-badge-success{color:var(--success);background:var(--success-subtle)}:where(html[data-app=bagiyo]) bag-badge.bag-badge-warning .bag-badge,:where(html[data-app=bagiyo]) bag-badge.bag-badge-warning{color:var(--warning);background:var(--warning-subtle)}:where(html[data-app=bagiyo]) bag-badge.bag-badge-danger .bag-badge,:where(html[data-app=bagiyo]) bag-badge.bag-badge-danger{color:var(--danger);background:var(--danger-subtle)}:where(html[data-app=bagiyo]) bag-badge.bag-badge-info .bag-badge,:where(html[data-app=bagiyo]) bag-badge.bag-badge-info{color:var(--info);background:var(--info-subtle)}:where(html[data-app=bagiyo]) .bag-empty-state [empty-icon]{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:var(--space-1);border-radius:999px;background:var(--brand-subtle)}:where(html[data-app=bagiyo]) .bag-empty-state [empty-icon] svg{width:1.35rem;height:1.35rem;fill:none;stroke:var(--brand);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}:where(html[data-app=bagiyo]) a.bag-button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 var(--space-4);color:var(--text);background:transparent;font-size:var(--font-size-sm);font-weight:600;line-height:1;text-decoration:none}:where(html[data-app=bagiyo]) a.bag-button:hover,:where(html[data-app=bagiyo]) a.bag-button:focus-visible{border-color:var(--border-strong);background:var(--surface-subtle)}@media(prefers-reduced-motion:reduce){:where(html[data-app=bagiyo]) .bag-spinner{animation:none}}