*{box-sizing:border-box}:root{--xp-panel-bg:#fff;--xp-font-ui:Tahoma, "Trebuchet MS", "Segoe UI", Arial, sans-serif;--title-font:"Trebuchet MS", Tahoma, "Segoe UI", sans-serif;--term-font:"Lucida Console", "Courier New", monospace}html{background:#3a6ea5}body{min-height:100vh;font-family:var(--xp-font-ui);color:#000;background:linear-gradient(135deg,#3a6ea5,#83b5e8);margin:0;font-size:11px;line-height:1.4}.container{background:var(--xp-panel-bg);max-width:1100px;font:13px/1.5 var(--xp-font-ui);margin:20px auto;box-shadow:0 3px 18px #00143c73}.header{color:#fff;text-align:center;background:linear-gradient(#04b 0%,#027 100%);border-bottom:2px solid #001a55;padding:14px 8px}.header h1{font:bold 28px var(--term-font);letter-spacing:2px;margin:4px 0}.subtitle{color:#e4efff;margin-bottom:6px;font-size:13px;font-style:italic}.sparkline{font:12px var(--term-font);color:#0f0;letter-spacing:1px}.hi{font:11px var(--term-font);color:#b0c8ea}.marquee-container{color:#027;font:bold 12px var(--term-font);white-space:nowrap;background:#fff8bb;border-block:1px solid #d4c880;padding:4px 0;overflow:hidden}.marquee-container marquee{display:block}.navbar{text-align:center;background:linear-gradient(#ece9d8 0%,#d8d4c4 100%);border-bottom:1px solid #a8a494;padding:4px 8px}.navbar a{color:#027;background:linear-gradient(#fff 0%,#ece9d8 100%);border:1px solid #9aa4b4;border-radius:3px;margin:2px 3px;padding:3px 12px;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-block}.navbar a:hover{color:#000;background:linear-gradient(#f0f7ff 0%,#cfe5ff 100%);border-color:#316ac5}.main-content{border-collapse:collapse;width:100%;display:table}.sidebar{vertical-align:top;background:#f4f3ec;border-right:1px solid #dcd8cc;width:190px;padding:10px 8px;font-size:11px;display:table-cell}.posts-area{vertical-align:top;background:#fff;padding:14px 18px;display:table-cell}.post{background:#fff;border:1px solid #b4c6e0;border-radius:4px;margin-bottom:16px;padding:12px 16px;box-shadow:1px 2px 6px #00143c14}.post.featured{background:#fbfdff;border:2px solid #316ac5;box-shadow:2px 4px 10px #316ac526}.featured-tag{color:#fff;font:bold 10px var(--term-font);letter-spacing:1px;background:#316ac5;border-radius:2px;margin-bottom:4px;padding:2px 8px;display:inline-block}.post-date{font:11px var(--term-font);color:#555;border-bottom:1px dashed #ccc;margin-bottom:8px;padding-bottom:4px}.post h2{font:bold 17px var(--title-font);color:#039;margin:5px 0 8px}.post h2 a,.read-more{color:inherit;text-decoration:underline}.post h2 a:hover,.read-more:hover{color:#d62222}.post p{text-align:justify;color:#222;margin:8px 0;font-size:12.5px}.post code{font:11.5px var(--term-font);color:maroon;background:#f0f4fa;border:1px solid #c0d0e6;border-radius:2px;padding:1px 4px}.cat-chip{font:bold 10px var(--term-font);color:#fff;letter-spacing:1px;background:navy;border-radius:2px;padding:1px 7px;display:inline-block}.read-more{color:#039;margin-top:8px;font-size:11.5px;font-weight:700;display:inline-block}.post-summary{font-style:italic;color:#555!important}.sidebar h3{font:bold 12px var(--title-font);color:#027;text-align:center;letter-spacing:.5px;background:linear-gradient(#d3e5fa 0%,#b8d4f8 100%);border:1px solid #a8c4e8;border-radius:3px;margin:12px 0 6px;padding:4px 6px}.sidebar h3:first-child{margin-top:0}.sidebar ul{margin:4px 0;padding-left:18px;font-size:11.5px;list-style:square}.sidebar li{color:#039;margin-bottom:3px}.sidebar a{color:#039;text-decoration:underline}.counter,.sys-monitor{color:#0f6;font:11px var(--term-font);text-align:center;background:#0c0c0c;border:1px solid #555;border-radius:3px;margin-top:6px;padding:5px}.sys-monitor{text-align:left;padding:6px;font-size:10px}.mini-track{background:#222;border:1px solid #444;border-radius:2px;height:8px;margin:4px 0}.mini-fill{background:#0f6;border-radius:1px;width:70%;height:100%}.construction{font:bold 11px var(--term-font);color:#640;background:#fff8bb;border:1px dashed #970;border-radius:3px;margin:5px;padding:3px 8px;display:inline-block}.best{text-align:center;color:#666;margin-top:8px;font-size:10px}.pager{text-align:center;margin:14px 0 8px}.pg{color:#000;font:bold 12px var(--xp-font-ui);background:linear-gradient(#fff 0%,#ece9d8 100%);border:1px solid #7f9db9;border-radius:3px;margin:0 3px;padding:3px 12px}.pg.on{color:#fff;background:#245edb;border-color:#0c1c5b}.pg:disabled{color:#888;opacity:.6}hr{border:0;border-top:1px dashed #b8cce6;margin:10px 0}.back-top{text-align:center;margin:12px 0 6px;font-size:11.5px}.back-top a{color:#039;font-weight:700}.empty-state{padding:30px;text-align:center!important}.footer{text-align:center;font:11px var(--term-font);color:#444;background:#ece9d8;border-top:1px solid #c0bcb0;padding:10px}.footer p{margin:4px 0}.footer a{color:#039}.badge{background:#fff;border:1px solid #b8c4d4;border-radius:3px;margin:2px;padding:2px 6px;font-size:10px;display:inline-block}.b88{width:88px;height:31px;line-height:31px;font:bold 9px var(--term-font);color:#fff;vertical-align:middle;border:1px solid #000;border-radius:2px;margin:3px 2px;display:inline-block}.b88:first-child{background:linear-gradient(#306998,#1a3c5a)}.b88:nth-child(2){background:linear-gradient(#00758f,#003d4d)}.b88:nth-child(3){background:linear-gradient(purple,indigo)}.b88:nth-child(4){background:linear-gradient(olive,#4b4b00)}@media (width<=820px){.container{margin:0}.main-content,.sidebar,.posts-area{width:100%;display:block}.sidebar{border-bottom:1px solid #dcd8cc;border-right:0}}