:root{--surface: #fff;--surface-sunken: #eceff1;--on-surface: #1c1b1f;--on-surface-muted: #5f6368;--primary: #f44336;--indigo: #4052b5;--tonal: #e8def8;--on-tonal: #1d192b;--outline: rgba(0, 0, 0, .16);--radius: 12px;--elevation-1: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .08);--elevation-2: 0 2px 4px rgba(0, 0, 0, .14), 0 4px 12px rgba(0, 0, 0, .12)}@media(prefers-color-scheme:dark){:root{--surface: #1f1f23;--surface-sunken: #121214;--on-surface: #e6e1e5;--on-surface-muted: #a8a4a8;--tonal: #4a4458;--on-tonal: #e8def8;--outline: rgba(255, 255, 255, .18)}}*{box-sizing:border-box}body{background:var(--surface-sunken);color:var(--on-surface);font-family:Roboto,system-ui,sans-serif;line-height:1.5;margin:0;padding:48px 24px 96px}a{color:inherit;text-decoration-color:var(--outline);text-underline-offset:3px}.hero,.stack,.footer{margin:0 auto;max-width:880px}.hero{padding-bottom:24px;text-align:center}.hero__title{font-size:clamp(28px,6vw,44px);font-weight:300;letter-spacing:-.02em;margin:0 0 8px}.hero__lead{color:var(--on-surface-muted);margin:0 auto 24px;max-width:46ch}.hero__hint{color:var(--on-surface-muted);font-size:13px;margin:20px 0 0}.code{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius);font-family:Roboto Mono,ui-monospace,monospace;font-size:13px;margin:0 auto;max-width:fit-content;overflow-x:auto;padding:16px 20px;text-align:left}.stack{display:flex;flex-direction:column;gap:48px;padding-top:24px}.section__title{color:var(--on-surface-muted);font-size:12px;font-weight:500;letter-spacing:.12em;margin:0 0 16px;text-transform:uppercase}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.card,.button,.list__item,.chip,.fab{user-select:none;-webkit-tap-highlight-color:transparent}.button{white-space:nowrap}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--elevation-1);cursor:pointer;padding:20px}.card--indigo{background:var(--indigo);color:#fff}.card--transparent{background:none;border:1px dashed var(--outline);box-shadow:none}.card__title{font-size:17px;font-weight:500;margin:0 0 8px}.card__body{font-size:14px;margin:0;opacity:.78}.card__actions{display:flex;justify-content:flex-end;margin-top:16px}.button{align-items:center;background:var(--primary);border:none;border-radius:999px;box-shadow:var(--elevation-1);color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.02em;min-height:40px;padding:0 24px;text-decoration:none;transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.button:hover{box-shadow:var(--elevation-2)}.button--tonal{background:var(--tonal);box-shadow:none;color:var(--on-tonal)}.button--outlined,.button--text,.button--link{background:none;box-shadow:none;color:var(--on-surface)}.button--outlined{border:1px solid var(--outline)}.button--on-dark{color:#fff}.button--text:hover,.button--link:hover,.button--outlined:hover{box-shadow:none}.list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--elevation-1);list-style:none;margin:0;overflow:hidden;padding:0}.list__item{align-items:center;border-top:1px solid var(--outline);cursor:pointer;display:flex;gap:16px;padding:14px 20px}.list__item:first-child{border-top:none}.list__item small{color:var(--on-surface-muted);display:block;font-size:13px}.list__avatar{align-items:center;background:var(--tonal);border-radius:50%;color:var(--on-tonal);display:flex;flex:0 0 auto;font-weight:500;height:40px;justify-content:center;width:40px}.chip{background:var(--surface);border:1px solid var(--outline);border-radius:999px;cursor:pointer;display:inline-block;font-size:13px;padding:7px 16px}.fab{align-items:center;background:var(--primary);border:none;border-radius:20px;bottom:24px;box-shadow:var(--elevation-2);color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:300;height:60px;justify-content:center;line-height:1;position:fixed;right:24px;width:60px}.footer{color:var(--on-surface-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:10px;justify-content:center;padding-top:56px}