:root{--sw-sky: #5db9ea;--sw-green: #65a646;--sw-green-hover: #79b94e;--sw-blue: #3f96d2;--sw-text: #666666;--sw-white: #ffffff;color:var(--sw-text);background:var(--sw-white);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--sw-white)}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,3vw,1.5rem);list-style:none;margin:0;padding:clamp(1rem,4vw,2rem);max-width:42rem;margin-inline:auto}.tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:var(--sw-text);min-width:0}.tile__icon{aspect-ratio:1;width:100%;min-width:44px;min-height:44px;border-radius:1rem;background:transparent;display:grid;place-items:center;box-shadow:none;overflow:hidden}.tile__icon img{width:100%;height:100%;object-fit:contain;display:block}.tile__placeholder{font-size:clamp(1.25rem,6vw,2rem);font-weight:700;color:var(--sw-green)}.tile__title{font-size:clamp(.7rem,2.5vw,.95rem);text-align:center;word-break:break-word}.tile:hover .tile__icon,.tile:focus-visible .tile__icon{outline:3px solid var(--sw-blue)}.app{min-height:100vh}.app--waiting{display:grid;place-items:center;padding:2rem;color:var(--sw-white);font-size:1.125rem}.app__error{margin:1rem auto;max-width:42rem;padding:0 1rem;color:#8b1a1a;background:#ffffffd9}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;padding:.75rem 1.25rem;background:var(--sw-green);color:var(--sw-white)}.app-header__brand{display:flex;align-items:center;gap:.75rem;min-width:0}.app-header__logo{display:block;width:40px;height:40px;object-fit:contain}.app-header__wordmark{display:block;height:28px;width:auto;max-width:min(12rem,50vw);object-fit:contain}.app-header__user{display:flex;align-items:center;gap:.75rem;margin-left:auto}.app-header__username{font-size:.95rem;word-break:break-word}.app-header__sign-out{border:1px solid rgb(255 255 255 / 70%);background:transparent;color:var(--sw-white);padding:.4rem .75rem;border-radius:.25rem;cursor:pointer;font:inherit}.app-header__sign-out:hover,.app-header__sign-out:focus-visible{background:var(--sw-green-hover)}@media(max-width:32rem){.app-header{flex-direction:column;align-items:flex-start}.app-header__user{margin-left:0;width:100%;justify-content:space-between}}.sign-in{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem 1.25rem;text-align:center}.sign-in__brand{display:flex;flex-direction:column;align-items:center;gap:.75rem}.sign-in__logo{display:block;width:72px;height:72px;object-fit:contain}.sign-in__wordmark{display:block;height:36px;width:auto;max-width:min(16rem,80vw);object-fit:contain}.sign-in__title{margin:0;color:var(--sw-white);font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.sign-in__error{margin:0;max-width:24rem;color:#8b1a1a;background:#ffffffe5;padding:.75rem 1rem;border-radius:.25rem}.sign-in__button{border:none;background:var(--sw-blue);color:var(--sw-white);padding:.75rem 1.5rem;border-radius:.35rem;font:inherit;font-size:1rem;font-weight:600;cursor:pointer;min-height:44px}.sign-in__button:hover:not(:disabled),.sign-in__button:focus-visible:not(:disabled){filter:brightness(1.08)}.sign-in__button:disabled{opacity:.7;cursor:wait}