/* Aqua alternative: pinstriped chrome, translucent blue gel, soft window depth. */
html:has(.aqua){background:radial-gradient(ellipse at 15% 10%,#bed8ef 0,transparent 52%),linear-gradient(145deg,#7ba4c9,#d7e7f2 65%,#a7c3de);min-height:100%}.aqua{font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,sans-serif}.aqua .desktop-header{color:#3f536b}.aqua .nap{color:#304b67;text-shadow:0 1px #ffffff80}.aqua .desktop{margin-top:30px}.aqua .window{padding:0 0 7px;border:1px solid #8b9da9;border-top-color:#e4ecf1;border-radius:12px;overflow:hidden;background:repeating-linear-gradient(0deg,#e8edf0 0px,#e8edf0 2px,#f7f9fa 2px,#f7f9fa 4px);box-shadow:0 20px 42px #18334f45,0 6px 12px #18334f33,0 1px 0 #fff inset}.aqua .titlebar{position:relative;height:34px;justify-content:center;border-bottom:1px solid #9ba7af;border-radius:11px 11px 0 0;background:linear-gradient(#fff,#e9edf0 45%,#c8d0d6);color:#37424b;text-shadow:0 1px #fff;font-size:13px;font-weight:bold;box-shadow:0 1px 0 white inset}.aqua .titlebar img{display:none}.traffic-lights{position:absolute;left:13px;top:10px;display:flex;gap:7px}.traffic-lights :is(i,button){width:13px;height:13px;border-radius:50%;border:1px solid #a84d43;background:radial-gradient(ellipse at 50% 15%,#fff9 0 15%,transparent 35%),linear-gradient(#f49b89,#e55646 65%,#ffb596);box-shadow:0 1px 1px #fff,0 1px 2px #0004 inset}.traffic-lights :is(i,button):nth-child(2){border-color:#a08b39;background:radial-gradient(ellipse at 50% 15%,#fff9 0 15%,transparent 35%),linear-gradient(#ffec8c,#dcb649 65%,#fff3a1)}.traffic-lights :is(i,button):nth-child(3){border-color:#548b40;background:radial-gradient(ellipse at 50% 15%,#fff9 0 15%,transparent 35%),linear-gradient(#b6e79b,#74b750 65%,#c8f4a6)}.aqua nav{padding:17px 15px;justify-content:center;gap:0}.aqua nav a{bottom:auto;padding:5px 22px;border:1px solid #94a7b8;border-right:0;border-radius:0;background:linear-gradient(#fff,#eff3f6 48%,#dae1e7 50%,#eef3f6);color:#34495d;box-shadow:0 1px 1px #fff inset,0 1px 2px #49678026;font-size:13px;text-shadow:0 1px #fff;z-index:0}.aqua nav a:first-child{border-radius:16px 0 0 16px}.aqua nav a:last-child{border-right:1px solid #94a7b8;border-radius:0 16px 16px 0}.aqua nav a[aria-current=page]{background:linear-gradient(#e8f8ff,#88cafa 46%,#54a6e9 49%,#bde8ff);color:#143b62;border-color:#578ab4;text-shadow:0 1px #e3f4ff;box-shadow:0 1px 1px #ffffffd9 inset,0 1px 4px #428cba50}.aqua main{margin:0 15px;border:1px solid #aabac4;background:#fff;border-radius:6px;box-shadow:0 1px 3px #35536a12 inset;overflow:hidden}.aqua h1{font-weight:600;letter-spacing:-1px;color:#273b50}.aqua .mascot{filter:drop-shadow(0 5px 3px #66739133)}.aqua .landing{padding-top:36px}.aqua .front-links a,.aqua .bevel,.aqua dialog button,.aqua .preview-controls button{border-radius:16px;border:1px solid #859fb7;background:linear-gradient(#fff,#e3f1fd 46%,#b8d9f2 50%,#f2fbff);padding:5px 15px;color:#2a4e70;box-shadow:0 1px 1px #fff inset,0 2px 3px #32537522;text-decoration:none;text-shadow:0 1px white;font-size:13px}.aqua .front-links{gap:13px}.aqua .statusbar{border:0;border-top:1px solid #cad2d8;margin:9px 16px 0;padding:7px 4px 0;color:#657987;font-family:inherit;font-size:12px}.aqua .desktop-footer{color:#465f75;text-shadow:0 1px #ffffff80}.aqua .post:nth-child(even){background:#f5f8fb}.aqua .board-toolbar{background:linear-gradient(#f7fafc,#e9f0f5);border-color:#ced9e2}.aqua dialog{border-radius:10px;overflow:hidden;background:#edf2f6;border-color:#9fb1be;box-shadow:0 15px 45px #16334b66;padding:0}.aqua .dialog-title{background:linear-gradient(#fff,#ccd7df);color:#34495d;text-align:center;text-shadow:0 1px #fff}.aqua input,.aqua textarea{border-radius:5px;border-color:#9eafbc;box-shadow:0 1px 3px #304b6322 inset}.aqua .event img{border-radius:5px;box-shadow:0 3px 7px #29415c26}.aqua .preview-controls a{color:#344f6c}
html[data-mode=dark]:has(.aqua){background:radial-gradient(ellipse at 15% 10%,#334c6d,transparent 60%),linear-gradient(145deg,#15263c,#263b56)}html[data-mode=dark] .aqua .window{background:repeating-linear-gradient(0deg,#323c48 0 2px,#37414d 2px 4px);border-color:#718295 #18222d #18222d #718295;box-shadow:0 22px 45px #070e1b88,0 1px 0 #879bad inset}html[data-mode=dark] .aqua .titlebar,html[data-mode=dark] .aqua .dialog-title{background:linear-gradient(#697a8a,#465565 50%,#334250);color:#eef4fa;text-shadow:0 1px #1a2733;border-color:#192b3b}html[data-mode=dark] .aqua nav a{background:linear-gradient(#748492,#506070 48%,#354554 50%,#536779);border-color:#243b50;color:#e3ebf2;text-shadow:0 1px #243546}html[data-mode=dark] .aqua nav a[aria-current=page]{background:linear-gradient(#b4ddff,#5c9fd6 46%,#2f72a9 49%,#78b9ea);color:#102c45;text-shadow:0 1px #b7dfff;border-color:#84b8df}html[data-mode=dark] .aqua main{background:#202c37;border-color:#546b7f}html[data-mode=dark] .aqua h1{color:#e8f2ff}html[data-mode=dark] .aqua .post:nth-child(even){background:#263441}html[data-mode=dark] .aqua .board-toolbar{background:linear-gradient(#3d5062,#2e4051)}html[data-mode=dark] .aqua .statusbar{border-color:#586b7b;color:#bccbd7}html[data-mode=dark] .aqua .desktop-header,html[data-mode=dark] .aqua .nap,html[data-mode=dark] .aqua .desktop-footer,html[data-mode=dark] .aqua .preview-controls a{color:#c0d4e7;text-shadow:none}html[data-mode=dark] .aqua .front-links a,html[data-mode=dark] .aqua .bevel,html[data-mode=dark] .aqua dialog button,html[data-mode=dark] .aqua .preview-controls button{background:linear-gradient(#778da2,#4e6981 46%,#35516a 50%,#67859e);color:#f0f7ff;text-shadow:0 1px #20384f;border-color:#92a7ba;box-shadow:0 1px 1px #d2e3f355 inset,0 2px 4px #09132355}html[data-mode=dark] .aqua dialog{background:#303f4b}html[data-mode=dark] .aqua .event,html[data-mode=dark] .aqua .post,html[data-mode=dark] .aqua .page-heading{border-color:#3d5162}@media(max-width:600px){.aqua nav a{padding:6px 17px}.aqua main{margin:0 9px}.aqua .desktop{margin-top:20px}.aqua .front-links{flex-wrap:wrap}.aqua .titlebar{height:36px}.aqua .traffic-lights{left:11px;top:11px}.aqua .titlebar>div{font-size:12px}}
/* Keep a stable top edge while the content window grows and contracts. */
.aqua .desktop{width:calc(100% - 40px);max-width:664px;margin-top:30px;transition:max-width 420ms cubic-bezier(.22,.68,.22,1)}
.aqua.wide .desktop{width:calc(100% - 40px);max-width:830px;margin-top:30px}
html{scrollbar-gutter:stable}
@media(max-width:600px){.aqua .desktop,.aqua.wide .desktop{width:calc(100% - 24px);margin-top:20px}}
@media(prefers-reduced-motion:reduce){.aqua .desktop{transition:none}}