:root{--bg:#f5f6f7;--surface:#fff;--ink:#20252a;--muted:#737c85;--line:#dfe3e6;--teal:#167c78;--teal-soft:#e1f2f0;--yellow:#f2c94c;--red:#cb5b50;--blue:#3f68a2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;letter-spacing:0}button,input{font:inherit}button{cursor:pointer}.top{height:62px;position:sticky;z-index:20;top:0;display:grid;grid-template-columns:210px auto minmax(240px,500px) auto auto;gap:18px;align-items:center;padding:0 max(20px,calc((100vw - 1440px)/2));border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}.brand{font-size:16px;font-weight:800;text-decoration:none}.brand span{margin-right:6px;color:var(--teal);font-family:Consolas,monospace}.top nav{display:flex;gap:20px}.top nav a{font-size:12px;text-decoration:none}.top nav a.active{color:var(--teal);font-weight:700}.search{height:36px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:#f8f9fa;color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.search kbd{padding:3px 5px;border:1px solid var(--line);border-radius:3px;background:#fff;font-size:12px}.write{height:35px;border:0;border-radius:5px;padding:0 12px;background:var(--teal);color:#fff;font-size:12px;font-weight:700}.profile{width:34px;height:34px;border:0;border-radius:50%;background:#d9e6e2;color:#365b50;font-size:12px}.shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:190px minmax(520px,760px) 270px;gap:23px;padding:24px 20px 70px}.left{position:sticky;top:86px;height:calc(100vh - 110px);display:flex;flex-direction:column}.left nav{display:grid;gap:3px}.left nav a,.left nav button{height:38px;display:flex;align-items:center;gap:11px;border:0;border-radius:5px;padding:0 9px;background:transparent;color:#59636c;text-align:left;text-decoration:none;font-size:12px}.left nav a span{width:17px;font-size:16px}.left nav a.active{background:var(--teal-soft);color:var(--teal);font-weight:700}.left h2{margin:23px 9px 8px;color:#969da4;font-size:12px}.topics button i{width:9px;height:9px;border-radius:3px}.front{background:#4c79bc}.back{background:#4a906a}.ops{background:#b36b4a}.data{background:#805ea7}.career{background:#c19b38}.topics button b{margin-left:auto;color:#999fa5;font-size:12px}.all-topics{border:0;padding:8px;background:transparent;color:var(--teal);font-size:12px;text-align:left}.left footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding:13px 8px;border-top:1px solid var(--line)}.left footer a{color:var(--muted);font-size:12px}.left footer small{width:100%;color:#9ba1a6;font-size:12px}.welcome{height:245px;display:grid;grid-template-columns:1.4fr 1fr;gap:20px;overflow:hidden;padding:27px;border-radius:7px;background:#213d3a;color:#fff}.welcome>div{position:relative;z-index:2}.welcome span{color:#91c8ba;font-size:12px;font-weight:800}.welcome h1{margin:12px 0 9px;font:25px/1.15 Georgia}.welcome p{color:#c5d5d1;font-size:12px;line-height:1.5}.welcome a{color:#fff;font-size:12px}.welcome img{width:100%;height:100%;object-fit:contain}.feed-head{height:80px;display:flex;align-items:end;padding-bottom:13px;border-bottom:1px solid var(--line)}.feed-head>div:first-child{margin-right:auto}.feed-head h2{margin:0 0 5px;font-size:15px}.feed-head span{color:var(--muted);font-size:12px}.tabs{display:flex;gap:3px}.tabs button{height:28px;border:0;border-radius:4px;padding:0 8px;background:transparent;color:var(--muted);font-size:12px}.tabs button.active{background:#e6e9eb;color:var(--ink)}.feed{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px;overflow:hidden}.thread{display:grid;grid-template-columns:48px 1fr;padding:18px}.thread+.thread{border-top:1px solid var(--line)}.vote{display:grid;align-content:start;justify-items:center}.vote button{border:0;background:transparent;color:#98a0a7;font-size:17px}.vote button.selected{color:var(--teal)}.vote b{font-size:12px}.thread-body>header{display:flex;align-items:center;gap:5px}.tag{padding:4px 6px;border-radius:3px;background:#edf0f2;color:#59636c;font-size:12px}.tag.frontend{background:#e5edf8;color:#416b9e}.tag.backend{background:#e4f2e9;color:#3e7655}.tag.devops{background:#f8e9df;color:#915a3c}.tag.data-tag{background:#eee8f4;color:#72548d}.tag.career-tag{background:#f6edd5;color:#89702f}.tag.article{background:#243c39;color:#fff}.thread time{margin-left:auto;color:var(--muted);font-size:12px}.thread h2{margin:9px 0 7px;font-size:15px;line-height:1.35}.thread-body>p{margin:0;color:#626b73;font-size:12px;line-height:1.5}.thread footer{display:flex;align-items:center;gap:6px;margin-top:13px;color:var(--muted);font-size:12px}.avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:12px}.av-one{background:#4c718d}.av-two{background:#986576}.av-three{background:#64794e}.av-four{background:#73628e}.av-five{background:#9a704c}.av-six{background:#437b77}.thread footer>b{color:#444c52;font-size:12px}.thread footer i{font-style:normal}.answers{margin-left:auto;padding:4px 6px;border-radius:3px;background:#edf0f2}.answers.solved{background:#e2f2e9;color:#377253}.answers.zero{background:#fff1e4;color:#985e32}.article-thread{border-left:3px solid var(--teal)}.empty{text-align:center;padding:35px;color:var(--muted);font-size:12px}.load{width:100%;height:39px;margin-top:12px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--teal);font-size:12px}.right{display:grid;align-content:start;gap:12px}.right>section{border:1px solid var(--line);border-radius:6px;background:#fff}.community{overflow:hidden}.community header{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;background:#263f3c;color:#fff}.community header span{font-size:12px}.community header b{font-size:19px}.community>div{display:grid;gap:8px;padding:14px 16px}.community>div span{font-size:12px}.community>div i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--teal)}.community>button{width:calc(100% - 32px);height:34px;margin:0 16px 16px;border:0;border-radius:4px;background:var(--teal-soft);color:var(--teal);font-size:12px;font-weight:700}.right h2{margin:0;padding:14px 15px;border-bottom:1px solid var(--line);font-size:12px}.weekly article{display:grid;grid-template-columns:25px 1fr auto;gap:7px;padding:11px 15px}.weekly article+article{border-top:1px solid var(--line)}.weekly article>span{color:#a5abb0;font:14px Georgia}.weekly a{font:12px/1.4 Georgia;text-decoration:none}.weekly b{color:var(--teal);font-size:12px}.events article{display:flex;gap:9px;padding:10px 15px}.events time{width:35px;height:38px;display:grid;place-items:center;border-radius:4px;background:#f1e9d2;color:#8c7334;font-size:12px}.events time b{font-size:14px}.events article div{display:grid;gap:4px}.events strong{font-size:12px}.events span{color:var(--muted);font-size:12px}.events>a{display:block;padding:10px 15px;border-top:1px solid var(--line);color:var(--teal);font-size:12px}.rules{padding-bottom:14px}.rules p{padding:0 15px;color:var(--muted);font-size:12px;line-height:1.5}.rules a{padding:0 15px;color:var(--teal);font-size:12px}.login[hidden],.toast[hidden]{display:none}.login{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(28,34,36,.55)}.login>div{position:relative;width:min(420px,100%);padding:29px;border-radius:7px;background:#fff}.login .close{position:absolute;right:11px;top:9px;border:0;background:transparent;font-size:21px}.login-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:7px;background:#203c39;color:#8bd1c1;font:bold 14px Consolas}.login h2{font-size:21px}.login p{color:var(--muted);font-size:12px;line-height:1.6}.login form{display:grid;gap:10px;margin-top:18px}.login label{display:grid;gap:5px;font-size:12px}.login input{height:37px;border:1px solid var(--line);border-radius:4px;padding:0 10px}.login form button{height:39px;border:0;border-radius:4px;background:var(--teal);color:#fff;font-weight:700}.login small{display:block;margin-top:10px;text-align:center;color:var(--muted);font-size:12px}.toast{position:fixed;z-index:60;left:50%;bottom:20px;transform:translateX(-50%);padding:11px 15px;border-radius:5px;background:#233b38;color:#fff;font-size:12px}@media(max-width:1100px){.top{grid-template-columns:180px auto 1fr auto}.top nav{display:none}.shell{grid-template-columns:170px minmax(500px,1fr)}.right{display:none}}@media(max-width:760px){.top{height:58px;grid-template-columns:auto 1fr auto;padding:0 12px;gap:9px}.brand{font-size:0}.brand span{font-size:15px}.search{min-width:0}.search kbd{display:none}.write{width:36px;padding:0;font-size:0}.write:after{content:"＋";font-size:18px}.profile{display:none}.shell{display:block;padding:12px;max-width:720px}.left{position:fixed;z-index:25;left:0;right:0;bottom:0;top:auto;height:56px;background:#fff;border-top:1px solid var(--line)}.left>nav:first-child{height:100%;display:grid;grid-template-columns:repeat(4,1fr)}.left>nav:first-child a{height:100%;display:grid;place-items:center;padding:3px;font-size:12px}.left>nav:first-child a span{font-size:16px;text-align:center}.left h2,.topics,.all-topics,.left footer{display:none}.welcome{height:auto;min-height:220px}.welcome h1{font-size:22px}.feed{margin-bottom:65px}.thread{grid-template-columns:35px 1fr;padding:14px 10px}.thread h2{font-size:14px}.thread footer i,.thread footer>span:last-child{display:none}.tabs button{padding:0 6px}.load{margin-bottom:65px}}@media(max-width:450px){.welcome{display:block}.welcome img{display:none}.feed-head{align-items:center}.feed-head>div:first-child span{display:none}.tabs button{font-size:12px}.thread-body>p{font-size:12px}.thread footer{flex-wrap:wrap}.answers{margin-left:0}.thread time{display:none}}
[hidden]{display:none!important}
.mobile-menu{display:none}.profile{width:auto;border:1px solid var(--line);border-radius:5px;padding:0 11px;background:#fff;color:var(--ink);font-size:12px;font-weight:700}.thread,.events article{cursor:pointer}.login small{margin:0 0 7px;text-align:left;color:var(--teal);font-weight:800}.login-alt{width:100%;border:0;padding:11px;background:transparent;color:var(--teal);font-size:12px;font-weight:700}.login-error{padding:10px;border-left:3px solid var(--red);background:#fff0ef;color:var(--red)!important}.thread-modal,.info-modal{position:fixed;z-index:55;inset:0;display:grid;place-items:center;padding:20px;background:rgba(28,34,36,.58)}.thread-modal>article,.info-modal>div{position:relative;width:min(690px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:32px;border-radius:7px;background:#fff;box-shadow:0 24px 65px rgba(0,0,0,.22)}.info-modal>div{width:min(470px,100%)}.modal-close{position:absolute;right:13px;top:10px;width:32px;height:32px;border:0;background:transparent;font-size:22px}.thread-kind,.info-modal small{color:var(--teal);font-size:12px;font-weight:800}.thread-modal h2,.info-modal h2{margin:9px 0 11px;font-size:24px;line-height:1.3}.thread-lead{color:#59636c;font-size:12px;line-height:1.65}.thread-meta{margin:17px 0;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.answers-preview>h3{font-size:12px}.answers-preview>article{padding:14px 0;border-top:1px solid var(--line)}.answers-preview article header{display:flex;justify-content:space-between}.answers-preview article header b{font-size:12px}.answers-preview article header span{color:var(--muted);font-size:12px}.answers-preview article p{font-size:12px;line-height:1.6}.answers-preview article footer{color:var(--muted);font-size:12px}.answers-preview article footer button{border:0;background:transparent;color:var(--teal);font-size:12px}.thread-modal>article>footer{display:flex;gap:8px;margin-top:21px}.thread-modal>article>footer button{height:39px;border:1px solid var(--teal);border-radius:4px;padding:0 12px;background:#fff;color:var(--teal);font-size:12px;font-weight:700}.thread-modal>article>footer button:first-child{background:var(--teal);color:#fff}.info-body{margin:17px 0;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.65}.info-close{width:100%;height:39px;border:0;border-radius:4px;background:var(--teal);color:#fff;font-weight:700}.inline-auth{height:34px;border:0;border-radius:4px;padding:0 10px;background:var(--teal);color:#fff;font-size:12px}@media(max-width:760px){.top{grid-template-columns:auto auto 1fr auto}.mobile-menu{display:block;border:0;background:transparent;font-size:17px}.left.open{z-index:40;top:58px;bottom:auto;height:auto;display:flex;padding:13px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.18)}.left.open>nav:first-child{height:auto;display:grid;grid-template-columns:1fr}.left.open>nav:first-child a{height:38px;display:flex;place-items:initial;padding:0 9px;font-size:12px}.left.open h2,.left.open .topics,.left.open .all-topics,.left.open footer{display:flex}.left.open .topics{display:grid}.left.open footer{margin-top:12px}.thread-modal>article,.info-modal>div{padding:27px 20px}.thread-modal h2,.info-modal h2{font-size:20px}.thread-modal>article>footer{flex-direction:column}}@media(max-width:430px){.search{display:none}.top{grid-template-columns:auto auto 1fr auto}.profile{display:block}.thread-modal,.info-modal{padding:10px}.thread-modal>article,.info-modal>div{max-height:calc(100vh - 20px)}}
@media(max-width:760px){.left .topics{display:none}.left.open .topics{display:grid}}

small{font-size:12px}