:root{--radius: 18px;--bg: #f2f8f5;--card: #ffffff;--card-hi: #d8e8e1;--ink: #1f3d37;--muted: #6c8a84;--accent: #3fc08a;--accent-ink: #15805a;--accent-soft: rgba(63, 192, 138, .16);--on-accent: #0b3226;--partner: #4aa3e0;--partner-ink: #1c6da6;--scrim: rgba(20, 45, 40, .55)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #1d2b31;--card: #26383f;--card-hi: #38525b;--ink: #e9f5f1;--muted: #a6c1bc;--accent: #63d6a3;--accent-ink: #63d6a3;--accent-soft: rgba(99, 214, 163, .18);--on-accent: #0b3226;--partner: #7cc4f2;--partner-ink: #7cc4f2;--scrim: rgba(9, 20, 23, .78)}}:root[data-theme=dark]{--bg: #1d2b31;--card: #26383f;--card-hi: #38525b;--ink: #e9f5f1;--muted: #a6c1bc;--accent: #63d6a3;--accent-ink: #63d6a3;--accent-soft: rgba(99, 214, 163, .18);--on-accent: #0b3226;--partner: #7cc4f2;--partner-ink: #7cc4f2;--scrim: rgba(9, 20, 23, .78)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#app{max-width:30rem;margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem calc(1.5rem + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}h1{font-size:1.9rem;margin:0 0 .25rem;letter-spacing:-.02em}h2{font-size:1.25rem;margin:0 0 .75rem}p{margin:0 0 1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.grow{flex:1}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;align-items:center;gap:.5rem}button,.button{font:inherit;font-weight:600;color:var(--on-accent);background:var(--accent);border:0;border-radius:var(--radius);padding:.95rem 1.25rem;cursor:pointer;text-align:center;transition:transform .08s ease,opacity .2s ease}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:default}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--card-hi)}button.quiet{background:transparent;color:var(--muted);padding:.4rem .6rem;font-weight:500}button.icon{display:flex;align-items:center;background:var(--card);color:var(--ink);padding:.6rem .7rem;border-radius:12px;line-height:1}input{font:inherit;width:100%;color:var(--ink);background:var(--card);border:1px solid var(--card-hi);border-radius:var(--radius);padding:.9rem 1rem}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.card{background:var(--card);border-radius:var(--radius);padding:1rem;border:1px solid transparent;text-align:left;width:100%;color:var(--ink);font-weight:400}.card.selectable{cursor:pointer}.card.selected{border-color:var(--accent);background:var(--accent-soft)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1.25rem}.langs{display:flex;gap:.25rem}.langs button{background:transparent;color:var(--muted);padding:.35rem .6rem;font-size:.85rem;border-radius:10px}.langs button.on{background:var(--accent-soft);color:var(--ink)}.question{font-size:1.6rem;line-height:1.35;letter-spacing:-.01em;margin:0}.turn-you{color:var(--accent-ink)}.turn-them{color:var(--partner-ink)}.card-back{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3 / 4;max-height:18rem;border-radius:var(--radius);border:1px solid var(--card-hi);background:repeating-linear-gradient(-45deg,var(--card) 0 10px,var(--card-hi) 10px 20px);font-size:4rem;font-weight:600;color:var(--muted)}.dashes{display:flex;gap:3px;margin-bottom:1.25rem}.dashes span{flex:1;height:4px;border-radius:2px;background:var(--card-hi);transition:background .4s ease}.dashes span.lit{background:var(--accent)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;z-index:10}.qr{background:#fff;padding:.75rem;border-radius:var(--radius);line-height:0}.qr canvas{display:block;width:min(60vw,15rem)!important;height:auto!important;image-rendering:pixelated}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;word-break:break-all}video{width:100%;border-radius:var(--radius);background:#000}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}