:root{color-scheme:dark;font-family:Georgia,'Times New Roman',serif;background:#101317;color:#ebeff5;font-synthesis:none;-webkit-tap-highlight-color:transparent}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}button{font:inherit}button,main{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,main:focus-visible{outline:2px solid #acd8f5;outline-offset:6px}[hidden]{display:none!important}
#feed{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;outline:none}#feed::-webkit-scrollbar,.question::-webkit-scrollbar{display:none}
.card{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:calc(88px + env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) calc(56px + env(safe-area-inset-bottom));position:relative}
.question{align-self:center;justify-self:center;max-width:760px;width:100%;max-height:100%;overflow:auto;scrollbar-width:none;white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(1.5rem,3.8vw,2.6rem);font-weight:400;line-height:1.6;letter-spacing:-.012em;text-align:start;padding:8px 0;touch-action:pan-y;unicode-bidi:plaintext}
.question[data-long=true]{font-size:clamp(1.15rem,2.6vw,1.8rem);line-height:1.65}.question:lang(he){font-family:Arial,'Noto Sans Hebrew',sans-serif;letter-spacing:0;line-height:1.8}.question table{border-collapse:collapse;margin:0 auto 1em;font-size:.8em;min-width:65%;white-space:normal}.question td,.question th{padding:.25em .75em;border-bottom:1px solid #ffffff18;text-align:start;font-weight:400}.question th{color:#a8b2be}
.actions{display:flex;align-items:center;justify-content:center;gap:36px;padding-top:32px;direction:ltr}.icon{width:48px;height:48px;border:1px solid transparent;border-radius:50%;background:transparent;color:#858d97;display:inline-flex;align-items:center;justify-content:center;padding:12px;transition:color .18s,background .18s,transform .18s,border-color .18s}.icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon:active{transform:scale(.91)}.icon:hover{background:#ffffff08;color:#ebeff5}.reaction[aria-pressed=true]{color:#edf5ff;background:#ffffff0b;border-color:#ffffff18}.reaction.like[aria-pressed=true] svg{fill:#b7d2e2;stroke:#b7d2e2}.reaction.dislike[aria-pressed=true]{color:#d0b7a9}.reaction[data-saving=true]{opacity:.55}.save-error{color:#e0ad91;border-color:#e0ad9160}.save-error svg{width:20px}.card::after{content:'';position:absolute;bottom:calc(15px + env(safe-area-inset-bottom));left:50%;width:4px;height:4px;background:#818994;border-radius:100%;opacity:.4}
#account{position:fixed;top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));z-index:2}#account .icon{color:#707884}.retry{position:fixed;inset:0;margin:auto;z-index:3;border:1px solid #ffffff20;background:#101317}.loading{display:grid;place-items:center;pointer-events:none}.loading span{height:6px;width:6px;border-radius:50%;background:#c0ccd8;animation:breathe 1.4s ease-in-out infinite}#loading{position:fixed;inset:0}.loading[hidden]{display:none}
dialog{border:1px solid #ffffff16;border-radius:24px;background:#191e24;color:#ebeff5;width:220px;height:200px;max-width:calc(100vw - 40px);padding:64px 36px 32px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#0a0d11a8;backdrop-filter:blur(8px)}dialog .close{position:absolute;right:8px;top:8px;width:40px;height:40px;padding:10px}#google-button{display:flex;justify-content:center;min-height:44px}#auth-loading{position:absolute;inset:70px 0 40px}#auth-retry{margin:auto}
@keyframes breathe{50%{opacity:.25;transform:scale(.75)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:900px){.card{padding-top:110px;padding-bottom:72px}.actions{padding-top:44px}.question{text-wrap:pretty}}
@media(max-height:550px){.card{padding-top:64px;padding-bottom:28px}.actions{padding-top:12px}.question{font-size:1.2rem}}
