/* Hotbots desktop theme: Mac OS 9 / Platinum. Generated by /workspace/hotbots/macos9-build/build-platinum-themes.py; do not edit by hand.
   Mac OS 9 Platinum chrome over the base desktop.css. Fonts: Barlow Semi Condensed + Atkinson Hyperlegible (both OFL). */
@font-face{font-family:"HBUI";src:url(../fonts/BarlowSemiCondensed-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"HBUI";src:url(../fonts/BarlowSemiCondensed-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"HBUI";src:url(../fonts/BarlowSemiCondensed-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}
body[data-theme="platinum"]{--p0:#FFFFFF;--p1:#EEEEEE;--p2:#DDDDDD;--p3:#CCCCCC;--p4:#AAAAAA;--p5:#888888;--p6:#555555;--p7:#262626;--ink:#000;--paper:#fff;
  --yellow:#FFE14D;--gold:#FFD14A;--orange:#F28A35;--red:#DE4332;
  --sun:linear-gradient(var(--yellow) 0 34%,#fff 34% 40%,var(--gold) 40% 54%,#fff 54% 59%,var(--orange) 59% 72%,#fff 72% 77%,var(--red) 77% 100%);
  --ui:"HBUI","Arial Narrow",sans-serif;--body:"Atkinson",system-ui,sans-serif;
  --desk:#7A7A7A;--accent:#3164C8;--accent-d:#1E3F8A;--accent-l:#8FA9E6;--accent-xl:#CBD7F3;--hi:#3A62AB;--hi-ink:#fff;--tbc:#D3DDF5;
  font-family:var(--ui);font-weight:600;color:var(--ink);image-rendering:auto;-webkit-font-smoothing:antialiased;
  background:var(--desk) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='.10'/></svg>") repeat;background-size:160px 160px}
body[data-theme="platinum"] img{image-rendering:auto}
body[data-theme="platinum"] ::selection{background:var(--accent-xl);color:var(--ink)}

/* menu bar */
body[data-theme="platinum"] .menubar{gap:4px;height:28px;padding:0 14px;font-size:15.5px;font-weight:700;
  background:linear-gradient(#F4F4F4,#E2E2E2 60%,#D6D6D6);border-bottom:1px solid var(--p7);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #A6A6A6,0 1px 2px rgba(0,0,0,.25)}
body[data-theme="platinum"] .menubar::before,body[data-theme="platinum"] .menubar::after{content:"";position:absolute;top:0;width:8px;height:8px;pointer-events:none}
body[data-theme="platinum"] .menubar::before{left:0;background:radial-gradient(circle at 100% 100%,transparent 7.5px,#000 8px)}
body[data-theme="platinum"] .menubar::after{right:0;background:radial-gradient(circle at 0 100%,transparent 7.5px,#000 8px)}
body[data-theme="platinum"] .menubar a{padding:0 11px;line-height:27px;height:27px}
body[data-theme="platinum"] .menubar a:hover,body[data-theme="platinum"] .menubar a:focus-visible{background:var(--hi);color:var(--hi-ink);outline:none;box-shadow:none}
body[data-theme="platinum"] .menubar .sun{margin:0 10px 0 2px}
body[data-theme="platinum"] .menubar .right{margin-left:auto;letter-spacing:.08em;font-size:14px}
body[data-theme="platinum"] .sun{width:18px;height:18px;border:0;background:var(--sun);box-shadow:0 0 0 1px rgba(0,0,0,.55),inset -1px -1px 0 rgba(0,0,0,.15)}

/* Platinum window */
body[data-theme="platinum"] .win{background:var(--p2);border:1px solid var(--p7);border-radius:4px 4px 1px 1px;padding:0 5px 5px;
  box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #9A9A9A,inset 2px 2px 0 #EFEFEF,2px 2px 0 rgba(0,0,0,.28),3px 3px 3px rgba(0,0,0,.22)}
body[data-theme="platinum"] .win .titlebar,body[data-theme="platinum"] .win.accent-evt .titlebar,body[data-theme="platinum"] .win.accent-id .titlebar{height:22px;padding:0 52px 0 26px;margin:0 -1px;border-bottom:0;
  background:repeating-linear-gradient(#F7F7F7 0 1px,#A9A9A9 1px 2px) 22px 5px/calc(100% - 66px) 11px no-repeat}
body[data-theme="platinum"] .titlebar h2,body[data-theme="platinum"] .titlebar .t{font-family:var(--ui);font-weight:700;font-size:14.5px;letter-spacing:.01em;line-height:22px;background:var(--p2);padding:0 9px}
body[data-theme="platinum"] .titlebar::before,body[data-theme="platinum"] .titlebar::after,body[data-theme="platinum"] .titlebar h2::after{content:"";position:absolute;top:4px;width:13px;height:13px;border:0;
  box-shadow:1px 1px 0 #fff;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23BDBDBD'/%3E%3Cstop offset='.7' stop-color='%23F3F3F3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='.5' y='.5' width='12' height='12' fill='url(%23g)' stroke='%233A3A3A'/%3E%3Cpath d='M1.5 11V1.5H11' fill='none' stroke='%23fff'/%3E%3Cpath d='M2 11.5H11.5V2' fill='none' stroke='%238E8E8E'/%3E%3C/svg%3E") 0 0/13px 13px no-repeat}
body[data-theme="platinum"] .titlebar::before{left:6px}
body[data-theme="platinum"] .titlebar::after{right:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23BDBDBD'/%3E%3Cstop offset='.7' stop-color='%23F3F3F3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='.5' y='.5' width='12' height='12' fill='url(%23g)' stroke='%233A3A3A'/%3E%3Cpath d='M1.5 11V1.5H11' fill='none' stroke='%23fff'/%3E%3Cpath d='M2 11.5H11.5V2' fill='none' stroke='%238E8E8E'/%3E%3Crect x='2.5' y='2.5' width='5' height='5' fill='none' stroke='%233A3A3A'/%3E%3Cpath d='M3.5 6.5V3.5H6.5' fill='none' stroke='%23fff'/%3E%3C/svg%3E")}
body[data-theme="platinum"] .titlebar h2::after{right:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23BDBDBD'/%3E%3Cstop offset='.7' stop-color='%23F3F3F3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='.5' y='.5' width='12' height='12' fill='url(%23g)' stroke='%233A3A3A'/%3E%3Cpath d='M1.5 11V1.5H11' fill='none' stroke='%23fff'/%3E%3Cpath d='M2 11.5H11.5V2' fill='none' stroke='%238E8E8E'/%3E%3Crect x='1.5' y='4.5' width='10' height='2' fill='%23fff' stroke='%233A3A3A'/%3E%3C/svg%3E");pointer-events:none}
body[data-theme="platinum"] .win > .body,body[data-theme="platinum"] .win > .doc{background:#fff;border:1px solid var(--p6);box-shadow:1px 1px 0 #fff,-1px -1px 0 #A4A4A4}
body[data-theme="platinum"] .w-logo::after,body[data-theme="platinum"] .w-people::after{content:"";position:absolute;right:6px;bottom:6px;width:15px;height:15px;pointer-events:none;
  background:linear-gradient(135deg,transparent 45%,#fff 45% 52%,#8A8A8A 52% 60%,transparent 60% 66%,#fff 66% 72%,#8A8A8A 72% 80%,transparent 80%),var(--p2);
  border-left:1px solid var(--p6);border-top:1px solid var(--p6)}

/* logo */
body[data-theme="platinum"] .w-logo .body{padding:28px 30px 24px}
body[data-theme="platinum"] .lockup .tag{border-left:1px solid var(--p5);box-shadow:1px 0 0 #fff inset;font-weight:700}
body[data-theme="platinum"] .lead{font-weight:400}
body[data-theme="platinum"] .lockup .tag:only-child{border-left:0;box-shadow:none;padding-left:0}

/* people */
body[data-theme="platinum"] .w-people .body{padding:16px 16px 30px}
body[data-theme="platinum"] .frames img{border:1px solid var(--p6);box-shadow:1px 1px 0 #fff,-1px -1px 0 #A4A4A4}
body[data-theme="platinum"] .frames figcaption{font-size:14px;margin-top:7px;align-items:center;font-weight:700}
body[data-theme="platinum"] .tagx{font-size:12.5px;padding:0 8px;line-height:17px;color:var(--ink);border:1px solid var(--p6);border-radius:9px;background:linear-gradient(#FAFAFA,#D9D9D9);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #9A9A9A}
body[data-theme="platinum"] .intro{font-weight:400}
body[data-theme="platinum"] .note{margin:16px 0 0;border:1px solid #9A9A9A;box-shadow:1px 1px 0 #fff,inset 1px 1px 0 #fff;border-radius:2px;background:#F4F4F4;font-weight:400}

/* type */
body[data-theme="platinum"] .w-what h3,body[data-theme="platinum"] .w-events h3,body[data-theme="platinum"] .w-apply h3{font-weight:700}
body[data-theme="platinum"] .w-what p,body[data-theme="platinum"] .w-events p,body[data-theme="platinum"] .w-apply p,body[data-theme="platinum"] .evt span{font-weight:400}

/* what-it-is document + Platinum scroll bar */
body[data-theme="platinum"] .w-what .doc{grid-template-columns:1fr 16px}
body[data-theme="platinum"] .w-what .doc > .body{padding-right:22px}
body[data-theme="platinum"] .scroll{border-left:1px solid var(--p6);background:linear-gradient(90deg,#9E9E9E,#B9B9B9 30%,#C9C9C9);box-shadow:inset 1px 0 0 #7E7E7E}
body[data-theme="platinum"] .scroll::before{content:"";position:absolute;inset:0;height:auto;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23F2F2F2'/%3E%3Cstop offset='1' stop-color='%23C9C9C9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='15' height='15' fill='url(%23c)'/%3E%3Cpath d='M.5 14V.5H14' fill='none' stroke='%23fff'/%3E%3Cpath d='M1 14.5H14.5V1' fill='none' stroke='%238C8C8C'/%3E%3Cpath d='M0 15.5H15' stroke='%23555'/%3E%3Cpath d='M3.5 10 7.5 5.5 11.5 10Z' fill='%23222'/%3E%3C/svg%3E") 0 0/15px 16px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23F2F2F2'/%3E%3Cstop offset='1' stop-color='%23C9C9C9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect y='1' width='15' height='15' fill='url(%23c)'/%3E%3Cpath d='M.5 15V1.5H14' fill='none' stroke='%23fff'/%3E%3Cpath d='M1 15.5H14.5V2' fill='none' stroke='%238C8C8C'/%3E%3Cpath d='M0 .5H15' stroke='%23555'/%3E%3Cpath d='M3.5 6 7.5 10.5 11.5 6Z' fill='%23222'/%3E%3C/svg%3E") 0 100%/15px 16px no-repeat}
body[data-theme="platinum"] .scroll::after{content:"";position:absolute;left:0;right:0;top:calc(16px + 9%);bottom:auto;height:32%;border:0;border-top:1px solid var(--p7);border-bottom:1px solid var(--p7);
  background:repeating-linear-gradient(transparent 0 2px,rgba(255,255,255,.85) 2px 3px,rgba(0,0,0,.35) 3px 4px) center/7px 12px no-repeat,
    linear-gradient(90deg,var(--accent-l),var(--accent-xl) 35%,var(--accent-l) 75%,var(--accent));
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.7),inset -1px -1px 0 rgba(0,0,0,.25)}
body[data-theme="platinum"] .chip{font-size:14.5px;font-weight:700;padding:1px 12px;border:1px solid var(--p6);border-radius:11px;background:linear-gradient(#FCFCFC,#DADADA);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #9A9A9A}

/* events */
body[data-theme="platinum"] .evt{border-top:1px solid #A8A8A8;box-shadow:inset 0 1px 0 #fff}
body[data-theme="platinum"] .evt:first-of-type{border-top:0;box-shadow:none}
body[data-theme="platinum"] .evt img{image-rendering:pixelated}
body[data-theme="platinum"] .evt b{font-weight:700}
body[data-theme="platinum"] .tbc,body[data-theme="platinum"] .evt .tbc{display:inline-block;margin-top:7px;font-weight:700!important;font-size:13px!important;line-height:18px!important;background:var(--tbc);border:1px solid var(--p6);border-radius:2px;padding:0 7px;box-shadow:inset 1px 1px 0 rgba(255,255,255,.7)}
body[data-theme="platinum"] .progress{margin-top:12px}
body[data-theme="platinum"] .progress .bar{height:14px;border:1px solid var(--p6);border-radius:1px;background:linear-gradient(#9C9C9C,#C4C4C4 40%,#E4E4E4);box-shadow:inset 1px 1px 0 #6E6E6E,1px 1px 0 #fff}
body[data-theme="platinum"] .progress .bar i{inset:0 auto 0 0;width:35%;border-right:1px solid var(--accent-d);background:linear-gradient(var(--accent-xl),var(--accent-l) 25%,var(--accent) 60%,var(--accent-d))}
body[data-theme="platinum"] .progress small{font-size:13.5px;font-weight:700}

/* apply: movable-modal alert */
body[data-theme="platinum"] .w-apply{padding:0;border:1px solid var(--p7);border-radius:2px;background:var(--p2)}
body[data-theme="platinum"] .w-apply .inner{margin:4px;border:1px solid var(--p6);outline:0;box-shadow:1px 1px 0 #fff,-1px -1px 0 #A4A4A4,inset 1px 1px 0 #fff;background:var(--p2)}
body[data-theme="platinum"] .w-apply .inner::after{content:none;display:none}
body[data-theme="platinum"] .w-apply .body{padding:26px 28px 24px}
body[data-theme="platinum"] .w-apply .bigsun{width:58px;height:58px;border:0}
body[data-theme="platinum"] .w-apply .fine{color:#3A3A3A}
body[data-theme="platinum"] .drag-handle{height:20px}
body[data-theme="platinum"] .btns{gap:18px}
body[data-theme="platinum"] .btn,body[data-theme="platinum"] .btn.default{font-family:var(--ui);font-weight:700;font-size:16px;color:var(--ink);min-width:86px;text-align:center;padding:3px 18px;
  border:1px solid var(--p7);border-radius:12px;background:linear-gradient(#FFFFFF,#E8E8E8 45%,#CFCFCF);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #9A9A9A}
body[data-theme="platinum"] .btn.default{margin:0 4px;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #9A9A9A,0 0 0 1px #F2F2F2,0 0 0 4px var(--accent),0 0 0 5px var(--accent-d)}
body[data-theme="platinum"] .btn:active,body[data-theme="platinum"] .btn.default:active{background:linear-gradient(#8C8C8C,#B5B5B5);color:#fff}
body[data-theme="platinum"] .btn:focus-visible{background:linear-gradient(#FFFFFF,#E8E8E8 45%,#CFCFCF);color:var(--ink);outline:2px solid var(--hi);outline-offset:6px}
/* email opt-in under the logo: Platinum edit field + default button */
body[data-theme="platinum"] .optin-row{gap:12px}
body[data-theme="platinum"] .optin input[type=email]{height:30px;padding:3px 8px;font-family:var(--body);font-weight:400;font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--p6);border-radius:0;box-shadow:inset 1px 1px 0 var(--p4),inset -1px -1px 0 var(--p1)}
body[data-theme="platinum"] .optin input[type=email]:focus-visible{outline:none;box-shadow:inset 1px 1px 0 var(--p4),0 0 0 2px var(--accent-l),0 0 0 3px var(--accent)}
body[data-theme="platinum"] .optin .btn{font-size:16px;margin-right:5px}
body[data-theme="platinum"] .optin-note{font-weight:400;color:#3A3A3A;opacity:1}
body[data-theme="platinum"] .optin-done p{font-weight:400}

/* sunny + icons */
body[data-theme="platinum"] .w-sunny img{image-rendering:pixelated}
body[data-theme="platinum"] .w-sunny p{font-weight:700}
body[data-theme="platinum"] .icons{gap:30px}
body[data-theme="platinum"] .icon img{width:60px;height:60px;padding:6px;image-rendering:pixelated;background:linear-gradient(135deg,#fff,#EDEDED);
  border:1px solid var(--p7);border-radius:3px;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #A0A0A0,2px 2px 2px rgba(0,0,0,.25)}
body[data-theme="platinum"] .icon span{font-size:14.5px;font-weight:700;background:#fff;padding:0 5px;line-height:18px}
body[data-theme="platinum"] .icon:hover span,body[data-theme="platinum"] .icon:focus-visible span{background:var(--hi);color:var(--hi-ink);outline:none;box-shadow:none}
body[data-theme="platinum"] .icon:hover img,body[data-theme="platinum"] .icon:focus-visible img{filter:brightness(.78)}

/* footer */
body[data-theme="platinum"] .deskfoot{gap:8px 14px;font-size:14px;font-weight:700}
body[data-theme="platinum"] .deskfoot a,body[data-theme="platinum"] .deskfoot span{padding:1px 12px;border:1px solid var(--p7);border-radius:11px;background:linear-gradient(#FFFFFF,#E4E4E4 45%,#CFCFCF);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #9A9A9A;color:var(--ink)}
body[data-theme="platinum"] .deskfoot span{border-radius:2px;background:var(--p2)}
body[data-theme="platinum"] .deskfoot a:hover{background:var(--hi);color:var(--hi-ink)}

/* focus */
body[data-theme="platinum"] a:focus-visible,body[data-theme="platinum"] button:focus-visible,body[data-theme="platinum"] [tabindex]:focus-visible{outline:2px solid var(--hi);outline-offset:2px;box-shadow:none}

/* member photos: Platinum-framed versions of the two System 7 window frames (only while the stored src is unchanged) */
body[data-theme="platinum"] .frames img[src="/assets/desktop/frames/live-evt.png"]{content:url(platinum-frames/platinum/live-evt.png)}
body[data-theme="platinum"] .frames img[src="/assets/desktop/frames/is-this-you.png"]{content:url(platinum-frames/platinum/is-this-you.png)}

/* 13 Nov 2026: next-event window + equal member windows */
body[data-theme="platinum"] .menubar .menu-evt::before{background:var(--accent)}
body[data-theme="platinum"] .evt-title{font-weight:800}
body[data-theme="platinum"] .evt-date{font-weight:700;border-color:var(--p5);box-shadow:0 1px 0 #fff}
body[data-theme="platinum"] .evt-venue,body[data-theme="platinum"] .evt-credit,body[data-theme="platinum"] .evt-copy{font-weight:400}
body[data-theme="platinum"] .w-event.hb-flash{animation-name:hbflashp}
@keyframes hbflashp{0%,40%{outline:3px solid var(--accent);outline-offset:4px}100%{outline:3px solid transparent;outline-offset:10px}}

@media (max-width:760px){
  body[data-theme="platinum"] .menubar{gap:0;font-size:15px;padding:0 8px}
  body[data-theme="platinum"] .menubar a{padding:0 8px}
  body[data-theme="platinum"] .desktop{padding:16px 12px 70px}
  body[data-theme="platinum"] .titlebar h2,body[data-theme="platinum"] .titlebar .t{font-size:14.5px}
  body[data-theme="platinum"] .w-logo .body{padding:20px 16px 22px}
  body[data-theme="platinum"] .optin .btn{margin:0 5px}
  body[data-theme="platinum"] .lockup .tag{border-left:0;box-shadow:none}
  body[data-theme="platinum"] .w-apply .body{padding:22px 20px}
  body[data-theme="platinum"] .icon img{width:52px;height:52px}
  body[data-theme="platinum"] .w-sunny img{width:128px}
}