:root{--bg-color:#f6f6ef;--text-color:#000;--header-bg:#f60;--header-text:#000;--subtext-color:#828282;--link-color:#000;--visited-link:#828282;--author-color:#3c963c;--input-bg:#fff;--input-border:#828282}[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#e0e0e0;--header-bg:#2b2b2b;--header-text:#f60;--subtext-color:#999;--link-color:#eee;--visited-link:#666;--author-color:#5cb85c;--input-bg:#333;--input-border:#555}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-color);font-family:Verdana,Geneva,sans-serif;font-size:10pt;transition:background-color .2s,color .2s}.header{background:var(--header-bg);padding:2px 0}.header-content{align-items:center;max-width:1200px;margin:0 auto;padding:2px 4px;display:flex}.header .logo{color:#f60;background:#fff;border:1px solid #fff;margin-right:8px;padding:2px 4px;font-weight:700}.header .title{color:var(--header-text);margin-right:12px;font-weight:700;text-decoration:none}.header nav a{color:var(--header-text);margin-right:8px;text-decoration:none}.header nav a:hover{text-decoration:underline}.header .user-nav{color:var(--header-text);align-items:center;gap:8px;margin-left:auto;display:flex}.header .user-nav a{color:var(--header-text);text-decoration:none}.container{max-width:1200px;margin:8px auto;padding:0 4px}.post-item{align-items:flex-start;padding:4px 0;display:flex}.rank{text-align:right;min-width:30px;color:var(--subtext-color);padding-right:8px}.upvote{cursor:pointer;color:var(--subtext-color);-webkit-user-select:none;user-select:none;margin-right:4px;font-size:10pt}.upvote:hover{color:#f60}.post-content{flex:1}.title-line{margin-bottom:2px}.title{color:var(--link-color);text-decoration:none}.title:visited{color:var(--visited-link)}.domain{color:var(--subtext-color);margin-left:4px;font-size:8pt}.badge{color:#f60;margin-left:6px;font-size:7pt;font-weight:700}.subtext{color:var(--subtext-color);font-size:7pt}.subtext a{color:var(--subtext-color);text-decoration:none}.subtext a:hover{text-decoration:underline}.upvote-link{cursor:pointer;text-decoration:underline}.upvote-link:hover{color:var(--text-color)}.author{color:var(--author-color)}.action-link{cursor:pointer}.action-link:hover{text-decoration:underline}.more-link{padding:12px 0 12px 40px}.more-link a{color:var(--link-color);text-decoration:none}form{margin:12px 0}form table{font-size:10pt}form table td{padding:4px 0}input[type=text],input[type=email],input[type=password],input[type=url],textarea{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-color);padding:4px;font-family:monospace;font-size:10pt}button,input[type=submit]{color:#fff;cursor:pointer;background:#f60;border:1px solid #f60;padding:4px 12px;font-size:9pt}button:hover{opacity:.9}.help{color:var(--subtext-color);margin:4px 0;font-size:8pt}.post-header{padding:8px 0}.post-header h1{margin-bottom:4px;font-size:12pt;font-weight:400}.post-text{margin:8px 0;line-height:1.4}.comments{margin-top:12px}.comment{margin:8px 0}.comment-head{align-items:center;gap:4px;margin-bottom:4px;display:flex}.comment-head .upvote{cursor:pointer;color:var(--subtext-color);-webkit-user-select:none;user-select:none;font-size:8pt}.comment-meta{color:var(--subtext-color);font-size:7pt}.comment-text{margin-bottom:4px;margin-left:16px;font-size:9pt;line-height:1.4}.reply-form{margin:8px 0 8px 16px}.reply-form textarea{width:500px;margin-bottom:4px}.user-profile table{font-size:10pt}.user-profile td{padding:2px 8px 2px 0}.footer{border-top:2px solid #f60;margin-top:40px;padding:20px 0}.footer-content{max-width:1200px;color:var(--subtext-color);text-align:center;margin:0 auto;padding:0 4px;font-size:8pt}.footer-content a{color:var(--subtext-color)}a{color:var(--link-color)}a:hover{text-decoration:underline}.card.relative{background:var(--input-bg);border-color:var(--input-border);width:60px;height:20px}.card.relative .absolute{background:#f60;height:100%}.card.relative button{color:var(--header-text);background:0 0;border:none;padding:2px}.post-item.selected{background-color:#ffc;border-left:3px solid #f60;padding-left:5px}a,button,.action-link,.upvote,.collapse-btn{transition:all .2s}.action-link:hover,.upvote:hover,.collapse-btn:hover{color:#f60;cursor:pointer;transform:scale(1.1)}.post-item:hover{background-color:#f9f9f8;transform:translate(2px)}.comment:hover{background-color:#f9f9f8}.upvote{transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);display:inline-block}.upvote:active{color:#f60;transform:scale(1.3)}button:hover,.admin-btn:hover{color:#fff;background-color:#f60;transform:translateY(-1px);box-shadow:0 2px 4px #ff66004d}button:active,.admin-btn:active{transform:translateY(0)}.container{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{background-color:#0000}50%{background-color:#ffc}}.new-item{animation:1s ease-in-out pulse}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/1000px 100%;animation:2s infinite shimmer}.score-badge{color:#fff;background:linear-gradient(135deg,#f60 0%,#ff8533 100%);border-radius:3px;padding:2px 6px;font-size:8pt;font-weight:700;animation:2s ease-in-out infinite glow;display:inline-block}@keyframes glow{0%,to{box-shadow:0 0 5px #ff660080}50%{box-shadow:0 0 10px #f60c}}.notification-badge{animation:1s infinite bounce;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.comment{transition:max-height .3s ease-out,opacity .3s ease-out}html{scroll-behavior:smooth}a:focus,button:focus,input:focus,textarea:focus{outline-offset:2px;outline:2px solid #f60}@keyframes fillBar{0%{width:0}}.poll-bar{animation:.5s ease-out fillBar}.flash{animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}a:not(.title){position:relative}a:not(.title):after{content:"";background-color:#f60;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}a:not(.title):hover:after{width:100%}.card:hover{transition:all .3s;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.post-item,.comment{animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes typing{0%,to{opacity:.2}50%{opacity:1}}.typing-indicator span{animation:1.4s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}*{transition:background-color .2s,color .2s}input:focus,textarea:focus,select:focus{border-color:#f60;box-shadow:0 0 0 2px #ff66001a}input[type=checkbox]:checked{accent-color:#f60}[data-theme=dark] *{transition:background-color .3s,color .3s}@media (max-width:750px){.header-content{flex-direction:column;align-items:flex-start;padding:8px}.nav-links{flex-wrap:wrap;margin-top:8px;font-size:9pt}.user-nav{justify-content:space-between;width:100%;margin-top:8px;font-size:8pt}.post-item{padding:8px 4px}.rank{min-width:20px;font-size:8pt}.title{font-size:10pt}.subtext{font-size:7pt}.container{padding:0 5px}.upvote,.collapse-btn,.action-link{margin:-5px;padding:5px}.stats-grid{grid-template-columns:1fr 1fr!important}}.domain{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100px;display:inline-block;overflow:hidden}@media (pointer:coarse){button,.admin-btn{min-height:36px;padding:0 16px}}.heatmap-container{padding:10px 0;overflow-x:auto}.heatmap{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(53,1fr);grid-auto-flow:column;gap:3px;width:max-content;display:grid}.heatmap-cell{background-color:#ebedf0;border-radius:2px;width:10px;height:10px;transition:transform .1s}.heatmap-cell:hover{z-index:10;cursor:pointer;transform:scale(1.3)}.level-0{background-color:#ebedf0}.level-1{background-color:#9be9a8}.level-2{background-color:#40c463}.level-3{background-color:#30a14e}.level-4{background-color:#216e39}[data-theme=dark] .level-0{background-color:#161b22}[data-theme=dark] .level-1{background-color:#0e4429}[data-theme=dark] .level-2{background-color:#006d32}[data-theme=dark] .level-3{background-color:#26a641}[data-theme=dark] .level-4{background-color:#39d353}.heatmap-legend .heatmap-cell{width:8px;height:8px}