/* 3in1Reviews. One stylesheet for every screen. Inter self-hosted. 12px floor. */
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:800;font-display:swap;src:url(/fonts/inter-latin-800-normal.woff2) format("woff2")}

:root{--ink:#1A1E2E;--muted:#4A4F5E;--paper:#FAF7F2;--line:#E6E0D6;--brand:#1A6FDB;--amber:#F5A623;--green:#0B7A52;--hot:#C2410C}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-text-size-adjust:100%}
a{color:var(--brand)}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px}

.page{max-width:440px;min-height:100dvh;margin:0 auto;padding:32px 22px 24px;display:flex;flex-direction:column;gap:22px}
.biz{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}
.mono{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex:none}
h1{margin:0;font-size:36px;line-height:1.1;font-weight:800}
.lead{margin:0;font-size:17px;color:#3A3F4E}
.grow{flex:1}
.foot,.fine{font-size:12px;color:var(--muted);text-align:center}
.quiet{font-size:14px;font-weight:600;color:#3A3F4E;text-align:center}
.err{margin:0;padding:12px 14px;border:2px solid var(--hot);background:#FFF4E5;border-radius:14px;font-size:15px;font-weight:600}

.tile{display:flex;align-items:center;gap:16px;border:2px solid var(--ink);border-radius:20px;padding:20px 18px;min-height:96px;text-decoration:none;width:100%;font:inherit;text-align:left;cursor:pointer}
.tile .ic{width:52px;height:52px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.tile .tx{display:flex;flex-direction:column;gap:4px}
.tile b{font-size:20px;font-weight:800}
.tile span{font-size:14px;font-weight:600}
.tile.amber{background:var(--amber);color:var(--ink)}
.tile.blue{background:var(--brand);color:#fff}.tile.blue .ic{color:var(--brand)}
.tile.white{background:#fff;color:var(--ink)}.tile .ic.amberic{background:var(--amber)}
.tile .stars{display:flex;gap:2px}
.tile.white .ic{border:2px solid var(--line)}
.tile .ic img{width:40px;height:40px;object-fit:contain}
.tile .ic .fallback{display:flex;color:var(--ink)}
.tile.green{background:var(--green);color:#fff}.tile.green .ic{color:var(--green)}

.gift{background:var(--green);color:#fff;border:2px solid var(--ink);border-radius:24px;padding:28px 22px;display:flex;flex-direction:column;gap:10px;font-size:16px;font-weight:600}
.gift .k{font-size:15px;font-weight:700}
.gift .big{font-size:48px;line-height:1;font-weight:800}

.stack{display:flex;flex-direction:column;gap:8px}
label{font-size:15px;font-weight:700}
input,textarea{width:100%;border:2px solid var(--ink);border-radius:14px;background:#fff;padding:0 18px;font:inherit;font-size:19px;color:var(--ink)}
input{height:58px}
textarea{padding:14px 18px;resize:vertical}
.stack label:not(:first-child){margin-top:12px}
.go{display:flex;align-items:center;justify-content:center;height:64px;border:0;border-radius:16px;color:#fff;font:inherit;font-size:20px;font-weight:800;cursor:pointer;text-decoration:none;margin-top:12px}
.go.dark{background:var(--ink)}
.go.blue{background:var(--brand)}
.go:disabled{opacity:.6;cursor:wait}