*,:before,:after,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html{height:100%;color-scheme:light;line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(html[data-app=bagiyo]) ::-webkit-scrollbar{width:12px;height:12px}:where(html[data-app=bagiyo]) ::-webkit-scrollbar-track{background:var(--color-bg)}:where(html[data-app=bagiyo]) ::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:6px;border:3px solid var(--color-bg)}:where(html[data-app=bagiyo]) ::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}:where(html[data-app=bagiyo]) *{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) var(--color-bg)}:root:where([data-app=bagiyo]){--color-bg: #f7f8f9;--color-surface: #ffffff;--color-surface-muted: #f1f3f5;--color-surface-raised: #ffffff;--color-primary: #356859;--color-primary-hover: #2c574b;--color-primary-pressed: #24493f;--color-primary-soft: #e6f0ec;--color-accent: #875b34;--color-accent-hover: #704923;--color-accent-soft: #f3e8df;--color-pine: #7a8f7f;--color-pine-soft: #e8eee9;--color-text: #171a1f;--color-text-muted: #5f6c79;--color-text-subtle: #5f6c79;--color-text-on-primary: #ffffff;--color-border: #e2e6ea;--color-border-strong: #c7cfd7;--color-control-border: #7e8b96;--color-overlay: rgba(15, 20, 26, .44);--color-surface-rgb: 255, 255, 255;--color-border-rgb: 226, 230, 234;--color-danger: #b24343;--color-danger-hover: #943535;--color-danger-soft: #fbeaea;--color-warning: #8a5b0a;--color-warning-soft: #fff4d9;--color-success: #276b48;--color-success-soft: #e7f3eb;--color-success-rgb: 39, 107, 72;--color-info: #34658f;--color-info-soft: #e8f1fa;--color-resize-indicator: #356859;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: var(--font-sans);--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", ui-monospace, monospace;--surface-radius: 3px;--surface-line: color-mix(in srgb, var(--color-text) 14%, transparent);--surface-line-strong: color-mix(in srgb, var(--color-text) 28%, transparent);--surface-grid: color-mix(in srgb, var(--color-text) 7%, transparent);--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;--font-size-3xl: 2rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--page-title-size: clamp(2rem, 5vw, 3rem);--page-title-line-height: 1.1;--page-title-letter-spacing: -.02em;--page-title-weight: 700;--section-title-size: var(--font-size-xl);--section-title-line-height: var(--line-height-tight);--section-title-weight: 700;--dialog-title-size: var(--font-size-2xl);--page-header-gap: var(--space-8);--page-max-width: 92rem;--eyebrow-size: var(--font-size-xs);--eyebrow-letter-spacing: .12em;--eyebrow-weight: 800;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--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-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--shadow-sm: none;--shadow-md: 0 8px 24px rgba(30, 42, 36, .08);--shadow-popover: 0 8px 24px rgba(15, 20, 26, .12);--shadow-dialog: 0 16px 48px rgba(15, 20, 26, .18);--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}:where(html[data-app=bagiyo])[data-theme=dark]{color-scheme:dark;--color-bg: #0e1114;--color-surface: #15191e;--color-surface-muted: #1b2026;--color-surface-raised: #1b2026;--color-primary: #69a995;--color-primary-hover: #82bca9;--color-primary-pressed: #93c8b6;--color-primary-soft: #183029;--color-accent: #d1aa82;--color-accent-hover: #e0ba94;--color-accent-soft: #34281f;--color-pine: #6e7f77;--color-pine-soft: #202a26;--color-text: #f1f3f5;--color-text-muted: #a3aeba;--color-text-subtle: #929eaa;--color-text-on-primary: #0e1114;--color-border: #29313a;--color-border-strong: #3b4651;--color-control-border: #697986;--color-overlay: rgba(0, 0, 0, .62);--color-surface-rgb: 21, 25, 30;--color-border-rgb: 41, 49, 58;--color-danger: #eb8580;--color-danger-hover: #f19b96;--color-danger-soft: #3a2021;--color-warning: #e5b452;--color-warning-soft: #3a2f16;--color-success: #6fc091;--color-success-soft: #1c3527;--color-success-rgb: 111, 192, 145;--color-info: #82afe0;--color-info-soft: #1b2c40;--color-resize-indicator: #82bca9;--shadow-popover: 0 8px 24px rgba(0, 0, 0, .32);--shadow-dialog: 0 16px 48px rgba(0, 0, 0, .42)}:where(html[data-app=bagiyo]) body{height:100%;overflow:hidden;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0;padding:0;font-size:var(--font-size-md);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease}:where(html[data-app=bagiyo]) :focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:where(html[data-app=bagiyo]) .skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:200;padding:var(--space-2) var(--space-3);border-radius:var(--surface-radius);color:var(--color-surface);background:var(--color-primary);box-shadow:var(--shadow-md);font-weight:800;text-decoration:none;transform:translateY(calc(-100% - var(--space-6)));transition:transform .14s ease-out}:where(html[data-app=bagiyo]) .skip-link:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){:where(html[data-app=bagiyo]) *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:where(html[data-app=bagiyo]) *{box-sizing:border-box}:where(html[data-app=bagiyo]) button,:where(html[data-app=bagiyo]) input,:where(html[data-app=bagiyo]) select{font:inherit}:where(html[data-app=bagiyo]) button,:where(html[data-app=bagiyo]) a{-webkit-tap-highlight-color:transparent}:where(html[data-app=bagiyo]) a{color:inherit}:where(html[data-app=bagiyo]) .app-shell{display:grid;grid-template-columns:var(--sidebar-width, 240px) minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}:where(html[data-app=bagiyo]) .app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:var(--color-surface);border-right:1px solid var(--surface-line);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}:where(html[data-app=bagiyo]) .sidebar-resizer{position:absolute;top:0;right:-3px;z-index:80;width:6px;height:100%;touch-action:none;cursor:col-resize;background:transparent}:where(html[data-app=bagiyo]) .sidebar-resizer:after{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background:var(--color-resize-indicator);opacity:0;transform:translate(-50%) scaleY(.3);transition:opacity .12s ease,transform .12s ease}:where(html[data-app=bagiyo]) .sidebar-resizer:hover:after,:where(html[data-app=bagiyo]) .sidebar-resizer:focus-visible:after,:where(html[data-app=bagiyo]) .app-shell.sidebar-resizing .sidebar-resizer:after{opacity:1;transform:translate(-50%) scaleY(1)}:where(html[data-app=bagiyo]) .sidebar-resizer:focus-visible{outline:none}:where(html[data-app=bagiyo]) body.sidebar-resizing,:where(html[data-app=bagiyo]) body.sidebar-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}:where(html[data-app=bagiyo]) .app-sidebar::-webkit-scrollbar{display:none}:where(html[data-app=bagiyo]) .sidebar-top{display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-6)}:where(html[data-app=bagiyo]) .brand{display:inline-flex;min-height:4rem;align-items:center;gap:var(--space-3);min-width:0;padding-inline:var(--space-4);color:var(--color-text);text-decoration:none}:where(html[data-app=bagiyo]) .brand-mark{display:grid;width:2rem;height:1.75rem;flex:0 0 auto;place-items:center}:where(html[data-app=bagiyo]) .brand-text{display:flex;flex-direction:column;line-height:1.2}:where(html[data-app=bagiyo]) .brand-name{font-size:1.5rem;font-weight:700;line-height:1.17;letter-spacing:-.01em}:where(html[data-app=bagiyo]) .brand-scope,:where(html[data-app=bagiyo]) .sidebar-status,:where(html[data-app=bagiyo]) .intro-copy,:where(html[data-app=bagiyo]) .subscription-card p,:where(html[data-app=bagiyo]) .subscription-meta,:where(html[data-app=bagiyo]) .filter-summary{color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .brand-scope,:where(html[data-app=bagiyo]) .sidebar-status,:where(html[data-app=bagiyo]) .subscription-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2)}:where(html[data-app=bagiyo]) .nav-item{position:relative;display:flex;min-height:2.75rem;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:600;text-decoration:none;font-size:var(--font-size-sm);transition:background-color .14s ease,color .14s ease}:where(html[data-app=bagiyo]) .nav-item:before{position:absolute;top:50%;left:0;width:3px;height:1.35rem;translate:0 -50%;border-radius:0 2px 2px 0;background:var(--color-primary);content:"";opacity:0;transform:scaleY(.3);transition:opacity .14s ease,transform .14s ease}:where(html[data-app=bagiyo]) .nav-item:hover{background:var(--color-surface-muted);color:var(--color-text)}:where(html[data-app=bagiyo]) .nav-item.active{background:var(--color-primary-soft);color:var(--color-primary)}:where(html[data-app=bagiyo]) .nav-item.active:before{opacity:1;transform:scaleY(1)}:where(html[data-app=bagiyo]) .nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:where(html[data-app=bagiyo]) .nav-item .nav-icon{display:inline-flex;flex:0 0 auto}:where(html[data-app=bagiyo]) .nav-item .nav-icon svg{width:1.25rem;height:1.25rem}:where(html[data-app=bagiyo]) .nav-icon{font-size:1.1rem}:where(html[data-app=bagiyo]) .nav-tooltip{display:none;position:fixed;z-index:300;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);box-shadow:var(--shadow-popover);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;pointer-events:auto;transform:translateY(-50%)}:where(html[data-app=bagiyo]) .sidebar-collapse-row{display:flex;justify-content:flex-end}:where(html[data-app=bagiyo]) .sidebar-collapse-btn{display:grid;width:2.75rem;height:2.75rem;flex:0 0 auto;place-items:center;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color .14s ease,color .14s ease}:where(html[data-app=bagiyo]) .sidebar-collapse-btn:hover{background:var(--color-surface-muted);color:var(--color-text)}:where(html[data-app=bagiyo]) .sidebar-collapse-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(min-width:1024px){:where(html[data-app=bagiyo]) .app-shell{transition:grid-template-columns .16s ease}:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .app-sidebar{overflow-x:hidden}:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .sidebar-top{padding:var(--space-2);align-items:stretch}:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .brand{justify-content:center;min-height:4rem;padding-inline:0}:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .sidebar-collapse-row{justify-content:center}:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .nav-item{justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:var(--space-2)}:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .nav-item .nav-icon svg{width:1.25rem;height:1.25rem}:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .brand-text,:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .nav-label,:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .nav-status,:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .nav-group-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .sidebar-nav-group+.sidebar-nav-group{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .nav-item:hover .nav-tooltip,:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .nav-item:focus-visible .nav-tooltip,:where(html[data-app=bagiyo]) .app-shell.nav-collapsed .nav-item:focus-within .nav-tooltip{display:block}}@media(max-width:1023px){:where(html[data-app=bagiyo]) .sidebar-collapse-row{display:none}:where(html[data-app=bagiyo]) .nav-tooltip{display:none!important}}:where(html[data-app=bagiyo]) .avatar-placeholder{display:grid;place-items:center;width:1.5rem;height:1.5rem;flex:0 0 auto;border-radius:999px;background:var(--color-primary);color:var(--color-bg);font-weight:800;font-size:var(--font-size-xs)}:where(html[data-app=bagiyo]) .danger-action{color:var(--color-danger)}:where(html[data-app=bagiyo]) .danger-action:hover{background:var(--color-danger-soft)}:where(html[data-app=bagiyo]) .page-content{overflow-y:auto;min-width:0;min-height:0;height:100%}:where(html[data-app=bagiyo]) .page-content:focus{outline:none}:where(html[data-app=bagiyo]) .page-container{width:min(100%,var(--page-max-width));margin-inline:auto;padding-block:var(--space-8) var(--space-16);padding-inline:clamp(1rem,2vw,2rem)}:where(html[data-app=bagiyo]) .tool-intro,:where(html[data-app=bagiyo]) .signin-panel,:where(html[data-app=bagiyo]) .workspace,:where(html[data-app=bagiyo]) .section-heading,:where(html[data-app=bagiyo]) .subscription-main,:where(html[data-app=bagiyo]) .subscribe-row,:where(html[data-app=bagiyo]) .form-actions,:where(html[data-app=bagiyo]) .keyword-editor,:where(html[data-app=bagiyo]) .form-grid{display:grid;gap:var(--space-4)}:where(html[data-app=bagiyo]) .tool-intro{align-items:end;margin-bottom:var(--space-6)}:where(html[data-app=bagiyo]) .tool-intro h1{max-width:16ch;margin:var(--space-1) 0 var(--space-2);color:var(--color-text)}:where(html[data-app=bagiyo]) .intro-copy{max-width:42rem;margin:0;font-size:var(--font-size-lg)}:where(html[data-app=bagiyo]) .eyebrow,:where(html[data-app=bagiyo]) .label,:where(html[data-app=bagiyo]) .label-accent,:where(html[data-app=bagiyo]) .nav-group-label,:where(html[data-app=bagiyo]) .field-label,:where(html[data-app=bagiyo]) .subscribe-label{margin:0;color:var(--color-text-subtle);font-size:var(--eyebrow-size);font-weight:var(--eyebrow-weight);letter-spacing:var(--eyebrow-letter-spacing);text-transform:uppercase}:where(html[data-app=bagiyo]) .eyebrow,:where(html[data-app=bagiyo]) .label-accent{color:var(--color-accent)}:where(html[data-app=bagiyo]) .label-primary{color:var(--color-primary)}:where(html[data-app=bagiyo]) .data-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}:where(html[data-app=bagiyo]) .meta-text{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}:where(html[data-app=bagiyo]) .surface-card{padding:var(--space-5);border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface);box-shadow:none}:where(html[data-app=bagiyo]) .surface-card-flush{padding:0;overflow:hidden}:where(html[data-app=bagiyo]) .hairline-top{border-top:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .hairline-bottom{border-bottom:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--surface-line)}:where(html[data-app=bagiyo]) .rule-grid>*{display:grid;align-content:start;gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-4);background:var(--color-surface)}:where(html[data-app=bagiyo]) .rule-grid-on-bg>*{background:var(--color-bg)}:where(html[data-app=bagiyo]) .grid-paper{background:linear-gradient(var(--surface-grid) 1px,transparent 1px),linear-gradient(90deg,var(--surface-grid) 1px,transparent 1px),var(--color-surface);background-size:24px 24px}:where(html[data-app=bagiyo]) .grid-paper-on-bg{background:linear-gradient(var(--surface-grid) 1px,transparent 1px),linear-gradient(90deg,var(--surface-grid) 1px,transparent 1px),transparent;background-size:24px 24px}:where(html[data-app=bagiyo]) .tool-summary,:where(html[data-app=bagiyo]) .account-chip,:where(html[data-app=bagiyo]) .count-pill,:where(html[data-app=bagiyo]) .badge,:where(html[data-app=bagiyo]) .chip{display:inline-flex;align-items:center;width:fit-content;gap:var(--space-2);border-radius:var(--surface-radius);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.04em}:where(html[data-app=bagiyo]) .tool-summary{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .status-dot{width:.65rem;height:.65rem;border-radius:var(--radius-full);background:var(--color-success)}:where(html[data-app=bagiyo]) .alert,:where(html[data-app=bagiyo]) .signin-panel,:where(html[data-app=bagiyo]) .alert-editor,:where(html[data-app=bagiyo]) .subscriptions-panel,:where(html[data-app=bagiyo]) .subscription-card,:where(html[data-app=bagiyo]) .web-push-panel{border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface)}:where(html[data-app=bagiyo]) .alert{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);font-weight:700}:where(html[data-app=bagiyo]) .alert-danger{color:var(--color-danger);background:var(--color-danger-soft);border-color:color-mix(in srgb,var(--color-danger) 35%,var(--color-border))}:where(html[data-app=bagiyo]) .alert-success{color:var(--color-success);background:var(--color-success-soft);border-color:color-mix(in srgb,var(--color-success) 35%,var(--color-border))}:where(html[data-app=bagiyo]) .alert-info{color:var(--color-info);background:var(--color-info-soft);border-color:color-mix(in srgb,var(--color-info) 35%,var(--color-border))}:where(html[data-app=bagiyo]) .alert-info a{color:inherit;text-decoration:underline}:where(html[data-app=bagiyo]) .alert-info a:hover{opacity:.82}:where(html[data-app=bagiyo]) .signin-panel,:where(html[data-app=bagiyo]) .alert-editor,:where(html[data-app=bagiyo]) .subscriptions-panel,:where(html[data-app=bagiyo]) .web-push-panel{padding:var(--space-5)}:where(html[data-app=bagiyo]) .signin-panel{align-items:center}:where(html[data-app=bagiyo]) .signin-panel h2,:where(html[data-app=bagiyo]) .section-heading h2,:where(html[data-app=bagiyo]) .subscription-card h3{margin:0}:where(html[data-app=bagiyo]) .signin-panel p,:where(html[data-app=bagiyo]) .subscription-card p{margin:var(--space-1) 0 0}:where(html[data-app=bagiyo]) .config-warning{color:var(--color-warning);font-weight:700}:where(html[data-app=bagiyo]) .workspace{display:grid;grid-template-columns:1fr;align-items:start;gap:var(--space-6)}:where(html[data-app=bagiyo]) .section-heading{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:var(--space-5)}:where(html[data-app=bagiyo]) .flex-heading{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}:where(html[data-app=bagiyo]) .active-card{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}:where(html[data-app=bagiyo]) .alert-form{display:grid;gap:var(--space-5)}:where(html[data-app=bagiyo]) .field,:where(html[data-app=bagiyo]) .field-group{display:grid;gap:var(--space-2)}:where(html[data-app=bagiyo]) .field span,:where(html[data-app=bagiyo]) .field-group legend{color:var(--color-text);font-size:var(--font-size-sm);font-weight:600}:where(html[data-app=bagiyo]) .field input,:where(html[data-app=bagiyo]) .field select{width:100%;min-height:2.5rem;padding:.65rem .75rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-control-border, var(--color-border-strong));border-radius:var(--radius-sm);font-size:var(--font-size-md)}:where(html[data-app=bagiyo]) .field input:focus-visible,:where(html[data-app=bagiyo]) .field select:focus-visible{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px}:where(html[data-app=bagiyo]) .field input[aria-invalid=true],:where(html[data-app=bagiyo]) .field select[aria-invalid=true]{border-color:var(--color-danger)}:where(html[data-app=bagiyo]) .field select:disabled{color:var(--color-text-muted);cursor:not-allowed}:where(html[data-app=bagiyo]) .select-wrapper{position:relative;display:flex;align-items:center}:where(html[data-app=bagiyo]) .select-wrapper select{appearance:none;padding-right:2.5rem}:where(html[data-app=bagiyo]) .select-wrapper .select-icon{position:absolute;right:.75rem;width:1.25rem;height:1.25rem;pointer-events:none;color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .field-group{min-width:0;margin:0;padding:var(--space-4);border:1px solid var(--surface-line);border-radius:var(--surface-radius)}:where(html[data-app=bagiyo]) .radio-row,:where(html[data-app=bagiyo]) .checkbox-row,:where(html[data-app=bagiyo]) .switch-row{display:flex;align-items:center;gap:var(--space-2);min-height:2rem}:where(html[data-app=bagiyo]) .radio-row input,:where(html[data-app=bagiyo]) .checkbox-row input,:where(html[data-app=bagiyo]) .switch-row input{width:1rem;height:1rem;accent-color:var(--color-primary)}:where(html[data-app=bagiyo]) .event-grid{display:grid;gap:var(--space-2)}:where(html[data-app=bagiyo]) .keyword-editor,:where(html[data-app=bagiyo]) .form-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end}:where(html[data-app=bagiyo]) .chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}:where(html[data-app=bagiyo]) .chip{min-height:2rem;padding:var(--space-1) var(--space-3);color:var(--color-primary);background:var(--color-primary-soft);border:1px solid transparent}:where(html[data-app=bagiyo]) .chip-removable{cursor:pointer}:where(html[data-app=bagiyo]) .button,:where(html[data-app=bagiyo]) .icon-button{min-height:44px;border-radius:var(--radius-sm);font-weight:600;letter-spacing:0;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}:where(html[data-app=bagiyo]) .button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);box-shadow:none;font-size:var(--font-size-sm);font-weight:600;line-height:1;text-decoration:none}:where(html[data-app=bagiyo]) .button:disabled{border-color:var(--color-border);color:var(--color-text-muted);background:var(--color-surface-muted);cursor:not-allowed;opacity:1}:where(html[data-app=bagiyo]) .button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:where(html[data-app=bagiyo]) .button-primary{color:var(--color-text-on-primary);background:var(--color-primary);border-color:transparent}:where(html[data-app=bagiyo]) .button-primary:hover:not(:disabled){color:var(--color-text-on-primary);background:var(--color-primary-hover);border-color:transparent}:where(html[data-app=bagiyo]) .button-primary:active:not(:disabled){color:var(--color-text-on-primary);background:var(--color-primary-pressed);border-color:transparent}:where(html[data-app=bagiyo])[data-theme=dark] .button-primary{color:var(--color-text-on-primary);border-color:transparent}:where(html[data-app=bagiyo])[data-theme=dark] .button-primary:hover:not(:disabled){color:var(--color-text-on-primary);border-color:transparent}:where(html[data-app=bagiyo]) .button-secondary,:where(html[data-app=bagiyo]) .icon-button{color:var(--color-text);background:transparent;border:1px solid var(--color-border-strong)}:where(html[data-app=bagiyo]) .button-secondary:hover:not(:disabled),:where(html[data-app=bagiyo]) .icon-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-text) 4%,transparent);border-color:var(--surface-line-strong)}:where(html[data-app=bagiyo]) .button-ghost{color:var(--color-text-muted);background:transparent;border-color:transparent}:where(html[data-app=bagiyo]) .button-ghost:hover,:where(html[data-app=bagiyo]) .button-ghost:focus-visible{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 4%,transparent);border-color:var(--surface-line)}:where(html[data-app=bagiyo]) .button-delete{color:var(--color-danger);background:transparent;border-color:color-mix(in srgb,var(--color-danger) 62%,var(--surface-line))}:where(html[data-app=bagiyo]) .button-delete:hover:not(:disabled),:where(html[data-app=bagiyo]) .button-delete:focus-visible{color:var(--color-danger);background:var(--color-danger-soft);border-color:var(--color-danger)}:where(html[data-app=bagiyo]) .button-delete:active:not(:disabled){background:color-mix(in srgb,var(--color-danger) 16%,transparent);border-color:color-mix(in srgb,var(--color-danger) 82%,var(--color-text))}:where(html[data-app=bagiyo]) .compact{min-height:36px;padding:.4rem .75rem}:where(html[data-app=bagiyo]) .icon-button{display:grid;width:44px;place-items:center;padding:0}:where(html[data-app=bagiyo]) .account-chip,:where(html[data-app=bagiyo]) .count-pill{min-height:2rem;padding:var(--space-1) var(--space-3);color:var(--color-text);background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) .account-chip{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}:where(html[data-app=bagiyo]) .account-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(html[data-app=bagiyo]) .account-avatar{width:1.5rem;height:1.5rem;flex:0 0 auto;border-radius:999px;object-fit:cover}:where(html[data-app=bagiyo]) .subscription-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));gap:var(--space-4)}:where(html[data-app=bagiyo]) .subscription-card{border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface);padding:var(--space-4);transition:border-color .15s ease,box-shadow .15s ease}:where(html[data-app=bagiyo]) .subscription-main-layout{display:flex;flex-direction:column;gap:var(--space-3)}:where(html[data-app=bagiyo]) .subscription-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}:where(html[data-app=bagiyo]) .subscription-title-block{display:flex;flex-direction:column;gap:var(--space-1)}:where(html[data-app=bagiyo]) .subscription-name-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}:where(html[data-app=bagiyo]) .subscription-name-row h3{margin:0;font-size:var(--font-size-md);font-weight:700;color:var(--color-text)}:where(html[data-app=bagiyo]) .subscription-name-row .badge{font-size:var(--font-size-xs);padding:.15rem .5rem;min-height:unset;display:inline-flex;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--surface-radius)}:where(html[data-app=bagiyo]) .subscription-feed-info{display:flex;align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600}:where(html[data-app=bagiyo]) .badge{min-height:1.75rem;padding:0 var(--space-3)}:where(html[data-app=bagiyo]) .badge-success{color:var(--color-success);background:var(--color-success-soft)}:where(html[data-app=bagiyo]) .badge-muted{color:var(--color-text-muted);background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) .subscription-meta-block{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right}:where(html[data-app=bagiyo]) .meta-item{display:flex;align-items:center;gap:var(--space-1);justify-content:flex-end}:where(html[data-app=bagiyo]) .meta-item svg{color:var(--color-text-subtle)}:where(html[data-app=bagiyo]) .subscription-filters-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);background:var(--color-surface-muted);border:1px solid var(--surface-line);padding:.4rem .8rem;border-radius:var(--surface-radius)}:where(html[data-app=bagiyo]) .chip-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}:where(html[data-app=bagiyo]) .chip-item{font-size:var(--font-size-xs);padding:.15rem .5rem;font-weight:600;background:var(--color-surface);border:1px solid var(--surface-line);border-radius:var(--surface-radius);color:var(--color-text)}:where(html[data-app=bagiyo]) .chip-empty{background:transparent;border-style:dashed;color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .filter-divider{color:var(--color-border-strong);font-weight:300}:where(html[data-app=bagiyo]) .subscription-event-summary{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:500}:where(html[data-app=bagiyo]) .subscribe-details-box{display:flex;flex-direction:column;gap:var(--space-2)}:where(html[data-app=bagiyo]) .subscribe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);width:100%;align-items:end}:where(html[data-app=bagiyo]) .subscribe-field-group{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:end}:where(html[data-app=bagiyo]) .subscribe-field-main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}:where(html[data-app=bagiyo]) .subscribe-label{font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .subscribe-field-main code{background:var(--color-surface-muted);border:1px solid var(--surface-line);padding:.35rem .5rem;border-radius:var(--surface-radius);font-size:var(--font-size-xs);color:var(--color-text);font-family:var(--font-mono);word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}:where(html[data-app=bagiyo]) .subscribe-details-box .test-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}:where(html[data-app=bagiyo]) .subscribe-details-box .test-note a{color:inherit;text-decoration:underline}@media(max-width:768px){:where(html[data-app=bagiyo]) .subscription-header-row{flex-direction:column;align-items:stretch;gap:var(--space-2)}:where(html[data-app=bagiyo]) .subscription-meta-block{text-align:left}:where(html[data-app=bagiyo]) .meta-item{justify-content:flex-start}:where(html[data-app=bagiyo]) .subscribe-grid{grid-template-columns:1fr;gap:var(--space-3)}}:where(html[data-app=bagiyo]) .subscribe-link{overflow:hidden;color:var(--color-primary);font-weight:800;text-overflow:ellipsis;white-space:nowrap}:where(html[data-app=bagiyo]) .form-actions{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--space-4)}:where(html[data-app=bagiyo]) .card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);align-items:center;justify-content:flex-end}:where(html[data-app=bagiyo]) .form-actions{grid-template-columns:minmax(0,1fr) auto;margin-top:0}:where(html[data-app=bagiyo]) .empty-state{padding:var(--space-8);color:var(--color-text-muted);text-align:center;background:var(--color-bg);border:1px dashed var(--color-border-strong);border-radius:var(--surface-radius)}:where(html[data-app=bagiyo]) .delete-confirmation{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-surface-muted);border-radius:var(--surface-radius);border:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .confirm-text{font-weight:500;color:var(--color-danger)}:where(html[data-app=bagiyo]) .confirm-actions{display:flex;gap:var(--space-2)}:where(html[data-app=bagiyo]) .menu-overlay,:where(html[data-app=bagiyo]) .drawer-mobile-header{display:none}:where(html[data-app=bagiyo]) code{padding:.1rem .3rem;border-radius:var(--surface-radius);background:var(--color-surface-muted)}@media(max-width:1023px){:where(html[data-app=bagiyo]) body{overscroll-behavior-y:none}:where(html[data-app=bagiyo]) body.drawer-open{overflow:hidden}:where(html[data-app=bagiyo]) .desktop-only{display:none!important}:where(html[data-app=bagiyo]) .menu-overlay{display:block;position:fixed;inset:0;background:var(--color-overlay);z-index:90;animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:where(html[data-app=bagiyo]) .app-shell{display:flex;flex-direction:column;height:100dvh;min-height:0}:where(html[data-app=bagiyo]) .app-sidebar{position:fixed;top:0;bottom:0;left:0;width:min(20rem,calc(100vw - 2rem));height:100dvh;z-index:100;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;transform:translate(-100%);transition:transform .18s ease;box-shadow:none}:where(html[data-app=bagiyo]) .app-sidebar.open{transform:translate(0);box-shadow:var(--shadow-dialog)}:where(html[data-app=bagiyo]) .sidebar-resizer{display:none}:where(html[data-app=bagiyo]) .drawer-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .drawer-title{font-weight:800;font-size:var(--font-size-md);color:var(--color-text)}:where(html[data-app=bagiyo]) .drawer-close{display:flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2)}:where(html[data-app=bagiyo]) .drawer-close:hover{background:var(--color-surface-muted);color:var(--color-text)}:where(html[data-app=bagiyo]) .drawer-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:where(html[data-app=bagiyo]) .sidebar-top{display:flex;flex-direction:column;padding:0;gap:0}:where(html[data-app=bagiyo]) .sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}:where(html[data-app=bagiyo]) .sidebar-nav-group{display:grid;gap:var(--space-2)}:where(html[data-app=bagiyo]) .sidebar-nav-group+.sidebar-nav-group{margin-top:var(--space-5)}:where(html[data-app=bagiyo]) .nav-group-label{display:block;padding:0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}:where(html[data-app=bagiyo]) .nav-status{display:inline-block}:where(html[data-app=bagiyo]) .nav-item{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);min-height:2.75rem;border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:600;text-decoration:none;font-size:var(--font-size-sm);white-space:nowrap;transition:background-color .14s ease,color .14s ease}:where(html[data-app=bagiyo]) .nav-item:hover{background:var(--color-surface-muted);color:var(--color-text)}:where(html[data-app=bagiyo]) .nav-item.active{background:var(--color-primary-soft);color:var(--color-primary)}:where(html[data-app=bagiyo]) .nav-icon{font-size:1.1rem;display:inline-grid;place-items:center}:where(html[data-app=bagiyo]) .page-content{flex:1;min-height:0;overflow-y:auto}:where(html[data-app=bagiyo]) .section-heading,:where(html[data-app=bagiyo]) .keyword-editor,:where(html[data-app=bagiyo]) .form-grid,:where(html[data-app=bagiyo]) .subscribe-row,:where(html[data-app=bagiyo]) .form-actions{grid-template-columns:1fr}:where(html[data-app=bagiyo]) .form-actions .button{width:100%}:where(html[data-app=bagiyo]) .tool-intro h1{max-width:none}}:where(html[data-app=bagiyo]) .sidebar-nav-group{display:grid;gap:var(--space-2)}:where(html[data-app=bagiyo]) .sidebar-nav-group+.sidebar-nav-group{margin-top:var(--space-6)}:where(html[data-app=bagiyo]) .nav-group-label{padding:0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}:where(html[data-app=bagiyo]) .nav-item{min-height:2.75rem}:where(html[data-app=bagiyo]) .nav-item-disabled{color:var(--color-text-subtle);cursor:not-allowed;opacity:.78}:where(html[data-app=bagiyo]) .nav-item-disabled:hover{background:transparent;color:var(--color-text-subtle)}:where(html[data-app=bagiyo]) .nav-status{margin-left:auto;padding:.1rem .45rem;border-radius:var(--surface-radius);color:var(--color-success);background:var(--color-success-soft);font-size:var(--font-size-xs);font-weight:800}:where(html[data-app=bagiyo]) .nav-status.beta{color:var(--color-accent);background:var(--color-accent-soft)}:where(html[data-app=bagiyo]) .nav-icon{display:inline-grid;place-items:center;color:currentColor}:where(html[data-app=bagiyo]) .tool-header{display:block;margin-bottom:var(--space-8)}:where(html[data-app=bagiyo]) .home-section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:none}:where(html[data-app=bagiyo]) .home-section{padding:var(--space-5)}:where(html[data-app=bagiyo]) .panel-note,:where(html[data-app=bagiyo]) .empty-state-rich h3{margin:0}:where(html[data-app=bagiyo]) .panel-note,:where(html[data-app=bagiyo]) .field-hint,:where(html[data-app=bagiyo]) .subscribe-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .capacity-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);background:var(--color-surface);border:1px solid var(--surface-line);padding:.3rem .65rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;margin-left:auto;flex-shrink:0}:where(html[data-app=bagiyo]) .capacity-badge.capacity-full{color:var(--color-danger);background:var(--color-danger-soft);border-color:transparent}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .setup-guide-link{flex-wrap:wrap;gap:var(--space-2)}:where(html[data-app=bagiyo]) .setup-guide-link .capacity-badge{margin-left:0;width:fit-content}}:where(html[data-app=bagiyo]) .tool-meter{min-height:11rem;align-content:center}:where(html[data-app=bagiyo]) .tool-meter span,:where(html[data-app=bagiyo]) .tool-meter small{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:700}:where(html[data-app=bagiyo]) .tool-meter strong{color:var(--color-primary);font-size:clamp(2rem,7vw,4rem);line-height:1}:where(html[data-app=bagiyo]) .status-banner{display:flex;align-items:center;gap:var(--space-3)}:where(html[data-app=bagiyo]) .status-icon{display:inline-grid;min-width:1.75rem;height:1.75rem;place-items:center;border-radius:var(--radius-full);color:var(--color-surface);background:currentColor;font-size:var(--font-size-xs);font-weight:900}:where(html[data-app=bagiyo]) .toast-region{position:fixed;top:max(var(--space-4),env(safe-area-inset-top));right:var(--space-4);z-index:120;width:min(25rem,calc(100vw - (2 * var(--space-4))));pointer-events:none}:where(html[data-app=bagiyo]) .operation-toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface-raised, var(--color-surface));box-shadow:var(--shadow-popover, 0 8px 24px rgba(15, 20, 26, .12));pointer-events:auto;animation:operation-toast-in .18s ease-out}:where(html[data-app=bagiyo]) .operation-toast-success{border-left-color:var(--color-success)}:where(html[data-app=bagiyo]) .operation-toast-error{border-left-color:var(--color-danger)}:where(html[data-app=bagiyo]) .operation-toast-info{border-left-color:var(--color-info)}:where(html[data-app=bagiyo]) .operation-toast-icon{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:var(--radius-full);color:var(--color-text-on-primary);background:var(--color-success);font-size:var(--font-size-sm);font-weight:700}:where(html[data-app=bagiyo]) .operation-toast-error .operation-toast-icon{background:var(--color-danger)}:where(html[data-app=bagiyo]) .operation-toast-info .operation-toast-icon{background:var(--color-info)}:where(html[data-app=bagiyo]) .operation-toast-copy{display:grid;gap:.1rem;min-width:0;overflow-wrap:anywhere}:where(html[data-app=bagiyo]) .operation-toast-copy strong{font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .operation-toast-copy>span{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.4}:where(html[data-app=bagiyo]) .operation-toast-dismiss{display:grid;width:2.75rem;height:2.75rem;margin:-.25rem;padding:0;place-items:center;border:0;border-radius:var(--radius-sm);color:var(--color-text-muted);background:transparent;cursor:pointer}:where(html[data-app=bagiyo]) .operation-toast-dismiss:hover{color:var(--color-text);background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) .operation-toast-dismiss:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes operation-toast-in{0%{opacity:0;transform:translateY(-.5rem)}}:where(html[data-app=bagiyo]) .onboarding-highlight{position:fixed;z-index:1200;border-radius:var(--surface-radius);box-shadow:0 0 0 9999px #080c0ad1;pointer-events:none;transition:top .2s ease-out,left .2s ease-out,width .2s ease-out,height .2s ease-out}:where(html[data-app=bagiyo]) .onboarding-callout{position:fixed;z-index:1201;width:300px;max-width:calc(100vw - 2rem);padding:var(--space-4);border-radius:var(--surface-radius);background:var(--color-surface);color:var(--color-text);box-shadow:0 20px 50px #0000004d,var(--shadow-sm);transform:translateY(-100%);animation:operation-toast-in .18s ease-out;transition:top .2s ease-out,left .2s ease-out}:where(html[data-app=bagiyo]) .onboarding-callout-below{transform:none}:where(html[data-app=bagiyo]) .onboarding-callout-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}:where(html[data-app=bagiyo]) .onboarding-callout-body{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal);margin:0 0 var(--space-4) 0}:where(html[data-app=bagiyo]) .onboarding-callout-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}:where(html[data-app=bagiyo]) .onboarding-callout-progress{display:flex;flex-direction:column;gap:var(--space-1)}:where(html[data-app=bagiyo]) .onboarding-callout-progress-label{font-size:var(--font-size-xs);color:var(--color-text-subtle)}:where(html[data-app=bagiyo]) .onboarding-callout-dots{display:flex;gap:.28rem}:where(html[data-app=bagiyo]) .onboarding-callout-dot{width:.34rem;height:.34rem;border-radius:50%;background:var(--color-border);transition:background-color .15s ease-out}:where(html[data-app=bagiyo]) .onboarding-callout-dot-active{background:var(--color-primary)}:where(html[data-app=bagiyo]) .onboarding-callout-actions{display:flex;gap:var(--space-2)}:where(html[data-app=bagiyo]) .onboarding-skip-label{display:none}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .onboarding-callout{top:auto!important;right:max(var(--space-3),env(safe-area-inset-right))!important;bottom:calc(4rem + env(safe-area-inset-bottom) + 3rem + (2 * var(--space-3)))!important;left:max(var(--space-3),env(safe-area-inset-left))!important;width:auto;max-width:none;max-height:calc(100dvh - 11rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;padding:var(--space-4);border-radius:var(--surface-radius);transform:none}:where(html[data-app=bagiyo]) .onboarding-callout-header{margin-bottom:var(--space-3)}:where(html[data-app=bagiyo]) .onboarding-callout-body{margin-bottom:var(--space-3)}:where(html[data-app=bagiyo]) .onboarding-skip-button{width:auto;min-width:2.75rem;padding-inline:var(--space-2);gap:var(--space-1)}:where(html[data-app=bagiyo]) .onboarding-skip-button svg{display:none}:where(html[data-app=bagiyo]) .onboarding-skip-label{display:inline;font-size:var(--font-size-xs);font-weight:800}:where(html[data-app=bagiyo]) .onboarding-callout-actions .button{min-height:2.75rem}}@media(max-height:520px)and (orientation:landscape)and (pointer:coarse){:where(html[data-app=bagiyo]) .onboarding-callout{bottom:calc(3.25rem + env(safe-area-inset-bottom) + 3rem + (2 * var(--space-2)))!important;max-height:calc(100dvh - 8rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .toast-region{top:calc(56px + var(--space-3) + env(safe-area-inset-top));right:var(--space-3);width:calc(100vw - (2 * var(--space-3)))}}:where(html[data-app=bagiyo]) .feed-coverage{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}:where(html[data-app=bagiyo]) .coverage-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:.35rem .75rem;border:1px solid var(--surface-line);border-radius:var(--surface-radius);color:var(--color-text-muted);background:var(--color-surface-muted);font-size:var(--font-size-xs);font-weight:700}:where(html[data-app=bagiyo]) .coverage-active{color:var(--color-primary);background:var(--color-primary-soft);border-color:transparent}:where(html[data-app=bagiyo]) .coverage-dot{width:6px;height:6px;flex:0 0 auto;border-radius:var(--radius-full);background:var(--color-text-subtle)}:where(html[data-app=bagiyo]) .coverage-active .coverage-dot{background:var(--color-primary)}:where(html[data-app=bagiyo]) .coverage-status{margin-left:.25rem;color:inherit;font-size:var(--font-size-xs);text-transform:uppercase;font-weight:800;opacity:.8}:where(html[data-app=bagiyo]) .empty-state-rich{display:grid;justify-items:center;gap:var(--space-3)}:where(html[data-app=bagiyo]) .empty-state-rich h3{color:var(--color-text);font-size:var(--font-size-xl)}:where(html[data-app=bagiyo]) .subscribe-copy{display:grid;gap:var(--space-1);min-width:0}:where(html[data-app=bagiyo]) .subscribe-label{font-weight:800;text-transform:uppercase}:where(html[data-app=bagiyo]) .field-hint{display:block;line-height:var(--line-height-normal)}:where(html[data-app=bagiyo]) .event-type-grid{display:grid;gap:var(--space-2)}:where(html[data-app=bagiyo]) .select-all-button{margin-top:var(--space-3)}:where(html[data-app=bagiyo]) .alert-editor{scroll-margin-top:var(--space-6)}:where(html[data-app=bagiyo]) .alert-editor:focus{outline:none}:where(html[data-app=bagiyo]) .alert-editor-close-button{min-height:2.25rem;padding:.45rem .85rem;color:var(--color-bg);background:var(--color-danger);border-color:var(--color-danger)}:where(html[data-app=bagiyo]) .alert-editor-close-button:hover,:where(html[data-app=bagiyo]) .alert-editor-close-button:focus-visible{background:color-mix(in srgb,var(--color-danger) 86%,var(--color-text));border-color:transparent}:where(html[data-app=bagiyo]) .feed-picker-field{gap:var(--space-3)}:where(html[data-app=bagiyo]) .feed-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-2)}:where(html[data-app=bagiyo]) .feed-picker-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);width:100%;min-height:4.5rem;padding:var(--space-3);border:1px solid var(--surface-line);border-radius:var(--surface-radius);color:var(--color-text);background:var(--color-bg);text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}:where(html[data-app=bagiyo]) .feed-picker-option:hover:not(:disabled){border-color:var(--surface-line-strong);background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) .feed-picker-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:where(html[data-app=bagiyo]) .feed-picker-option:disabled{cursor:not-allowed;opacity:.72}:where(html[data-app=bagiyo]) .feed-picker-selected{border-color:var(--color-primary);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-primary)}:where(html[data-app=bagiyo]) .feed-icon-badge,:where(html[data-app=bagiyo]) .coverage-icon{display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid var(--surface-line);color:var(--color-primary);background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) .feed-icon-badge{width:2.25rem;height:2.25rem;border-radius:var(--surface-radius)}:where(html[data-app=bagiyo]) .coverage-icon{width:1.35rem;height:1.35rem;border-radius:var(--radius-full)}:where(html[data-app=bagiyo]) .feed-icon-badge svg,:where(html[data-app=bagiyo]) .coverage-icon svg{width:1rem;height:1rem}:where(html[data-app=bagiyo]) .feed-picker-weather .feed-icon-badge,:where(html[data-app=bagiyo]) .coverage-weather .coverage-icon{color:var(--color-info);background:var(--color-info-soft);border-color:color-mix(in srgb,var(--color-info) 35%,var(--color-border))}:where(html[data-app=bagiyo]) .feed-picker-power .feed-icon-badge,:where(html[data-app=bagiyo]) .coverage-power .coverage-icon{color:var(--color-warning);background:var(--color-warning-soft);border-color:color-mix(in srgb,var(--color-warning) 35%,var(--color-border))}:where(html[data-app=bagiyo]) .feed-picker-scheduled .feed-icon-badge,:where(html[data-app=bagiyo]) .coverage-scheduled .coverage-icon{color:var(--color-primary);background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}:where(html[data-app=bagiyo]) .feed-picker-copy{display:grid;min-width:0;gap:.15rem}:where(html[data-app=bagiyo]) .feed-picker-copy strong{overflow-wrap:anywhere;color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}:where(html[data-app=bagiyo]) .feed-picker-copy small{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}:where(html[data-app=bagiyo]) .activation-control{display:grid;align-self:end;gap:var(--space-1);padding-bottom:.75rem}:where(html[data-app=bagiyo]) .alert-active-switch{align-self:start;padding-bottom:0;font-weight:700}:where(html[data-app=bagiyo]) .alert-active-switch input:disabled,:where(html[data-app=bagiyo]) .alert-active-switch input:disabled+span{cursor:not-allowed;color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .activation-limit-hint{max-width:18rem;color:var(--color-danger)}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .feed-picker-grid{grid-template-columns:1fr}}@media(max-width:900px){:where(html[data-app=bagiyo]) .tool-card .badge{grid-column:2}:where(html[data-app=bagiyo]) .tool-card .button,:where(html[data-app=bagiyo]) .tool-card .button-minimal{grid-column:1 / -1}}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .home-hero-copy,:where(html[data-app=bagiyo]) .home-hero-card,:where(html[data-app=bagiyo]) .home-section,:where(html[data-app=bagiyo]) .tool-meter,:where(html[data-app=bagiyo]) .signin-panel,:where(html[data-app=bagiyo]) .alert-editor,:where(html[data-app=bagiyo]) .subscriptions-panel,:where(html[data-app=bagiyo]) .web-push-panel{padding:var(--space-4)}:where(html[data-app=bagiyo]) .hero-actions .button,:where(html[data-app=bagiyo]) .tool-card .button,:where(html[data-app=bagiyo]) .tool-card .button-minimal{width:100%}}:where(html[data-app=bagiyo]) .alert-success .status-icon{color:var(--color-surface);background:var(--color-success)}:where(html[data-app=bagiyo]) .alert-danger .status-icon{color:var(--color-surface);background:var(--color-danger)}:where(html[data-app=bagiyo]) .friendly-field-group{gap:var(--space-3)}:where(html[data-app=bagiyo]) .example-box{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--surface-line);border-radius:var(--surface-radius);color:var(--color-text-muted);background:var(--color-bg);font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .example-box strong{color:var(--color-text);font-size:var(--font-size-xs);text-transform:uppercase}:where(html[data-app=bagiyo]) .example-box b{color:var(--color-text)}:where(html[data-app=bagiyo]) .compact-example{margin-top:var(--space-1)}:where(html[data-app=bagiyo]) .friendly-option-grid{gap:var(--space-3)}:where(html[data-app=bagiyo]) .friendly-option{align-items:flex-start;min-height:auto;padding:var(--space-3);border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-bg)}:where(html[data-app=bagiyo]) .friendly-option input{margin-top:.2rem}:where(html[data-app=bagiyo]) .friendly-option span{display:grid;gap:var(--space-1)}:where(html[data-app=bagiyo]) .friendly-option strong{color:var(--color-text);font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .friendly-option small{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}:where(html[data-app=bagiyo]) .web-push-feed-grid{display:grid;margin-bottom:var(--space-4)}:where(html[data-app=bagiyo]) .web-push-info-message{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}:where(html[data-app=bagiyo]) .web-push-info-warning{color:var(--color-warning)}:where(html[data-app=bagiyo]) .web-push-toggle-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}:where(html[data-app=bagiyo]) .toggle-switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer}:where(html[data-app=bagiyo]) .toggle-switch-row-label{font-size:var(--font-size-sm);color:var(--color-text)}:where(html[data-app=bagiyo]) .toggle-switch{position:relative;display:inline-flex;flex-shrink:0;width:2.25rem;height:1.25rem}:where(html[data-app=bagiyo]) .toggle-switch input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}:where(html[data-app=bagiyo]) .toggle-switch-track{position:absolute;inset:0;border:1px solid var(--surface-line-strong);border-radius:var(--surface-radius);background:transparent;transition:border-color .15s ease-out,background-color .15s ease-out;pointer-events:none}:where(html[data-app=bagiyo]) .toggle-switch-track:before{content:"";position:absolute;top:.125rem;left:.125rem;width:.875rem;height:.875rem;border:1px solid var(--surface-line-strong);border-radius:1px;background:var(--color-text-muted);transition:border-color .15s ease-out,background-color .15s ease-out,transform .15s ease-out}:where(html[data-app=bagiyo]) .toggle-switch input:checked+.toggle-switch-track{border-color:var(--color-primary);background:var(--color-primary-soft)}:where(html[data-app=bagiyo]) .toggle-switch input:checked+.toggle-switch-track:before{transform:translate(1rem);border-color:var(--color-primary);background:var(--color-primary)}:where(html[data-app=bagiyo]) .toggle-switch input:focus-visible+.toggle-switch-track{outline:2px solid var(--color-primary);outline-offset:2px}:where(html[data-app=bagiyo]) .toggle-switch input:disabled+.toggle-switch-track{opacity:.5;cursor:not-allowed}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-control{width:100%;min-height:5rem;cursor:pointer;transition:border-color .15s ease-out,box-shadow .15s ease-out}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-control:hover:not(.is-disabled){border-color:var(--color-primary);box-shadow:var(--shadow-sm)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-control:focus-within{outline:3px solid color-mix(in srgb,var(--color-primary) 28%,transparent);outline-offset:2px}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-control.is-disabled{cursor:not-allowed;opacity:.66}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-copy{display:grid;min-width:0;gap:var(--space-1)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-action{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--space-3)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-status{min-width:1.8rem;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:800;text-align:right}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-switch{width:3rem;height:1.75rem}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-switch .toggle-switch-track{border-radius:999px}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-switch .toggle-switch-track:before{top:.2rem;left:.2rem;width:1.2rem;height:1.2rem;border-radius:50%;box-shadow:var(--shadow-sm)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-switch input:checked+.toggle-switch-track:before{transform:translate(1.25rem)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule.is-featured{grid-column:1 / -1}:where(html[data-app=bagiyo]) #bayad-notifications .notification-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-3)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-control-field{display:grid;grid-template-rows:auto 2.75rem auto;gap:var(--space-2);min-width:0}:where(html[data-app=bagiyo]) #bayad-notifications .notification-control-label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:750}:where(html[data-app=bagiyo]) #bayad-notifications .notification-control-field input{width:100%;min-height:2.75rem;padding:.65rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit}:where(html[data-app=bagiyo]) #bayad-notifications .notification-control-field input:focus{border-color:var(--color-primary);outline:3px solid color-mix(in srgb,var(--color-primary) 24%,transparent);outline-offset:1px}:where(html[data-app=bagiyo]) #bayad-notifications .notification-control-meta{min-height:1.25rem}:where(html[data-app=bagiyo]) #bayad-notifications .notification-control-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-copy{display:grid;min-width:0;gap:var(--space-1)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-toggle{display:inline-flex;min-height:2.75rem;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-muted);cursor:pointer}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-toggle:has(input:checked){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));background:var(--color-primary-soft);color:var(--color-primary)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-toggle:focus-within{outline:3px solid color-mix(in srgb,var(--color-primary) 28%,transparent);outline-offset:2px}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-toggle-state{min-width:1.6rem;font-size:var(--font-size-xs);font-weight:800;text-align:right}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-switch{width:2.5rem;height:1.5rem}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-switch .toggle-switch-track{border-radius:999px}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-switch .toggle-switch-track:before{top:.17rem;left:.17rem;width:1rem;height:1rem;border-radius:50%}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-switch input:checked+.toggle-switch-track:before{transform:translate(1rem)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-settings{display:grid;min-width:0;gap:var(--space-3)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-settings.has-offsets{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-group{display:grid;min-width:0;align-content:start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-offsets legend,:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-channels legend{margin-bottom:var(--space-2);color:var(--color-text);font-size:var(--font-size-sm);font-weight:800}:where(html[data-app=bagiyo]) #bayad-notifications .notification-offsets>div,:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-channels>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-choice{width:100%;min-height:2.75rem;justify-content:center;padding-inline:var(--space-2);border-radius:var(--radius-md);text-align:center}@media(max-width:760px){:where(html[data-app=bagiyo]) #bayad-notifications{gap:var(--space-4)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-control{align-items:flex-start}:where(html[data-app=bagiyo]) #bayad-notifications .notification-step,:where(html[data-app=bagiyo]) #bayad-notifications .notification-step+.notification-step{padding-top:var(--space-4)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule.is-featured{grid-column:auto}:where(html[data-app=bagiyo]) #bayad-notifications .notification-controls{grid-template-columns:1fr}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-settings.has-offsets{grid-template-columns:1fr}}@media(max-width:480px){:where(html[data-app=bagiyo]) #bayad-notifications{padding:var(--space-3)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-heading{column-gap:var(--space-2)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-heading-icon{width:2.4rem;height:2.4rem}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-control{flex-direction:column;gap:var(--space-3)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-master-action{width:100%;min-height:2.75rem;justify-content:space-between;padding-top:var(--space-2);border-top:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}:where(html[data-app=bagiyo]) #bayad-notifications .notification-step-heading{gap:var(--space-2)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-step-number{width:1.9rem;height:1.9rem}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-heading{align-items:start}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-toggle{min-width:5.8rem;justify-content:space-between}:where(html[data-app=bagiyo]) #bayad-notifications .notification-offsets>div{grid-template-columns:repeat(3,minmax(0,1fr))}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-channels>div{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-app=bagiyo]) #bayad-notifications .notification-rule-channels .notification-choice:last-child{grid-column:1 / -1}:where(html[data-app=bagiyo]) #bayad-notifications .notification-sync-panel{grid-template-columns:auto minmax(0,1fr)}:where(html[data-app=bagiyo]) #bayad-notifications .notification-sync-panel .button,:where(html[data-app=bagiyo]) #bayad-notifications .notification-management .form-actions .button,:where(html[data-app=bagiyo]) #bayad-notifications .notification-delete-confirmation .button{width:100%}:where(html[data-app=bagiyo]) #bayad-notifications .notification-sync-panel .button{grid-column:1 / -1}:where(html[data-app=bagiyo]) #bayad-notifications .notification-management .form-actions,:where(html[data-app=bagiyo]) #bayad-notifications .notification-delete-confirmation{align-items:stretch;flex-direction:column}}:where(html[data-app=bagiyo]) .match-mode-field{align-self:start}:where(html[data-app=bagiyo]) .feed-card{border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}:where(html[data-app=bagiyo]) .feed-card:hover{border-color:var(--surface-line-strong);box-shadow:var(--shadow-sm)}:where(html[data-app=bagiyo]) .feed-status-panel p,:where(html[data-app=bagiyo]) .feed-refresh-note{color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .feed-refresh-note{display:inline-flex;width:fit-content;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--surface-radius);background:var(--color-surface-muted);font-size:var(--font-size-sm);font-weight:800}:where(html[data-app=bagiyo]) .feed-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}:where(html[data-app=bagiyo]) .feed-card{display:grid;gap:var(--space-3);padding:var(--space-4)}:where(html[data-app=bagiyo]) .feed-card-urgent{border-left:4px solid var(--color-danger);border-top-color:var(--color-border);border-right-color:var(--color-border);border-bottom-color:var(--color-border);background:linear-gradient(90deg,color-mix(in srgb,var(--color-danger) 4%,transparent) 0%,transparent 100%)}:where(html[data-app=bagiyo]) .feed-card-topline,:where(html[data-app=bagiyo]) .feed-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:800}:where(html[data-app=bagiyo]) .feed-card h3,:where(html[data-app=bagiyo]) .feed-card p,:where(html[data-app=bagiyo]) .feed-details,:where(html[data-app=bagiyo]) .feed-details dd{margin:0}:where(html[data-app=bagiyo]) .feed-card h3{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}:where(html[data-app=bagiyo]) .feed-card p{color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .feed-details{display:grid;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .feed-details div{display:grid;gap:var(--space-1)}:where(html[data-app=bagiyo]) .feed-details dt{color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:900;text-transform:uppercase}:where(html[data-app=bagiyo]) .feed-details dd{color:var(--color-text);font-size:var(--font-size-sm);font-weight:700;overflow-wrap:anywhere}:where(html[data-app=bagiyo]) .badge-danger{color:var(--color-danger);background:var(--color-danger-soft)}:where(html[data-app=bagiyo]) .badge-warning{color:var(--color-warning);background:var(--color-warning-soft)}:where(html[data-app=bagiyo]) .badge-info{color:var(--color-info);background:var(--color-info-soft)}@media(max-width:1024px){:where(html[data-app=bagiyo]) .feed-list{grid-template-columns:1fr}}:where(html[data-app=bagiyo]) .compact-refresh{margin-top:0;white-space:nowrap}:where(html[data-app=bagiyo]) .carousel-outer-wrapper{position:relative;width:100%;padding:0;box-sizing:border-box}:where(html[data-app=bagiyo]) .keen-slider:not([data-keen-slider-disabled]){display:flex;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%;box-sizing:border-box}:where(html[data-app=bagiyo]) .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{position:relative;min-height:100%;flex-shrink:0;box-sizing:border-box}:where(html[data-app=bagiyo]) .carousel-controls{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1)}:where(html[data-app=bagiyo]) .carousel-control-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border-radius:var(--surface-radius);background-color:var(--color-surface);border:1px solid var(--surface-line);color:var(--color-primary);box-shadow:0 1px 0 var(--color-border);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease}:where(html[data-app=bagiyo]) .carousel-control-btn:hover:not(:disabled){background-color:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:0 2px color-mix(in srgb,var(--color-primary) 28%,var(--color-border));transform:none}:where(html[data-app=bagiyo]) .carousel-control-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 35%,transparent);outline-offset:2px}:where(html[data-app=bagiyo]) .carousel-control-btn:disabled{opacity:.35;background:transparent;color:var(--color-text-subtle);box-shadow:none;cursor:not-allowed}:where(html[data-app=bagiyo]) .carousel-control-btn:active:not(:disabled){box-shadow:0 1px 0 var(--color-border);transform:translateY(1px)}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .carousel-outer-wrapper{padding:0}:where(html[data-app=bagiyo]) .carousel-controls{display:none}}:where(html[data-app=bagiyo]) .feed-list-rows{display:flex;flex-direction:column;gap:var(--space-4)}:where(html[data-app=bagiyo]) .power-feed-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-4)}:where(html[data-app=bagiyo]) .power-feed-freshness{margin:0;white-space:nowrap}:where(html[data-app=bagiyo]) .power-feed-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:calc(-1 * var(--space-2)) 0 var(--space-4)}:where(html[data-app=bagiyo]) .power-feed-filters button{min-height:1.9rem;padding:.2rem .6rem;border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--font-size-xs);font-weight:700;cursor:pointer}:where(html[data-app=bagiyo]) .power-feed-filters button:hover{border-color:var(--surface-line-strong);color:var(--color-text)}:where(html[data-app=bagiyo]) .power-feed-filters button.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}@media(max-width:520px){:where(html[data-app=bagiyo]) .power-feed-controls{align-items:flex-start;flex-direction:column;gap:var(--space-2)}:where(html[data-app=bagiyo]) .power-feed-freshness{align-self:flex-start}:where(html[data-app=bagiyo]) .power-feed-filters{flex-wrap:nowrap;overflow-x:auto;margin-top:calc(-1 * var(--space-2));padding:0 0 .2rem;scrollbar-width:none}:where(html[data-app=bagiyo]) .power-feed-filters::-webkit-scrollbar{display:none}:where(html[data-app=bagiyo]) .power-feed-filters button{flex:0 0 auto;min-height:2.5rem;padding:.35rem .75rem}}:where(html[data-app=bagiyo]) .feed-card-row{display:grid;grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}:where(html[data-app=bagiyo]) .feed-card-row:hover{border-color:var(--surface-line-strong);box-shadow:var(--shadow-sm)}:where(html[data-app=bagiyo]) .feed-card-row.feed-card-urgent{border-left:4px solid var(--color-danger);background:linear-gradient(90deg,color-mix(in srgb,var(--color-danger) 4%,transparent) 0%,var(--color-surface) 100%)}:where(html[data-app=bagiyo]) .feed-card-row.feed-card-advisory{border-left:4px solid var(--color-warning);background:linear-gradient(90deg,color-mix(in srgb,var(--color-warning) 4%,transparent) 0%,var(--color-surface) 100%)}:where(html[data-app=bagiyo]) .feed-card-main-info{display:flex;flex-direction:column;gap:var(--space-2)}:where(html[data-app=bagiyo]) .feed-card-main-info h3{margin:0;font-size:var(--font-size-md);font-weight:700;color:var(--color-text)}:where(html[data-app=bagiyo]) .feed-card-main-info p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}:where(html[data-app=bagiyo]) .feed-card-kind{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:550}:where(html[data-app=bagiyo]) .feed-details-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:1px;margin:0;padding:0;overflow:hidden;border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--surface-line)}:where(html[data-app=bagiyo]) .feed-details-row>div{display:grid;align-content:start;gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-4);background:var(--color-surface)}:where(html[data-app=bagiyo]) .feed-details-row dt{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle)}:where(html[data-app=bagiyo]) .feed-details-row dd{margin:0;font-size:var(--font-size-sm);color:var(--color-text);font-weight:700;overflow-wrap:anywhere}:where(html[data-app=bagiyo]) .feed-details-row dd time,:where(html[data-app=bagiyo]) .feed-details-row dd.numeric{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:-.01em}:where(html[data-app=bagiyo]) .feed-area-block{display:grid;gap:var(--space-2)}:where(html[data-app=bagiyo]) .feed-area-label{margin:0;color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}:where(html[data-app=bagiyo]) .feed-area-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}:where(html[data-app=bagiyo]) .feed-area-chips li{padding:.2rem var(--space-2);border:1px solid var(--surface-line);border-radius:var(--surface-radius);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700}:where(html[data-app=bagiyo]) .feed-card-status-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .feed-card-status-info .status-value{font-weight:700;color:var(--color-text);margin-left:var(--space-1)}:where(html[data-app=bagiyo]) .show-more-container{display:flex;justify-content:center;margin-top:var(--space-6)}@media(min-width:768px){:where(html[data-app=bagiyo]) .feed-card-row{grid-template-columns:1.3fr 1.7fr 1fr;align-items:center;gap:var(--space-6)}:where(html[data-app=bagiyo]) .feed-details-row{margin:0}:where(html[data-app=bagiyo]) .feed-card-status-info{flex-direction:column;align-items:flex-end;gap:var(--space-2);text-align:right}}:where(html[data-app=bagiyo]) .modal-backdrop{position:fixed;inset:0;z-index:105;background:var(--color-overlay)}:where(html[data-app=bagiyo]) .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:var(--space-4);padding:var(--space-6);overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised, var(--color-surface));box-shadow:var(--shadow-dialog, 0 16px 48px rgba(15, 20, 26, .18));transform:translate(-50%,-50%)}:where(html[data-app=bagiyo]) .confirm-dialog h2,:where(html[data-app=bagiyo]) .confirm-dialog p{margin:0}:where(html[data-app=bagiyo]) .confirm-dialog h2{color:var(--color-text);font-size:1.5rem;font-weight:600;line-height:1.25}:where(html[data-app=bagiyo]) .confirm-dialog p,:where(html[data-app=bagiyo]) .dialog-note{color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .dialog-note{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}:where(html[data-app=bagiyo]) .dialog-actions-spaced{margin-top:var(--space-4)}:where(html[data-app=bagiyo]) .whats-new-dialog{width:min(100% - 2rem,34rem);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}:where(html[data-app=bagiyo]) .whats-new-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}:where(html[data-app=bagiyo]) .whats-new-dialog-heading .icon-button{flex:0 0 auto;font-size:1.3rem}:where(html[data-app=bagiyo]) .whats-new-dialog-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}:where(html[data-app=bagiyo]) .whats-new-dialog-list li{display:grid;gap:.15rem;padding:var(--space-3);border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) .whats-new-dialog-list strong{color:var(--color-text);font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .whats-new-dialog-list span{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}:where(html[data-app=bagiyo]) .account-panel{display:grid;gap:var(--space-6);margin-bottom:var(--space-8)}:where(html[data-app=bagiyo]) .account-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .account-panel-heading h1{margin-top:var(--space-1);color:var(--color-text);font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}:where(html[data-app=bagiyo]) .account-panel-close{flex:0 0 auto;font-size:0;white-space:nowrap}:where(html[data-app=bagiyo]) .account-panel-close>span{font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .account-panel-layout{display:grid;grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);overflow:hidden;border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface)}:where(html[data-app=bagiyo]) .account-panel-nav{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background:var(--color-bg);border-right:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .account-panel-nav-item{display:flex;align-items:center;gap:var(--space-3);min-height:2.75rem;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--surface-radius);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:700;text-align:left;cursor:pointer;transition:background-color .16s,color .16s}:where(html[data-app=bagiyo]) .account-panel-nav-item:hover,:where(html[data-app=bagiyo]) .account-panel-nav-item:focus-visible{background:var(--color-surface-muted);color:var(--color-text)}:where(html[data-app=bagiyo]) .account-panel-nav-item.active{background:var(--color-primary-soft);color:var(--color-primary)}:where(html[data-app=bagiyo]) .account-panel-nav-item.danger{color:var(--color-danger)}:where(html[data-app=bagiyo]) .account-panel-nav-item.danger:hover,:where(html[data-app=bagiyo]) .account-panel-nav-item.danger:focus-visible,:where(html[data-app=bagiyo]) .account-panel-nav-item.danger.active{background:var(--color-danger-soft);color:var(--color-danger)}:where(html[data-app=bagiyo]) .account-panel-icon{display:inline-grid;flex:0 0 auto;place-items:center}:where(html[data-app=bagiyo]) .account-panel-detail{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;padding:var(--space-6)}:where(html[data-app=bagiyo]) .account-panel-section-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:800}:where(html[data-app=bagiyo]) .account-panel-description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}:where(html[data-app=bagiyo]) .account-panel-action-list{display:flex;flex-direction:column;gap:2px}:where(html[data-app=bagiyo]) .account-panel-action{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--surface-radius);background:transparent;color:var(--color-text);font-size:var(--font-size-sm);font-weight:700;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .16s,color .16s}:where(html[data-app=bagiyo]) .account-panel-action:hover,:where(html[data-app=bagiyo]) .account-panel-action:focus-visible{background:var(--color-surface-muted);color:var(--color-text)}:where(html[data-app=bagiyo]) .account-panel-action-value{margin-left:auto;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700}:where(html[data-app=bagiyo]) .account-panel-divider{height:1px;background:var(--surface-line)}:where(html[data-app=bagiyo]) .account-panel-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:var(--space-3);min-width:0}:where(html[data-app=bagiyo]) .account-panel-identity-copy{display:grid;min-width:0}:where(html[data-app=bagiyo]) .account-panel-avatar{width:2.75rem;height:2.75rem}:where(html[data-app=bagiyo]) .account-panel-name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:800;overflow-wrap:anywhere}:where(html[data-app=bagiyo]) .account-panel-email{margin-top:.1rem;color:var(--color-text-muted);font-size:var(--font-size-xs);overflow-wrap:anywhere}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .account-panel{gap:var(--space-5);margin-bottom:var(--space-6)}:where(html[data-app=bagiyo]) .account-panel-heading{align-items:flex-start;gap:var(--space-3)}:where(html[data-app=bagiyo]) .account-panel-heading h1{font-size:var(--font-size-xl)}:where(html[data-app=bagiyo]) .account-panel-layout{display:block}:where(html[data-app=bagiyo]) .account-panel-nav{border-right:none;border-bottom:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .account-panel-detail{padding:var(--space-4)}:where(html[data-app=bagiyo]) .account-panel-close{padding-inline:var(--space-3)}}:where(html[data-app=bagiyo]) .account-notice{justify-content:flex-start;margin-bottom:var(--space-5)}:where(html[data-app=bagiyo]) .account-notice span:nth-child(2){min-width:0;flex:1}:where(html[data-app=bagiyo]) .compact-icon{min-height:36px;width:36px}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .confirm-dialog{top:auto;bottom:0;left:0;width:100%;max-height:88vh;border-radius:var(--surface-radius) .5rem 0 0;transform:none}:where(html[data-app=bagiyo]) .dialog-actions{flex-direction:column}:where(html[data-app=bagiyo]) .dialog-actions .button{width:100%}}:where(html[data-app=bagiyo]) .policy-header{margin-bottom:var(--space-10)}:where(html[data-app=bagiyo]) .policy-header h1{margin:var(--space-1) 0 var(--space-3);color:var(--color-text);background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor}:where(html[data-app=bagiyo]) .policy-header .intro-copy{max-width:48rem;font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}:where(html[data-app=bagiyo]) .privacy-updated{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:800}:where(html[data-app=bagiyo]) .privacy-section{margin-bottom:var(--space-6)}:where(html[data-app=bagiyo]) .privacy-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}:where(html[data-app=bagiyo]) .compact-privacy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-app=bagiyo]) .privacy-summary-card,:where(html[data-app=bagiyo]) .privacy-data-card{border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-bg)}:where(html[data-app=bagiyo]) .privacy-summary-card{display:grid;align-content:start;gap:var(--space-2);padding:var(--space-4)}:where(html[data-app=bagiyo]) .privacy-summary-card h3,:where(html[data-app=bagiyo]) .privacy-summary-card p,:where(html[data-app=bagiyo]) .privacy-data-card h3,:where(html[data-app=bagiyo]) .privacy-data-card p,:where(html[data-app=bagiyo]) .privacy-data-card dl,:where(html[data-app=bagiyo]) .privacy-data-card dd,:where(html[data-app=bagiyo]) .privacy-list,:where(html[data-app=bagiyo]) .privacy-action-panel h3,:where(html[data-app=bagiyo]) .privacy-action-panel p,:where(html[data-app=bagiyo]) .privacy-body-copy{margin:0}:where(html[data-app=bagiyo]) .privacy-summary-card h3,:where(html[data-app=bagiyo]) .privacy-data-card h3,:where(html[data-app=bagiyo]) .privacy-action-panel h3{color:var(--color-text);font-size:var(--font-size-lg);line-height:var(--line-height-tight)}:where(html[data-app=bagiyo]) .privacy-summary-card p,:where(html[data-app=bagiyo]) .privacy-data-card p,:where(html[data-app=bagiyo]) .privacy-data-card dd,:where(html[data-app=bagiyo]) .privacy-action-panel p,:where(html[data-app=bagiyo]) .privacy-body-copy{color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .privacy-data-list{display:grid;gap:var(--space-4);max-width:68ch}:where(html[data-app=bagiyo]) .privacy-data-card{display:grid;grid-template-columns:minmax(12rem,.34fr) minmax(0,.66fr);gap:var(--space-4);padding:var(--space-4)}:where(html[data-app=bagiyo]) .privacy-data-card>div:first-child{display:grid;align-content:start;gap:var(--space-2)}:where(html[data-app=bagiyo]) .privacy-data-card dl{display:grid;gap:var(--space-3)}:where(html[data-app=bagiyo]) .privacy-data-card dl div{display:grid;gap:var(--space-1)}:where(html[data-app=bagiyo]) .privacy-data-card dt{color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:900;text-transform:uppercase}:where(html[data-app=bagiyo]) .privacy-data-card dd{line-height:var(--line-height-relaxed)}:where(html[data-app=bagiyo]) .privacy-list{display:grid;gap:var(--space-3);padding-left:var(--space-5);color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .privacy-action-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-bg)}:where(html[data-app=bagiyo]) .privacy-action-panel>div{display:grid;gap:var(--space-2)}:where(html[data-app=bagiyo]) .secondary-panel{margin-top:var(--space-4)}:where(html[data-app=bagiyo]) .privacy-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}:where(html[data-app=bagiyo]) .privacy-links a{color:var(--color-primary);font-weight:800}@media(max-width:1024px){:where(html[data-app=bagiyo]) .privacy-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){:where(html[data-app=bagiyo]) .privacy-summary-grid,:where(html[data-app=bagiyo]) .compact-privacy-grid,:where(html[data-app=bagiyo]) .privacy-data-card{grid-template-columns:1fr}:where(html[data-app=bagiyo]) .privacy-action-panel{align-items:stretch;flex-direction:column}:where(html[data-app=bagiyo]) .privacy-action-panel .button{width:100%}}:where(html[data-app=bagiyo]) .home-footer{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .footer-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .footer-links{display:flex;gap:var(--space-6)}:where(html[data-app=bagiyo]) .footer-links a{color:var(--color-text-muted);text-decoration:none;font-weight:600;transition:color .16s ease}:where(html[data-app=bagiyo]) .footer-links a:hover{color:var(--color-primary)}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .footer-content{flex-direction:column;text-align:center}}:where(html[data-app=bagiyo]) .setup-guide-link{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-primary-soft);border-left:4px solid var(--color-primary);border-radius:var(--surface-radius);font-size:var(--font-size-sm);color:var(--color-text);font-weight:700;line-height:var(--line-height-normal)}:where(html[data-app=bagiyo])[data-theme=dark] .setup-guide-link{background:var(--color-surface-muted);border-left-color:var(--color-primary)}:where(html[data-app=bagiyo]) .setup-guide-link a{color:var(--color-primary);text-decoration:underline;font-weight:800;transition:opacity .16s ease}:where(html[data-app=bagiyo]) .setup-guide-link a:hover{opacity:.8}:where(html[data-app=bagiyo]) .guide-icon{font-size:1.25rem}:where(html[data-app=bagiyo]) .field textarea{width:100%;min-height:9rem;padding:.65rem .75rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--surface-line);border-radius:var(--surface-radius);resize:vertical}:where(html[data-app=bagiyo]) .board-header{display:block}:where(html[data-app=bagiyo]) .community-board-layout{display:block}:where(html[data-app=bagiyo]) .board-signin-card,:where(html[data-app=bagiyo]) .board-help-list,:where(html[data-app=bagiyo]) .community-post-card{border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-bg)}:where(html[data-app=bagiyo]) .board-signin-card,:where(html[data-app=bagiyo]) .board-help-list{display:grid;gap:var(--space-3);padding:var(--space-4)}:where(html[data-app=bagiyo]) .board-signin-card h3,:where(html[data-app=bagiyo]) .board-signin-card p,:where(html[data-app=bagiyo]) .board-help-list h3,:where(html[data-app=bagiyo]) .board-help-list ul{margin:0}:where(html[data-app=bagiyo]) .board-signin-card p,:where(html[data-app=bagiyo]) .board-help-list li{color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .board-help-list ul{display:grid;gap:var(--space-2);padding-left:var(--space-5)}:where(html[data-app=bagiyo]) .board-form{display:grid;gap:var(--space-4)}:where(html[data-app=bagiyo]) .board-form-actions{grid-template-columns:minmax(0,1fr) auto}:where(html[data-app=bagiyo]) .feed-actions-row{display:flex;align-items:center;gap:var(--space-2)}:where(html[data-app=bagiyo]) .reddit-signin-prompt{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-primary-soft);border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));border-radius:var(--surface-radius);margin-bottom:var(--space-4)}:where(html[data-app=bagiyo])[data-theme=dark] .reddit-signin-prompt{background:var(--color-surface-muted);border-color:var(--color-border)}:where(html[data-app=bagiyo]) .reddit-signin-prompt .prompt-text h3{margin:0 0 var(--space-1) 0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:800}:where(html[data-app=bagiyo]) .reddit-signin-prompt .prompt-text p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .feed-header-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}:where(html[data-app=bagiyo]) .feed-title-info .feed-title{margin:0;font-size:var(--font-size-xl);font-weight:800;color:var(--color-text)}:where(html[data-app=bagiyo]) .feed-title-info .panel-note{margin:var(--space-1) 0 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .board-category-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}:where(html[data-app=bagiyo]) .category-tab{flex:0 0 auto;min-height:36px;padding:.4rem 1rem;border:1px solid var(--surface-line);border-radius:var(--surface-radius);color:var(--color-text-muted);background:transparent;font:inherit;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}:where(html[data-app=bagiyo]) .category-tab:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent);border-color:var(--surface-line-strong);color:var(--color-text)}:where(html[data-app=bagiyo]) .category-tab.active{color:var(--color-primary-hover);background:var(--color-primary-soft);font-weight:700;border-color:transparent}:where(html[data-app=bagiyo]) .community-post-list{display:grid;gap:var(--space-4)}:where(html[data-app=bagiyo]) .community-post-card{display:grid;gap:var(--space-4);padding:var(--space-4) var(--space-5);transition:border-color .2s ease,box-shadow .2s ease}:where(html[data-app=bagiyo]) .community-board-layout .community-post-card{padding:var(--space-4) var(--space-5)}:where(html[data-app=bagiyo]) .community-post-card:hover{border-color:var(--surface-line-strong);box-shadow:var(--shadow-sm)}:where(html[data-app=bagiyo]) .post-card-header{display:flex;justify-content:space-between;gap:var(--space-3)}:where(html[data-app=bagiyo]) .post-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500}:where(html[data-app=bagiyo]) .post-category{display:inline-block;padding:2px 8px;background-color:var(--color-surface-hover);border-radius:12px;font-weight:600;color:var(--color-text);font-size:var(--font-size-xs);letter-spacing:.02em;vertical-align:middle;margin-right:6px}:where(html[data-app=bagiyo]) .post-title-with-pill{display:flex;align-items:center;flex-wrap:wrap;gap:4px}:where(html[data-app=bagiyo]) .dot-separator{color:var(--color-text-subtle);font-size:var(--font-size-xs);-webkit-user-select:none;user-select:none}:where(html[data-app=bagiyo]) .author-name{font-weight:600;color:var(--color-text)}:where(html[data-app=bagiyo]) .edited-tag{font-style:italic;color:var(--color-text-subtle)}:where(html[data-app=bagiyo]) .post-card-header h3,:where(html[data-app=bagiyo]) .post-body{margin:0}:where(html[data-app=bagiyo]) .post-card-header h3{margin-top:var(--space-2);color:var(--color-text);font-size:var(--font-size-xl);line-height:var(--line-height-tight);overflow-wrap:anywhere;font-weight:700}:where(html[data-app=bagiyo]) .post-body{color:var(--color-text);line-height:var(--line-height-relaxed);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--font-size-md)}:where(html[data-app=bagiyo]) .post-card-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .reaction-row,:where(html[data-app=bagiyo]) .post-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}:where(html[data-app=bagiyo]) .reaction-button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;padding:.3rem .8rem;border:1px solid var(--surface-line);border-radius:var(--surface-radius);color:var(--color-text-muted);background:transparent;font:inherit;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}:where(html[data-app=bagiyo]) .reaction-button:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent);border-color:var(--surface-line-strong);color:var(--color-text)}:where(html[data-app=bagiyo]) .reaction-button.active{color:var(--color-primary-hover);background:var(--color-primary-soft);border-color:transparent;font-weight:700}@media(pointer:coarse){:where(html[data-app=bagiyo]) .reaction-button{min-height:2.75rem}}:where(html[data-app=bagiyo]) .reaction-button:disabled{opacity:.65;cursor:wait}:where(html[data-app=bagiyo]) .double-thumbs{letter-spacing:0;margin-right:.1em}:where(html[data-app=bagiyo]) .post-action-btn{display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:none;color:var(--color-text-subtle);font-size:var(--font-size-sm);font-weight:600;padding:.3rem .6rem;border-radius:var(--surface-radius);cursor:pointer;transition:all .15s ease}:where(html[data-app=bagiyo]) .post-action-btn:hover{background:var(--color-surface-muted);color:var(--color-text)}:where(html[data-app=bagiyo]) .post-action-btn.danger-action:hover{background:var(--color-danger-soft);color:var(--color-danger)}:where(html[data-app=bagiyo]) .load-more-row{display:flex;justify-content:center;margin-top:var(--space-5)}:where(html[data-app=bagiyo]) .composer-dialog{width:min(100% - 2rem,46rem);max-height:min(94vh,60rem);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8)!important}:where(html[data-app=bagiyo]) .composer-dialog .dialog-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--surface-line);padding-bottom:var(--space-3)}:where(html[data-app=bagiyo]) .composer-dialog .dialog-header h2{font-size:var(--dialog-title-size);font-weight:var(--section-title-weight);color:var(--color-text);margin:0}:where(html[data-app=bagiyo]) .composer-dialog .button-close{display:inline-grid;width:2.25rem;height:2.25rem;place-items:center;padding:0;border:1px solid var(--color-danger);border-radius:var(--surface-radius);color:var(--color-bg);background:var(--color-danger);font-size:1.35rem;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}:where(html[data-app=bagiyo]) .composer-dialog .button-close:hover,:where(html[data-app=bagiyo]) .composer-dialog .button-close:focus-visible{color:var(--color-bg);background:color-mix(in srgb,var(--color-danger) 86%,var(--color-text));border-color:transparent}:where(html[data-app=bagiyo]) .composer-dialog .board-form{overflow-y:auto;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);margin-left:calc(-1 * var(--space-2));margin-right:calc(-1 * var(--space-2))}:where(html[data-app=bagiyo]) .composer-dialog .board-help-list{background:var(--color-surface-muted);border:1px dashed var(--color-border-strong);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2)}:where(html[data-app=bagiyo]) .mobile-composer-container,:where(html[data-app=bagiyo]) .mobile-inline-edit-composer{display:none}:where(html[data-app=bagiyo]) .button-minimal{display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:none;color:var(--color-text-subtle);font-size:var(--font-size-sm);font-weight:700;padding:.4rem .8rem;border-radius:var(--surface-radius);cursor:pointer;transition:all .15s ease;min-height:32px}:where(html[data-app=bagiyo]) .button-minimal:hover{background:var(--color-surface-muted);color:var(--color-text)}:where(html[data-app=bagiyo]) .button-minimal.primary-minimal:hover{background:var(--color-primary-soft);color:var(--color-primary-hover)}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .modal-backdrop,:where(html[data-app=bagiyo]) .composer-dialog{display:none!important}:where(html[data-app=bagiyo]) .mobile-composer-container,:where(html[data-app=bagiyo]) .mobile-inline-edit-composer{display:block;margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface)}:where(html[data-app=bagiyo]) .desktop-only-post-view-while-editing{display:none!important}:where(html[data-app=bagiyo]) .reddit-signin-prompt{flex-direction:column;align-items:stretch;text-align:center}:where(html[data-app=bagiyo]) .reddit-signin-prompt button{width:100%}:where(html[data-app=bagiyo]) .feed-header-row{flex-direction:column;align-items:stretch}:where(html[data-app=bagiyo]) .feed-header-row button{width:100%}:where(html[data-app=bagiyo]) .board-form-actions{grid-template-columns:1fr}:where(html[data-app=bagiyo]) .board-form-actions .button,:where(html[data-app=bagiyo]) .load-more-row .button{width:100%;justify-content:center}:where(html[data-app=bagiyo]) .post-card-footer{flex-direction:column;align-items:flex-start;gap:var(--space-3)}:where(html[data-app=bagiyo]) .post-action-row,:where(html[data-app=bagiyo]) .reaction-row{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-2)}:where(html[data-app=bagiyo]) .reaction-button,:where(html[data-app=bagiyo]) .post-action-btn{font-size:var(--font-size-xs);padding:.25rem .6rem;min-height:28px}}:where(html[data-app=bagiyo]) .skeleton-card{position:relative;overflow:hidden;pointer-events:none}:where(html[data-app=bagiyo]) .skeleton-line{background:var(--color-surface-muted);border-radius:var(--surface-radius);position:relative;overflow:hidden}:where(html[data-app=bagiyo]) .skeleton-line:after,:where(html[data-app=bagiyo]) .skeleton-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.15) 60%,transparent 100%);animation:shimmer 1.5s infinite;transform:translate(-100%)}:where(html[data-app=bagiyo])[data-theme=light] .skeleton-line:after,:where(html[data-app=bagiyo])[data-theme=light] .skeleton-card:after{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.03) 20%,rgba(0,0,0,.06) 60%,transparent 100%)}@keyframes shimmer{to{transform:translate(100%)}}:where(html[data-app=bagiyo]) .skeleton-badge{width:6rem;height:1.25rem;margin-bottom:var(--space-2)}:where(html[data-app=bagiyo]) .skeleton-title{width:75%;height:1.5rem;margin-bottom:var(--space-3)}:where(html[data-app=bagiyo]) .skeleton-text-1{width:95%;height:1rem;margin-bottom:var(--space-1)}:where(html[data-app=bagiyo]) .skeleton-text-2{width:60%;height:1rem;margin-bottom:var(--space-4)}:where(html[data-app=bagiyo]) .skeleton-details{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}:where(html[data-app=bagiyo]) .skeleton-detail-item{width:5rem;height:1rem;background:var(--color-surface-muted);border-radius:var(--surface-radius)}:where(html[data-app=bagiyo]) .skeleton-rank{width:1.5rem;height:1.5rem;border-radius:var(--radius-full);background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) .skeleton-meta{width:8rem;height:.85rem;margin-bottom:var(--space-2)}:where(html[data-app=bagiyo]) .skeleton-feed{width:10rem;height:1rem}:where(html[data-app=bagiyo]) .skeleton-filter{width:100%;height:2rem}:where(html[data-app=bagiyo]) .skeleton-box{width:100%;height:3rem;background:var(--color-surface-muted);border-radius:var(--surface-radius)}:where(html[data-app=bagiyo]) .skeleton-body-1{width:100%;height:1.15rem;margin-bottom:var(--space-2)}:where(html[data-app=bagiyo]) .skeleton-body-2{width:85%;height:1.15rem;margin-bottom:var(--space-4)}:where(html[data-app=bagiyo]) .skeleton-footer-btn{width:8rem;height:1.75rem}:where(html[data-app=bagiyo]) .fade-in-transition{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:where(html[data-app=bagiyo]) .status-badge-hollow{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent!important;border:1px solid var(--surface-line);border-radius:var(--surface-radius);font-size:var(--font-size-xs);font-weight:600;padding:.2rem .6rem;min-height:auto;line-height:1}:where(html[data-app=bagiyo]) .status-badge-hollow .status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-text-subtle);display:inline-block;position:relative}:where(html[data-app=bagiyo]) .status-badge-hollow.status-active{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent);color:var(--color-primary)}:where(html[data-app=bagiyo]) .status-badge-hollow.status-active .status-dot{background-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,transparent);animation:pulseDot 2s infinite}:where(html[data-app=bagiyo]) .status-badge-hollow.status-paused{border-color:var(--color-border);color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .status-badge-hollow.status-paused .status-dot{background-color:var(--color-text-subtle)}@keyframes pulseDot{0%{box-shadow:0 0 color-mix(in srgb,var(--color-primary) 40%,transparent)}70%{box-shadow:0 0 0 4px transparent}to{box-shadow:0 0 0 0 transparent}}:where(html[data-app=bagiyo]) .feed-refresh-note{min-height:1.75rem;margin-top:0;padding:.25rem .65rem;border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700}:where(html[data-app=bagiyo]) .promo-video-section{display:grid;gap:var(--space-4);margin-bottom:var(--space-10)}:where(html[data-app=bagiyo]) .promo-video-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}:where(html[data-app=bagiyo]) .promo-video-heading h2{margin-bottom:var(--space-1);font-size:var(--section-title-size);line-height:var(--section-title-line-height)}:where(html[data-app=bagiyo]) .promo-video-heading .panel-note{margin:0}:where(html[data-app=bagiyo]) .bagiyo-promo-video{width:min(100%,27rem);aspect-ratio:9 / 16;justify-self:center;overflow:hidden;border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface-muted);object-fit:cover}:where(html[data-app=bagiyo]) .bagiyo-promo-video:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 60%,transparent);outline-offset:3px}:where(html[data-app=bagiyo]) .news-section,:where(html[data-app=bagiyo]) .community-feed-section,:where(html[data-app=bagiyo]) .home-section#tools,:where(html[data-app=bagiyo]) .home-section#faq{padding:0;border:0;background:transparent}:where(html[data-app=bagiyo]) .home-section#tools{margin-bottom:var(--space-10)}:where(html[data-app=bagiyo]) .section-heading.flex-heading,:where(html[data-app=bagiyo]) .feed-header-row{align-items:flex-end;margin-bottom:var(--space-4)}:where(html[data-app=bagiyo]) .tool-card,:where(html[data-app=bagiyo]) .faq-card{border-radius:var(--radius-md);box-shadow:none}:where(html[data-app=bagiyo]) .feed-card-row:hover,:where(html[data-app=bagiyo]) .tool-card:hover{border-color:var(--surface-line-strong);box-shadow:none;transform:none}:where(html[data-app=bagiyo]) .carousel-outer-wrapper{padding:0}:where(html[data-app=bagiyo]) .feed-list-rows{gap:var(--space-3)}:where(html[data-app=bagiyo]) .feed-card-row{padding:var(--space-4);gap:var(--space-3);border-color:var(--color-border)}:where(html[data-app=bagiyo]) .feed-card-row.feed-card-urgent,:where(html[data-app=bagiyo]) .feed-card-row.feed-card-advisory{background:var(--color-surface)}:where(html[data-app=bagiyo]) .feed-card-row.feed-card-urgent{border-left:3px solid var(--color-danger)}:where(html[data-app=bagiyo]) .feed-card-row.feed-card-advisory{border-left:3px solid var(--color-warning)}:where(html[data-app=bagiyo]) .feed-card-main-info h3{font-size:var(--font-size-md);line-height:var(--line-height-tight)}:where(html[data-app=bagiyo]) .feed-card-main-info p{line-height:var(--line-height-normal)}:where(html[data-app=bagiyo]) .feed-card-row .badge{min-height:1.5rem;padding:.1rem .55rem;border:1px solid currentColor;background:transparent;font-size:var(--font-size-xs)}:where(html[data-app=bagiyo]) .feed-card-planned{border-left:4px solid var(--color-warning)}:where(html[data-app=bagiyo]) .feed-card-row.feed-card-stale{border-left:3px solid var(--color-info);background:var(--color-surface)}:where(html[data-app=bagiyo]) .feed-card-kind,:where(html[data-app=bagiyo]) .update-time,:where(html[data-app=bagiyo]) .status-indicator{color:var(--color-text-muted);font-size:var(--font-size-xs)}:where(html[data-app=bagiyo]) .feed-details-row{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-bg)}:where(html[data-app=bagiyo]) .feed-details-row dt{color:var(--color-text-subtle);letter-spacing:0}:where(html[data-app=bagiyo]) .feed-card-status-info{gap:var(--space-2)}:where(html[data-app=bagiyo]) .feed-card-row{display:block;padding:var(--space-4) var(--space-5)}:where(html[data-app=bagiyo]) .feed-card-topline{display:flex;align-items:center;justify-content:space-between}:where(html[data-app=bagiyo]) .feed-card-row .badge{display:inline-flex;align-items:center;gap:.35rem;min-height:1.6rem;padding:.15rem .6rem;border:1px solid currentColor;background:transparent;font-size:var(--font-size-xs);font-weight:800}:where(html[data-app=bagiyo]) .feed-summary{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .outage-stale-notice{display:grid;gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--color-info) 30%,var(--color-border));border-radius:var(--surface-radius);background:var(--color-info-soft);color:var(--color-text)}:where(html[data-app=bagiyo]) .outage-stale-notice>strong{color:var(--color-info);font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .outage-stale-notice p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}:where(html[data-app=bagiyo]) .outage-stale-notice p strong,:where(html[data-app=bagiyo]) .outage-stale-notice time{color:var(--color-text);font-weight:800}:where(html[data-app=bagiyo]) .outage-latest-update{margin-top:var(--space-4);grid-template-columns:minmax(0,1fr);gap:0}:where(html[data-app=bagiyo]) .outage-progress-label{margin-bottom:var(--space-3);color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.05em;text-transform:uppercase}:where(html[data-app=bagiyo]) .outage-update-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}:where(html[data-app=bagiyo]) .outage-latest-update>span,:where(html[data-app=bagiyo]) .outage-latest-update time,:where(html[data-app=bagiyo]) .outage-update-history time,:where(html[data-app=bagiyo]) .outage-history-toggle{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700}:where(html[data-app=bagiyo]) .outage-update-heading>strong,:where(html[data-app=bagiyo]) .outage-update-history li>strong{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:800}:where(html[data-app=bagiyo]) .outage-latest-update p,:where(html[data-app=bagiyo]) .outage-update-history p{margin:var(--space-1) 0}:where(html[data-app=bagiyo]) .outage-update-history{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .outage-history-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2rem;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:750;text-align:left}:where(html[data-app=bagiyo]) .outage-history-toggle:hover{color:var(--color-primary-hover);text-decoration:underline;text-underline-offset:.2rem}:where(html[data-app=bagiyo]) .outage-history-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--surface-radius)}:where(html[data-app=bagiyo]) .outage-history-toggle svg{width:1.05rem;height:1.05rem;flex:0 0 auto}:where(html[data-app=bagiyo]) .outage-history-timeline{position:relative;margin:var(--space-3) 0 0 .3rem;padding-left:var(--space-5)}:where(html[data-app=bagiyo]) .outage-history-timeline:before{position:absolute;top:.45rem;bottom:.55rem;left:0;width:2px;background:color-mix(in srgb,var(--color-primary) 35%,transparent);content:""}:where(html[data-app=bagiyo]) .outage-history-timeline ul{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}:where(html[data-app=bagiyo]) .outage-history-timeline li{position:relative}:where(html[data-app=bagiyo]) .outage-history-timeline li:before{position:absolute;top:.35rem;left:calc(-1 * var(--space-5) - .28rem);width:.6rem;height:.6rem;border:2px solid var(--color-primary);border-radius:50%;background:var(--color-primary-soft);content:""}:where(html[data-app=bagiyo]) .outage-history-timeline li:first-child:before{background:var(--color-primary);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--color-primary) 14%,transparent)}:where(html[data-app=bagiyo]) .feed-quick-details{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}:where(html[data-app=bagiyo]) .feed-quick-detail{min-width:min(100%,15rem);color:var(--color-text)}:where(html[data-app=bagiyo]) .feed-quick-value{display:flex;align-items:center;gap:var(--space-2)}:where(html[data-app=bagiyo]) .feed-quick-value svg{flex:0 0 auto;width:1.35rem;height:1.35rem;color:var(--color-primary)}:where(html[data-app=bagiyo]) .feed-quick-value strong{font-size:var(--font-size-md);font-weight:750}:where(html[data-app=bagiyo]) .feed-freshness{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 var(--space-3);padding:.35rem .65rem;border:1px solid var(--surface-line);border-radius:var(--surface-radius);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700}:where(html[data-app=bagiyo]) .feed-freshness-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--color-success)}@media(max-width:480px){:where(html[data-app=bagiyo]) .feed-card-row{padding:var(--space-4)}}:where(html[data-app=bagiyo]) .community-feed-section .alert-info{padding:var(--space-3);border-style:solid;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:700}:where(html[data-app=bagiyo]) .tool-card .badge{align-self:start}:where(html[data-app=bagiyo]) .muted-tool{opacity:1}:where(html[data-app=bagiyo]) .home-footer{margin-top:var(--space-10)}:where(html[data-app=bagiyo]) .footer-content a{color:var(--color-primary)}@media(min-width:768px){:where(html[data-app=bagiyo]) .feed-card-row{grid-template-columns:minmax(0,1.25fr) minmax(16rem,1.45fr) minmax(10rem,.8fr)}:where(html[data-app=bagiyo]) .feed-details-row{border:1px solid var(--surface-line);padding:var(--space-3)}}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .section-heading.flex-heading,:where(html[data-app=bagiyo]) .feed-header-row{align-items:stretch}:where(html[data-app=bagiyo]) .promo-video-heading{align-items:flex-start}:where(html[data-app=bagiyo]) .carousel-outer-wrapper{padding:0}}:where(html[data-app=bagiyo]) .alerts-header,:where(html[data-app=bagiyo]) .board-header,:where(html[data-app=bagiyo]) .policy-header{margin-bottom:var(--space-10)}:where(html[data-app=bagiyo]) .alerts-header h1,:where(html[data-app=bagiyo]) .board-header h1,:where(html[data-app=bagiyo]) .policy-header h1{color:var(--color-text);background:none;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor}:where(html[data-app=bagiyo]) .alerts-header .intro-copy,:where(html[data-app=bagiyo]) .alerts-intro-copy,:where(html[data-app=bagiyo]) .board-header .intro-copy,:where(html[data-app=bagiyo]) .policy-header .intro-copy{max-width:48rem;font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}:where(html[data-app=bagiyo]) .alerts-intro-copy{display:grid;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .alerts-intro-copy p,:where(html[data-app=bagiyo]) .alerts-topic-list{margin:0}:where(html[data-app=bagiyo]) .alerts-topic-list{display:grid;gap:var(--space-2);padding-left:var(--space-5)}:where(html[data-app=bagiyo]) .alerts-topic-list code{padding:.1rem .35rem;border:1px solid var(--surface-line);border-radius:var(--surface-radius);color:var(--color-text);background:var(--color-surface)}:where(html[data-app=bagiyo]) .setup-guide-link{align-items:center;gap:var(--space-3);width:fit-content;max-width:100%;margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--surface-line);border-left:1px solid var(--surface-line);border-radius:var(--surface-radius);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:700}:where(html[data-app=bagiyo]) .guide-label{display:inline-flex;align-items:center;min-height:1.5rem;padding:.1rem .5rem;border:1px solid var(--surface-line);border-radius:var(--surface-radius);color:var(--color-text-muted);background:var(--color-surface);font-size:var(--font-size-xs);font-weight:800}:where(html[data-app=bagiyo]) .setup-guide-link a{color:var(--color-primary);text-decoration:none}:where(html[data-app=bagiyo]) .setup-guide-link a:hover{text-decoration:underline;opacity:1}:where(html[data-app=bagiyo]) .capacity-badge{margin-left:var(--space-2);color:var(--color-text-muted);background:transparent;text-transform:none;letter-spacing:0}:where(html[data-app=bagiyo]) .alerts-create-button{justify-content:center;width:fit-content}:where(html[data-app=bagiyo]) .alerts-limit-badge{align-self:flex-start}:where(html[data-app=bagiyo]) .subscriptions-panel,:where(html[data-app=bagiyo]) .alert-editor{border-radius:var(--surface-radius);box-shadow:none}:where(html[data-app=bagiyo]) .subscription-list,:where(html[data-app=bagiyo]) .community-post-list{gap:var(--space-3)}:where(html[data-app=bagiyo]) .subscription-card,:where(html[data-app=bagiyo]) .community-post-card{border-radius:var(--surface-radius);box-shadow:none}:where(html[data-app=bagiyo]) .subscription-card:hover,:where(html[data-app=bagiyo]) .community-post-card:hover{border-color:var(--surface-line-strong);box-shadow:none}:where(html[data-app=bagiyo]) .active-card{border-color:var(--color-primary);box-shadow:none}:where(html[data-app=bagiyo]) .coverage-item,:where(html[data-app=bagiyo]) .coverage-active{background:transparent;border-color:var(--color-border)}:where(html[data-app=bagiyo]) .coverage-active{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent)}:where(html[data-app=bagiyo]) .coverage-status{text-transform:none;letter-spacing:0}:where(html[data-app=bagiyo]) .subscription-feed-info{color:var(--color-text-muted);font-weight:700}:where(html[data-app=bagiyo]) .subscription-filters-row,:where(html[data-app=bagiyo]) .subscribe-details-box{padding:var(--space-3);border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-bg)}:where(html[data-app=bagiyo]) .subscribe-details-box{gap:var(--space-3)}:where(html[data-app=bagiyo]) .subscribe-field-main code,:where(html[data-app=bagiyo]) .chip-item{background:var(--color-surface)}:where(html[data-app=bagiyo]) .subscribe-label{letter-spacing:0;text-transform:none}:where(html[data-app=bagiyo]) .field input,:where(html[data-app=bagiyo]) .field select,:where(html[data-app=bagiyo]) .field textarea{background:var(--color-surface)}:where(html[data-app=bagiyo]) .field-group,:where(html[data-app=bagiyo]) .example-box,:where(html[data-app=bagiyo]) .friendly-option{border-radius:var(--surface-radius);background:var(--color-bg)}:where(html[data-app=bagiyo]) .example-box strong{letter-spacing:0;text-transform:none}:where(html[data-app=bagiyo]) .friendly-option{padding:var(--space-3)}:where(html[data-app=bagiyo]) .board-feed-panel{display:grid;gap:var(--space-4)}:where(html[data-app=bagiyo]) .reddit-signin-prompt{padding:var(--space-4);border-color:var(--color-border);border-radius:var(--surface-radius);background:transparent}:where(html[data-app=bagiyo]) .board-category-tabs{gap:var(--space-2);margin-bottom:var(--space-4)}:where(html[data-app=bagiyo]) .category-tab{min-height:2rem;padding:.3rem .75rem;border-color:var(--color-border);background:transparent;font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .category-tab:hover{background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) .category-tab.active{color:var(--color-text);background:var(--color-surface-muted);border-color:var(--surface-line-strong)}:where(html[data-app=bagiyo]) .post-category{padding:.1rem .5rem;border:1px solid var(--surface-line);border-radius:var(--surface-radius);color:var(--color-text-muted);background:var(--color-surface-muted);text-transform:none;letter-spacing:0}:where(html[data-app=bagiyo]) .post-meta-row{gap:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}:where(html[data-app=bagiyo]) .post-card-header h3{font-size:var(--font-size-lg)}:where(html[data-app=bagiyo]) .post-body{font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .reaction-button{min-height:2rem;padding:.25rem .65rem;border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:transparent;color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .reaction-button:hover{background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) .reaction-button.active{color:var(--color-primary);background:transparent;border-color:var(--color-primary)}:where(html[data-app=bagiyo]) .reaction-count{color:var(--color-text);font-weight:800}:where(html[data-app=bagiyo]) .post-action-btn,:where(html[data-app=bagiyo]) .button-minimal{border:1px solid transparent;transition:border-color .15s ease,background-color .15s ease,color .15s ease}:where(html[data-app=bagiyo]) .post-action-btn:hover,:where(html[data-app=bagiyo]) .button-minimal:hover{border-color:var(--color-border);background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) .button-minimal.primary-minimal{color:var(--color-primary)}:where(html[data-app=bagiyo]) .button-minimal.primary-minimal:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));background:var(--color-primary-soft)}:where(html[data-app=bagiyo]) .button-minimal:disabled{color:var(--color-text-subtle);background:transparent;border-color:transparent;cursor:not-allowed;opacity:.58}:where(html[data-app=bagiyo]) .composer-dialog{border-radius:var(--surface-radius);box-shadow:none}:where(html[data-app=bagiyo]) .composer-dialog .dialog-header{padding-bottom:var(--space-3)}:where(html[data-app=bagiyo]) .mobile-composer-container,:where(html[data-app=bagiyo]) .mobile-inline-edit-composer{border-radius:var(--surface-radius);box-shadow:none}@media(max-width:768px){:where(html[data-app=bagiyo]) .setup-guide-link{align-items:flex-start;width:100%}:where(html[data-app=bagiyo]) .capacity-badge{margin-left:0}:where(html[data-app=bagiyo]) .alerts-create-button,:where(html[data-app=bagiyo]) .alerts-limit-badge{width:100%}:where(html[data-app=bagiyo]) .alerts-limit-badge{justify-content:center}:where(html[data-app=bagiyo]) .subscription-meta-block,:where(html[data-app=bagiyo]) .feed-actions-row{align-items:flex-start}}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .subscription-card,:where(html[data-app=bagiyo]) .community-post-card{padding:var(--space-4)}:where(html[data-app=bagiyo]) .community-board-layout .community-post-card{padding:var(--space-4)}:where(html[data-app=bagiyo]) .reaction-button{min-height:2rem}}:where(html[data-app=bagiyo])[data-theme=dark] .setup-guide-link,:where(html[data-app=bagiyo])[data-theme=dark] .reddit-signin-prompt{background:transparent;border-color:var(--color-border)}:where(html[data-app=bagiyo]) .guest-avatar{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--surface-line-strong)}:where(html[data-app=bagiyo]) .account-status{padding:.2rem .45rem;border-radius:var(--surface-radius);font-size:.625rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}:where(html[data-app=bagiyo]) .account-status-online{color:var(--color-primary);background:var(--color-primary-soft)}:where(html[data-app=bagiyo]) .sidebar-status{padding:var(--space-3);border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface-muted);text-align:center}:where(html[data-app=bagiyo]) .outage-search{display:flex;align-items:center;gap:var(--space-2);min-height:2.75rem;margin:0 0 var(--space-2);padding:0 var(--space-3);border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface);transition:border-color .12s ease,box-shadow .12s ease}:where(html[data-app=bagiyo]) .outage-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}:where(html[data-app=bagiyo]) .outage-search>svg{width:1.05rem;height:1.05rem;flex:0 0 auto;color:var(--color-text-subtle)}:where(html[data-app=bagiyo]) .outage-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text);font:inherit}:where(html[data-app=bagiyo]) .outage-search input::placeholder{color:var(--color-text-subtle)}:where(html[data-app=bagiyo]) .outage-search-clear{flex:0 0 auto;min-height:2.1rem;padding:.35rem .6rem;border:0;background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:color .12s ease,background .12s ease}:where(html[data-app=bagiyo]) .outage-search-clear:hover,:where(html[data-app=bagiyo]) .outage-search-clear:focus-visible{border-radius:var(--surface-radius);background:var(--color-danger-soft);color:var(--color-danger)}:where(html[data-app=bagiyo]) .outage-search-result-count{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;min-height:2.2rem;margin:0 0 var(--space-4);padding:.3rem .55rem;border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .outage-search-empty-state{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:1px dashed var(--color-border-strong);background:var(--color-surface-muted);text-align:center}:where(html[data-app=bagiyo]) .outage-search-result-badge{display:inline-flex;align-items:center;min-height:1.4rem;padding:.1rem .45rem;border-radius:var(--surface-radius);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}:where(html[data-app=bagiyo]) .outage-search-query{min-width:0;overflow:hidden;color:var(--color-text);font-weight:650;text-overflow:ellipsis;white-space:nowrap}:where(html[data-app=bagiyo]) .outage-search-empty-state p{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:520px){:where(html[data-app=bagiyo]) .outage-search-result-count{width:100%}:where(html[data-app=bagiyo]) .outage-search-query{flex:1}}:where(html[data-app=bagiyo]) .whats-new-dialog-body{display:grid;min-height:0;gap:var(--space-4);overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem}:where(html[data-app=bagiyo]) .whats-new-dialog-body>p{line-height:var(--line-height-normal)}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .whats-new-dialog{max-height:min(92dvh,42rem);gap:var(--space-3);padding:var(--space-4)}:where(html[data-app=bagiyo]) .whats-new-dialog-heading .eyebrow{font-size:var(--eyebrow-size)}:where(html[data-app=bagiyo]) .whats-new-dialog h2{font-size:var(--dialog-title-size)}:where(html[data-app=bagiyo]) .whats-new-dialog-list li{padding:var(--space-2) var(--space-3)}:where(html[data-app=bagiyo]) .whats-new-dialog .dialog-actions{gap:var(--space-2)}}:where(html[data-app=bagiyo]) .tool-header,:where(html[data-app=bagiyo]) .policy-header,:where(html[data-app=bagiyo]) .alerts-header,:where(html[data-app=bagiyo]) .board-header,:where(html[data-app=bagiyo]) .contacts-hero,:where(html[data-app=bagiyo]) .ocr-hero,:where(html[data-app=bagiyo]) .qr-hero,:where(html[data-app=bagiyo]) .whats-new-hero,:where(html[data-app=bagiyo]) .analytics-header,:where(html[data-app=bagiyo]) .page-header{margin-block:0 var(--page-header-gap);padding:0;border-bottom:0}:where(html[data-app=bagiyo]) .tool-header h1,:where(html[data-app=bagiyo]) .policy-header h1,:where(html[data-app=bagiyo]) .alerts-header h1,:where(html[data-app=bagiyo]) .board-header h1,:where(html[data-app=bagiyo]) .contacts-hero-copy h1,:where(html[data-app=bagiyo]) .ocr-hero-copy h1,:where(html[data-app=bagiyo]) .qr-hero-copy h1,:where(html[data-app=bagiyo]) .whats-new-hero h1,:where(html[data-app=bagiyo]) .ntfy-handoff-card h1,:where(html[data-app=bagiyo]) .page-header h1,:where(html[data-app=bagiyo]) .analytics-title{max-width:none;margin-block:var(--space-1) var(--space-3);color:var(--color-text);font-size:var(--page-title-size);line-height:var(--page-title-line-height);letter-spacing:var(--page-title-letter-spacing);font-weight:var(--page-title-weight);background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor}:where(html[data-app=bagiyo]) .tool-header .eyebrow,:where(html[data-app=bagiyo]) .policy-header .eyebrow,:where(html[data-app=bagiyo]) .alerts-header .eyebrow,:where(html[data-app=bagiyo]) .board-header .eyebrow,:where(html[data-app=bagiyo]) .contacts-hero-copy .eyebrow,:where(html[data-app=bagiyo]) .ocr-hero-copy .eyebrow,:where(html[data-app=bagiyo]) .qr-hero-copy .eyebrow,:where(html[data-app=bagiyo]) .whats-new-hero .eyebrow,:where(html[data-app=bagiyo]) .analytics-header .eyebrow,:where(html[data-app=bagiyo]) .page-header .eyebrow{margin:0}:where(html[data-app=bagiyo]) .analytics-subtitle,:where(html[data-app=bagiyo]) .alerts-intro-copy>p,:where(html[data-app=bagiyo]) .tool-header .intro-copy,:where(html[data-app=bagiyo]) .policy-header .intro-copy,:where(html[data-app=bagiyo]) .web-push-panel{display:grid;gap:var(--space-5);margin:0 0 var(--space-6);padding:var(--space-5);border-color:var(--surface-line-strong);border-radius:var(--surface-radius);background:linear-gradient(135deg,var(--color-primary-soft) 0%,transparent 68%),var(--color-surface);box-shadow:var(--shadow-sm)}:where(html[data-app=bagiyo]) .web-push-panel .section-heading{grid-template-columns:minmax(0,1fr);gap:var(--space-1);margin-bottom:0}:where(html[data-app=bagiyo]) .web-push-panel .section-heading h2{font-size:var(--section-title-size);line-height:var(--section-title-line-height)}:where(html[data-app=bagiyo]) .web-push-toggle-list{display:grid;gap:var(--space-2)}:where(html[data-app=bagiyo]) .web-push-toggle-list li{border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface);transition:border-color .16s ease,background-color .16s ease}:where(html[data-app=bagiyo]) .web-push-toggle-list li+li{border-top:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .web-push-toggle-list li:hover{border-color:var(--surface-line-strong);background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) .web-push-panel .toggle-switch-row{min-height:2.75rem;padding:var(--space-3) var(--space-4);border-radius:var(--surface-radius)}:where(html[data-app=bagiyo]) .web-push-panel .toggle-switch-row-label{font-weight:700}:where(html[data-app=bagiyo]) .web-push-panel .panel-note{max-width:48rem;margin:0;line-height:var(--line-height-relaxed)}:where(html[data-app=bagiyo]) .web-push-panel>.button{justify-self:start}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) .web-push-panel{gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4)}:where(html[data-app=bagiyo]) .web-push-panel .toggle-switch-row{padding-inline:var(--space-3)}}:where(html[data-app=bagiyo]) :where(app-outage-detail,app-scheduled-outage-detail,app-weather-detail){display:block;padding-inline:var(--space-2);padding-block-end:var(--space-4)}:where(html[data-app=bagiyo]) .detail-header{margin-bottom:var(--space-6)}:where(html[data-app=bagiyo]) .detail-page{display:grid;gap:var(--space-5);align-items:start}:where(html[data-app=bagiyo]) .detail-summary-card,:where(html[data-app=bagiyo]) .detail-section,:where(html[data-app=bagiyo]) .detail-state-panel{min-width:0;border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface);overflow:hidden}:where(html[data-app=bagiyo]) .detail-summary-card{display:grid;gap:var(--space-5);padding:var(--space-6);box-shadow:var(--shadow-sm)}:where(html[data-app=bagiyo]) .detail-summary-card-weather{border-left:4px solid var(--color-info);background:linear-gradient(135deg,var(--color-info-soft) 0%,transparent 64%),var(--color-surface)}:where(html[data-app=bagiyo]) .detail-summary-card-scheduled{border-left:4px solid var(--color-accent);background:linear-gradient(135deg,var(--color-accent-soft) 0%,transparent 64%),var(--color-surface)}:where(html[data-app=bagiyo]) .detail-summary-card-outage{border-left:4px solid var(--color-danger);background:linear-gradient(135deg,var(--color-danger-soft) 0%,transparent 64%),var(--color-surface)}:where(html[data-app=bagiyo]) .detail-summary-heading,:where(html[data-app=bagiyo]) .detail-section-heading{display:flex;align-items:flex-start;justify-content:space-between;min-width:0;gap:var(--space-4)}:where(html[data-app=bagiyo]) .detail-summary-heading>div,:where(html[data-app=bagiyo]) .detail-summary-heading h2,:where(html[data-app=bagiyo]) .detail-list li>:last-child{min-width:0;overflow-wrap:anywhere}:where(html[data-app=bagiyo]) .detail-summary-heading h2,:where(html[data-app=bagiyo]) .detail-section-heading h2{margin:var(--space-1) 0 0;color:var(--color-text);font-size:var(--section-title-size);line-height:var(--section-title-line-height);font-weight:var(--section-title-weight)}:where(html[data-app=bagiyo]) .detail-section-label,:where(html[data-app=bagiyo]) .detail-state-label{margin:0;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}:where(html[data-app=bagiyo]) .detail-badge{display:inline-flex;align-items:center;flex:0 0 auto;min-height:1.75rem;padding:var(--space-1) var(--space-3);border:1px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border));border-radius:var(--surface-radius);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:800;white-space:nowrap}:where(html[data-app=bagiyo]) .detail-badge-accent{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border));background:var(--color-accent-soft);color:var(--color-accent)}:where(html[data-app=bagiyo]) .detail-badge-danger{border-color:color-mix(in srgb,var(--color-danger) 35%,var(--color-border));background:var(--color-danger-soft);color:var(--color-danger)}:where(html[data-app=bagiyo]) .detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0}:where(html[data-app=bagiyo]) .detail-fact{display:grid;gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface)}:where(html[data-app=bagiyo]) .detail-fact-wide{grid-column:1 / -1}:where(html[data-app=bagiyo]) .detail-fact dt{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase}:where(html[data-app=bagiyo]) .detail-fact dd{margin:0;color:var(--color-text);font-size:var(--font-size-sm);font-weight:700;overflow-wrap:anywhere}:where(html[data-app=bagiyo]) .detail-section{display:grid;gap:var(--space-4);padding:var(--space-5)}:where(html[data-app=bagiyo]) .detail-section-heading{display:grid;gap:var(--space-1)}:where(html[data-app=bagiyo]) .detail-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}:where(html[data-app=bagiyo]) .detail-list li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--color-surface-muted);color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}:where(html[data-app=bagiyo]) .detail-list-mark{display:grid;place-items:center;flex:0 0 1.5rem;width:1.5rem;height:1.5rem;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:900}:where(html[data-app=bagiyo]) .detail-copy{margin:0;color:var(--color-text-muted);line-height:var(--line-height-relaxed)}:where(html[data-app=bagiyo]) .detail-disclaimer{margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--surface-line);border-left:4px solid var(--color-info);border-radius:var(--surface-radius);background:var(--color-info-soft);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}:where(html[data-app=bagiyo]) .detail-alert{margin:0}:where(html[data-app=bagiyo]) .detail-state-panel{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-surface-muted)}:where(html[data-app=bagiyo]) .detail-state-panel p{margin:0}:where(html[data-app=bagiyo]) .detail-state-panel>div{display:grid;gap:var(--space-1)}:where(html[data-app=bagiyo]) .detail-state-panel>div>p:last-child{color:var(--color-text-muted)}:where(html[data-app=bagiyo]) .detail-state-panel-muted{border-style:dashed}:where(html[data-app=bagiyo]) .detail-state-mark{display:grid;place-items:center;flex:0 0 2.5rem;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-lg);font-weight:800}:where(html[data-app=bagiyo]) .detail-state-mark-loading{border:3px solid var(--color-primary-soft);border-top-color:var(--color-primary);background:transparent;animation:detail-state-spin .8s linear infinite}@keyframes detail-state-spin{to{transform:rotate(360deg)}}@media(max-width:720px){:where(html[data-app=bagiyo]) .detail-summary-card,:where(html[data-app=bagiyo]) .detail-section,:where(html[data-app=bagiyo]) .detail-state-panel{padding:var(--space-4)}:where(html[data-app=bagiyo]) .detail-summary-heading{flex-direction:column;gap:var(--space-3)}:where(html[data-app=bagiyo]) .detail-facts{grid-template-columns:1fr}:where(html[data-app=bagiyo]) .detail-fact-wide{grid-column:auto}}@media(prefers-reduced-motion:reduce){:where(html[data-app=bagiyo]) .detail-state-mark-loading{animation-duration:1.8s}}:where(html[data-app=bagiyo]) :where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 42%,transparent);outline-offset:3px}:where(html[data-app=bagiyo]) :where(.policy-header,.board-header,.detail-header){display:grid;gap:var(--space-3);padding:clamp(var(--space-5),4vw,var(--space-8));border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:radial-gradient(circle at 92% 8%,var(--color-primary-soft),transparent 36%),var(--color-surface);box-shadow:var(--shadow-sm)}:where(html[data-app=bagiyo]) :where(.policy-header,.board-header,.detail-header)>div{display:grid;gap:var(--space-2)}:where(html[data-app=bagiyo]) :where(.policy-header,.board-header,.detail-header) .intro-copy{max-width:48rem;color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}:where(html[data-app=bagiyo]) .detail-header{display:grid;align-items:start;gap:var(--space-3);margin-block:0 var(--page-header-gap);padding:clamp(var(--space-5),4vw,var(--space-8));border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:radial-gradient(circle at 92% 8%,var(--color-primary-soft),transparent 36%),var(--color-surface);box-shadow:var(--shadow-sm)}:where(html[data-app=bagiyo]) button[appBack]:not(.button){appearance:none;padding:0;border:0;background:none;font:inherit;text-align:inherit;cursor:pointer}:where(html[data-app=bagiyo]) .detail-back-link{display:inline-flex;align-items:center;width:fit-content;gap:var(--space-2);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:750}:where(html[data-app=bagiyo]) .detail-back-link:before{content:"\2190";transition:transform .14s ease}:where(html[data-app=bagiyo]) .detail-back-link:hover:before{transform:translate(-2px)}:where(html[data-app=bagiyo]) .detail-page{width:100%}:where(html[data-app=bagiyo]) .weather-detail-page{max-width:56rem;margin-inline:auto}@media(min-width:1100px){:where(html[data-app=bagiyo]) .outage-detail-page,:where(html[data-app=bagiyo]) .scheduled-outage-detail-page{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}:where(html[data-app=bagiyo]) .scheduled-outage-detail-page{grid-template-areas:"summary map"}:where(html[data-app=bagiyo]) .scheduled-outage-detail-page>.detail-alert{grid-column:1 / -1}:where(html[data-app=bagiyo]) .scheduled-outage-detail-page>.detail-summary-card-scheduled{grid-area:summary}:where(html[data-app=bagiyo]) .scheduled-outage-detail-page>app-impact-map{grid-area:map}:where(html[data-app=bagiyo]) .outage-detail-page{grid-template-areas:"summary map" "updates map"}:where(html[data-app=bagiyo]) .outage-detail-page>.detail-summary-card-outage{grid-area:summary}:where(html[data-app=bagiyo]) .outage-detail-page>.detail-section{grid-area:updates}:where(html[data-app=bagiyo]) .outage-detail-page>app-impact-map{grid-area:map}}:where(html[data-app=bagiyo]) .detail-summary-card,:where(html[data-app=bagiyo]) .detail-section,:where(html[data-app=bagiyo]) .detail-state-panel{box-shadow:var(--shadow-sm)}:where(html[data-app=bagiyo]) .detail-fact{min-width:0}:where(html[data-app=bagiyo]) .detail-fact dd,:where(html[data-app=bagiyo]) .detail-copy,:where(html[data-app=bagiyo]) .detail-list span:last-child{overflow-wrap:anywhere}@supports (content-visibility: auto){:where(html[data-app=bagiyo]) .privacy-section{content-visibility:auto;contain-intrinsic-size:auto 24rem}}@media(hover:hover){:where(html[data-app=bagiyo]) :where(.privacy-summary-card,.privacy-data-card,.whats-new-release,.subscription-card){transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}:where(html[data-app=bagiyo]) :where(.privacy-summary-card,.privacy-data-card,.whats-new-release,.subscription-card):hover{border-color:var(--surface-line-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}}@media(max-width:640px),(max-width:900px)and (pointer:coarse){:where(html[data-app=bagiyo]) :where(.policy-header,.board-header,.detail-header){padding:var(--space-5)}:where(html[data-app=bagiyo]) .app-shell{background:var(--color-bg)}:where(html[data-app=bagiyo]) .app-shell.menu-open .page-content{overflow:hidden}:where(html[data-app=bagiyo]) .drawer-close,:where(html[data-app=bagiyo]) .utility-menu-button{min-width:2.75rem;min-height:2.75rem;border-radius:var(--radius-sm)}:where(html[data-app=bagiyo]) .app-sidebar{width:min(20rem,calc(100vw - 2rem));padding-bottom:env(safe-area-inset-bottom)}:where(html[data-app=bagiyo]) .drawer-mobile-header{padding-top:calc(var(--space-4) + env(safe-area-inset-top));padding-right:max(var(--space-4),env(safe-area-inset-right));padding-left:max(var(--space-4),env(safe-area-inset-left))}:where(html[data-app=bagiyo]) .nav-item{min-height:2.75rem}:where(html[data-app=bagiyo]) .page-content{flex:1;min-height:0;overflow-y:auto}:where(html[data-app=bagiyo]) .page-container{width:100%;padding:var(--space-4) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-8),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}:where(html[data-app=bagiyo]) router-outlet+*{display:block;animation:mobile-route-enter .18s cubic-bezier(.2,.7,.2,1)}@keyframes mobile-route-enter{0%{opacity:.72;transform:translateY(.25rem)}}:where(html[data-app=bagiyo]) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select){min-height:3rem;font-size:1rem}:where(html[data-app=bagiyo]) textarea{min-height:7rem;font-size:1rem}:where(html[data-app=bagiyo]) :where(.button,.button-minimal,.post-action-btn,summary){min-height:3rem}:where(html[data-app=bagiyo]) :where(.button,.button-minimal,.post-action-btn,.icon-button,summary){touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where(html[data-app=bagiyo]) :where(.button,.button-minimal,.post-action-btn):active{transform:scale(.98)}:where(html[data-app=bagiyo]) :where(.card-actions,.detail-actions,.confirm-actions){gap:var(--space-3)}:where(html[data-app=bagiyo]) .confirm-dialog{max-height:calc(92dvh - env(safe-area-inset-top));padding-bottom:max(var(--space-5),env(safe-area-inset-bottom));border-radius:var(--surface-radius) var(--radius-lg) 0 0}:where(html[data-app=bagiyo]) .modal-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}@media(pointer:coarse){:where(html[data-app=bagiyo]) :where(button,a,label,summary,[role=button]){touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where(html[data-app=bagiyo]) :where(.nav-item,.category-tab,.filter-chip){min-height:3rem}}@media(max-height:520px)and (orientation:landscape)and (pointer:coarse){:where(html[data-app=bagiyo]) .utility-toolbar{min-height:3rem}}@media(prefers-reduced-motion:reduce){:where(html[data-app=bagiyo]) *,:where(html[data-app=bagiyo]) *:before,:where(html[data-app=bagiyo]) *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}:where(html[data-app=bagiyo]) .page-masthead:not(.feed-hero){display:grid;gap:var(--space-4);margin:0 0 var(--page-header-gap);padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}:where(html[data-app=bagiyo]) .page-masthead:before,:where(html[data-app=bagiyo]) .page-masthead:after,:where(html[data-app=bagiyo]) .ocr-hero-copy:after,:where(html[data-app=bagiyo]) .qr-hero-copy:after,:where(html[data-app=bagiyo]) .board-header:after{display:none}:where(html[data-app=bagiyo]) .page-masthead-split:not(.feed-hero){grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);align-items:start;gap:clamp(var(--space-6),5vw,var(--space-12))}:where(html[data-app=bagiyo]) .page-masthead:not(.feed-hero) h1{max-width:18ch;margin:0;color:var(--color-text);font-family:var(--font-sans);font-size:var(--page-title-size);font-weight:var(--page-title-weight);letter-spacing:var(--page-title-letter-spacing);line-height:var(--page-title-line-height);text-wrap:balance}:where(html[data-app=bagiyo]) .page-masthead:not(.feed-hero) :is(.intro-copy,.alerts-lead,.analytics-subtitle),:where(html[data-app=bagiyo]) .contacts-hero-copy>p:last-child,:where(html[data-app=bagiyo]) .ocr-hero-copy>p,:where(html[data-app=bagiyo]) .qr-hero-copy>p,:where(html[data-app=bagiyo]) .whats-new-hero>p:last-child,:where(html[data-app=bagiyo]) .page-header>div>p:last-child{max-width:58ch;margin:0;color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}:where(html[data-app=bagiyo]) .app-shell .page-container .page-masthead :is(.ocr-hero-guide,.qr-hero-guide){align-self:stretch;padding:var(--space-1) 0 var(--space-1) var(--space-6);border:0;border-left:1px solid var(--surface-line);border-radius:0;background:transparent;box-shadow:none}:where(html[data-app=bagiyo]) .app-shell .page-container .page-masthead .emergency-primary-card{align-self:stretch;padding:var(--space-5);border:1px solid var(--surface-line);border-left:2px solid var(--color-danger);border-radius:var(--surface-radius);background:var(--color-surface);box-shadow:none}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.subscriptions-panel,.alert-editor,.web-push-panel,.board-feed-panel,.community-post-card,.calling-guide,.contact-card,.ocr-panel,.ocr-disclaimer,.qr-panel,.qr-preview-panel,.qr-disclaimer,.privacy-summary-card,.privacy-data-card,.privacy-action-panel,.faq-card,.whats-new-release,.filters-bar,.practical-insight-card,.metric-card,.chart-card,.panel,.stat-card,.phone-preview,.detail-summary-card,.detail-section,.detail-state-panel,.ntfy-handoff-card){border-color:var(--surface-line);border-radius:var(--surface-radius);box-shadow:none}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.web-push-panel,.detail-summary-card-weather,.detail-summary-card-scheduled,.detail-summary-card-outage,.manila-clock,.phone-preview){background-image:none}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.subscription-card,.privacy-summary-card,.privacy-data-card,.whats-new-release,.community-post-card,.contact-card,.metric-card,.chart-card,.stat-card,.community-notice-card,.emergency-contact-card,.outage-trend-tile,.recent-activity-row):hover{border-color:var(--surface-line-strong);box-shadow:none;transform:none}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.outage-trend-tiles,.stat-grid,.practical-insights-grid,.metrics-grid,.detail-facts){display:grid;gap:1px;overflow:hidden;border:1px solid var(--surface-line);border-radius:var(--surface-radius);background:var(--surface-line)}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.outage-trend-tiles,.stat-grid,.practical-insights-grid,.metrics-grid,.detail-facts)>*{min-width:0;border:0;border-radius:0;background:var(--color-surface);box-shadow:none}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.outage-trend-tile,.stat-card,.practical-insight-value,.metric-value,.analytics-view-summary strong,.whats-new-version,.qr-type-count,.ocr-guide-number,.detail-fact dd){font-variant-numeric:tabular-nums}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.home-section>.section-heading,.contacts-section-heading,.feed-header-row,.ocr-panel-heading,.qr-panel-heading,.practical-insights-heading,.chart-card-heading){padding-bottom:var(--space-3);border-bottom:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .home-section>.section-heading{border-bottom:0;padding-bottom:0}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.alert-methods span,.badge,.chip,.count-pill,.capacity-badge,.filter-chip,.category-tab,.whats-new-version,.qr-type-count,.ocr-guide-number,.ocr-step,.ocr-ready-badge,.count-chip,.metrics span,.health-label,.role-badge){border-radius:var(--radius-sm)}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.primary,.emergency-call-button,.emergency-copy-button,.contacts-export,.reset-button,.ocr-text-button,.ocr-remove,.qr-type-button,.post-action-btn){border-radius:var(--radius-sm);box-shadow:none}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.primary,.emergency-call-button,.emergency-copy-button,.contacts-export,.reset-button,.ocr-text-button,.ocr-remove,.qr-type-button,.post-action-btn):hover{box-shadow:none;transform:none}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.alerts-header,.whats-new-hero){background:transparent}:where(html[data-app=bagiyo]) .app-shell .page-container .alert-methods{margin-top:var(--space-3)}:where(html[data-app=bagiyo]) .app-shell .page-container .alert-methods span{background:transparent}:where(html[data-app=bagiyo]) .app-shell .page-container .web-push-panel{border-color:var(--surface-line);background:var(--color-surface)}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.subscription-card,.faq-card[open]){box-shadow:none}:where(html[data-app=bagiyo]) .app-shell .page-container .faq-card[open]{border-color:var(--surface-line-strong)}:where(html[data-app=bagiyo]) .app-shell .page-container .faq-card[open] .faq-question{color:var(--color-primary)}:where(html[data-app=bagiyo]) .app-shell .page-container .faq-answer{border-top-color:var(--surface-line)}:where(html[data-app=bagiyo]) .app-shell .page-container .whats-new-timeline:before{width:1px;border-radius:0;background:var(--surface-line-strong)}:where(html[data-app=bagiyo]) .app-shell .page-container .privacy-jump-nav{border-color:var(--surface-line);background:var(--color-surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:where(html[data-app=bagiyo]) .app-shell .page-container .privacy-jump-nav a:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-text) 4%,transparent)}:where(html[data-app=bagiyo]) .app-shell .page-container .detail-summary-card{background:var(--color-surface)}:where(html[data-app=bagiyo]) .app-shell .page-container .detail-fact{border:0;border-radius:0}:where(html[data-app=bagiyo]) .app-shell .page-container .detail-list{gap:0;border-top:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .app-shell .page-container .detail-list li{border:0;border-bottom:1px solid var(--surface-line);border-radius:0;background:transparent}:where(html[data-app=bagiyo]) .app-shell .page-container .detail-state-panel-muted,:where(html[data-app=bagiyo]) .app-shell .page-container :is(.empty-state,.healthy-empty,.error-container,.outage-search-empty-state,.atlas-empty-state){border-style:solid;background:linear-gradient(var(--surface-grid) 1px,transparent 1px),linear-gradient(90deg,var(--surface-grid) 1px,transparent 1px),var(--color-surface);background-size:24px 24px}:where(html[data-app=bagiyo]) .app-shell .page-container .ntfy-handoff-card{box-shadow:none}:where(html[data-app=bagiyo]) .app-shell .page-container:has(.admin-page){width:100%;max-width:none}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.filters-bar,.metric-card){background:var(--color-surface)}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.ocr-dropzone,.ocr-file-item,.ocr-result-content,.qr-type-button,.qr-form,.qr-preview-frame,.contacts-search,.calling-guide){border-color:var(--surface-line);border-radius:var(--surface-radius);box-shadow:none}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.ocr-dropzone,.qr-preview-frame){background:linear-gradient(var(--surface-grid) 1px,transparent 1px),linear-gradient(90deg,var(--surface-grid) 1px,transparent 1px),var(--color-surface);background-size:24px 24px}@media(max-width:760px){:where(html[data-app=bagiyo]) .page-masthead,:where(html[data-app=bagiyo]) .page-masthead-split{grid-template-columns:1fr;gap:var(--space-5);padding-block:var(--space-5)}:where(html[data-app=bagiyo]) .app-shell .page-container .page-masthead :is(.ocr-hero-guide,.qr-hero-guide){padding:var(--space-5) 0 0;border-left:0;border-top:1px solid var(--surface-line)}:where(html[data-app=bagiyo]) .app-shell .page-container .page-masthead .emergency-primary-card{padding:var(--space-4)}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.outage-trend-tiles,.stat-grid,.practical-insights-grid,.metrics-grid){grid-template-columns:1fr}}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.alerts-header,.whats-new-hero,.analytics-header){padding:clamp(var(--space-5),4vw,var(--space-8)) 0;border:0;border-bottom:1px solid var(--surface-line);border-radius:0;background:transparent;background-image:none;box-shadow:none}@media(max-width:760px){:where(html[data-app=bagiyo]) .app-shell .page-container :is(.alerts-header,.whats-new-hero,.analytics-header){padding-block:var(--space-5)}}@media(max-width:760px){:where(html[data-app=bagiyo]) .app-shell .page-container :is(.ocr-page,.qr-page){display:flex;flex-direction:column;gap:var(--space-5)}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.ocr-hero,.qr-hero){display:contents}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.ocr-hero-copy,.qr-hero-copy){order:1;padding:var(--space-4) 0 var(--space-5);border:0;border-bottom:1px solid var(--surface-line);border-radius:0;background:transparent}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.ocr-hero-copy,.qr-hero-copy) h1{font-size:clamp(1.75rem,8vw,2.1rem)}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.ocr-workspace,.qr-workspace){order:2}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.ocr-hero-guide,.qr-hero-guide){order:3;margin-top:calc(var(--space-2) * -1);padding:var(--space-4) 0 0;border:0;border-top:1px solid var(--surface-line);border-radius:0;background:transparent}:where(html[data-app=bagiyo]) .app-shell .page-container :is(.ocr-disclaimer,.qr-disclaimer){order:4}:where(html[data-app=bagiyo]) .app-shell .page-container .qr-credit{order:5}}:where(html[data-app=bagiyo]) .theme-toggle{border-color:transparent;color:var(--color-text-muted);background:transparent}:where(html[data-app=bagiyo]) .theme-toggle:hover{border-color:var(--surface-line);color:var(--color-text);background:color-mix(in srgb,var(--color-text) 4%,transparent)}:where(html[data-app=bagiyo]) .carousel-control-btn.icon-button{width:2.5rem;height:2.5rem;border-color:transparent;color:var(--color-text-muted);background:transparent;box-shadow:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}:where(html[data-app=bagiyo]) .carousel-control-btn.icon-button:hover:not(:disabled){border-color:var(--surface-line);color:var(--color-text);background:color-mix(in srgb,var(--color-text) 4%,transparent);box-shadow:none;transform:none}:where(html[data-app=bagiyo]) .carousel-control-btn.icon-button:active:not(:disabled){box-shadow:none;transform:none}:where(html[data-app=bagiyo]) .composer-dialog .button-close.icon-button{width:44px;height:44px;border-color:transparent;color:var(--color-text-muted);background:transparent}:where(html[data-app=bagiyo]) .composer-dialog .button-close.icon-button:hover,:where(html[data-app=bagiyo]) .composer-dialog .button-close.icon-button:focus-visible{border-color:var(--surface-line);color:var(--color-text);background:color-mix(in srgb,var(--color-text) 4%,transparent)}:where(html[data-app=bagiyo]) .outage-search-clear.button-ghost{min-height:36px;padding:.4rem .75rem;border:1px solid transparent;color:var(--color-text-muted);background:transparent}:where(html[data-app=bagiyo]) .outage-search-clear.button-ghost:hover,:where(html[data-app=bagiyo]) .outage-search-clear.button-ghost:focus-visible{border-color:var(--surface-line);color:var(--color-text);background:color-mix(in srgb,var(--color-text) 4%,transparent)}:where(html[data-app=bagiyo]) .post-action-btn.button-ghost{min-height:36px;padding:.4rem .75rem;border-color:transparent;color:var(--color-text-muted);font-weight:800;background:transparent}:where(html[data-app=bagiyo]) .post-action-btn.button-ghost:hover{border-color:var(--surface-line);color:var(--color-text);background:color-mix(in srgb,var(--color-text) 4%,transparent)}:where(html[data-app=bagiyo]) .post-action-btn.button-ghost.danger-action{color:var(--color-danger)}:where(html[data-app=bagiyo]) .post-action-btn.button-ghost.danger-action:hover{border-color:color-mix(in srgb,var(--color-danger) 35%,var(--surface-line));color:var(--color-danger);background:var(--color-danger-soft)}:where(html[data-app=bagiyo]) .app-shell .page-container :where(button.stat-card,.feed-card-row,.community-notice-card,.contact-card,.subscription-card,.community-post-card,.faq-card,.metric-card,.chart-card,.privacy-summary-card,.privacy-data-card,.whats-new-release):not(.skeleton-card){position:relative;overflow:hidden}:where(html[data-app=bagiyo]) .app-shell .page-container :where(button.stat-card,.feed-card-row,.community-notice-card,.contact-card,.subscription-card,.community-post-card,.faq-card,.metric-card,.chart-card,.privacy-summary-card,.privacy-data-card,.whats-new-release):not(.skeleton-card):after{content:"";position:absolute;z-index:3;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent 72%);opacity:0;pointer-events:none;transform:scaleX(.55);transform-origin:left center;transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1)}:where(html[data-app=bagiyo]) .app-shell .page-container :where(button.stat-card,.feed-card-row,.community-notice-card,.contact-card,.subscription-card,.community-post-card,.faq-card,.metric-card,.chart-card,.privacy-summary-card,.privacy-data-card,.whats-new-release):not(.skeleton-card):is(:hover,:focus-within):after{opacity:.75;transform:scaleX(1)}@media(prefers-reduced-motion:reduce){:where(html[data-app=bagiyo]) .app-shell .page-container :where(button.stat-card,.feed-card-row,.community-notice-card,.contact-card,.subscription-card,.community-post-card,.faq-card,.metric-card,.chart-card,.privacy-summary-card,.privacy-data-card,.whats-new-release):not(.skeleton-card):after{transition:none;transform:none}}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] .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] .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)}: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)}: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-feedback{display:grid;justify-items:start;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);background:var(--surface)}:where(html[data-app=bagiyo]) .bag-feedback h2,:where(html[data-app=bagiyo]) .bag-feedback p{margin:0}:where(html[data-app=bagiyo]) .bag-feedback h2{color:var(--text);font-size:var(--font-size-lg);font-weight:600}:where(html[data-app=bagiyo]) .bag-feedback p{color:var(--text-muted);font-size:var(--font-size-sm)}:where(html[data-app=bagiyo]) .bag-error-state{border-color:var(--danger);background:var(--danger-subtle)}:where(html[data-app=bagiyo]) .bag-empty-state-grid{background:linear-gradient(var(--surface-grid) 1px,transparent 1px),linear-gradient(90deg,var(--surface-grid) 1px,transparent 1px),transparent;background-size:24px 24px}: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]) .bag-spinner{width:1.25rem;height:1.25rem;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:bag-spin .8s linear infinite}@keyframes bag-spin{to{transform:rotate(360deg)}}: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}}@media(min-width:1024px){.app-shell:not(.sidebar-resizing){transition:grid-template-columns .22s cubic-bezier(.2,.8,.2,1)}.sidebar-top{gap:var(--space-3);transition:padding .22s cubic-bezier(.2,.8,.2,1),gap .22s cubic-bezier(.2,.8,.2,1)}.brand,.nav-item{overflow:hidden;transition:background-color .14s ease,color .14s ease,padding .22s cubic-bezier(.2,.8,.2,1),gap .22s cubic-bezier(.2,.8,.2,1)}.brand-text,.nav-label,.nav-status,.nav-group-label{position:static;width:auto;height:auto;max-width:14rem;margin:0;overflow:hidden;clip-path:none;opacity:1;transform:translate(0);white-space:nowrap;transition:max-width .19s cubic-bezier(.2,.8,.2,1),opacity .13s ease,transform .19s cubic-bezier(.2,.8,.2,1)}.nav-group-label{max-height:1.5rem;transition:max-width .19s cubic-bezier(.2,.8,.2,1),max-height .19s cubic-bezier(.2,.8,.2,1),opacity .13s ease,transform .19s cubic-bezier(.2,.8,.2,1)}.sidebar-collapse-row{min-height:2.75rem;margin-top:calc(-1 * var(--space-1));padding-inline:var(--space-2)}.sidebar-collapse-btn svg{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.app-shell.nav-collapsed .brand,.app-shell.nav-collapsed .nav-item{gap:0}.app-shell.nav-collapsed .brand-text,.app-shell.nav-collapsed .nav-label,.app-shell.nav-collapsed .nav-status,.app-shell.nav-collapsed .nav-group-label{position:static;width:auto;height:auto;max-width:0;margin:0;padding:0;overflow:hidden;clip-path:none;border:0;opacity:0;transform:translate(-.4rem);white-space:nowrap;pointer-events:none}.app-shell.nav-collapsed .nav-group-label{max-height:0;line-height:0}}.utility-account-menu{position:relative;min-width:0}.utility-account-chevron{width:.9rem;height:.9rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .14s ease}.utility-account-chevron.is-open{transform:rotate(180deg)}.account-context-menu{position:absolute;z-index:160;top:calc(100% + var(--space-2));right:0;display:grid;width:min(18rem,calc(100vw - 2rem));overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-popover)}.account-context-identity{display:grid;gap:.15rem;min-width:0;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.account-context-identity strong,.account-context-identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-context-identity strong{color:var(--color-text);font-size:var(--font-size-sm)}.account-context-identity span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.account-context-menu-item{display:flex;width:100%;min-height:2.75rem;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border:0;color:var(--color-text);background:transparent;font:inherit;font-size:var(--font-size-sm);font-weight:600;text-align:left;text-decoration:none;cursor:pointer}.account-context-menu-item:hover,.account-context-menu-item:focus-visible{background:var(--color-surface-muted)}.account-context-menu-item svg{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.account-context-menu-item.danger{color:var(--color-danger)}.app-shell app-notification-settings .notification-hub-inbox app-notification-center bag-page-header,.app-shell app-notification-settings .notification-hub-alerts app-alerts>bag-page-header,.app-shell app-notification-settings .notification-hub-alerts app-alerts>app-web-push-panel{display:none}.app-shell app-notification-settings .notification-hub-inbox .notification-center-page{max-width:none;margin:0}@media(max-width:640px){.account-context-menu{position:fixed;top:3.75rem;right:var(--space-3);left:var(--space-3);width:auto}}@media(prefers-reduced-motion:reduce){.brand-text,.nav-label,.nav-status,.nav-group-label,.utility-account-chevron,.sidebar-collapse-btn svg{transition:none}}html[data-app=buyaek]{--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-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(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: 320px){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] 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[data-app=buyaek] app-account-settings-panel[data-platform-ui] .account-panel{display:grid;gap:1.5rem;margin-bottom:2rem}html[data-app=buyaek] app-account-settings-panel[data-platform-ui] .account-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--buyaek-border)}html[data-app=buyaek] app-account-settings-panel[data-platform-ui] .account-panel-heading h1{color:var(--buyaek-text);font-size:1.5rem}html[data-app=buyaek] app-account-settings-panel[data-platform-ui] .account-panel-layout{display:grid;grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);overflow:hidden;border:1px solid var(--buyaek-border);border-radius:8px;background:var(--buyaek-surface)}html[data-app=buyaek] app-account-settings-panel[data-platform-ui] .account-panel-nav{display:flex;flex-direction:column;gap:2px;padding:.75rem;border-right:1px solid var(--buyaek-border);background:var(--buyaek-bg)}html[data-app=buyaek] app-account-settings-panel[data-platform-ui] .account-panel-nav-item{display:flex;min-height:2.75rem;align-items:center;gap:.75rem;border:0;border-radius:var(--buyaek-radius-md);padding:.5rem .75rem;color:var(--buyaek-text-muted);background:transparent;font-size:.875rem;font-weight:700;text-align:left}html[data-app=buyaek] app-account-settings-panel[data-platform-ui] .account-panel-nav-item.active{color:var(--buyaek-brand);background:var(--buyaek-selected)}html[data-app=buyaek] app-account-settings-panel[data-platform-ui] .account-panel-detail{display:flex;min-width:0;flex-direction:column;gap:1rem;padding:1.5rem}html[data-app=buyaek] [data-platform-ui] .button{min-height:2.75rem;border:1px solid var(--buyaek-control-border);border-radius:var(--buyaek-radius-md);padding:.5rem .875rem;color:var(--buyaek-text);background:var(--buyaek-surface);font:inherit;font-weight:700}html[data-app=buyaek] [data-platform-ui] .button-primary{border-color:var(--buyaek-brand);color:var(--buyaek-on-brand);background:var(--buyaek-brand)}html[data-app=buyaek] [data-platform-ui] .button-delete{border-color:var(--buyaek-danger);color:var(--buyaek-danger)}@media(max-width:640px),(max-width:900px)and (pointer:coarse){html[data-app=buyaek] app-account-settings-panel[data-platform-ui] .account-panel-layout{grid-template-columns:minmax(0,1fr)}html[data-app=buyaek] app-account-settings-panel[data-platform-ui] .account-panel-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--buyaek-border)}}html[data-app=bayadak]{--bayadak-bg: #FAFAF9;--bayadak-surface: #FFFFFF;--bayadak-text: #292524;--bayadak-text-muted: #57534E;--bayadak-border: #E0DDD7;--bayadak-control-border: #78716C;--bayadak-brand: #0F766E;--bayadak-brand-hover: #115E59;--bayadak-brand-pressed: #134E4A;--bayadak-on-brand: #FFFFFF;--bayadak-selected: #E5F2EF;--bayadak-overlay: rgba(41,37,36,.44);--bayadak-danger: #B91C1C;--bayadak-danger-soft: #FEE2E2;--bayadak-success: #166534;--bayadak-success-soft: #DCFCE7;--bayadak-warning: #92400E;--bayadak-warning-soft: #FEF3C7;--bayadak-info: #1D4ED8;--bayadak-info-soft: #DBEAFE;--bayadak-color-purple: #7D6A9E;--bayadak-color-pink: #B5638C;--bayadak-color-indigo: #5B6CAD;--bayadak-category-purple-surface: #E9E4F0;--bayadak-category-pink-surface: #F3E3EC;--bayadak-category-indigo-surface: #E6E8F5;--bayadak-achievement: #17A24A;--bayadak-achievement-ink: #FFFFFF;--bayadak-color-custom-gradient: conic-gradient(from 0deg, #E0524F, #D99A3F, #4F9E5C, #4C7DB3, #7D6A9E, #E0524F);--bayadak-font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bayadak-font-sans: var(--bayadak-font-display);--bayadak-font-size-xs: .75rem;--bayadak-font-size-sm: .875rem;--bayadak-font-size-md: 1rem;--bayadak-font-size-lg: 1.125rem;--bayadak-font-size-xl: 1.25rem;--bayadak-font-size-2xl: 1.5rem;--bayadak-line-height-tight: 1.2;--bayadak-line-height-normal: 1.5;--bayadak-line-height-relaxed: 1.7;--bayadak-page-title-size: clamp(2rem, 5vw, 3rem);--bayadak-page-title-line-height: 1.1;--bayadak-page-title-letter-spacing: -.02em;--bayadak-page-title-weight: 700;--bayadak-section-title-size: var(--bayadak-font-size-xl);--bayadak-section-title-line-height: var(--bayadak-line-height-tight);--bayadak-section-title-weight: 700;--bayadak-content-readable: 47.5rem;--bayadak-surface-radius: 8px;--bayadak-control-radius: 10px;--bayadak-radius-sm: 8px;--bayadak-radius-md: 10px;--bayadak-radius-lg: 14px;--bayadak-radius-xl: 1.25rem;--bayadak-radius-full: 999px;--bayadak-space-1: .25rem;--bayadak-space-2: .5rem;--bayadak-space-3: .75rem;--bayadak-space-4: 1rem;--bayadak-space-5: 1.25rem;--bayadak-space-6: 1.5rem;--bayadak-space-7: 1.75rem;--bayadak-space-8: 2rem;--bayadak-space-10: 2.5rem;--bayadak-space-12: 3rem;--bayadak-space-16: 4rem;--bayadak-shadow-sm: none;--bayadak-shadow-md: 0 8px 24px color-mix(in srgb, var(--bayadak-text) 8%, transparent);--bayadak-shadow-lg: 0 12px 32px color-mix(in srgb, var(--bayadak-text) 12%, transparent);--bayadak-shadow-dialog: 0 16px 48px color-mix(in srgb, var(--bayadak-text) 20%, transparent)}html[data-app=bayadak][data-theme=dark]{--bayadak-bg: #171C1D;--bayadak-surface: #222A2C;--bayadak-text: #F5F5F4;--bayadak-text-muted: #BCC7C7;--bayadak-border: #3A4849;--bayadak-control-border: #80908E;--bayadak-brand: #5EEAD4;--bayadak-brand-hover: #8CF0E0;--bayadak-brand-pressed: #ACF5EA;--bayadak-on-brand: #11332E;--bayadak-selected: #263F3A;--bayadak-overlay: rgba(0,0,0,.62);--bayadak-danger: #FCA5A5;--bayadak-danger-soft: #442629;--bayadak-success: #86EFAC;--bayadak-success-soft: #203A2B;--bayadak-warning: #FCD34D;--bayadak-warning-soft: #3A321F;--bayadak-info: #93C5FD;--bayadak-info-soft: #21344C;--bayadak-color-purple: #B6A4D1;--bayadak-color-pink: #D691AF;--bayadak-color-indigo: #8B98D1;--bayadak-category-purple-surface: #322A41;--bayadak-category-pink-surface: #3A2731;--bayadak-category-indigo-surface: #262B42;--bayadak-achievement: #3DDC73}html[data-app=bayadak] .bayadak-button{box-sizing:border-box;display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--bayadak-control-border);border-radius:var(--bayadak-control-radius);padding:.5rem .875rem;color:var(--bayadak-text);background:var(--bayadak-surface);font:inherit;font-weight:700;line-height:1.3;cursor:pointer;transition:color .12s,border-color .12s,opacity .12s}html[data-app=bayadak] .bayadak-button:hover:not(:disabled){border-color:var(--bayadak-brand);background:var(--bayadak-selected)}html[data-app=bayadak] .bayadak-button:focus-visible,html[data-app=bayadak] :is(.bayadak-dialog-actions,.bayadak-form-field) :focus-visible{outline:3px solid var(--bayadak-brand);outline-offset:3px}html[data-app=bayadak] .bayadak-button:disabled{cursor:not-allowed;opacity:.58}html[data-app=bayadak] .bayadak-button-primary{border-color:var(--bayadak-brand);color:var(--bayadak-on-brand);background:var(--bayadak-brand)}html[data-app=bayadak] .bayadak-button-primary:hover:not(:disabled){border-color:var(--bayadak-brand-hover);color:var(--bayadak-on-brand);background:var(--bayadak-brand-hover)}html[data-app=bayadak] .bayadak-button-primary:active:not(:disabled){border-color:var(--bayadak-brand-pressed);background:var(--bayadak-brand-pressed)}html[data-app=bayadak] .bayadak-button-ghost{border-color:transparent;color:var(--bayadak-text-muted);background:transparent}html[data-app=bayadak] .bayadak-button-ghost:hover:not(:disabled){border-color:transparent;color:var(--bayadak-text);background:var(--bayadak-selected)}html[data-app=bayadak] .bayadak-button-delete{border-color:var(--bayadak-danger);color:var(--bayadak-danger);background:var(--bayadak-surface)}html[data-app=bayadak] .bayadak-button-compact{padding-inline:.625rem;font-size:.875rem}html[data-app=bayadak] .bayadak-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}html[data-app=bayadak] .bayadak-form-field{display:grid;gap:.4rem;color:var(--bayadak-text)}html[data-app=bayadak] .bayadak-form-field :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid var(--bayadak-control-border);border-radius:var(--bayadak-control-radius);padding:.5rem .75rem;color:var(--bayadak-text);background:var(--bayadak-surface);font:inherit}html[data-app=bayadak] .bayadak-eyebrow{margin:0;color:var(--bayadak-brand);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}html[data-app=bayadak] .bayadak-field-hint{margin:0;color:var(--bayadak-text-muted);font-size:.875rem;line-height:1.45}html[data-app=bayadak] .bayadak-modal-backdrop{position:fixed;inset:0;z-index:105;background:var(--bayadak-overlay)}html[data-app=bayadak] body{background:var(--bayadak-bg);color:var(--bayadak-text);font-family:Inter,system-ui,sans-serif}html[data-app=bayadak] .skip-link{border-radius:8px;color:var(--bayadak-on-brand);background:var(--bayadak-brand);box-shadow:0 8px 24px #2925242e;font-weight:700;text-decoration:none}html[data-app=bayadak] [data-platform-ui]{--color-bg: var(--bayadak-bg);--color-surface: var(--bayadak-surface);--color-surface-muted: color-mix(in srgb, var(--bayadak-surface) 92%, var(--bayadak-text));--color-surface-raised: var(--bayadak-surface);--color-primary: var(--bayadak-brand);--color-primary-hover: var(--bayadak-brand-hover);--color-primary-pressed: var(--bayadak-brand-pressed);--color-primary-soft: var(--bayadak-selected);--color-text: var(--bayadak-text);--color-text-muted: var(--bayadak-text-muted);--color-text-subtle: var(--bayadak-text-muted);--color-text-on-primary: var(--bayadak-on-brand);--color-border: var(--bayadak-border);--color-border-strong: var(--bayadak-border);--color-control-border: var(--bayadak-control-border);--color-overlay: var(--bayadak-overlay);--color-danger: var(--bayadak-danger);--color-danger-soft: var(--bayadak-danger-soft);--color-success: var(--bayadak-success);--color-success-soft: var(--bayadak-success-soft);--color-warning: var(--bayadak-warning);--color-warning-soft: var(--bayadak-warning-soft);--color-info: var(--bayadak-info);--color-info-soft: var(--bayadak-info-soft);--surface-radius: 8px;--surface-line: var(--bayadak-border);--surface-line-strong: var(--bayadak-control-border);--surface-grid: var(--bayadak-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: 10px;--radius-lg: 14px;--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: 0 8px 24px rgb(41 37 36 / 12%);--shadow-dialog: 0 16px 48px rgb(41 37 36 / 20%);font-family:Inter,system-ui,sans-serif}html[data-app=bayadak] [data-platform-ui] :focus-visible{outline:3px solid var(--bayadak-brand);outline-offset:3px}html[data-app=bayadak] [data-platform-ui] :is(input,select,textarea){min-height:2.75rem;border:1px solid var(--bayadak-control-border);border-radius:8px;padding:.5rem .75rem;color:var(--bayadak-text);background:var(--bayadak-surface);font:inherit}html[data-app=bayadak] .modal-backdrop{position:fixed;inset:0;z-index:105;background:var(--bayadak-overlay)}html[data-app=bayadak] .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(--bayadak-border);border-radius:14px;background:var(--bayadak-surface);color:var(--bayadak-text);box-shadow:0 16px 48px #29252433;transform:translate(-50%,-50%)}html[data-app=bayadak] .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=bayadak] .operation-toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.75rem;border:1px solid var(--bayadak-border);border-radius:10px;background:var(--bayadak-surface);color:var(--bayadak-text);box-shadow:0 8px 24px #2925241f;pointer-events:auto}html[data-app=bayadak] .operation-toast-success{border-left:4px solid var(--bayadak-success)}html[data-app=bayadak] .operation-toast-error{border-left:4px solid var(--bayadak-danger)}html[data-app=bayadak] .operation-toast-info{border-left:4px solid var(--bayadak-info)}html[data-app=bayadak] .account-notice,html[data-app=bayadak] .signin-panel{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--bayadak-border);border-radius:10px;background:var(--bayadak-surface);color:var(--bayadak-text)}html[data-app=bayadak] app-account-settings-panel[data-platform-ui] .account-panel{display:grid;gap:1.5rem;margin-bottom:2rem}html[data-app=bayadak] app-account-settings-panel[data-platform-ui] .account-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--bayadak-border)}html[data-app=bayadak] app-account-settings-panel[data-platform-ui] .account-panel-heading h1{color:var(--bayadak-text);font-size:1.5rem}html[data-app=bayadak] app-account-settings-panel[data-platform-ui] .account-panel-layout{display:grid;grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);overflow:hidden;border:1px solid var(--bayadak-border);border-radius:8px;background:var(--bayadak-surface)}html[data-app=bayadak] app-account-settings-panel[data-platform-ui] .account-panel-nav{display:flex;flex-direction:column;gap:2px;padding:.75rem;border-right:1px solid var(--bayadak-border);background:var(--bayadak-bg)}html[data-app=bayadak] app-account-settings-panel[data-platform-ui] .account-panel-nav-item{display:flex;min-height:2.75rem;align-items:center;gap:.75rem;border:0;border-radius:8px;padding:.5rem .75rem;color:var(--bayadak-text-muted);background:transparent;font-size:.875rem;font-weight:700;text-align:left}html[data-app=bayadak] app-account-settings-panel[data-platform-ui] .account-panel-nav-item.active{color:var(--bayadak-brand);background:var(--bayadak-selected)}html[data-app=bayadak] app-account-settings-panel[data-platform-ui] .account-panel-detail{display:flex;min-width:0;flex-direction:column;gap:1rem;padding:1.5rem}html[data-app=bayadak] [data-platform-ui] .bayadak-button{min-height:2.75rem;border:1px solid var(--bayadak-border);border-radius:8px;padding:.5rem .875rem;color:var(--bayadak-text);background:var(--bayadak-surface);font:inherit;font-weight:700}html[data-app=bayadak] [data-platform-ui] .button-primary{border-color:var(--bayadak-brand);color:var(--bayadak-on-brand);background:var(--bayadak-brand)}html[data-app=bayadak] [data-platform-ui] .button-delete{border-color:var(--bayadak-danger);color:var(--bayadak-danger)}@media(max-width:640px),(max-width:900px)and (pointer:coarse){html[data-app=bayadak] app-account-settings-panel[data-platform-ui] .account-panel-layout{grid-template-columns:minmax(0,1fr)}html[data-app=bayadak] app-account-settings-panel[data-platform-ui] .account-panel-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--bayadak-border)}}