:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#182d36;background:#f4f7f8;font-synthesis:none;--teal:#0f766e;--line:#e0e8e9}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1240px;min-height:80px;margin:auto;display:flex;align-items:center;gap:35px;padding:12px 24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:21px;letter-spacing:-.7px;white-space:nowrap}nav,.account{display:flex;align-items:center;gap:22px;white-space:nowrap}.search{display:flex;margin-left:auto;gap:6px;max-width:280px}.search input{margin:0;min-width:0}.search button{background:transparent;border:0;color:#0f766e;white-space:nowrap;flex-shrink:0}.account{gap:14px}.account form{margin:0}.site-main{max-width:1192px;margin:38px auto 70px;min-height:65vh;padding:0 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.eyebrow{color:#0f766e;font-size:11px;letter-spacing:2px;font-weight:800;margin:0 0 8px}h1{font-size:32px;line-height:1.3;letter-spacing:-.8px;margin:0 0 12px}h2{font-size:20px;margin:4px 0 10px}h3{font-size:14px;margin:0 0 16px}.muted,.meta{color:#6d818a}.meta{font-size:12px}.community-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px}.card{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px #16374603}.sidebar{padding:24px;height:fit-content}.sidebar a{display:block;padding:10px 0;font-size:14px}.sidebar hr{border:0;border-top:1px solid var(--line);margin:18px 0}.feed{overflow:hidden}.feed-item{padding:25px 30px;border-bottom:1px solid var(--line)}.feed-item:last-child{border-bottom:0}.summary{color:#687b84;margin:0 0 12px}.empty{padding:65px 28px;text-align:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--teal);color:white;border:1px solid var(--teal);border-radius:8px;padding:10px 20px;font-weight:600;font-size:14px;white-space:nowrap}.button:hover{background:#095d57;color:white}.button.small{padding:7px 12px}.button.secondary{background:#eef7f5;color:var(--teal);border-color:#d7e8e4}.full{width:100%}.link-button{border:0;background:none;padding:0;color:inherit}.detail{padding:36px;max-width:900px;margin:0 auto 24px}.detail h1{font-size:30px}.prose{margin:28px 0;overflow-wrap:anywhere}.prose img{max-width:100%;height:auto}.prose pre{background:#122a33;color:#eef5f5;padding:18px;border-radius:8px;overflow:auto}.prose blockquote{border-left:3px solid var(--teal);margin:18px 0;padding-left:18px;color:#687b84}.actions{display:flex;gap:12px}.comment{border-top:1px solid var(--line);padding:18px 0}.comment .prose{margin:10px 0}.auth-card{max-width:460px;margin:50px auto;padding:36px}label{display:block;font-size:13px;font-weight:600;margin:17px 0 6px}input,textarea,select{display:block;background:#fff;color:inherit;border:1px solid #ccd9dc;border-radius:7px;padding:10px 12px;width:100%;margin:6px 0 14px}input:focus,textarea:focus{outline:2px solid #8ecdc6;border-color:#58aaa0}textarea{resize:vertical}.captcha{display:flex;gap:12px;align-items:center}.captcha input{width:120px;margin:0}.captcha img{max-width:160px;height:50px}.form-error{color:#b93636;font-size:13px}.pagination{display:block;text-align:center;padding:20px;color:var(--teal)}.site-footer{border-top:1px solid var(--line);padding:24px;display:flex;justify-content:center;gap:26px;font-size:12px;color:#6d818a}@media(max-width:850px){.header-inner{gap:18px}.search{display:none}.community-grid{grid-template-columns:1fr}.sidebar{display:none}.account{margin-left:auto}.site-main{padding:0 16px}.detail{padding:24px}}@media(max-width:580px){.header-inner{padding:14px 16px;flex-wrap:wrap;gap:15px}.brand{font-size:18px}nav{gap:14px;font-size:13px;order:3;width:100%}.account{font-size:13px}.page-heading h1{font-size:27px}.feed-item{padding:22px}.auth-card{padding:26px;margin-top:26px}.site-footer{flex-wrap:wrap}.button{padding:9px 12px}}

