/* The Poly website (dist/site): the home page now, and every page about Poly
   later. It is separate from the app: no app.css, app.js, shell, tab bar or
   sidebar ever loads here. Pages share these tokens and base styles and add
   their own sheet (landing.css for the home page). */
@import url("landing.css?v=1");

:root{
  color-scheme:dark;
  --bg:#050505;--text-1:#f7f7f8;--text-2:#b6b5bf;
  --go:#d6f791;--go-ink:#151714;--bad:#ffaf99;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace
}
:root[data-theme=light]{color-scheme:light;--bg:#f4f4f7;--text-1:#16161b;--text-2:#4d4d58}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text-1);font:400 16px/1.4 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}

/* The one way in: lime, full width of its column, the arrow nudging on hover. */
.site-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0;border:0;color:var(--go-ink);background:var(--go);font:700 17px/1 var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.2,.7,.1,1),opacity .2s ease}
.site-button svg{flex:none;width:22px;height:22px;transition:transform .35s cubic-bezier(.2,.7,.1,1)}
.site-button:hover svg{transform:translateX(3px)}
.site-button:active:not(:disabled){transform:scale(.985)}
.site-button:disabled{opacity:.7;cursor:progress}
.site-button:focus-visible{outline:2px solid var(--go);outline-offset:4px}
.entry-error{margin:0;color:var(--bad);font-size:12px;line-height:1.4;text-align:center}
.entry-error:empty{display:none}

@media (prefers-reduced-motion:reduce){.site-button,.site-button svg{transition:none}}