:root{--paper:#fff;--ink:#171717;--blue:#2563eb;--muted:#989b9c;--line:#e9eae7;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button,a,textarea,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0}button:disabled{opacity:.35;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #a7abad;outline-offset:4px}.hidden{display:none!important}.app-header{max-width:510px;width:100%;height:82px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.wordmark{font-size:20px;font-weight:650;letter-spacing:-.65px;text-decoration:none}.header-actions{display:flex;align-items:center;gap:20px}.mode-label{font-size:10px;color:#a0a3a2}.quiet-link{font-size:12px;font-weight:450;padding:10px 0}.settings-button{width:26px;height:30px;padding:2px;display:grid;place-items:center}.settings-button svg{fill:#939897;width:20px;height:20px}.stage{min-height:calc(100dvh - 82px);padding:12px 24px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow-x:clip}.card-slot{width:100%;max-width:440px;min-width:0;position:relative}.review-card{height:min(570px,calc(100dvh - 225px));min-height:340px;width:100%;min-width:0;padding:25px 25px 19px;background:#fff;border:1px solid #e5e7e5;border-radius:20px;box-shadow:0 6px 28px #252a2505;display:flex;flex-direction:column;position:relative;touch-action:pan-y;will-change:transform}.review-card.resetting{transition:transform .18s ease,opacity .18s ease}.author-row{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.avatar{width:34px;height:34px;border-radius:50%;background:#efefed;color:#9a9e9b;display:grid;place-items:center;font-size:12px;font-weight:600;overflow:hidden;flex-shrink:0}.avatar img{height:100%;width:100%;object-fit:cover}.author-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.author-copy strong{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-link{font-size:11px;color:#878c90;text-decoration:none;display:flex;align-items:center;gap:5px;flex-shrink:0;padding:7px 0 7px 7px}.source-link svg{height:13px;width:13px}.source-block{display:flex;flex-direction:column;flex-shrink:1;min-height:75px;max-height:44%;margin:20px 0 17px}.post-text{font-size:18px;font-weight:450;line-height:1.55;letter-spacing:-.25px;white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;overscroll-behavior:contain;min-height:0;max-height:100%;margin:0;scrollbar-width:thin;scrollbar-color:#dce0dc transparent;padding-right:3px}.card-metrics{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 17px;flex-shrink:0;border-bottom:1px solid var(--line)}.post-metrics{display:flex;gap:15px;align-items:center;color:#a0a4a1;font-size:10px}.post-metrics>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.icon{height:13px;width:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.score-button{color:#999f9a;font-size:10px;white-space:nowrap;padding:4px 0 4px 8px;display:flex;gap:4px;align-items:center}.score-button .icon{height:11px;width:11px}.comment-section{display:flex;flex-direction:column;flex:1;min-height:0;padding-top:17px}.comment-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;flex-shrink:0}.comment-heading label{font-size:11px;font-weight:550;color:#7d847e}.comment-type{font-size:9px;color:#b0b5b1}.comment-editor{width:100%;min-width:0;flex:1;min-height:75px;resize:none;outline:none!important;border:0;background:none;padding:0;overflow-y:auto;color:#353c36;font-size:16px;line-height:1.65;letter-spacing:-.1px;scrollbar-width:thin;scrollbar-color:#dce0dc transparent}.comment-editor:focus{outline:none}.comment-footer{display:flex;align-items:center;justify-content:space-between;color:#b0b5b1;font-size:9px;margin-top:9px;gap:10px;flex-shrink:0}.comment-count.over{color:#b87f7b}.card-position{color:#c1c5c2;font-size:9px}.decision-actions{display:flex;align-items:center;justify-content:center;gap:22px;width:100%;max-width:440px;flex-shrink:0}.decision-button{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;min-width:152px;padding:0 24px;border:1px solid #dfe2df;border-radius:30px;background:#fff;font-size:12px;font-weight:500;transition:transform .1s,background .15s}.decision-button:active:not(:disabled){transform:scale(.97)}.decision-button.disapprove{color:#8c817f}.decision-button.approve{background:#292d2a;border-color:#292d2a;color:#fff}.decision-symbol{font-size:25px;font-weight:350;line-height:1}.approve .decision-symbol{font-size:18px}.submission-note{font-size:9px;color:#a2a8a3;line-height:1.5;text-align:center;margin:-5px 0 0;flex-shrink:0}.decision-stamp{position:absolute;top:90px;left:24px;z-index:2;pointer-events:none;opacity:0;border:2px solid currentColor;border-radius:7px;font-size:20px;font-weight:650;padding:7px 12px;background:#ffffffee;color:#535a55;transform:rotate(-9deg)}.decision-stamp.negative{left:auto;right:24px;color:#bc8580;transform:rotate(9deg)}.review-card[data-swipe=approve] .decision-stamp.positive,.review-card[data-swipe=disapprove] .decision-stamp.negative{opacity:var(--swipe-opacity,0)}.empty-card{display:flex;align-items:center;justify-content:center;text-align:center;padding:35px}.empty-card h2{font-size:23px;font-weight:450;letter-spacing:-.5px;line-height:1.35;margin:0 0 13px}.empty-card p{font-size:12px;line-height:1.8;color:#a1a9a3;margin:0;max-width:280px}.empty-card button{font-size:11px;margin-top:25px;color:#7c8b80;text-decoration:underline;text-underline-offset:3px}.stale-note{font-size:10px;color:#a1816a;line-height:1.5;padding:8px 0;flex-shrink:0}.stale-note button{font-size:10px;text-decoration:underline;text-underline-offset:3px;margin-left:4px;padding:2px}.feedback{position:fixed;z-index:20;top:75px;left:50%;transform:translateX(-50%);width:min(440px,calc(100vw - 36px));background:#fff;border:1px solid #dfe5e0;box-shadow:0 5px 24px #273b2810;border-radius:10px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.6;color:#7c837d}.feedback.error{border-color:#ead8d0;color:#a07965}.feedback button{font-size:10px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;padding:5px 0}.impact-view{max-width:490px;margin:36px auto;padding:0 24px 60px}.impact-view h1{font-size:25px;letter-spacing:-.8px;font-weight:550;margin:0 0 32px}.impact-total{font-size:54px;font-weight:450;letter-spacing:-2px;margin:0}.impact-label{font-size:12px;color:#9da59f;margin:8px 0 15px}.impact-change{font-size:11px;color:#8e9790;margin-bottom:25px}.impact-counts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e2e7e3;border-bottom:1px solid #e2e7e3;margin:25px 0;padding:23px 0;gap:20px}.impact-counts strong{display:block;font-size:27px;font-weight:450;letter-spacing:-.6px;margin-bottom:7px}.impact-counts span{font-size:10px;color:#939c95}.impact-note{font-size:11px;color:#a3aba5;line-height:1.9;margin:20px 0 35px}.impact-view h2{font-size:15px;font-weight:550;margin:0 0 16px}.impact-empty{font-size:12px;color:#a3aba5;line-height:1.9}.publication{padding:18px 0;border-top:1px solid #e2e7e3}.publication p{font-size:13px;line-height:1.8;white-space:pre-wrap;margin:0 0 10px}.publication a{font-size:10px;color:#818b83;text-underline-offset:3px}.chart-svg{height:150px;width:100%}.chart-caption{font-size:9px;color:#a7ada8;display:flex;justify-content:space-between}.chart-empty{height:110px;border-top:1px solid #e2e7e3;border-bottom:1px solid #e2e7e3;display:flex;align-items:center;color:#aab0ab;font-size:11px;line-height:1.8}.updated-at{font-size:9px;color:#b3b9b4;margin-top:30px}dialog{padding:0;border:1px solid #e3e8e4;border-radius:16px;width:390px;max-width:calc(100vw - 32px);background:#fff;color:var(--ink);box-shadow:0 20px 80px #202b2426}dialog::backdrop{background:#24362d40;backdrop-filter:blur(4px)}.modal-content{padding:25px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-heading h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:0}.close-button{font-size:25px;font-weight:300;color:#a0a8a1;padding:0 4px;line-height:1}.muted{font-size:12px;line-height:1.8;color:#9ca59d;margin:17px 0 23px}.modal-content label:not(.remember-label){font-size:11px;display:block;margin:0 0 9px;color:#88948a}.modal-content input[type=password]{width:100%;padding:13px;border:1px solid #dfe6e0;border-radius:8px;background:#fcfdfb;font-size:16px;color:var(--ink)}.remember-label{display:flex;gap:8px;align-items:center;font-size:10px;color:#a1a9a2;line-height:1.7;margin:12px 0 20px}.remember-label input{margin:0;accent-color:#616b63}.modal-primary{width:100%;padding:13px;background:#303933;border-radius:8px;color:#fff;font-size:12px}.small-note{font-size:10px;color:#aab2ab;line-height:1.8;margin:20px 0 0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:15px 0;font-size:12px;border-bottom:1px solid #edf0ed;text-align:left}.settings-row.danger{color:#b2988b;font-size:11px;margin-top:10px;border:0}.settings-error{font-size:11px;color:#b19178;line-height:1.7;margin-top:13px}#score-detail{font-size:13px;line-height:1.8;color:#8d978f}#score-context{font-size:11px}.busy .approve .decision-symbol{animation:pulse .7s ease-in-out infinite alternate}@keyframes pulse{from{opacity:.3}to{opacity:1}}@media(max-width:520px){.app-header{height:65px;padding:0 22px}.wordmark{font-size:19px}.header-actions{gap:18px}.stage{min-height:calc(100dvh - 65px);padding:8px 18px calc(18px + env(safe-area-inset-bottom));gap:16px;justify-content:center}.review-card{height:min(570px,calc(100dvh - 211px));min-height:305px;padding:22px 22px 17px;border-radius:18px}.source-block{margin:17px 0 15px;max-height:43%}.post-text{font-size:17px;line-height:1.55}.card-metrics{padding-bottom:15px;gap:7px}.post-metrics{gap:12px;font-size:9px}.post-metrics .icon{width:12px;height:12px}.score-button{font-size:9px}.comment-section{padding-top:15px}.comment-editor{font-size:16px;line-height:1.6;min-height:85px}.comment-heading{margin-bottom:10px}.decision-actions{gap:17px}.decision-button{height:54px;min-width:145px;padding:0 21px;font-size:12px}.submission-note{font-size:9px;margin-top:-5px}.feedback{top:61px;font-size:10px;padding:11px 13px}.impact-view{margin-top:26px}.impact-total{font-size:48px}}@media(max-height:680px){.app-header{height:55px}.stage{min-height:calc(100dvh - 55px);gap:11px;padding-top:4px;padding-bottom:12px}.review-card{height:calc(100dvh - 180px);min-height:280px;padding:17px 20px 14px}.source-block{margin:13px 0 12px;max-height:39%}.post-text{font-size:15px;line-height:1.5}.card-metrics{padding-bottom:11px}.comment-section{padding-top:12px}.comment-editor{font-size:14px;min-height:65px;line-height:1.55}.comment-heading{margin-bottom:7px}.decision-button{height:48px}.submission-note{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* One white card, with a single cobalt accent. */
.review-card{border:2px solid var(--blue);box-shadow:0 0 0 5px #eff6ff,0 14px 34px #2563eb0d}
.wordmark::after{content:"";display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-left:5px;vertical-align:baseline}
.score-button{color:var(--blue);background:#eff6ff;border-radius:6px;padding:5px 8px;font-weight:650}
.comment-editor{color:#202124}
.decision-button.approve{background:var(--blue);border-color:var(--blue);box-shadow:0 5px 15px #2563eb20}
.decision-button.approve:hover:not(:disabled){background:#1d4ed8}
.decision-stamp.positive{color:var(--blue)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--blue)}
.back-button{display:grid;place-items:center;width:30px;height:32px;padding:0;font-size:23px;color:var(--blue);flex-shrink:0}
.header-brand{display:flex;align-items:center;gap:6px}
/* Navy surrounds the white review card. */
body{background:#0b1733}
.app-header{color:#fff}
.app-header .mode-label{color:#a9b7d2}
.app-header .settings-button svg{fill:#c8d4eb}
.back-button{color:#c1d5ff}
.review-card{box-shadow:0 0 0 4px #2563eb24,0 18px 50px #0003}
.submission-note{color:#a9b7d2}
.comment-footer{display:grid;grid-template-columns:1fr auto 1fr}
.comment-count{justify-self:end}
.edit-comment{min-width:54px;min-height:34px;padding:5px 12px;border-radius:18px;color:var(--blue);font-size:11px;font-weight:550}
.edit-comment:hover{background:#eff6ff}
.edit-comment:active{background:#dbeafe}
.impact-view{background:#fff;border-radius:20px;padding:28px 24px 40px;max-width:440px}
.notification-settings{margin:18px 0 8px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.notification-settings select{width:100%;padding:11px;border:1px solid #dfe6e0;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:13px}
.notification-help{font-size:10px;line-height:1.6;color:#7b8490;margin:10px 0}
.notification-save{font-size:12px;color:var(--blue);padding:9px 0}
.comment-preview{width:100%;flex:1;min-height:75px;overflow-y:auto;overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.65;letter-spacing:-.1px;color:#202124}
.comment-preview[hidden],.comment-editor[hidden]{display:none}
.comment-preview{-webkit-user-select:none;user-select:none}
@media(max-height:680px){.comment-preview{font-size:14px;min-height:65px;line-height:1.55}}
