.br1-app{--br1-background:#f6f7fa;--br1-surface:#fff;--br1-text:#192333;--br1-muted:#4b586b;--br1-border:#ccd3df;--br1-action:#2459a6;--br1-on-action:#fff;--br1-danger:#a1262f;--br1-focus:#2459a6;--br1-xs:4px;--br1-sm:8px;--br1-md:12px;--br1-lg:16px;--br1-xl:24px;box-sizing:border-box;height:100dvh;min-height:240px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;color:var(--br1-text);background:var(--br1-background);font:1rem/1.45 system-ui,sans-serif;position:relative;isolation:isolate}
.br1-app[data-effective=dark]{--br1-background:#151b24;--br1-surface:#202936;--br1-text:#f1f4f8;--br1-muted:#c0cad8;--br1-border:#59677b;--br1-action:#a4c8ff;--br1-on-action:#10284a;--br1-danger:#ffb3b8;--br1-focus:#a4c8ff;color-scheme:dark}
.br1-app *{box-sizing:border-box}.br1-app [hidden]{display:none!important}.br1-app button,.br1-app input,.br1-app textarea,.br1-app select{font:inherit}.br1-app button{cursor:pointer;min-height:44px;border:1px solid var(--br1-border);border-radius:var(--br1-control-radius,8px);background:var(--br1-surface);color:var(--br1-text);padding:8px 12px;display:inline-flex;gap:8px;align-items:center;justify-content:center}.br1-app button:disabled{opacity:.55;cursor:default}.br1-app button:focus-visible,.br1-app input:focus-visible,.br1-app textarea:focus-visible,.br1-app summary:focus-visible,.br1-app a:focus-visible{outline:3px solid var(--br1-focus);outline-offset:3px}.br1-app a{color:var(--br1-action)}
.br1-icon{display:inline-flex;width:20px;height:20px;flex:none;align-items:center;justify-content:center;position:relative}.br1-icon svg{width:100%;height:100%;display:block;stroke:currentColor}.br1-auto-letter{position:absolute;right:-2px;bottom:-4px;font:700 10px/1 system-ui,sans-serif;background:var(--br1-surface);color:var(--br1-text);padding:1px;border-radius:2px}
.br1-header{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:var(--br1-surface);border-bottom:1px solid var(--br1-border);z-index:2;min-width:0}.br1-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.br1-logo{width:38px;height:38px;object-fit:contain;flex:none}.br1-wordmark{min-width:0}.br1-name{font-size:1.2rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere;display:flex;align-items:center;gap:.2em}.br1-web-badge{width:.4cap;height:.4cap;flex:none;display:inline-flex}.br1-web-badge svg{width:100%;height:100%;display:block}.br1-descriptor{font-size:.8rem;color:var(--br1-muted);margin-top:3px;overflow-wrap:anywhere}.br1-app .br1-theme-button{width:44px;height:44px;padding:10px;flex:none}
.br1-content{overflow:auto;overscroll-behavior:contain;min-height:0;padding:16px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left));scroll-behavior:auto}.br1-section{max-width:760px;margin:0 auto}.br1-section>h1{font-size:1.45rem;line-height:1.2;margin:4px 0 16px}.br1-section p{margin:8px 0 16px}.br1-developer{display:block;position:static;max-width:760px;margin:16px auto 0;overflow-wrap:anywhere;padding:5px max(16px,env(safe-area-inset-right)) 5px 16px;text-align:right;font-size:.72rem;color:var(--br1-muted);background:var(--br1-background)}.br1-nav{display:flex;gap:4px;justify-content:space-around;padding:4px max(8px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--br1-border);background:var(--br1-surface);z-index:2}.br1-app .br1-nav button{flex:1;min-width:0;border-color:transparent;font-size:.85rem;padding:6px 2px;flex-direction:column;flex-wrap:nowrap;gap:5px;font-weight:650;line-height:1.2}.br1-nav button>span:last-child{max-width:100%;overflow-wrap:anywhere}.br1-nav button[aria-current=page]{background:color-mix(in srgb,var(--br1-action) 14%,var(--br1-surface));color:var(--br1-action);font-weight:650}
.br1-options{padding:0}.br1-option{border-bottom:1px solid var(--br1-border);padding:12px 0}.br1-option:first-child{padding-top:4px}.br1-option-title{font-size:1rem;margin:0 0 10px}.br1-app .br1-mode-selector{display:flex;gap:4px;flex-wrap:nowrap}.br1-mode-selector button{flex:1;min-width:0;font-size:.88rem;padding:8px 6px}.br1-mode-selector button[aria-pressed=true]{background:var(--br1-action);color:var(--br1-on-action);border-color:var(--br1-action)}.br1-option summary{list-style:none;display:flex;gap:10px;align-items:center;min-height:44px;cursor:pointer}.br1-option summary::-webkit-details-marker{display:none}.br1-option summary .br1-chevron{margin-left:auto}.br1-option-content{padding:10px 0 4px 30px;font-size:.9rem}.br1-about-identity{display:flex;align-items:center;gap:12px;margin-bottom:12px}.br1-about-identity img{width:40px;height:40px;object-fit:contain}.br1-about-name{font-weight:700}.br1-about-meta{margin:4px 0}.br1-licenses{margin-top:12px}
.br1-share-row{display:flex;align-items:center;gap:8px;min-width:0}.br1-app .br1-share-main{border:0;background:transparent;justify-content:flex-start;text-align:left;flex:1;min-width:0;padding:4px 0;gap:12px}.br1-share-copy{flex:none}.br1-app .br1-share-copy{background:transparent;border:0;padding:8px 0 8px 8px;font-size:.8rem;color:var(--br1-action)}.br1-share-copy-label{white-space:nowrap}.br1-share-text{min-width:0}.br1-share-title{display:block;font-size:.95rem;font-weight:650}.br1-share-invitation{display:block;font-size:.75rem;color:var(--br1-muted);overflow-wrap:anywhere}.br1-local-note{font-size:.72rem;color:var(--br1-muted);margin:4px 0 0 32px}
.br1-app .br1-surface{color:var(--br1-text);background:var(--br1-surface);border:1px solid var(--br1-border);border-radius:var(--br1-surface-radius,12px);width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;overflow:auto}.br1-surface::backdrop{background:#10172088}.br1-surface-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.br1-surface-heading h2{font-size:1.15rem;line-height:1.3;margin:8px 0;flex:1;overflow-wrap:anywhere}.br1-app .br1-close{width:44px;height:44px;min-width:44px;padding:10px;flex:none;margin:-8px -8px 0 0}.br1-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}.br1-app .br1-primary{background:var(--br1-action);border-color:var(--br1-action);color:var(--br1-on-action)}.br1-app .br1-secondary{border-color:var(--br1-action);color:var(--br1-action);background:transparent}.br1-app .br1-danger{border-color:var(--br1-danger);color:var(--br1-danger)}
.br1-field{display:block;margin:0 0 16px}.br1-field-label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:600}.br1-app input,.br1-app textarea,.br1-app select{width:100%;padding:10px 12px;color:var(--br1-text);background:var(--br1-surface);border:1px solid var(--br1-border);border-radius:var(--br1-control-radius,8px);min-height:44px}.br1-help,.br1-field-error{font-size:.8rem;display:block;margin-top:5px;color:var(--br1-muted)}.br1-field-error{color:var(--br1-danger)}.br1-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--br1-border)}.br1-row-title{font-weight:600}.br1-row-meta{font-size:.85rem;color:var(--br1-muted)}.br1-notice{display:flex;gap:8px;align-items:center;padding:8px 16px;font-size:.85rem;border-top:1px solid var(--br1-border);background:var(--br1-surface);color:var(--br1-text);min-height:0}.br1-notice:empty{display:none}.br1-notice[data-kind=error]{color:var(--br1-danger)}
@media(max-width:360px){.br1-header{padding-left:12px;padding-right:12px;gap:8px}.br1-logo{width:32px;height:32px}.br1-name{font-size:1.05rem}.br1-share-row{gap:5px}.br1-share-title{font-size:.9rem}.br1-share-invitation{font-size:.72rem}.br1-app .br1-share-copy{font-size:.72rem;padding-left:4px}.br1-option-content{padding-left:0}.br1-nav button .br1-icon{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.br1-app *{scroll-behavior:auto!important}}
.br1-actions>button{min-width:0;overflow-wrap:anywhere}.br1-row{flex-wrap:wrap}.br1-row-content{flex:1;min-width:0}.br1-row-title,.br1-row-meta{overflow-wrap:anywhere}.br1-row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.br1-row-media{width:48px;height:48px;object-fit:contain;flex:none}.br1-list{list-style:none;margin:0;padding:0}.br1-list>li{margin:0;padding:0}
.br1-card{border:1px solid var(--br1-border);border-radius:var(--br1-surface-radius,12px);background:var(--br1-surface);padding:16px;margin:16px 0;min-width:0;overflow-wrap:anywhere}.br1-card-title{font-size:1.05rem;margin:0 0 6px}.br1-card .br1-card-meta{font-size:.85rem;color:var(--br1-muted);margin:0 0 16px}.br1-card-media{display:block;width:100%;max-height:180px;object-fit:contain;margin-bottom:12px}
.br1-message{display:flex;align-items:flex-start;gap:8px;padding:10px 0;color:var(--br1-text)}.br1-message>div{min-width:0;overflow-wrap:anywhere}.br1-message-title{display:block}.br1-message[data-kind=warning],.br1-notice[data-kind=warning]{color:var(--br1-warning)}.br1-message[data-kind=error]{color:var(--br1-danger)}.br1-message[data-kind=success],.br1-notice[data-kind=success]{color:var(--br1-success)}
@media(max-width:360px){.br1-actions{flex-direction:column;align-items:stretch}.br1-actions>button{width:100%}}
.br1-update{display:flex;align-items:flex-start;gap:8px;max-width:760px;margin:0 auto 16px;padding:12px;border:1px solid var(--br1-border);border-radius:var(--br1-control-radius,8px);background:var(--br1-surface)}.br1-update>div{flex:1;min-width:0;overflow-wrap:anywhere}.br1-update .br1-actions{margin-top:8px}.br1-update[data-status=error]{color:var(--br1-danger)}
.br1-state{border-bottom:1px solid var(--br1-border);margin:8px 0}.br1-state[data-br1-state=loading]>.br1-icon{opacity:.65}.br1-state[data-br1-state=empty]{color:var(--br1-muted)}
