:root{--paper:#f7f2e9;--ink:#292b25;--line:#d9d1c3;--green:#3c4937;--pink:#edb0a7;--olive:#dce1cf;--ivory:#fffaf2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Trebuchet MS','Arial','PingFang SC','Microsoft YaHei',sans-serif}button,a,textarea{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #879871;outline-offset:5px}button{transition:transform .15s,background .15s}button:hover{filter:brightness(.96)}button:active{transform:translateY(2px)}button:disabled{opacity:.5;cursor:wait}a{color:inherit}header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(28px,calc((100vw - 1220px)/2));border-bottom:2px solid var(--ink);background:var(--ivory);position:sticky;top:0;z-index:10}.logo{text-decoration:none;font-size:32px;font-weight:1000;letter-spacing:-1.8px;transform:rotate(-2deg);white-space:nowrap}.logo sup{font-size:11px;vertical-align:top;letter-spacing:0}.topnav{display:flex;gap:32px;align-items:center}.topnav a{text-decoration:none;font-size:10px;letter-spacing:1.4px;font-weight:bold}.topnav a:hover{text-decoration:underline;text-underline-offset:6px}.lang{border:1.5px solid var(--ink);border-radius:30px;background:transparent;font-size:13px;padding:11px 16px;font-weight:bold;display:flex;gap:8px;align-items:center}.lang .slash{color:#aaa}.lang .inactive{color:#929083}main{max-width:1220px;padding:0 28px;margin:auto}.department{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;padding:26px 0 21px}.department>span:first-child{display:flex;align-items:center;gap:8px}.department i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#84916a;box-shadow:0 0 0 3px #84916a16}.officehours{color:#77786a}.layout{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.87fr);gap:54px;align-items:start}.maincolumn{min-width:0}.office{position:relative;aspect-ratio:1.65;border:2px solid var(--ink);border-radius:8px;overflow:hidden;background:#d3d5c9;isolation:isolate}.office>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.employee{position:absolute;left:13px;top:16px;transform:rotate(-4deg);border:1.5px solid var(--ink);background:#fff9e9;padding:8px 11px;font-size:9px;line-height:1.4;font-weight:900;letter-spacing:.5px;box-shadow:2px 2px #292b2520}.speech{position:absolute;right:14px;top:17px;max-width:46%;background:#fffdf4;border:2px solid var(--ink);border-radius:16px;padding:13px;font-size:clamp(14px,1.5vw,20px);line-height:1.25;font-weight:900;box-shadow:4px 4px var(--ink);transform:rotate(2deg)}.officecaption{position:absolute;bottom:0;left:0;right:0;padding:7px 12px;background:#f7f2e9dd;border-top:1px solid #292b2550;font-family:monospace;font-size:8px;letter-spacing:1.4px}.intro{padding-top:27px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:bold;color:#72785e}h1{font-size:clamp(38px,4vw,57px);font-weight:1000;letter-spacing:-2.5px;line-height:.99;margin:13px 0 13px}.intro p{font-size:14px;color:#77766b;line-height:1.6}.paper{background:var(--ivory);border:1.5px solid var(--ink);border-radius:8px;box-shadow:4px 5px var(--ink)}.ask{padding:20px;margin-top:22px}.ask:focus-within{box-shadow:4px 5px #8c9a71}.ask label{display:block;font-size:9px;letter-spacing:1.2px;font-weight:bold;color:#7c8069;margin-bottom:12px}textarea{border:0;outline:none;background:transparent;resize:vertical;min-height:92px;max-height:260px;width:100%;font-size:18px;color:var(--ink);line-height:1.6;padding:0}textarea:focus-visible{outline:0}textarea::placeholder{color:#a3a094}.asktools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px}.count{font-size:10px;color:#8a877b;white-space:nowrap}.shortcut{font-size:8px;color:#a7a294}.primary,.secondary{border-radius:6px;padding:13px 15px;font-weight:900;font-size:11px;letter-spacing:.2px;text-align:center}.primary{border:1.5px solid var(--green);background:var(--green);color:#fffaf0}.secondary{border:1px solid #bfb8a8;background:#fffaf2}.examples{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:19px 0}.examples>span{font-size:8px;letter-spacing:1px;color:#959080}.examples button{font-size:10px;background:transparent;border:0;border-bottom:1px dashed #aaa492;padding:2px 0;color:#656c56}.result{margin-top:14px;scroll-margin-top:110px}.result[hidden]{display:none}.resultbar{display:flex;justify-content:space-between;gap:10px;font-family:monospace;font-size:9px;letter-spacing:1px;margin-bottom:10px;color:#757963}.meme-card{border:2px solid var(--ink);border-radius:6px;overflow:hidden;background:#fffaf2;box-shadow:5px 6px var(--ink)}.memetop{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding:14px 20px;font-weight:1000;font-size:18px;letter-spacing:-.6px}.unqualified{font-family:monospace;font-size:8px;letter-spacing:1px;font-weight:normal}.asked{font-size:15px;line-height:1.5;margin:0;padding:18px 24px 8px;overflow-wrap:anywhere;text-align:center;color:#777063}.asked:before{content:'“'}.asked:after{content:'”'}.reaction{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px 24px;min-height:210px}.rat-sprite{width:220px;max-width:100%;aspect-ratio:1;flex-shrink:0;background-image:url('assets/rat-reactions-abstract.png');background-repeat:no-repeat;background-size:400% 600%;background-position:0 0;mix-blend-mode:multiply}.meme-caption{font-size:11px;text-align:center;letter-spacing:1px;text-transform:uppercase;font-weight:1000;border:1px solid var(--ink);padding:6px 11px;transform:rotate(-3deg);background:#f1c7b9;max-width:100%;line-height:1.4;overflow-wrap:anywhere;margin-top:-5px}.verdictwrap{padding:22px 25px;background:var(--olive);border-top:1px solid var(--ink)}.verdictlabel{font-size:8px;letter-spacing:1.5px;font-weight:bold;color:#687055}.verdict{font-size:clamp(20px,2.1vw,27px);font-weight:900;line-height:1.5;letter-spacing:-.5px;margin:10px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.memebottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 22px;font-size:7px;font-family:monospace;letter-spacing:1px}.stamp{font-size:12px;font-weight:bold;color:#737a55;transform:rotate(-7deg);border:2px solid #737a55;padding:4px 8px;white-space:nowrap}.resultactions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.privacy{font-size:10px;line-height:1.6;color:#898475;margin-top:12px}.court{padding-top:3px;scroll-margin-top:110px;min-width:0}.courtlabel{display:flex;justify-content:space-between;align-items:center}.tiny-rat{font-size:23px;transform:rotate(-12deg)}h2{font-size:35px;font-weight:1000;letter-spacing:-1.4px;margin:11px 0 8px}.courtsub{font-size:12px;line-height:1.5;color:#878273;margin:0}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0 23px;padding-bottom:19px;border-bottom:1px solid var(--line)}.filters button{border:1px solid #d6cebd;background:transparent;border-radius:30px;font-size:10px;padding:8px 10px;color:#777260}.filters button.active{background:var(--ink);border-color:var(--ink);color:#fffaf2}.post{border:1px solid #cfc6b4;background:#fffaf2;margin-bottom:20px;border-radius:5px;overflow:hidden}.postheader{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0;font-family:monospace;font-size:8px;letter-spacing:1px;color:#84836f}.postquestion{font-size:16px;font-weight:bold;line-height:1.5;margin:13px 18px 9px;overflow-wrap:anywhere}.postreaction{display:flex;align-items:center;padding:0 14px 7px;gap:6px}.postreaction .rat-sprite{width:113px;flex-shrink:0}.postcaption{font-size:9px;font-family:monospace;font-weight:bold;letter-spacing:.6px;line-height:1.5;color:#8a6b5b;transform:rotate(-4deg);max-width:150px}.postanswer{padding:13px 18px;background:#e9ebdf;border-top:1px solid #d7d9ca;font-size:13px;line-height:1.7;margin:0;overflow-wrap:anywhere}.posttools{display:flex;justify-content:space-between;padding:12px 18px;gap:10px}.posttools button{border:0;background:transparent;font-size:9px;font-weight:bold;color:#7c7d64;padding:2px}.posttools button.liked{color:#a25755}.empty{font-size:13px;line-height:1.7;padding:30px 12px;border:1px dashed #c9c1ae;color:#8b836f}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;margin-top:42px;padding:22px 0 30px;font-size:8px;letter-spacing:1px;color:#98907c;line-height:1.8}.mobilenav{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:var(--ink);color:var(--ivory);font-size:12px;line-height:1.6;border-radius:8px;padding:13px 20px;z-index:30;box-shadow:0 5px 20px #0002;opacity:0;pointer-events:none;transition:opacity .15s;text-align:center}.toast.visible{opacity:1}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.busy .office>img{animation:ratwork .2s infinite alternate}.busy .speech{background:#f3d7c0}@keyframes ratwork{to{transform:translateY(1px)}}
@media(min-width:1400px){main{max-width:1300px}.layout{gap:66px}header{padding-inline:max(28px,calc((100vw - 1244px)/2))}}
@media(max-width:1050px){.layout{gap:30px}.shortcut{display:none}.topnav{gap:18px}.speech{font-size:16px}.employee{font-size:8px}.officecaption{font-size:7px}.court .eyebrow{font-size:8px}}
@media(max-width:760px){html{scroll-padding-top:90px}header{height:70px;padding:0 20px}.logo{font-size:29px}.topnav{display:none}.lang{padding:9px 12px;font-size:12px}main{padding:0 20px}.department{padding:20px 0 15px;font-size:8px;letter-spacing:1.1px}.officehours{display:none}.layout{display:block}.office{aspect-ratio:1.55}.speech{font-size:clamp(13px,3.8vw,22px);right:11px;top:15px;padding:11px;max-width:47%}.employee{font-size:clamp(7px,1.8vw,10px);left:9px;top:13px;padding:7px}.officecaption{font-size:7px}.intro{padding-top:24px}h1{font-size:45px;letter-spacing:-2px;line-height:1.02}h1 br{display:none}.intro p{font-size:13px}.ask{padding:17px;margin-top:18px}textarea{font-size:17px;min-height:87px}.asktools{padding-top:10px}.primary,.secondary{padding:13px 12px;font-size:10px}.examples{gap:10px;padding:19px 0 22px}.examples button{font-size:10px}.examples>span{font-size:7px}.result{margin-top:5px}.verdict{font-size:24px}.rat-sprite{width:210px}.court{margin-top:42px;padding-top:26px;border-top:2px solid var(--ink)}h2{font-size:32px}.court .eyebrow{font-size:9px}.filters{margin-top:19px}.postquestion{font-size:17px}.postanswer{font-size:14px}.postreaction .rat-sprite{width:128px}.postcaption{font-size:10px}.posttools button{font-size:10px}.mobilenav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fffaf2f5;border-top:1.5px solid var(--ink);padding:18px 10px max(18px,env(safe-area-inset-bottom));z-index:15;backdrop-filter:blur(10px)}.mobilenav a{font-size:9px;font-weight:900;letter-spacing:1px;text-decoration:none}footer{flex-direction:column;gap:5px;padding-bottom:90px}.toast{bottom:85px}.resultbar{font-size:8px}.resultbar>span:last-child{letter-spacing:0}.memebottom{font-size:6px;padding:14px 17px}.stamp{font-size:10px}.memetop{padding:13px 18px}.asked{padding-inline:20px}.reaction{padding-bottom:22px}.verdictwrap{padding:20px}}
@media(max-width:360px){main{padding-inline:14px}header{padding-inline:15px}.speech{font-size:12px}.asktools{gap:5px}.primary{font-size:9px;padding:12px 10px}h1{font-size:39px}.examples{gap:8px}.examples>span{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.employee,.intro h1{white-space:pre-line}

.rat-sprite{clip-path:inset(0 5%)}

.studio-credit{font-size:10px;letter-spacing:.2px;color:#7b7669}.studio-credit a{color:var(--ink);font-weight:900;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.meme-credit{text-decoration:none;color:#70775a;font-weight:700;letter-spacing:.5px}.posttools .like-button{font-size:13px;min-width:55px;text-align:left;font-variant-numeric:tabular-nums}.posttools .post-share{margin-left:auto}dialog{width:min(510px,calc(100% - 30px));max-height:calc(100dvh - 40px);overflow:auto;border:2px solid var(--ink);border-radius:10px;background:var(--paper);color:var(--ink);padding:25px;box-shadow:6px 7px var(--ink)}dialog::backdrop{background:#22271c88;backdrop-filter:blur(3px)}.sharehead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.sharehead h2{font-size:28px;margin:13px 0;line-height:1.15}.close-share{background:transparent;border:1px solid var(--ink);border-radius:50%;width:30px;height:30px;font-size:23px;line-height:1;flex-shrink:0}.shareintro{font-size:13px;color:#777263;line-height:1.6;margin:0 0 19px}.sharegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-button{padding:16px 12px;text-align:left;border:1px solid var(--ink);border-radius:6px;background:#fffaf2;display:flex;flex-direction:column;gap:8px;min-height:85px}.social-button b{font-size:17px}.social-button span{font-size:10px;line-height:1.5;color:#777263}.sharehelp{font-size:11px;line-height:1.7;color:#777263;margin:18px 0}.shareutilities{display:flex;gap:10px}.shareutilities button{flex:1}.shareattribution{font-size:9px;color:#88816f;margin:17px 0 0;line-height:1.6}@media(max-width:760px){footer{gap:12px}.studio-credit{font-size:11px}.sharehead h2{font-size:25px}dialog{padding:21px}.posttools .like-button{font-size:14px}}
