:root{--bg:#fff;--surface:#f7f7f8;--outline:#e3e3e6;--text:#1c1b1f;--text-2:#5f6368;--mango:#ffa41b;--on-mango:#1c1b1f;--mango-ink:#9a5b00;--mango-tint:#fff3e0;--danger:#b3261e;--scrim:#1c1b1f66;--snack-bg:#323034;--radius:12px;--pill:999px;--elev-1:0 1px 2px #00000014, 0 1px 3px 1px #0000000d;--elev-2:0 1px 2px #0000001a, 0 2px 6px 2px #00000014;--elev-3:0 4px 8px 3px #0000001a, 0 1px 3px #0000001f;--motion:.17s;--ease:cubic-bezier(.2, 0, 0, 1);--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--appbar-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:400 14px/20px var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{margin:0}h1{font-size:22px;font-weight:600;line-height:28px}h2{font-size:16px;font-weight:600;line-height:24px}a{color:var(--mango-ink);text-underline-offset:2px}:focus-visible{outline:2px solid var(--mango-ink);outline-offset:2px}button,input,select{font:inherit;color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.btn{border-radius:var(--pill);letter-spacing:.1px;cursor:pointer;min-height:44px;transition:background-color var(--motion) var(--ease), box-shadow var(--motion) var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-filled{background:var(--mango);color:var(--on-mango)}.btn-filled:not(:disabled):hover{box-shadow:var(--elev-1);background:#ffad33}.btn-outlined{color:var(--text);border-color:#c9c8cc}.btn-text{color:var(--mango-ink);padding:0 12px}.btn-outlined:not(:disabled):hover,.btn-text:not(:disabled):hover{background:#1c1b1f0f}.btn-danger{background:var(--danger);color:#fff}.icon-btn{border-radius:var(--pill);width:44px;height:44px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion) var(--ease);background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:not(:disabled):hover{background:#1c1b1f12}.icon-btn:disabled{opacity:.38;cursor:default}.icon{fill:currentColor;flex:none;width:24px;height:24px}.appbar{z-index:20;height:var(--appbar-h);padding:0 max(12px, env(safe-area-inset-left)) 0 max(16px, env(safe-area-inset-left));background:var(--bg);border-bottom:1px solid var(--outline);align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.2px;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand img{border-radius:8px;width:36px;height:36px}.appbar nav{gap:4px;margin-left:auto;display:flex}.appbar nav a{border-radius:var(--pill);min-height:44px;color:var(--text);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.appbar nav .icon-btn{color:var(--text)}.appbar nav a:hover{background:#1c1b1f0f}.footer{padding:24px 16px calc(24px + env(safe-area-inset-bottom));color:var(--text-2);text-align:center;font-size:12px;line-height:18px}.footer a{color:var(--mango-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (hover:hover){.tip{position:relative}.tip:hover:after,.tip:focus-visible:after{content:attr(data-tip);background:var(--snack-bg);color:#fff;white-space:nowrap;pointer-events:none;z-index:60;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;line-height:16px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tip.tip-above:hover:after,.tip.tip-above:focus-visible:after{top:auto;bottom:calc(100% + 6px)}}@media (max-width:720px){.appbar nav a{padding:0 8px}}@media (max-width:420px){.appbar{gap:4px;padding-right:4px}.brand{gap:8px;font-size:16px}.brand img{width:30px;height:30px}.appbar nav{gap:0}.appbar nav a{padding:0 6px}}
