*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,sans-serif}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple1{0%{transform:scale(0);opacity:.6}to{transform:scale(3);opacity:0}}@keyframes ripple2{0%{transform:scale(0);opacity:.4}to{transform:scale(2.4);opacity:0}}@keyframes ripple3{0%{transform:scale(0);opacity:.3}to{transform:scale(1.8);opacity:0}}@keyframes dropFall{0%{transform:translateY(-20px) scale(1);opacity:1}60%{transform:translateY(0) scale(1);opacity:1}80%{transform:translateY(0) scale(1.3,.6);opacity:.8}to{transform:translateY(0) scale(0);opacity:0}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:4px}::-webkit-scrollbar-track{background:transparent}img{max-width:100%}a{color:var(--c-accent)}.ib:hover{filter:brightness(1.3);background:var(--c-ib-hover)!important}.ib:active{filter:brightness(.85);transform:scale(.96)}.article-row{transition:background .12s}.article-row:hover{background:var(--c-row-hover)!important}.sidebar-row:hover{background:var(--c-sidebar-hover)!important}.board-picker-row:hover{background:var(--c-accent-bg)!important}.reader-body a{color:var(--c-accent);text-decoration:underline}.reader-body img{border-radius:6px;margin:12px 0;max-height:480px;object-fit:cover}.reader-body p{margin-bottom:1.1em}.reader-body h2,.reader-body h3{color:var(--c-text-hi);margin:1.4em 0 .6em}.kbd{display:inline-block;background:var(--c-surface2);border:1px solid var(--c-border);border-radius:4px;padding:2px 7px;font-family:monospace;font-size:12px;color:var(--c-text-hi);min-width:22px;text-align:center}.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}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:8px 16px;background:var(--c-accent, #2d6faa);color:#fff;border-radius:0 0 6px 6px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}*:focus-visible{outline:2px solid var(--c-accent, #2d6faa);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--c-accent, #2d6faa);outline-offset:2px}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}