:root{color:#17211d;--panel:#fff;--muted:#65716c;--line:#d7ddd5;--accent:#116b5f;--brand-lime:#84ea00;--catalog-charcoal:#242725;--catalog-ink:#f5f2e9;--danger:#a3362b;--shadow:0 1.1rem 2.75rem #232d2717;background:#f4f5f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(145deg,#f8f9f5,#edf1eb);min-width:20rem;min-height:100dvh;margin:0}body.sign-in-page{background:linear-gradient(#0d19147a,#0d19149e),url(/work-hub/boum-work-hub-background.png) 50%/cover no-repeat}button,input{font:inherit}button{cursor:pointer}.hub-shell{width:min(100% - 2rem,62rem);min-height:100dvh;margin-inline:auto;padding:clamp(1.25rem,5vw,3rem) 0}.hub-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.hub-title-row{align-items:center;gap:.35rem;min-width:0;display:flex}.hub-title{min-width:0}.hub-title--brand{--brand-size:clamp(1.85rem, 8vw, 4.25rem);align-items:center;gap:.65rem;display:flex}.hub-brand-glyph{flex:0 0 var(--brand-size);width:var(--brand-size);height:var(--brand-size);object-fit:contain;display:block}.hub-brand-name{color:var(--brand-lime);font-size:var(--brand-size);white-space:nowrap;line-height:1}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2.25rem,8vw,4.5rem);line-height:.95}h2{font-size:1.5rem}.header-back-button{border:1px solid var(--line);background:var(--panel);width:3rem;height:3rem;color:inherit;border-radius:.65rem;flex:none;place-items:center;margin-bottom:-.15rem;padding:0;font-size:2.5rem;font-weight:500;line-height:1;display:grid;box-shadow:0 .35rem 1rem #232d2714}.header-back-glyph{line-height:1;display:block;position:relative;top:-.12rem;left:-.03rem}.single-card{border:1px solid var(--line);background:var(--panel);width:min(100%,30rem);box-shadow:var(--shadow);border-radius:.85rem;margin-inline:auto;padding:1.25rem}.single-card p,.app-card span{color:var(--muted);line-height:1.5}.form-card{gap:1rem;display:grid}.form-card label{gap:.4rem;font-weight:800;display:grid}.form-card input{border:1px solid var(--line);border-radius:.55rem;min-height:3rem;padding:0 .75rem}.sign-in-form{align-self:center;gap:1rem;width:min(100%,30rem);margin-inline:auto;display:grid}.sign-in-form input{border:1px solid var(--line);background:#fffffff0;border-radius:.6rem;width:100%;min-height:3.25rem;padding:0 .85rem}.sign-in-form input::placeholder{color:#858d89;opacity:1}.sign-in-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.sign-in-actions>button{white-space:nowrap;width:100%}.masked-phone-field{border:1px solid var(--line);background:#fffffff0;border-radius:.6rem;min-height:3.25rem;display:block;position:relative;overflow:hidden}.masked-phone-field .sign-in-phone{z-index:2;color:#0000;caret-color:#0000;background:0 0;border:0;position:relative}.phone-mask-display{z-index:1;pointer-events:none;align-items:center;padding:0 .85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex;position:absolute;inset:0}.phone-mask-guide{color:#858d89}.phone-mask-entered{color:#17211d}.masked-phone-field:focus-within{outline-offset:2px;outline:3px solid #116b5f4d}.masked-phone-field .sign-in-phone:focus-visible{outline:0}.password-field{display:block;position:relative}.password-field input{width:100%;padding-right:3.25rem}.password-visibility-button{width:2.4rem;height:2.4rem;color:var(--muted);background:0 0;border:0;border-radius:.45rem;place-items:center;padding:0;font-size:1.15rem;display:grid;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.password-visibility-button img{object-fit:contain;width:1.5rem;height:1.5rem;display:block}.primary-button,.secondary-button{border-radius:.6rem;min-height:3rem;padding:0 1rem;font-weight:800}.primary-button{background:var(--brand-lime);color:#17211d;border:0;place-items:center;text-decoration:none;display:inline-grid}.secondary-button{border:1px solid var(--line);background:var(--panel);color:inherit}.settings-form{gap:1rem;width:min(100%,30rem);margin-inline:auto;display:grid}.settings-form input{border:1px solid var(--line);color:#17211d;background:#fffffff0;border-radius:.6rem;width:100%;min-height:3.25rem;padding:0 .85rem}.settings-form input::placeholder{color:#858d89;opacity:1}.settings-form .secondary-button{width:100%}.mode-setting{border:1px solid #f5f2e973;border-radius:.7rem;gap:.55rem;padding:1rem;display:grid}.mode-setting-row{justify-content:space-between;align-items:center;gap:1rem;font-weight:850;display:flex}.mode-setting input{width:1.35rem;min-height:1.35rem;accent-color:var(--brand-lime)}.mode-setting p{color:#c8cec8;margin:0;line-height:1.45}.notification-setting[hidden]{display:none}.primary-button:disabled,.primary-button[aria-disabled=true]{opacity:.6;cursor:wait}.error{color:var(--danger)!important}.success{font-weight:800;color:var(--accent)!important}.hint{margin-bottom:0;font-size:.9rem}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.app-card{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;min-height:13rem;color:inherit;box-shadow:var(--shadow);font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;border-radius:.85rem;align-content:center;justify-items:center;gap:.6rem;padding:1rem;text-decoration:none;display:grid}.app-card:active:not([aria-disabled=true]){opacity:.82;transform:translateY(1px)}.app-card[aria-disabled=true]{opacity:.72;cursor:wait}.app-card--error{border-color:var(--danger);cursor:pointer}.catalog-link-status{color:var(--muted);margin-top:-.25rem;font-size:.9rem}.app-card img{object-fit:contain;border-radius:1.15rem;width:5rem;height:5rem}.app-card strong{font-size:1rem}.app-card span{font-size:.82rem}.app-grid--booting span{background:#f5f2e912;border-radius:1.15rem;width:5rem;height:5rem;margin:2.5rem auto;display:block}.app-detail-page{text-align:center;justify-items:center;gap:1rem;width:min(100%,30rem);margin-inline:auto;display:grid}.app-detail-page>img{object-fit:contain;border-radius:1.5rem;width:7rem;height:7rem}.previously-installed{margin:.9rem 0 .5rem;font-weight:900;color:var(--accent)!important}.compact-button{min-height:2.6rem;padding-inline:1.1rem}.empty{color:var(--muted);grid-column:1/-1}button:focus-visible,input:focus-visible,.app-card:focus-visible{outline-offset:2px;outline:3px solid #116b5f4d}body.catalog-page{background:var(--catalog-charcoal);color:var(--catalog-ink)}body.catalog-page .app-card{color:var(--catalog-ink);box-shadow:none;background:0 0;border-color:#0000}body.catalog-page .app-card strong{color:var(--catalog-ink)}body.catalog-page .app-card span,body.catalog-page .catalog-link-status,body.catalog-page .empty{color:#c8cec8}body.catalog-page .app-card--error{border-color:var(--danger)}body.catalog-page .app-card:focus-visible{outline-color:var(--brand-lime)}body.catalog-page .app-detail-page{color:var(--catalog-ink)}body.catalog-page .app-detail-page .previously-installed{color:var(--brand-lime)!important}body.catalog-page .app-detail-page .hint{color:#c8cec8}body.catalog-page .header-back-button{background:var(--catalog-charcoal);color:var(--catalog-ink);box-shadow:none;border-color:#f5f2e973}body.catalog-page .settings-form{color:var(--catalog-ink)}body.catalog-page .settings-form .secondary-button{color:var(--catalog-ink);background:0 0;border-color:#f5f2e973}body.catalog-page .settings-form .secondary-button:focus-visible{outline-color:var(--brand-lime)}body.catalog-page .settings-form .error{color:#ff978d!important}body.catalog-page .settings-form .success{color:var(--brand-lime)!important}body.sign-in-page .hub-header{text-align:center;justify-content:center}body.sign-in-page .hub-shell{grid-template-rows:auto 1fr;display:grid}body.sign-in-page .hub-title-row{justify-content:center;width:100%}body.sign-in-page h1:not(.hub-brand-name){color:#fff;text-shadow:0 .15rem .8rem #00000073}body.sign-in-page .hub-brand-name{text-shadow:0 .15rem .8rem #0009}body.sign-in-page .single-card{-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);background:#fffffff0}@media (width<=36rem){.app-grid{gap:.5rem}.app-card{gap:.45rem;min-height:8.5rem;padding:.65rem .3rem}.app-card img{border-radius:.85rem;width:3.5rem;height:3.5rem}.app-card strong{font-size:.78rem;line-height:1.15}.app-card span{display:none}.app-grid--booting span{border-radius:.85rem;width:3.5rem;height:3.5rem;margin-block:1.85rem}}