:root{--ink: #111318;--paper: #edeff2;--blue: #2b4bf2;--red: #ff3b5c;--gold: #f5b82e;--ink-soft: #1b1e26;--paper-dim: rgba(237, 239, 242, .62);--font-display: "Archivo", "Arial Black", sans-serif;--font-body: "Inter", -apple-system, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:inherit;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh;display:flex;justify-content:center}.app{width:100%;max-width:430px;height:100dvh;display:flex;flex-direction:column;position:relative;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 20px 24px;animation:screen-in .22s ease-out;overflow-y:auto}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.display{font-family:var(--font-display);font-weight:900;font-stretch:110%;text-transform:uppercase;letter-spacing:.02em;line-height:1.02}.screen-header{font-family:var(--font-display);font-weight:800;font-stretch:110%;text-transform:uppercase;font-size:15px;letter-spacing:.14em;color:var(--paper-dim);text-align:center;margin-bottom:8px}.prompt{font-size:18px;font-weight:600;text-align:center;margin-bottom:14px}.diagonal-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:linear-gradient(112deg,var(--blue) 49.8%,var(--red) 50.2%)}.diagonal-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#11131800 40%,#11131826)}.over-diagonal{position:relative;z-index:1}.btn{width:100%;min-height:56px;border-radius:14px;font-family:var(--font-display);font-weight:800;font-stretch:110%;text-transform:uppercase;letter-spacing:.08em;font-size:18px;display:flex;align-items:center;justify-content:center;transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--paper);color:var(--ink)}.btn-blue{background:var(--blue);color:var(--paper)}.btn-gold{background:var(--gold);color:var(--ink)}.btn:disabled{opacity:.35;cursor:default;transform:none}.btn-tease{background:#edeff21f;color:#edeff2eb;border:2px dashed rgba(237,239,242,.35)}.btn-tease:disabled{opacity:1;cursor:default}.title-screen{justify-content:flex-end;align-items:center;text-align:center;gap:16px;padding-bottom:40px}.title-logo{font-size:clamp(36px,12.5vw,58px)}.title-daily{font-family:var(--font-display);font-weight:800;font-stretch:110%;text-transform:uppercase;letter-spacing:.16em;font-size:16px;color:var(--gold)}.title-explainer{font-size:17px;color:var(--paper);max-width:30ch;margin-inline:auto;margin-bottom:12px}.dots{display:flex;justify-content:center;gap:10px;padding:6px 0 12px}.dot{width:10px;height:10px;border-radius:50%;background:#edeff238;transition:background .2s ease}.dot.done{background:var(--paper)}.dot.current{background:var(--blue)}.pair{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;margin-bottom:14px}.pair.pair-row{flex-direction:row;align-items:center;justify-content:center}.pair-row .pair-card{aspect-ratio:2 / 3;max-height:100%;min-height:0}.pair-card{flex:1;min-height:0;position:relative;border-radius:16px;border:3px solid rgba(237,239,242,.16);background:var(--ink-soft);overflow:hidden;text-align:left;color:var(--paper);transition:border-color .15s ease;padding:0;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font:inherit}.pair-card.selected{border-color:var(--blue)}.pair-card.photo img{width:100%;height:100%;object-fit:cover;display:block}.zoom-btn{position:absolute;bottom:8px;right:8px;width:40px;height:40px;border-radius:50%;background:#111318b8;color:var(--paper);display:flex;align-items:center;justify-content:center}.zoom-btn svg{width:19px;height:19px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#111318f5;display:flex;align-items:center;justify-content:center;touch-action:none;animation:screen-in .15s ease-out;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;will-change:transform;cursor:default}.lightbox-close{position:fixed;top:calc(12px + env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:50%;background:#edeff229;color:var(--paper);font-size:20px;display:flex;align-items:center;justify-content:center}.pair-card.text{padding:48px 16px 16px;overflow-y:auto;font-size:16px;line-height:1.55;min-height:120px}.card-letter{position:absolute;top:10px;left:10px;font-family:var(--font-display);font-weight:900;font-size:14px;letter-spacing:.08em;background:#111318bf;color:var(--paper);border-radius:8px;padding:4px 10px}.tag{position:absolute;top:10px;right:10px;font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:14px;letter-spacing:.08em;border-radius:8px;padding:5px 11px;animation:tag-pop .18s ease-out}.tag-real-question,.tag-real{background:var(--blue);color:var(--paper)}.tag-ai{background:var(--red);color:var(--paper)}@keyframes tag-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.dd-copy{text-align:center;color:var(--paper-dim);font-size:15px;margin-bottom:12px}.dd-cards{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;margin-bottom:12px;min-height:0}.dd-card{border-radius:14px;border:3px solid rgba(237,239,242,.16);background:var(--ink-soft);color:var(--paper);text-align:left;padding:10px 14px;transition:border-color .15s ease}.dd-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.dd-card-round{font-family:var(--font-display);font-weight:800;font-stretch:110%;text-transform:uppercase;font-size:13px;letter-spacing:.12em;color:var(--paper-dim);margin-bottom:4px}.dd-card.selected .dd-card-round{color:var(--gold)}.dd-card-prompt{font-size:15px;margin-bottom:4px}.dd-card-pick{font-size:14px;font-weight:600;color:var(--paper-dim)}.reveal-screen,.reveal-pair .pair-card{cursor:pointer}.reveal-pair .pair-card.is-real{border-color:var(--blue);animation:real-pulse .9s ease-out .25s}.reveal-pair .pair-card.is-ai{border-color:var(--red);opacity:.75}@keyframes real-pulse{0%{transform:scale(1)}30%{transform:scale(1.025)}60%{transform:scale(1)}80%{transform:scale(1.012)}to{transform:scale(1)}}.verdict{text-align:center;padding:10px 0 4px;animation:verdict-in .3s ease-out}@keyframes verdict-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.verdict-word{font-size:32px}.verdict-word.good{color:var(--paper)}.verdict-word.bad{color:var(--red)}.verdict-x2{color:var(--gold)}.verdict-tell{font-style:italic;color:var(--paper-dim);font-size:15px;margin-top:6px}.tap-hint{text-align:center;font-size:13px;color:var(--paper-dim);padding-top:10px}.result-screen{justify-content:center;gap:14px;text-align:center}.result-verdict{font-size:clamp(34px,10vw,44px)}.result-score{font-size:clamp(56px,18vw,76px)}.result-score .of-max{color:var(--paper-dim);font-size:.55em}.result-grid{display:flex;justify-content:center;gap:12px;width:fit-content;margin-inline:auto;background:#1113188c;border-radius:16px;padding:12px 16px}.grid-sq{position:relative;width:28px;height:28px;border-radius:8px}.sq-correct{background:var(--blue)}.sq-wrong{background:var(--red)}.x2-badge{position:absolute;top:-8px;right:-11px;background:var(--gold);color:var(--ink);font-family:var(--font-display);font-weight:900;font-size:11px;line-height:1;padding:3px 5px;border-radius:7px}.result-meta{font-family:var(--font-display);font-weight:800;font-stretch:110%;text-transform:uppercase;letter-spacing:.12em;font-size:15px;color:var(--paper)}.result-meta button{all:inherit;display:inline;cursor:pointer}.result-date{font-family:var(--font-body);font-weight:500;text-transform:none;letter-spacing:0;color:var(--paper-dim);font-size:14px;margin-top:2px}.result-streak{font-family:var(--font-body);font-weight:600;text-transform:none;letter-spacing:0;font-size:14px;color:#fff;text-shadow:0 1px 3px rgba(17,19,24,.45);margin-top:4px}.result-buttons{display:flex;flex-direction:column;gap:10px;margin-top:18px}.result-footer{font-size:13px;font-weight:500;color:#fff;text-shadow:0 1px 3px rgba(17,19,24,.45);margin-top:10px}