:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#1e5a3a;--primary-light:#3d8a5f;--primary-soft:#e4f0e8;--accent:#e0b043;--accent-soft:#fbf1d6;--danger:#b3202a;--danger-soft:#f8e1e2;--bg:#f7f6f2;--surface:#fff;--text:#1f2a24;--muted:#5b6b62;--border:#d9d6cc;--space:12px;--radius:8px;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}body{margin:0}body.day:after,body.night:after{content:"";z-index:-2;pointer-events:none;background:50%/cover no-repeat;position:fixed;inset:0}body.day:after{background-image:url(/backgrounds/bbb-bg-day.svg)}body.night:after{background-image:url(/backgrounds/bbb-bg-night.svg)}body.day:before,body.night:before{content:"";pointer-events:none;z-index:-1;background:#f7f6f2b3;position:fixed;inset:0}nav{box-sizing:border-box;align-items:center;gap:var(--space);height:64px;padding:var(--space) 20px;background:var(--primary);flex-wrap:wrap;display:flex;overflow:hidden}nav h1{color:#fff;margin:0 auto 0 0;font-size:20px}nav a,nav button{border-radius:var(--radius);color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 14px;text-decoration:none;display:inline-block}nav a:hover,nav button:hover{filter:none;background:#ffffff26}.menu-toggle{display:none}.nav-links{display:contents}@media (width<=719px){.menu-toggle{border-radius:var(--radius);color:#fff;background:0 0;border:0;align-items:center;margin-left:auto;padding:6px;display:inline-flex}.nav-links{display:none}.nav-links.nav-links-open{z-index:20;background:var(--primary);flex-direction:column;gap:0;padding:0 20px;display:flex;position:fixed;top:64px;left:0;right:0}.nav-links.nav-links-open>*{box-sizing:border-box;text-align:left;width:100%;padding:14px 4px}.nav-links.nav-links-open>*+*{border-top:1px solid #ffffff4d}}main,section{max-width:960px;margin:0 auto;padding:20px 20px 96px}h1,h2,a{color:var(--primary)}button{font:inherit;border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;border:0;padding:8px 14px}button:hover{filter:brightness(1.1)}ul{padding:0}li{padding:var(--space);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);background:#fff9;border:1px solid #ffffffb3;margin:8px 0;list-style:none}progress{appearance:none;background:#e4e1d8;border:0;border-radius:999px;width:100%;height:12px;overflow:hidden}progress::-webkit-progress-bar{background:#e4e1d8}progress::-webkit-progress-value{background:var(--primary)}progress::-moz-progress-bar{background:var(--primary)}[role=alert]{color:var(--danger);font-weight:600}input,select{border:1px solid var(--border);border-radius:var(--radius);font:inherit;padding:6px 8px}.home-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);background:#ffffffb3;border:1px solid #fffc;margin-bottom:16px;padding:16px 20px}.home-header h1{margin:0 0 8px;font-size:26px}.greeting-row{align-items:center;gap:10px;display:flex}.greeting-row h1{margin:0}.greeting-row .verification-icon{width:30px;height:30px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 10px;font-size:14px;display:inline-block}.tag-done{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.tag-progress{border-color:var(--accent);background:var(--accent-soft);color:#6b4e00}.tag-warn{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.tag-locked{color:var(--muted)}.progress-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffffb3;border-left:6px solid var(--accent);border-radius:var(--radius);background:#fff9;margin:20px 0;padding:20px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px}.progress-card h2{margin:4px 0 12px;font-size:22px}.progress-card p{color:var(--muted);margin:8px 0 0}.path-row{margin:24px 0}.path-row h2{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);background:#ffffffb3;margin:0 0 12px;padding:6px 12px;font-size:18px;display:inline-block}.badge-grid{gap:var(--space);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=720px){.badge-grid{grid-template-columns:repeat(3,1fr)}}.badge-card{padding:var(--space);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);color:var(--text);background:#fff9;border:1px solid #ffffffb3;flex-direction:column;gap:8px;text-decoration:none;display:flex}a.badge-card:hover{border-color:var(--primary)}.badge-image{border-radius:var(--radius);background:repeating-linear-gradient(45deg,#d9d6cc 0 10px,#e8e6df 10px 20px);height:80px}.badge-name{font-weight:600}.requirement-card{padding:var(--space);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);background:#fff9;border:1px solid #ffffffb3;flex-direction:column;gap:8px;margin:12px 0;display:flex}.requirement-text{margin:0;font-weight:600}.requirement-card form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.requirement-card input[type=date]{flex:none}.requirement-card input:not([type]){flex:160px}.requirement-card form button{flex:none}.requirement-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.requirement-row p{margin:0}.scout-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.scout-name{font-weight:600}.scout-identity,.scout-actions{align-items:center;gap:8px;display:flex}.add-button{color:var(--primary);background:0 0;border:0;flex:none;padding:2px;display:inline-flex}.pen-button{color:var(--primary);background:0 0;border:0;flex:none;padding:4px;display:inline-flex}.trash-button{color:var(--danger);background:0 0;border:0;flex:none;padding:4px;display:inline-flex}.delete-button{color:var(--danger);border:1px solid var(--danger);background:0 0;flex:none}.confirmed-row{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--primary);border-radius:var(--radius);color:var(--primary);background:0 0;align-items:center;padding:2px;line-height:0;display:inline-flex}.header-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}@media (width<=719px){.header-row label{flex-direction:column;flex:200px;gap:4px;font-weight:600;display:flex}.header-row select{box-sizing:border-box;width:100%}.header-row{align-items:flex-end}}.header-row .outline-button,.header-row .tag{flex:none}.link-button{color:var(--muted);background:0 0;border:0;padding:8px 4px;text-decoration:underline}@media (width<=719px){.badge-admin-row .scout-actions{justify-content:flex-start;gap:12px;width:100%}.badge-admin-row .pen-button{margin-left:auto}.badge-admin-row>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.badge-admin-row .tags{margin:0}}.outline-button{border:1px solid var(--primary);border-radius:var(--radius);color:var(--primary);background:0 0;padding:8px 14px;text-decoration:none;display:inline-block}.admin-requirements{margin-top:12px}.admin-requirements ul{padding:0}.admin-requirements input{box-sizing:border-box;width:100%;margin-bottom:8px;display:block}.admin-requirements form button{margin-top:4px}.form-grid{gap:var(--space);grid-template-columns:1fr;margin-top:12px;display:grid}@media (width>=720px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-grid label{flex-direction:column;gap:4px;font-weight:600;display:flex}.form-grid input,.form-grid select{box-sizing:border-box;width:100%}.form-actions{gap:8px;margin-top:12px;display:flex}.verification-icon{color:#9b9b93;flex:none}.verification-icon.verified{color:var(--primary)}.verification-icon.verified .badge-fill{fill:var(--primary-light)}.verification-icon.verified .check-mark{stroke:#fff}.badge-card-locked{opacity:.55}.tabbar{background:var(--surface);border-top:1px solid var(--border);z-index:10;justify-content:space-around;padding:10px 0;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);padding:4px 12px;font-size:14px;text-decoration:none}.tab-active{color:var(--primary);font-weight:600}.tab-disabled{opacity:.5;cursor:default}main:has(.login-page){max-width:none;padding:0}.login-page{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-layout{box-sizing:border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffffb3;border-top:6px solid var(--primary);background:#ffffff8c;border-radius:16px;flex-direction:column;width:100%;max-width:380px;display:flex;overflow:hidden;box-shadow:0 10px 30px #1f2a241f}@media (width>=720px){.login-layout{flex-direction:row;max-width:960px}.login-layout .login-card{flex:0 0 380px}.login-layout .welcome-panel{flex:1 1 0}}.welcome-panel{box-sizing:border-box;border-top:1px solid #1f2a241f;padding:32px 28px}@media (width>=720px){.welcome-panel{border-top:0;border-left:1px solid #1f2a241f}}.welcome-panel h2{margin:4px 0 12px;font-size:24px}.welcome-panel p{color:var(--muted);margin:0 0 16px}.welcome-steps{counter-reset:step;margin:16px 0 0;padding:0}.welcome-steps li{align-items:center;min-height:32px;padding-left:48px;display:flex;position:relative}.welcome-steps li:before{counter-increment:step;content:counter(step);left:var(--space);background:var(--accent);width:26px;height:26px;color:var(--text);text-align:center;border-radius:50%;font-size:14px;font-weight:600;line-height:26px;position:absolute;top:50%;transform:translateY(-50%)}.login-card{box-sizing:border-box;width:100%;padding:32px 28px;position:relative}.login-card h1{text-align:center;margin:0 0 4px;font-size:26px}.login-tagline{text-align:center;color:var(--muted);margin:0 0 24px}.login-card label{margin-bottom:14px;font-weight:600;display:block}.login-card input{box-sizing:border-box;width:100%;margin-top:6px;padding:10px 12px;font-size:16px;display:block}.login-card button{background:var(--primary);width:100%;margin-top:8px;padding:12px;font-size:16px;font-weight:600}.login-heading{position:relative}.help-button,.back-button{display:none}@media (width<=719px){.login-heading{padding:0 32px}.login-heading h1{font-size:22px}.login-card .help-button{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-top:0;padding:0;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.login-card .help-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.login-card .help-button svg{width:100%;height:100%}.login-card .help-button:hover{color:var(--primary);background:var(--primary-soft);filter:none}.back-button{width:fit-content;margin-top:16px;margin-left:auto;display:block}.login-layout:not(.show-help) .welcome-panel,.login-layout.show-help .login-card{display:none}.login-layout.show-help .welcome-panel{border-top:0}}
