:root{--desktop:teal;--silver:silver;--light:#dfdfdf;--shadow:gray;--paper:#fff;--highlight:#ffc;--navy:navy;--title-end:#1084d0;--night:#003;--red:red;--yellow:#ff0;--led:#0f0;--black:#000;--link:#00e;--link-visited:#551a8b;--serif:Georgia, "Times New Roman", Times, serif;--sans:Verdana, Geneva, sans-serif;--ui:Tahoma, "MS Sans Serif", Verdana, sans-serif;--mono:"Courier New", Courier, monospace;--bevel-out:inset -1px -1px var(--black), inset 1px 1px var(--paper), inset -2px -2px var(--shadow), inset 2px 2px var(--light);--bevel-in:inset -1px -1px var(--paper), inset 1px 1px var(--black), inset -2px -2px var(--light), inset 2px 2px var(--shadow);--bevel-field:inset -1px -1px var(--paper), inset 1px 1px var(--shadow)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--black);background:var(--desktop);font-size:13px;line-height:1.5}a{color:var(--link)}a:visited{color:var(--link-visited)}a:hover,a:active{color:var(--red)}a:focus-visible,button:focus-visible{outline-offset:2px;outline:1px dotted}h1,h2,h3,p,ul{margin:0}hr{margin:0 0 12px}.window{background:var(--silver);width:calc(100% - 48px);max-width:1280px;box-shadow:var(--bevel-out);font-family:var(--ui);margin:24px auto;padding:3px;font-size:11px}.titlebar{background:linear-gradient(90deg, var(--navy), var(--title-end));height:20px;color:var(--paper);align-items:center;gap:4px;padding:0 2px 0 3px;font-weight:700;display:flex}.titlebar-icon{background:url(/web.png) 50%/contain no-repeat;flex:none;width:14px;height:14px}.titlebar-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.titlebar-buttons{gap:2px;display:flex}.titlebar-buttons span{text-align:center;width:16px;height:14px;color:var(--black);background:var(--silver);box-shadow:var(--bevel-out);font-size:11px;line-height:12px}.titlebar-buttons span:last-child{margin-left:2px}.menubar{border-bottom:1px solid var(--shadow);box-shadow:0 1px var(--paper);padding:2px 0;display:flex}.menubar span{padding:1px 6px}.addressbar{align-items:center;gap:6px;padding:4px 4px 5px;display:flex}.addressbar-label{color:var(--shadow)}.addressbar-field{white-space:nowrap;text-overflow:ellipsis;background:var(--paper);min-width:0;box-shadow:var(--bevel-in);flex:1;padding:2px 4px;overflow:hidden}.statusbar{gap:2px;margin-top:2px;display:flex}.statusbar-cell{box-shadow:var(--bevel-field);padding:1px 6px}.statusbar-main{flex:1}.statusbar-zone{width:140px}.page{background:var(--paper);box-shadow:var(--bevel-in);font-family:var(--sans);padding:2px;font-size:13px}.banner-title{background-color:var(--night);background-image:radial-gradient(1px 1px at 12% 30%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 33% 72%, #9cf 50%, transparent 51%), radial-gradient(1px 1px at 58% 22%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 71% 64%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 86% 38%, #9cf 50%, transparent 51%), radial-gradient(1px 1px at 94% 80%, #fff 50%, transparent 51%), linear-gradient(180deg, var(--night) 40%, #036 100%);border-bottom:2px solid var(--silver);background-size:180px 90px,180px 90px,180px 90px,180px 90px,180px 90px,180px 90px,100% 100%;padding:26px 22px 20px}.banner-title h1{font-family:var(--serif);letter-spacing:-.01em;font-size:42px;font-style:italic;font-weight:700;line-height:1.05}.banner-title h1 a,.banner-title h1 a:visited{color:var(--paper);background:linear-gradient(#fff 0%,#cdf 45%,#359 52%,#9be 75%,#fff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px 0 var(--black));-webkit-background-clip:text;background-clip:text;text-decoration:none}.banner-title p{color:var(--highlight);margin-top:6px;font-size:12px}.marquee{background:var(--black);border-bottom:2px solid var(--silver);overflow:hidden}.marquee-track{white-space:nowrap;color:var(--yellow);padding:4px 0;font-size:12px;font-weight:700;display:inline-block}.layout{grid-template-columns:172px 1fr;display:grid}.sidebar{background:var(--silver);font-family:var(--ui);padding:16px 8px}.side-box{border:1px solid var(--shadow);box-shadow:1px 1px var(--paper), inset 1px 1px var(--paper);padding:12px 7px 8px;position:relative}.side-box+.side-box{margin-top:18px}.side-heading{background:var(--silver);padding:0 3px;font-size:11px;font-weight:400;line-height:15px;position:absolute;top:-8px;left:6px}.side-buttons{gap:4px;padding:0;list-style:none;display:grid}.side-buttons a,.bevel-button{font-family:var(--ui);text-align:center;color:var(--black);background:var(--silver);box-shadow:var(--bevel-out);cursor:pointer;border:0;padding:4px 8px;font-size:11px;text-decoration:none;display:block}.side-buttons a:visited,.bevel-button:visited{color:var(--black)}.side-buttons a:hover{color:var(--navy);text-decoration:underline}.side-buttons a:active,.bevel-button:active{box-shadow:var(--bevel-in);padding:5px 7px 3px 9px}.side-index{font-family:var(--sans);background:var(--paper);box-shadow:var(--bevel-in);margin:0;padding:6px 6px 6px 22px;font-size:11px;line-height:1.6;list-style:square}.counter{background:var(--black);box-shadow:var(--bevel-in);justify-content:center;gap:2px;padding:4px;display:flex}.counter span{width:17px;font-family:var(--mono);text-align:center;color:var(--led);text-shadow:0 0 4px var(--led);background:#030;font-size:18px;font-weight:700;line-height:1.3;display:inline-block}.content{padding:16px 20px 4px}.content-heading{font-family:var(--serif);color:var(--navy);margin-bottom:6px;font-size:26px}.content-intro{border-bottom:2px groove var(--silver);padding-bottom:12px}.project-list{padding:0;list-style:none}.project{border-bottom:2px groove var(--silver);grid-template-columns:200px 1fr;gap:16px;padding:16px 0;scroll-margin-top:12px;display:grid}.project--new{background:var(--highlight);border:1px solid #cc9;margin:10px 0 0;padding:12px 10px}.project--new+.project:not(.project--new){border-top:2px groove var(--silver);margin-top:10px}.project-thumb{background:var(--silver);box-shadow:var(--bevel-out);align-self:start;padding:3px;display:block}.project-thumb img{aspect-ratio:1600/869;object-fit:cover;width:100%;height:auto;box-shadow:0 0 0 1px var(--black);display:block}.project-title{font-family:var(--serif);color:var(--navy);margin-bottom:4px;font-size:20px;line-height:1.2}.project-title a,.project-title a:visited{color:var(--navy);text-decoration:none}.project-title a:hover{color:var(--red);text-decoration:underline}.new-tag{font-family:var(--sans);color:var(--red);vertical-align:3px;margin-left:8px;font-size:11px;font-weight:700}.project-stack{margin-top:6px;font-size:11px}.project-links{margin-top:6px;font-weight:700}.breadcrumb{margin-bottom:8px;font-size:11px}.detail .content-intro{margin-bottom:16px}.detail-shot{max-width:640px}.detail-columns{grid-template-columns:1fr 220px;align-items:start;gap:24px;margin-top:20px;display:grid}.detail-body{max-width:62ch}.detail-heading{font-family:var(--serif);color:var(--navy);margin:0 0 4px;font-size:18px}.markdown>*+*{margin-top:10px}.markdown ul,.markdown ol{padding-left:22px}.markdown ul{list-style:square}.markdown p:has(>strong:only-child){color:var(--navy);margin-top:16px}.markdown p:has(>strong:only-child)+ul{margin-top:4px}.detail-info{font-family:var(--ui);background:var(--silver);margin-top:8px;font-size:11px}.detail-info dl{margin:0}.detail-info dt{font-weight:700}.detail-info dd{margin:0 0 8px}.detail-info dd:last-child{margin-bottom:0}.detail-pager{border-top:2px groove var(--silver);justify-content:space-between;gap:8px;margin-top:24px;padding:12px 0;display:flex}.not-found-links{margin-top:12px;font-weight:700}.footer{text-align:center;padding:16px 18px 18px}.badges{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;padding:0;list-style:none;display:flex}.badge,.badge:visited{width:88px;height:31px;font-family:var(--ui);color:var(--yellow);background:linear-gradient(180deg, #339, var(--navy));border:1px solid var(--black);flex-direction:column;justify-content:center;font-size:12px;font-weight:700;line-height:1;text-decoration:none;display:flex;box-shadow:inset 1px 1px #66c}.badge small{color:var(--paper);font-size:9px;font-weight:400}.badge:hover{color:var(--paper)}.footer-small{color:var(--shadow);margin-top:10px;font-size:11px}.to-top{z-index:10;width:auto;position:fixed;bottom:16px;right:16px}@media (prefers-reduced-motion:no-preference){.marquee-track{padding-left:100%;animation:28s linear infinite marquee}.marquee:hover .marquee-track{animation-play-state:paused}.new-tag{animation:1s step-end infinite blink}}@media (prefers-reduced-motion:reduce){.marquee-track{white-space:normal;padding-left:10px;padding-right:10px}}@keyframes marquee{to{transform:translate(-100%)}}@keyframes blink{50%{visibility:hidden}}@media (min-width:1100px){.project-list{grid-template-columns:1fr 1fr;column-gap:24px;display:grid}.project--new+.project:not(.project--new){border-top:0;margin-top:0}.project--new{margin-bottom:10px}}@media (max-width:720px){.window{width:auto;margin:0}.menubar{display:none}.banner-title{padding:20px 16px 16px}.banner-title h1{font-size:30px}.layout{grid-template-columns:1fr}.side-buttons{grid-template-columns:repeat(3,1fr)}.side-index{columns:2;column-gap:24px}.content{padding:16px 16px 4px}.project{grid-template-columns:1fr;gap:10px}.project-thumb{max-width:320px}.detail-shot{max-width:none}.detail-columns{grid-template-columns:1fr}.statusbar-zone{width:auto}}