:root{color-scheme:dark;--bg:#0b1420;--panel:#111f2d;--line:#253443;--ink:#ecf2f5;--muted:#91a4b5;--teal:#6de0c5;--amber:#e9bb79;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--teal);outline-offset:5px}button:focus-visible{border-radius:8px}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 0%,#15534d26,transparent 45%),radial-gradient(ellipse at 0% 60%,#1b345024,transparent 50%)}.workspace{position:relative;max-width:1180px;margin:auto;padding:0 44px}.masthead{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:16px;font-weight:700;letter-spacing:4px}.brand-mark{position:relative;width:40px;height:40px;border:1px solid #416263;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#203c3c;font:italic 34px Georgia;color:var(--teal);letter-spacing:-3px}.brand-mark span{font-size:22px;align-self:flex-start}.brand-sub{display:block;color:var(--muted);font-size:8px;letter-spacing:2px;margin-top:3px}.private{display:flex;align-items:center;gap:8px;font-size:11px;color:#a2b7b9}.private i{width:5px;height:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px #6de0c555}.intro{position:relative;padding:60px 0 45px;overflow:hidden}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--teal)}h1{font-size:clamp(36px,4.2vw,53px);line-height:1.13;letter-spacing:-2px;font-weight:550;margin:18px 0}h1 span{color:#9bb0bc}.intro p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.intro-meta{display:flex;align-items:center;gap:16px;margin-top:25px;color:#859ba8;font-size:10px}.mode{padding:5px 8px;border:1px solid #446254;border-radius:5px;color:#b8cbbd;font-size:8px;letter-spacing:1.2px}.orbit{position:absolute;right:55px;top:40px;width:250px;height:250px;border:1px solid #6de0c51c;border-radius:50%;transform:rotate(-25deg)}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #6de0c52a;border-radius:50%;inset:25px}.orbit:after{inset:55px;border-style:dashed}.orbit-inner{position:absolute;inset:75px;border:1px solid #63877b;border-radius:24px;background:linear-gradient(135deg,#203d3c,#12252d);display:grid;place-items:center;box-shadow:0 0 70px #6de0c512;transform:rotate(25deg)}.orbit-inner span{font-size:52px;color:var(--teal);line-height:1}.orbit-point{position:absolute;top:30px;left:28px;width:9px;height:9px;background:var(--amber);border:3px solid #3e3b30;border-radius:50%;box-shadow:0 0 0 7px #e9bb790b}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin:15px 0 21px}.collection-heading .eyebrow{color:#879aa6;font-size:9px}h2{font-weight:550;font-size:22px;letter-spacing:-.6px;margin:6px 0 0}h2 #count{font-size:11px;vertical-align:middle;background:#1d2c3a;color:#9eafbb;border-radius:6px;padding:3px 6px;margin-left:7px}.text-button,.icon-button{background:none;border:0;color:#b8c9d1;padding:9px;font-size:12px}.text-button:hover,.icon-button:hover{color:var(--teal)}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:#101d2b;padding:0 15px}.search>span{font-size:27px;color:#8096a8;line-height:1}.search input{width:100%;height:47px;background:none;border:0;outline:none;color:var(--ink);font-size:12px}.search:focus-within{border-color:#6de0c580;box-shadow:0 0 0 2px #6de0c512}.search input::placeholder{color:#7d91a3}.search kbd{border:1px solid #324352;color:#738a9c;font-size:10px;border-radius:4px;padding:1px 6px}.categories{display:flex;gap:6px;margin:18px 0 12px;overflow:auto;padding:2px 1px 8px;scrollbar-width:thin}.categories button{border:1px solid transparent;background:none;padding:7px 13px;color:#93a8b8;font-size:11px;border-radius:7px;white-space:nowrap}.categories button[aria-pressed=true]{color:#98ead7;background:#1c3a3a;border-color:#345956}.categories button:hover{color:var(--ink)}.status-note{color:#8194a3;font-size:10px;margin:0 0 17px;min-height:15px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-height:199px;padding:23px;border:1px solid #2a3a47;border-radius:14px;background:linear-gradient(130deg,#172735,#101d2a);color:var(--ink);transition:transform .18s,border-color .18s,background .18s;overflow:hidden}.tile:hover{transform:translateY(-3px);border-color:#5d9187;background:linear-gradient(130deg,#1a323d,#13232e)}.tile-top{display:flex;align-items:center;justify-content:space-between}.tile-icon{display:grid;place-items:center;width:39px;height:39px;background:#26413e80;border:1px solid #4d71635c;border-radius:11px;color:#87d4bd}.tile:nth-child(3n+2) .tile-icon{color:var(--amber);background:#463c2880;border-color:#7363435c}.tile:nth-child(3n) .tile-icon{color:#a6bce3;background:#293c5280;border-color:#4860795c}.tile-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tile-arrow{font-size:20px;color:#77949e}.tile h3{font-size:17px;font-weight:550;letter-spacing:-.3px;margin:18px 0 5px}.tile p{font-size:11px;color:#93a8b8;line-height:1.65;margin:0 0 20px;flex:1}.tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#8298a8}.health{display:flex;align-items:center;gap:5px;text-transform:none;letter-spacing:0;font-size:10px}.health:before{content:"";width:5px;height:5px;border-radius:50%;background:#667d8b}.health.up{color:#9cd4bf}.health.up:before{background:#6dd4ab}.health.down{color:#d8b589}.health.down:before{background:var(--amber)}.gate{border:1px solid var(--line);border-radius:14px;padding:23px;display:flex;gap:18px;align-items:center;background:#132330;margin:0 0 70px}.gate h2{font-size:16px;margin:0}.gate p{font-size:12px;color:var(--muted);margin:5px 0}.gate .text-button{margin-left:auto}.spinner{width:20px;height:20px;border:2px solid #334b54;border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite;flex:none}.gate.error .spinner{animation:none;border-color:var(--amber);position:relative}.gate.error .spinner:after{content:"!";position:absolute;inset:-2px;text-align:center;color:var(--amber);line-height:20px}.empty{text-align:center;padding:45px;color:var(--muted)}footer{display:flex;gap:9px;align-items:center;color:#718898;border-top:1px solid var(--line);margin-top:38px;padding:24px 0 32px;font-size:10px}.footer-mark{color:#68a794}.footer-right{margin-left:auto;font-size:9px}.viewer{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);z-index:10}.viewer-bar{display:flex;align-items:center;gap:18px;min-height:66px;padding:10px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#13232f;flex-shrink:0}.home-button{background:#203a3d;border:1px solid #416462;color:var(--teal);border-radius:9px;padding:10px 14px;font-size:12px;white-space:nowrap}.viewer-bar>div{min-width:0;flex:1}.viewer-bar strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px;font-weight:550}.viewer-bar div span{display:block;font-size:8px;letter-spacing:1.2px;color:#819ba9;margin-top:2px}.icon-button{font-size:24px}iframe{width:100%;flex:1;min-height:0;border:0;background:#fff}.viewer-message{padding:12px 16px;background:#203337;color:#d0e5e1;font-size:12px;display:flex;align-items:center;gap:8px;flex-shrink:0}.viewer-message:empty{display:none}.viewer-message button{margin-left:auto}.viewer-foot{font-size:9px;color:#93a9b6;padding:7px max(12px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:10px;background:#13232f}.viewer-foot span{color:#748d9d}body.in-viewer{overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1300px){.workspace{max-width:1220px}.intro{padding-top:65px;padding-bottom:55px}.tile{min-height:207px}}@media(max-width:900px){.workspace{padding:0 30px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.orbit{right:-40px;opacity:.65;width:220px;height:220px;top:52px}.orbit-inner{inset:64px}.intro h1,.intro p,.intro-meta{position:relative;z-index:1}.intro{padding-top:42px}.masthead{height:95px}}@media(max-width:560px){.workspace{padding:0 20px;padding-top:env(safe-area-inset-top)}.masthead{height:85px}.brand{gap:10px;font-size:14px}.brand-sub{font-size:7px;letter-spacing:1.5px}.brand-mark{width:35px;height:35px;font-size:29px;border-radius:10px}.private{font-size:9px;gap:5px}.intro{padding:35px 0 30px}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:36px;letter-spacing:-1.5px;margin:15px 0}.intro p{font-size:12px;line-height:1.8}.intro-meta{gap:10px;font-size:9px;margin-top:20px;flex-wrap:wrap}.mode{font-size:7px}.orbit{display:none}.collection-heading{margin:6px 0 16px}h2{font-size:20px}.collection-heading .eyebrow{font-size:8px}.text-button{font-size:11px}.tiles{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.tile{padding:15px 12px;min-height:200px;border-radius:12px}.tile-icon{width:33px;height:33px;border-radius:9px}.tile-icon svg{width:20px;height:20px}.tile h3{font-size:14px;margin:15px 0 6px;line-height:1.35}.tile p{font-size:10px;margin-bottom:15px;line-height:1.5}.tile-bottom{flex-wrap:wrap;gap:5px;font-size:7px;letter-spacing:.6px}.health{font-size:9px}.search{padding:0 12px}.search input{font-size:11px;height:44px}.categories{gap:2px;margin-top:13px}.categories button{padding:6px 10px;font-size:10px}.status-note{font-size:9px;margin-bottom:14px}.gate{padding:16px;gap:12px;flex-wrap:wrap;margin-bottom:36px}.gate h2{font-size:14px}.gate p{font-size:11px}.gate>div{flex:1}.gate .text-button{margin-left:32px}footer{margin-top:28px;padding-bottom:calc(24px + env(safe-area-inset-bottom));font-size:9px}.footer-right{max-width:130px;text-align:right;font-size:8px}.viewer-bar{gap:12px}.viewer-foot span{max-width:160px;text-align:right}}@media(max-width:560px){
  .masthead{height:64px}.brand-sub{font-size:10px;letter-spacing:1px}.private{font-size:11px}
  .intro{display:none}
  .collection-heading{min-height:44px;margin:10px 0}.collection-heading .eyebrow{display:none}
  .collection-heading h2{font-size:20px;margin:0}.collection-heading #count{font-size:12px}
  #refresh{min-height:44px;min-width:44px;font-size:12px;color:#c2d2dd}
  .search input{font-size:14px;height:44px}.search kbd{display:none}
  .categories{flex-wrap:wrap;overflow:visible;gap:4px;margin:8px 0;padding:0}
  .categories button{min-height:44px;min-width:44px;padding:8px 10px;font-size:12px;color:#b6c8d6}
  .status-note{font-size:12px;line-height:1.4;color:#a9bdcb;margin:0 0 12px}
  .tile{min-height:150px;padding:14px 12px}.tile h3{font-size:15px;margin:12px 0}
  .tile p{display:none}.tile-bottom{font-size:11px;color:#abc0ce;letter-spacing:0;gap:6px}.health{font-size:11px}
}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}