:root{--fn-gradient-top: #eed750;--fn-gradient-bottom: #eb4243;--fn-theme: #f3b349;--fn-ink: #1a1613;--fn-on-gradient: #ffffff;--fn-surface: #fdfcfa;--fn-gradient-vertical: linear-gradient(180deg, var(--fn-gradient-top), var(--fn-gradient-bottom));--fn-gradient-horizontal: linear-gradient(90deg, var(--fn-gradient-top), var(--fn-gradient-bottom));--fn-line: color-mix(in srgb, var(--fn-ink) 25%, transparent);--fn-line-soft: color-mix(in srgb, var(--fn-ink) 12%, transparent);--fn-danger: color-mix(in srgb, var(--fn-gradient-bottom) 80%, var(--fn-ink));--fn-radius: .5rem;--fn-radius-lg: .75rem;--fn-radius-pill: 999px;--fn-ease-out: cubic-bezier(.23, 1, .32, 1);--fn-ease-in-out: cubic-bezier(.77, 0, .175, 1);--fn-press: .16s;--fn-release: 90ms;--fn-font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--fn-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}body{margin:0;font:var(--fn-font);color:var(--fn-ink);background:var(--fn-surface);color-scheme:light;overscroll-behavior:none}button,a,summary,label,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:color-mix(in srgb,var(--fn-ink) 10%,transparent)}a{color:var(--fn-ink);text-underline-offset:2px;text-decoration-thickness:from-font}:focus-visible{scroll-margin-top:3.5rem}h1,h2,h3{text-wrap:balance}.fn-rating-head h3,.fn-checkin-drink,.fn-admin-name,.fn-board-notes q{overflow-wrap:anywhere}@media(hover:hover){.fn-cta:hover:not(:disabled){filter:brightness(1.06)}.fn-link:hover:not(:disabled){text-decoration-thickness:2px}.fn-admin-actions button:hover:not(:disabled),.fn-admin-rename button:hover:not(:disabled),.fn-demo-picker button:hover:not(:disabled),.fn-dial-end:hover{background:var(--fn-line-soft)}}.fn-splash{min-height:100dvh;padding:max(2rem,env(safe-area-inset-top)) 1.5rem max(2rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;background:var(--fn-gradient-vertical);color:var(--fn-ink)}.fn-tagline{margin:0;font-weight:600;letter-spacing:.02em}.fn-status{margin:0;opacity:.75;font-size:.875rem}.fn-cta{border:0;padding:.875rem 2rem;border-radius:var(--fn-radius-pill);font:inherit;font-weight:700;color:var(--fn-ink);background:var(--fn-gradient-horizontal);cursor:pointer;transition:transform var(--fn-release) var(--fn-ease-out)}.fn-cta:active{transform:scale(.97);transition-duration:var(--fn-press)}.fn-cta:disabled{opacity:.5;cursor:default;transform:none}.fn-cta:focus-visible{outline:3px solid var(--fn-ink);outline-offset:2px}.fn-splash .fn-cta{background:var(--fn-on-gradient)}.fn-admin{max-width:42rem;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem 3rem}.fn-admin h1{margin:0 0 .25rem}.fn-admin-note{margin:0 0 1.5rem;opacity:.7;font-size:.9375rem}.fn-admin-error{margin:0 0 1rem;padding:.75rem 1rem;border-radius:var(--fn-radius);border:1px solid var(--fn-gradient-bottom);color:var(--fn-danger);background:color-mix(in srgb,var(--fn-gradient-bottom) 8%,transparent)}.fn-admin-add{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:2rem}.fn-admin-add label{display:flex;flex-direction:column;gap:.25rem;flex:1 1 12rem}.fn-admin-add label span{font-size:.8125rem;font-weight:600;opacity:.8}.fn-admin-check{flex:0 0 auto!important;flex-direction:row!important;align-items:center}.fn-admin input[type=text],.fn-admin input:not([type]){padding:.625rem .75rem;border:1px solid var(--fn-line);border-radius:var(--fn-radius);font:inherit}.fn-admin-list{list-style:none;margin:0;padding:0}.fn-admin-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 0;border-top:1px solid var(--fn-line-soft)}.fn-admin-row--inactive .fn-admin-name{opacity:.5;text-decoration:line-through}.fn-admin-name{display:flex;align-items:center;gap:.5rem;font-weight:600}.fn-admin-badge{padding:.125rem .5rem;border-radius:var(--fn-radius-pill);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fn-ink);background:var(--fn-theme)}.fn-admin-actions,.fn-admin-rename{display:flex;gap:.5rem}.fn-admin-actions button,.fn-admin-rename button{padding:.375rem .75rem;border:1px solid var(--fn-line);border-radius:var(--fn-radius-pill);background:transparent;font:inherit;font-size:.875rem;cursor:pointer}.fn-admin-actions button:disabled,.fn-admin-rename button:disabled{opacity:.4;cursor:default}.fn-invite{margin:0 0 1.5rem;padding:1rem 1.25rem;border-radius:var(--fn-radius-lg);color:var(--fn-ink);background:var(--fn-gradient-horizontal)}.fn-invite h2{margin:0 0 .5rem;font-size:1rem}.fn-invite .fn-admin-note{color:inherit;opacity:.85;margin:.5rem 0 .75rem}.fn-invite .fn-admin-actions button{border-color:currentColor;color:inherit}.fn-invite-code{margin:0;font:700 1.75rem/1.2 var(--fn-font-mono);letter-spacing:.08em;-webkit-user-select:all;user-select:all}.fn-admin-badge--muted{background:var(--fn-line-soft)}.fn-onboard{display:flex;flex-direction:column;gap:.75rem;width:min(22rem,100%);margin-top:2rem;text-align:left}.fn-onboard label{font-size:.8125rem;font-weight:700;letter-spacing:.02em}.fn-onboard input{padding:.875rem 1rem;border:0;border-radius:var(--fn-radius-lg);font:700 1.25rem/1 var(--fn-font-mono);letter-spacing:.08em;text-align:center;color:var(--fn-ink)}.fn-onboard-note{margin:1rem 0 0;opacity:.85}.fn-onboard-error{margin:1rem 0 0;max-width:min(22rem,100%);padding:.75rem 1rem;border-radius:var(--fn-radius-lg);background:color-mix(in srgb,var(--fn-on-gradient) 88%,transparent);color:var(--fn-ink)}.fn-link{border:0;padding:.5rem;background:none;color:inherit;font:inherit;font-size:.9375rem;text-decoration:underline;cursor:pointer}.fn-admin-devices{flex-basis:100%;list-style:none;margin:.25rem 0 0;padding:0 0 0 .25rem;font-size:.875rem}.fn-admin-devices li{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.fn-admin-devices .fn-admin-note{margin:0;flex:1}.fn-logo{margin:0;width:min(68vw,20rem);padding:5.7% 0}.fn-logo img{display:block;width:100%;height:auto}.fn-logo--pulse img{animation:fn-logo-pulse 1s ease-in-out infinite alternate}@keyframes fn-logo-pulse{0%{transform:scale(.8)}to{transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.fn-logo--pulse img{animation:fn-logo-breathe 2s ease-in-out infinite alternate}.fn-cta{transition:opacity var(--fn-release) var(--fn-ease-out)}.fn-cta:active{transform:none;opacity:.7;transition-duration:var(--fn-press)}}@keyframes fn-logo-breathe{0%{opacity:.55}to{opacity:1}}.fn-update{position:fixed;left:50%;transform:translate(-50%);bottom:calc(1rem + env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;gap:.75rem;max-width:calc(100vw - 2rem);padding:.625rem .75rem .625rem 1rem;border-radius:var(--fn-radius-pill);font-size:.9375rem;color:var(--fn-surface);background:var(--fn-ink);box-shadow:0 .5rem 1.5rem #00000040}.fn-update button{border:0;padding:.375rem .875rem;border-radius:var(--fn-radius-pill);font:inherit;font-weight:700;color:var(--fn-ink);background:var(--fn-gradient-horizontal);cursor:pointer}.fn-event-row{align-items:flex-start}.fn-event-when{flex-basis:100%;margin:.125rem 0 0;font-size:.875rem;opacity:.7}.fn-event-form{flex-basis:100%}.fn-event-form label{flex:1 1 8rem}.fn-event-form input[type=datetime-local]{padding:.625rem .75rem;border:1px solid var(--fn-line);border-radius:var(--fn-radius);font:inherit}.fn-timeline{max-width:42rem;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem 3rem}.fn-timeline-head{margin-bottom:2rem;text-align:center}.fn-timeline-logo{width:min(60%,15rem);height:auto}.fn-timeline h2{margin:2rem 0 .5rem;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.fn-timeline-season{margin:1.25rem 0 .25rem;font-size:1rem}.fn-timeline-list{list-style:none;margin:0;padding:0}.fn-timeline-list li{border-top:1px solid var(--fn-line-soft)}.fn-timeline-list a{display:flex;flex-direction:column;gap:.125rem;padding:.75rem 0;color:inherit;font-weight:600;text-decoration:none}.fn-timeline-list .fn-admin-note{margin:0;font-weight:400}.fn-event-card{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem;border-radius:var(--fn-radius-lg);color:var(--fn-ink);background:var(--fn-gradient-vertical);text-decoration:none}.fn-event-card-title{font-size:1.375rem;font-weight:700}.fn-event-card-when{font-size:.9375rem;opacity:.8}.fn-event-card .fn-cta{margin-top:.75rem;align-self:flex-start;background:var(--fn-on-gradient)}.fn-timeline-signout{display:block;margin:3rem auto 0}.fn-event{max-width:42rem;margin:0 auto;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem 3rem}.fn-event-head{margin:1rem 0 2rem}.fn-event-head h1{margin:0 0 .25rem}.fn-event .fn-event-when{margin:0;font-weight:600;opacity:1}.fn-event-where{margin:.125rem 0 0;opacity:.7}.fn-event-stage{padding:1.25rem;border-radius:var(--fn-radius-lg);border:1px solid var(--fn-line-soft)}.fn-event-stage h2{margin:0 0 .5rem;font-size:1.125rem}.fn-event-stage p{margin:0 0 .5rem}.fn-event-stage p:last-child{margin-bottom:0}.fn-post{margin:0 0 1.5rem;padding:1rem 1.25rem;border-radius:var(--fn-radius-lg);border:1px solid var(--fn-line)}.fn-post h2{margin:0 0 .5rem;font-size:1rem}.fn-post-text{width:100%;margin-bottom:.75rem;padding:.75rem;border:1px solid var(--fn-line-soft);border-radius:var(--fn-radius);font:inherit;resize:vertical}.fn-map{margin:0 0 2rem}.fn-map-canvas{height:14rem;margin-bottom:.5rem;border-radius:var(--fn-radius-lg);border:1px solid var(--fn-line-soft);background:var(--fn-line-soft)}.fn-map .fn-link{padding-left:0}.fn-entry form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin:1rem 0 0}.fn-entry label{display:flex;flex-direction:column;gap:.25rem;flex:1 1 9rem}.fn-entry label span{font-size:.8125rem;font-weight:600;opacity:.8}.fn-entry input,.fn-entry select{padding:.625rem .75rem;border:1px solid var(--fn-line);border-radius:var(--fn-radius);font:inherit;background:var(--fn-surface)}.fn-entry .fn-cta{flex:1 1 100%}.fn-entry-answer{margin-top:1rem;padding:.875rem 1rem;border-radius:var(--fn-radius);border:1px solid var(--fn-line-soft)}.fn-entry-answer p{margin:0}.fn-entry-taken{padding:.75rem .875rem;border-radius:var(--fn-radius);border:1px solid var(--fn-gradient-bottom);background:color-mix(in srgb,var(--fn-gradient-bottom) 8%,transparent)}.fn-entry-near{margin-top:.75rem}.fn-entry-near ul{margin:.25rem 0 0;padding-left:1.25rem}.fn-entry-near li{display:flex;align-items:center;gap:.5rem;padding:.125rem 0}.fn-entry-near .fn-admin-badge{background:var(--fn-danger);color:var(--fn-on-gradient)}.fn-checkin h3{margin:1.25rem 0 .5rem;font-size:1rem}.fn-checkin-list{list-style:none;margin:0;padding:0}.fn-checkin-list li{display:flex;align-items:baseline;gap:.5rem;padding:.5rem 0;border-top:1px solid var(--fn-line-soft)}.fn-checkin-drink{font-weight:600;display:flex;align-items:center;gap:.5rem}.fn-checkin-list .fn-admin-note{flex:1;margin:0}.fn-entry-claim{margin-top:.75rem}.fn-checkin-admin{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--fn-line-soft)}.fn-override{padding:1rem 1.25rem;border-radius:var(--fn-radius-lg);border:1px solid var(--fn-line)}.fn-override h3{margin:0 0 .25rem}.fn-override form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin:.75rem 0}.fn-override label{display:flex;flex-direction:column;gap:.25rem;flex:1 1 10rem}.fn-override label span{font-size:.8125rem;font-weight:600;opacity:.8}.fn-override input,.fn-override select{padding:.625rem .75rem;border:1px solid var(--fn-line);border-radius:var(--fn-radius);font:inherit;background:var(--fn-surface)}.fn-override button:not(.fn-cta):not(.fn-link){padding:.625rem 1rem;border:1px solid var(--fn-line);border-radius:var(--fn-radius-pill);background:transparent;font:inherit;cursor:pointer}.fn-override-found{margin-top:.5rem}.fn-override-found p{margin:0}.fn-scanner{position:relative;margin:.75rem 0;overflow:hidden;border-radius:var(--fn-radius-lg);background:#000}.fn-scanner-view{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.fn-scanner-frame{position:absolute;top:22%;right:12%;bottom:22%;left:12%;border:2px solid var(--fn-on-gradient);border-radius:var(--fn-radius);box-shadow:0 0 0 100vmax #00000059;pointer-events:none}.fn-scanner-controls{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;display:flex;justify-content:space-between;gap:.5rem}.fn-scanner-controls button{padding:.5rem 1rem;border:0;border-radius:var(--fn-radius-pill);font:inherit;font-weight:600;color:var(--fn-ink);background:#ffffffe6;cursor:pointer}.fn-scanner-controls button[aria-pressed=true]{background:var(--fn-theme)}.fn-scanner-hint{position:absolute;left:.75rem;right:.75rem;top:.75rem;margin:0;text-align:center;font-size:.8125rem;color:var(--fn-on-gradient);text-shadow:0 1px 3px rgb(0 0 0 / .6);pointer-events:none}.fn-photo-button{display:inline-flex;align-items:center;gap:.25rem}.fn-photo-error{color:var(--fn-danger);font-size:.8125rem}.fn-photo{flex:0 0 auto;width:3rem;height:3rem;border-radius:var(--fn-radius);object-fit:cover;background:var(--fn-line-soft)}.fn-photo--none{display:block;background:linear-gradient(135deg,transparent 46%,var(--fn-line) 46%,var(--fn-line) 54%,transparent 54%),var(--fn-line-soft)}.fn-completion{margin:1rem 0;padding:.75rem 1rem;border:1px solid var(--fn-line-soft);border-radius:var(--fn-radius-lg);background:color-mix(in srgb,var(--fn-theme) 10%,transparent)}.fn-completion p{margin:.125rem 0}.fn-completion-count{font-size:1rem}.fn-completion-count strong{font:700 1.25rem/1 var(--fn-font-mono)}.fn-dial{display:flex;flex-direction:column;gap:.5rem}.fn-dial-track{position:relative;height:4.5rem;overflow:hidden}.fn-dial-number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:700 3.25rem/1 var(--fn-font-mono);font-variant-numeric:tabular-nums;color:var(--fn-ink)}@keyframes fn-dial-out-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fn-dial-out-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes fn-dial-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fn-dial-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.fn-dial-number--out-down{animation:fn-dial-out-down .28s var(--fn-ease-in-out) forwards}.fn-dial-number--out-up{animation:fn-dial-out-up .28s var(--fn-ease-in-out) forwards}.fn-dial-number--in-bottom{animation:fn-dial-in-bottom .28s var(--fn-ease-in-out) forwards}.fn-dial-number--in-top{animation:fn-dial-in-top .28s var(--fn-ease-in-out) forwards}@media(prefers-reduced-motion:reduce){.fn-dial-number{animation-duration:1ms!important}}.fn-dial-scale{display:flex;align-items:center;gap:.75rem}.fn-dial-scale input[type=range]{flex:1;accent-color:var(--fn-gradient-bottom);height:2.75rem}.fn-dial-end{min-width:2.75rem;min-height:2.75rem;border:1px solid var(--fn-line);border-radius:var(--fn-radius-pill);background:transparent;color:var(--fn-ink);font:var(--fn-font);font-weight:600;cursor:pointer}.fn-dial-end:focus-visible{outline:3px solid var(--fn-ink);outline-offset:2px}.fn-rate-list{list-style:none;margin:0;padding:0}.fn-rating{padding:1rem 0;border-top:1px solid var(--fn-line-soft)}.fn-rating-head{display:flex;align-items:center;gap:.75rem}.fn-rating-head h3{margin:0;font-size:1rem}.fn-rating-head p{margin:0}.fn-rating-dial--unscored .fn-dial-number{color:color-mix(in srgb,var(--fn-ink) 35%,transparent)}.fn-rating-notes{display:block;margin-top:.5rem}.fn-rating-notes span{display:block;font-size:.8125rem;color:color-mix(in srgb,var(--fn-ink) 65%,transparent)}.fn-rating-notes textarea{width:100%;box-sizing:border-box;padding:.5rem;border:1px solid var(--fn-line);border-radius:var(--fn-radius);font:var(--fn-font);resize:vertical}.fn-reveal-list{list-style:none;margin:0;padding:0}.fn-revealed{padding:1rem 0;border-top:1px solid var(--fn-line-soft);text-align:center}.fn-revealed .fn-rating-head{text-align:left}.fn-board-winner{padding:.75rem 1rem;border-radius:var(--fn-radius-lg);color:var(--fn-ink);background:var(--fn-gradient-horizontal);text-align:center}.fn-board{list-style:none;margin:0;padding:0;counter-reset:place}.fn-board-place{flex:0 0 auto;min-width:2rem;font:700 1.25rem/1 var(--fn-font-mono);color:color-mix(in srgb,var(--fn-ink) 55%,transparent)}.fn-board-unrated{margin:1.5rem 0 0;font-size:.875rem;color:color-mix(in srgb,var(--fn-ink) 65%,transparent)}.fn-board-notes{list-style:none;margin:.5rem 0 0;padding:0;text-align:left;font-size:.9375rem}.fn-board-notes li{padding:.25rem 0;border-top:1px solid var(--fn-line-soft)}.fn-board-notes q{display:block;color:color-mix(in srgb,var(--fn-ink) 75%,transparent);font-style:italic}.fn-board-score{display:inline-block;min-width:2.5rem;font:700 1rem/1 var(--fn-font-mono)}.fn-timeline-archive summary{display:flex;align-items:baseline;gap:.5rem;padding:.5rem 0;cursor:pointer}.fn-timeline-archive summary h3{display:inline;margin:0}.fn-timeline-archive summary::-webkit-details-marker{display:none}.fn-timeline-archive summary::marker{color:color-mix(in srgb,var(--fn-ink) 45%,transparent)}.fn-history{max-width:44rem;margin:0 auto;padding:1rem}.fn-history-row{display:flex;align-items:center;gap:.75rem;padding:.625rem 0;border-top:1px solid var(--fn-line-soft)}.fn-history-drink{flex:1;min-width:0}.fn-history-drink strong,.fn-history-drink span{display:block}.fn-history-score{flex:0 0 auto;text-align:right}.fn-history-score strong{display:block;font:700 1.375rem/1 var(--fn-font-mono)}.fn-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fn-table-scroll{overflow-x:auto}.fn-group-table{width:100%;border-collapse:collapse;font-size:.9375rem}.fn-group-table th,.fn-group-table td{padding:.5rem .625rem;border-bottom:1px solid var(--fn-line-soft);text-align:right;white-space:nowrap}.fn-group-table thead th,.fn-group-table tbody th{text-align:left}.fn-group-table thead th{font-size:.8125rem;color:color-mix(in srgb,var(--fn-ink) 65%,transparent)}.fn-group-table td .fn-admin-note{margin-left:.375rem}.fn-taken-search{display:block;margin:1rem 0}.fn-taken-search span{display:block;font-size:.8125rem;color:color-mix(in srgb,var(--fn-ink) 65%,transparent)}.fn-taken-search input{width:100%;box-sizing:border-box;min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--fn-line);border-radius:var(--fn-radius);font:var(--fn-font)}.fn-taken-list{list-style:none;margin:0;padding:0}.fn-install{margin:1rem 0;padding:.875rem 1rem;border:1px solid var(--fn-line);border-radius:var(--fn-radius-lg);background:color-mix(in srgb,var(--fn-theme) 12%,transparent)}.fn-install h3{margin:0 0 .25rem;font-size:1rem}.fn-install p{margin:.25rem 0}.fn-install-steps{margin:.5rem 0;padding-left:1.25rem}.fn-install-steps li{padding:.1875rem 0}.fn-notify{margin:1rem 0}.fn-notify p{margin:.25rem 0 .5rem}.fn-composer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--fn-line)}.fn-composer h3{margin:0 0 .5rem;font-size:1rem}.fn-composer label{display:block;margin:.5rem 0}.fn-composer label span{display:block;font-size:.8125rem;color:color-mix(in srgb,var(--fn-ink) 65%,transparent)}.fn-composer input{width:100%;box-sizing:border-box;min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--fn-line);border-radius:var(--fn-radius);font:var(--fn-font)}.fn-composer-preview{margin:.75rem 0;padding:.625rem .875rem;border-radius:var(--fn-radius-lg);background:var(--fn-line-soft)}.fn-composer-preview strong,.fn-composer-preview span{display:block}.fn-composer-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.fn-demo-picker{width:min(24rem,100%);margin:0 auto 1.25rem;padding:.875rem 1rem;border-radius:var(--fn-radius-lg);background:color-mix(in srgb,var(--fn-on-gradient) 88%,transparent);color:var(--fn-ink);text-align:center}.fn-demo-picker p{margin:0 0 .625rem;font-size:.9375rem}.fn-demo-picker ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;list-style:none;margin:0;padding:0}.fn-demo-picker button{display:inline-flex;align-items:center;gap:.375rem;min-height:2.5rem;padding:.375rem .875rem;border:1px solid var(--fn-line);border-radius:var(--fn-radius-pill);background:transparent;color:var(--fn-ink);font:var(--fn-font);font-weight:600;cursor:pointer}.fn-demo-picker button:focus-visible{outline:3px solid var(--fn-ink);outline-offset:2px}.fn-demo-banner{position:sticky;top:0;z-index:10;padding:.5rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--fn-ink) 20%,transparent);background:var(--fn-ink);color:var(--fn-surface);font-size:.8125rem;line-height:1.4;text-align:center}.fn-demo-banner a{color:var(--fn-surface);text-underline-offset:2px}