:root{color-scheme:dark light;--bg: #0c0c10;--surface: #17171e;--surface-2: #1f1f29;--line: #2b2b38;--text: #ece9f2;--muted: #9a97a8;--accent: #c8a2ff;--accent-ink: #1a1030;--shadow: 0 1px 2px rgb(0 0 0 / .5);--tier-1: #7fd1b9;--tier-2: #f0c073;--tier-3: #ef8fa8;--gap: .6rem;--radius: 1.1rem;--tap: 2.75rem}@media(prefers-color-scheme:light){:root{--bg: #f7f5f2;--surface: #ffffff;--surface-2: #efecf6;--line: #e0dce8;--text: #1a1822;--muted: #6b6779;--accent: #6a3fd1;--accent-ink: #ffffff;--shadow: 0 1px 2px rgb(20 16 40 / .08);--tier-1: #1f7f66;--tier-2: #96650d;--tier-3: #b13f5c}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{display:grid;grid-template-rows:auto 1fr auto;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text);font-family:ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:17px;line-height:1.45;-webkit-text-size-adjust:100%;overscroll-behavior:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.topbar{display:flex;align-items:center;gap:var(--gap);padding:max(.5rem,env(safe-area-inset-top)) 1rem .5rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.topbar h1{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.02em}.topbar h1 .q{color:var(--accent)}.count{margin:0;flex:1;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.icon-btn{width:var(--tap);height:var(--tap);border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:inherit;font-style:italic;font-weight:700;cursor:pointer}.feed{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-padding-top:.5rem;padding:.25rem max(1rem,env(safe-area-inset-left)) 1.5rem max(1rem,env(safe-area-inset-right));display:flex;flex-direction:column;gap:var(--gap)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.85rem 1rem .95rem;display:flex;flex-direction:column;gap:.45rem}.card .emoji{font-size:clamp(2.1rem,9.5vw,2.8rem);line-height:1.1;letter-spacing:.06em;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Twemoji Mozilla,sans-serif}.card .text{margin:0;font-size:1.06rem;text-wrap:pretty}.card .meta{display:flex;align-items:center;gap:.45rem;font-size:.68rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.card .tier{font-weight:700;color:var(--tier)}.card[data-tier="1"]{--tier: var(--tier-1)}.card[data-tier="2"]{--tier: var(--tier-2)}.card[data-tier="3"]{--tier: var(--tier-3)}.card:before{content:"";height:2px;width:2rem;border-radius:2px;background:var(--tier)}.empty{margin:2rem 0;text-align:center;color:var(--muted)}.controls{display:flex;flex-direction:column;gap:.5rem;padding:.6rem max(1rem,env(safe-area-inset-left)) max(.6rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-right));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.controls .row{display:flex;gap:.5rem}.seg,.chips{display:flex;gap:.25rem;padding:.25rem;background:var(--surface-2);border-radius:calc(var(--radius) * .9)}.seg{flex:1}.seg.lang{flex:0 0 auto}.chips{flex:1}.seg button,.chips button{flex:1;min-height:calc(var(--tap) - .5rem);min-width:2.5rem;padding:0 .6rem;border:0;border-radius:calc(var(--radius) * .7);background:transparent;color:var(--muted);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease}.seg button[aria-pressed=true],.chips button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}button:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.about{width:min(34rem,100vw);max-width:100vw;max-height:100dvh;height:100dvh;margin:0 0 0 auto;border:0;padding:0;background:var(--bg);color:var(--text)}.about::backdrop{background:#0000008c}.about-inner{height:100%;overflow-y:auto;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.25rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.9rem}#about-body{display:flex;flex-direction:column;gap:.75rem}.about h2{margin:0;font-size:1.2rem}.about p{margin:0;font-size:.95rem}.about .cite{color:var(--muted);font-size:.85rem}.about a{color:var(--accent);overflow-wrap:anywhere}.close-btn{margin-top:auto;min-height:var(--tap);border:1px solid var(--line);border-radius:calc(var(--radius) * .8);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}