:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f4f2;--surface:#fff;--text:#1b1b1a;--text-2:#43433e;--muted:#6a6a64;--line:#0000001a;--approve:#0d7a5a;--reject:#c23b2b;--focus:#2f7ff5;--ring:0 0 0 1px #0000000f;--lift:0 1px 2px #0000000d, 0 8px 24px #00000012;--ease:cubic-bezier(.2, 0, 0, 1);--move:.24s;font-synthesis:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e0e0d;--surface:#1a1a19;--text:#f2f2ef;--text-2:#cfcfc9;--muted:#9a9a93;--line:#ffffff1f;--approve:#3ecf9e;--reject:#ff7a68;--ring:0 0 0 1px #ffffff14;--lift:0 8px 24px #00000059}}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);margin:0;padding-top:20px}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:default}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app{max-width:600px;height:100dvh;padding:0 12px env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.bar{min-height:52px;padding-top:env(safe-area-inset-top);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{letter-spacing:-.02em;font-weight:700}.bar-end{align-items:center;gap:8px;display:flex}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}.select{min-height:36px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 8px;font-size:.875rem}.stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.card{background:var(--surface);min-height:0;box-shadow:var(--ring), var(--lift);touch-action:pan-y;transition-property:transform,opacity;transition-duration:var(--move);transition-timing-function:var(--ease);border:1px solid #0000;border-radius:20px;flex-direction:column;flex:1;animation:.15s ease-out card-in;display:flex;position:relative;overflow:hidden}.card.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;transition:none}.card[data-leaving]{opacity:0;pointer-events:none}.card[data-leaving=skipped]{transform:scale(.96)}@keyframes card-in{0%{opacity:0}}.card-scroll{overscroll-behavior:contain;flex:1;padding:24px 22px 32px;overflow-y:auto}.meta{color:var(--muted);margin:0 0 10px;font-size:.8125rem}.title{letter-spacing:-.02em;text-wrap:balance;margin:0 0 12px;font-size:1.625rem;font-weight:700;line-height:1.15}.lead{color:var(--text-2);margin:0;font-size:1.0625rem;line-height:1.45}.prose{margin-top:24px}.prose p{max-width:65ch;color:var(--text-2);margin:0 0 1em;line-height:1.65}.prose p:last-child{margin-bottom:0}.stamp{z-index:1;background:var(--surface);letter-spacing:.04em;text-transform:uppercase;opacity:0;pointer-events:none;border:2px solid;border-radius:8px;padding:2px 12px;font-size:1.125rem;font-weight:700;position:absolute;top:20px}.stamp-approve{color:var(--approve);left:20px;rotate:-8deg}.stamp-reject{color:var(--reject);right:20px;rotate:8deg}.dock{flex-direction:column;flex:none;align-items:center;gap:8px;padding:12px 0 16px;display:flex}.actions{justify-content:center;align-items:center;gap:20px;display:flex}.textarea{resize:none;width:100%;min-height:64px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;align-self:stretch;padding:12px;font-size:1rem;line-height:1.5;display:block}.textarea::placeholder{color:var(--muted)}.button{white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;transition-property:scale,background-color,color;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex}.button:active:not(:disabled){scale:.96}.button-primary{background:var(--text);min-height:44px;color:var(--bg);border-radius:999px;padding:0 22px}.button-ghost{min-height:36px;color:var(--muted);background:0 0;border-radius:8px;padding:0 10px;font-size:.875rem;font-weight:500}.button-round{background:var(--surface);width:60px;height:60px;box-shadow:var(--ring), var(--lift);border-radius:50%}.button-approve{color:var(--approve)}.button-reject{color:var(--reject)}.button-skip{width:48px;height:48px;color:var(--muted)}@media (hover:hover){.button-primary:hover{background:var(--text-2)}.button-ghost:hover{color:var(--text);background:var(--line)}.button-approve:hover{background:color-mix(in srgb, var(--approve) 12%, var(--surface))}.button-reject:hover{background:color-mix(in srgb, var(--reject) 12%, var(--surface))}.button-skip:hover{background:color-mix(in srgb, var(--muted) 14%, var(--surface))}}.toast{z-index:2;background:var(--text);color:var(--bg);white-space:nowrap;box-shadow:var(--lift);border-radius:999px;align-items:center;gap:4px;padding:4px 4px 4px 16px;font-size:.875rem;font-weight:500;animation:.15s ease-out card-in;display:flex;position:absolute;bottom:12px;left:50%;translate:-50%}.toast button{min-height:36px;color:inherit;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}@media (hover:hover){.toast button:hover{background:color-mix(in srgb, currentColor 18%, transparent)}}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.center h2{letter-spacing:-.02em;margin:0;font-size:1.5rem;line-height:1.2}.center p{color:var(--muted);margin:0}.error{background:color-mix(in srgb, var(--reject) 12%, var(--surface));border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:8px 8px 8px 14px;font-size:.875rem;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.card[data-leaving]{transform:none!important}.card,.button{transition-property:opacity,background-color,color}.button:active:not(:disabled){scale:1}.spin{animation-duration:2.5s}}@media (pointer:coarse){.select,.button-ghost{min-height:44px}}