.form-grid,.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.form-grid .detail,.link-grid .detail{width:100%;margin:0}.tabs{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.tabs a{font-size:13px;color:#0f766e}.avatar{width:76px;height:76px;object-fit:cover;border-radius:50%}.profile-heading{display:flex;gap:22px;align-items:center}.profile-heading .button{margin-left:auto}.form-success{color:#0f766e}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--line)}th{background:#f8fafb;color:#6d818a}progress{width:100%;accent-color:#0f766e}.external-url{overflow-wrap:anywhere}@media(max-width:700px){.form-grid,.link-grid{grid-template-columns:1fr}.profile-heading{flex-wrap:wrap}}
.editor-toolbar{display:flex;gap:12px;margin:20px 0}.editor-toolbar label{margin:0}.upload-label input[hidden]{display:none}.editor-preview{border:1px solid var(--line);padding:20px;border-radius:8px}.editor-options{margin:20px 0;padding:20px;background:#f7faf9;border-radius:8px}.checkbox-label{display:flex;align-items:center;gap:10px}.checkbox-label input{width:auto;margin:0}.attachments-editor{margin:20px 0;padding:18px;border:1px dashed #bed6d0;border-radius:8px}.attachment-list li{padding:7px 0}

.content-image{max-width:100%;max-height:560px;border-radius:8px;margin:12px 0}.hidden-content,.vote{padding:20px;border:1px solid var(--line);border-radius:8px;margin:24px 0}.hidden-content{background:#f3faf8}.qa-status{font-size:13px;color:var(--teal)}.comment .actions{flex-wrap:wrap;font-size:12px}.actions{flex-wrap:wrap}

.filter-card{padding:18px;margin-bottom:20px}.filter-form{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.filter-form label{margin:0;max-width:200px}.filter-form input,.filter-form select{margin-bottom:0}.table-image{width:40px;height:40px;object-fit:cover;border-radius:6px}.table-actions{white-space:nowrap}.table-actions a,.table-actions button{margin-right:10px;font-size:12px;color:var(--teal)}.table-actions .danger{color:#b93636}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.metric{padding:24px;display:flex;flex-direction:column;gap:10px}.metric span,.metric small{font-size:12px;color:#6d818a}.metric strong{font-size:32px}.detail-fields{display:grid;grid-template-columns:150px 1fr;gap:16px}.detail-fields dt{font-weight:600}.detail-fields dd{margin:0}.detail-fields pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:inherit}select[multiple]{min-height:140px}@media(max-width:760px){.metric-grid{grid-template-columns:repeat(2,1fr)}.detail-fields{grid-template-columns:1fr}}
fieldset{border:0;padding:0;min-width:0}legend{font-weight:650;margin-bottom:14px}.settings-section{padding:20px;margin-bottom:14px}.settings-section>summary{font-size:17px;font-weight:650;cursor:pointer}.settings-section[open]>summary{margin-bottom:20px}.setting-field{display:block;margin:12px 0;max-width:760px}.setting-field input:not([type=checkbox]),.setting-field select,.setting-field textarea{display:block;width:100%;margin-top:7px}.setting-field input[type=checkbox]{width:auto}.settings-group{border-left:2px solid #e1e9e7;padding-left:18px;margin:14px 0}.settings-row{border:1px solid #dce6e3;border-radius:10px;padding:16px;margin:12px 0}.settings-collection{margin:16px 0}.settings-save{position:sticky;bottom:0;background:#ffffffed;border-top:1px solid #dce6e3;padding:18px 0}.settings-form pre,.detail pre{white-space:pre-wrap;overflow-wrap:anywhere}.notice{border-radius:8px;padding:14px;background:#e8f7f0}.notice.danger{background:#fff0ee;color:#a32a25}
.binding-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e7ecea}.captcha-stage{position:relative;max-width:300px}.captcha-stage>img:first-child{width:100%;display:block}.captcha-thumb{position:absolute;width:100px;height:100px;left:50%;top:50%;transform:translate(-50%,-50%)}.rotation-captcha input[type=range]{width:100%}
.header-dropdown{position:relative}.header-dropdown summary{cursor:pointer;white-space:nowrap}.header-dropdown>div{position:absolute;top:30px;left:0;background:white;box-shadow:0 8px 30px #183e3820;border-radius:8px;min-width:160px;padding:12px;z-index:10}.header-dropdown>div a{display:block;padding:8px}
.replies-preview{padding:10px 14px;background:#f6f9f8;border-left:2px solid #d4e3de;border-radius:4px;flex-basis:100%;font-size:14px}.reply-target{background:#edf6f2;padding:10px 14px;margin:12px 0;border-radius:6px}
.profile-cover{margin:-24px -24px 24px;overflow:hidden;border-radius:12px 12px 0 0;height:180px}.profile-cover img{width:100%;height:100%;object-fit:cover}

.image-upload img[src=""]{display:none}

.article-entry{display:flex;gap:24px;align-items:center}.article-body{flex:1;min-width:0}.article-cover{flex:0 0 160px;overflow:hidden;border-radius:8px}.article-cover img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tag-list a{font-size:12px;background:#edf5f2;color:#326c60;border-radius:4px;padding:3px 8px}@media(max-width:600px){.article-entry{display:block}.article-cover{display:block;margin-top:16px}.article-cover img{max-height:180px;aspect-ratio:16/9}}

[hidden]{display:none!important}button:disabled{cursor:default;opacity:.55}.header-inner{gap:20px}.account-menu>div{left:auto;right:0}.unread-count{display:inline-block;background:#b93636;color:#fff;border-radius:12px;padding:0 6px;font-size:11px}.theme-picker{margin:0;font-size:11px;min-width:82px}.theme-picker select{margin:2px 0;padding:4px;font-size:11px}.feed-compact .feed-item{padding:12px 24px}.feed-compact .summary{display:none}.feed-compact h2{font-size:17px;margin:3px 0}.tweet-content{display:block;white-space:pre-wrap;margin:12px 0}.tweet-images{display:flex;gap:10px;flex-wrap:wrap}.tweet-images img{width:140px;height:140px;object-fit:cover;border-radius:8px}.editor-images{display:flex;gap:12px;flex-wrap:wrap}.editor-images>span{display:flex;flex-direction:column}.editor-images img{object-fit:cover;max-height:140px}.rich-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.rich-toolbar button{border:1px solid var(--line);border-radius:5px;padding:4px 12px;background:transparent;color:inherit}.rich-editor{border:1px solid #ccd9dc;border-radius:7px;min-height:320px;padding:16px;margin-top:6px;font-weight:400}.rich-editor:focus{outline:2px solid #8ecdc6}.content-toc{margin-top:20px;border:1px solid var(--line);padding:14px;border-radius:8px}.content-toc nav{display:flex;flex-direction:column;align-items:start;gap:5px;margin-top:12px;white-space:normal}.content-toc [data-toc-level="3"]{padding-left:14px}.content-toc [data-toc-level="4"]{padding-left:28px}.prose :is(h2,h3,h4){scroll-margin-top:24px}.recent-likes{display:flex;align-items:center;gap:10px;margin:18px 0}.recent-likes img{border-radius:50%;object-fit:cover}.checkin-rank li{padding:4px 0}.checkin-rank .meta{margin-left:12px}.attachment-list label{display:inline-block;margin:0 12px}.attachment-list input{display:inline-block;width:90px;margin:4px}.attachment-list li{overflow-wrap:anywhere}
html[data-theme="dark"]{color-scheme:dark;background:#101c23;color:#e1ebef;--line:#34454d;--teal:#55b9ab}html[data-theme="dark"] :is(.card,.site-header,.header-dropdown>div,input,textarea,select){background:#1a2a33;color:#e1ebef}html[data-theme="dark"] :is(.editor-options,.replies-preview,.hidden-content,.notice,.reply-target,th){background:#243b43;color:#cfdee4}html[data-theme="dark"] :is(.muted,.meta,.summary,.site-footer){color:#a9bcc5}html[data-theme="dark"] .button{background:#2a8177;color:#fff;border-color:#489f93}html[data-theme="dark"] :is(.button.secondary,.tag-list a){background:#203d3e;color:#b1e3d7;border-color:#3e6661}html[data-theme="dark"] .settings-save{background:#1a2a33ed}html[data-theme="dark"] .notice.danger{background:#552d30;color:#ffd2d4}@media(max-width:700px){.header-inner{gap:12px}.account{gap:10px}.theme-picker{min-width:75px;margin-left:auto}.tweet-images img{width:100px;height:100px}.attachment-list label{display:block}}
@media(max-width:850px){.header-inner{flex-wrap:wrap}.search{display:flex;order:4;max-width:none;width:100%;margin:0}.search input{margin:0}.sidebar{display:block;padding:16px}.sidebar a{display:inline-flex;padding:5px 10px}.sidebar h3{margin-bottom:8px}.sidebar hr{margin:8px 0}.sidebar a:focus-visible{outline:2px solid var(--teal)}}