/* v0.9.3 — scoped to the Websites entry and its project picker. */
.main-card .card-content{gap:7px;justify-content:flex-start;align-items:flex-start}
.main-card .website-count{display:flex;align-items:baseline;gap:11px;margin:0;background:none;border:0;box-shadow:none;color:#dff5ff;text-shadow:0 0 2px #ddf8ff44,0 0 12px #b5eaff55,0 0 27px #88d9ff38}
.main-card .website-count strong{font:36px/1.1 ui-monospace,monospace;letter-spacing:-1px;font-weight:450}
.main-card .website-count>span{font-size:16px;line-height:1.3}
.main-card .website-description{font-size:12px;line-height:1.4;color:#c0dfed;text-shadow:0 0 9px #a1e8ff55,0 0 20px #8bdfff22}
.main-card .portfolio-legend{display:flex;flex-wrap:wrap;gap:10px 23px;width:auto;margin:3px 0 0;padding:0;background:none;border:0;box-shadow:none}
.main-card .portfolio-legend>span{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:0;padding:0;border:0;border-radius:0;background:none;background-image:none;box-shadow:none;font:10px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#c6e0eb;text-shadow:0 0 9px #9bdcff30}
.main-card .portfolio-legend .lamp{width:6px;height:6px}
.main-card .summary-title{background:none;border:0;box-shadow:none;text-shadow:0 0 2px #def8ff44,0 0 12px #b6eaff55,0 0 26px #8bdfff35}
/* Only the inner forward fields carry an angular luminous outline. */
.panel .expanded-project{border:0;border-radius:0;isolation:isolate;clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);background:linear-gradient(130deg,#b9e6f174,#88c0d538 55%,#bde8f16b);box-shadow:none;transform:none}
.panel .expanded-project:before{content:'';position:absolute;inset:1px;z-index:-1;pointer-events:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:radial-gradient(ellipse at 18% 0,#365569aa,transparent 70%),linear-gradient(125deg,#172f3dea,#0b202dea);box-shadow:inset 0 0 11px #bceaff13}
.panel .expanded-project:hover,.panel .expanded-project:focus-visible{background:linear-gradient(130deg,#e2faffb0,#b6e8ff77 55%,#d0f4ffad);filter:drop-shadow(0 0 5px #a2ddff44)}
.panel .expanded-project:focus-visible{outline:2px solid #d6f5ff;outline-offset:-4px}
@media(max-width:900px){.main-card .website-count strong{font-size:34px}.main-card .portfolio-legend{gap:10px 18px}.main-card .portfolio-legend>span{font-size:10px}.main-card .card-content{gap:8px}}
@media(max-width:900px) and (max-height:740px){.main-card .card-content{top:80px;gap:3px}.main-card .website-count strong{font-size:26px}.main-card .website-count>span{font-size:13px}.main-card .website-description{font-size:10px;line-height:1.2}.main-card .portfolio-legend{gap:8px 13px;margin:1px 0 0}.main-card .portfolio-legend>span{font-size:8px;gap:6px}}
@media(min-width:901px) and (max-height:800px){.main-card .card-content{gap:4px}.main-card .website-count strong{font-size:28px}.main-card .website-count>span{font-size:14px}.main-card .website-description{font-size:10px;line-height:1.4}.main-card .portfolio-legend{margin-top:1px}.main-card .portfolio-legend>span{font-size:9px}}
/* v0.9.4: sharp typography and light sources inside the ice. */
.main-card .summary-title{font-size:36px;font-weight:600;letter-spacing:-1px;filter:none;color:#effbff;text-shadow:0 1px 0 #06121c,0 0 9px #b4eaff35}
.main-card .card-content{top:94px;gap:5px;overflow:hidden}
.main-card .website-count strong{font-size:52px;line-height:1;font-weight:500;letter-spacing:-2px}
.main-card .website-count{color:#f2fbff;text-shadow:0 1px 0 #07141f,0 0 12px #9ddfff30}
.main-card .website-count>span{font-size:19px}
.main-card .website-description{font-size:13px;color:#d5eaf3;text-shadow:0 1px 1px #07121d}
.main-card .portfolio-legend{gap:14px 25px;margin-top:5px;overflow:visible}
.main-card .portfolio-legend>span{font-size:11px;gap:9px;overflow:visible;line-height:1.5}
.main-card .portfolio-legend b{font:500 14px ui-monospace,monospace;color:#eff8fc}
.main-card .lamp,.panel .lamp{position:relative;flex:none;width:4px;height:4px;border:0;background:#edfff5;box-shadow:0 0 2px 1px var(--signal),0 0 7px 2px var(--signal)}
.main-card .lamp:after,.panel .lamp:after{content:'';position:absolute;inset:-15px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--signal) 25%,transparent),transparent 66%);pointer-events:none}
.main-card:after,.panel .panel-drift:after{opacity:.5;animation:none}
.panel h1{font-size:34px;filter:none;text-shadow:0 1px 0 #07131c,0 0 10px #b4eaff30}
.panel .lead,.panel .expanded-project{text-shadow:0 1px 1px #06101a}
.site-filters{display:flex;flex-wrap:wrap;gap:7px;flex-shrink:0;margin:5px 0 8px}
.site-filters button{min-height:40px;padding:8px 13px;border:1px solid #a8daed35;border-radius:3px;background:#0c23314d;color:#bfd6e1;font-size:12px}
.site-filters button[aria-pressed=true]{border-color:#c0ecff99;color:#f0fbff;background:#41667c50;box-shadow:inset 0 0 10px #a9e8ff12,0 0 10px #83d5ff16}
.site-filters button:focus-visible{outline:2px solid #c8f0ff;outline-offset:2px}
.site-result{font:11px ui-monospace,monospace;color:#adc9d7;margin:0 0 8px;flex-shrink:0}
.panel .expanded-project[hidden]{display:none}
@media(min-width:901px) and (max-height:800px){.main-card .summary-title{font-size:28px}.main-card .card-content{top:81px;gap:3px}.main-card .website-count strong{font-size:34px}.main-card .website-count>span{font-size:16px}.main-card .website-description{font-size:11px}.main-card .portfolio-legend{margin-top:2px}.main-card .portfolio-legend>span{font-size:10px}}
@media(max-width:900px){.mobile-tabs{overflow-x:auto;justify-content:flex-start;gap:8px}.mobile-tabs button{flex:0 0 auto;white-space:nowrap;padding:9px 10px}.dashboard-grid>.main-card{min-height:310px}.main-card .summary-title{font-size:32px}.main-card .card-content{top:95px;bottom:30px;gap:6px}.main-card .website-count strong{font-size:46px}.main-card .website-count>span{font-size:18px}.main-card .portfolio-legend{flex-direction:column;gap:9px;margin-top:8px}.main-card .portfolio-legend>span{font-size:12px;padding:0;gap:10px}.main-card .portfolio-legend b{font-size:14px}.site-filters{gap:5px}.site-filters button{padding:8px 9px;font-size:11px;min-height:42px}.panel h1{font-size:29px}}
@media(max-width:900px) and (max-height:740px){.main-card .summary-open>.block-heading{top:30px}.main-card .card-content{top:78px}.main-card .website-count strong{font-size:42px}.main-card .website-description{font-size:12px;line-height:1.4}.main-card .portfolio-legend>span{font-size:12px}}
@media(min-width:901px) and (max-height:800px){.main-card .card-content{bottom:12px;padding-bottom:16px}}
.main-card .card-content{overflow:visible}
@media(max-width:900px){.mobile-tabs{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.dashboard{min-width:0}}
@media(max-width:900px){#shell:has(.main-card.selected){height:auto;min-height:100svh;grid-template-rows:68px auto 66px}.dashboard:has(.main-card.selected){height:auto;overflow:visible}.dashboard-grid:has(.main-card.selected){height:310px;flex:none}}
/* v0.9.5 — light belongs to information; no decorative fracture geometry. */
.main-card .summary-title,.main-card .website-count,.main-card .website-description,.main-card .portfolio-legend>span,.main-card .portfolio-legend b{
 filter:none;color:#eaf8ff;text-shadow:0 0 1px #e7faff40,0 0 7px #a5dfff38,0 0 19px #8ecfff18;
}
.main-card .summary-title{font-weight:600}
.main-card .website-description{color:#c0dbe7}
.main-card .website-count strong{font-weight:500}
.main-card .lamp{width:3px;height:3px;background:#eafff1;box-shadow:0 0 2px 1px var(--signal),0 0 5px 1px color-mix(in srgb,var(--signal) 75%,transparent)}
.main-card .lamp:after{inset:-13px;background:radial-gradient(circle,color-mix(in srgb,var(--signal) 20%,transparent),transparent 70%)}
/* Matching small glass plates: bevelled edges, clear centres, thin rear rim. */
.panel .site-filters button,.panel .expanded-project{
 --cut:8px;position:relative;isolation:isolate;border:0;border-radius:0;
 clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));
 background:linear-gradient(145deg,#d8f4ff9c,#a2cfe24d 32%,#6e98b244 65%,#e1f7ff99);box-shadow:none;
 color:#e0f1f9;text-shadow:0 0 6px #b2e6ff24;transform:none;
}
.panel .site-filters button:before,.panel .expanded-project:before{
 content:'';position:absolute;inset:1px;z-index:-1;pointer-events:none;
 clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);
 background:linear-gradient(155deg,#335363e8,#142c3aee 45%,#1d3949eb);box-shadow:inset 0 2px 3px #ddf6ff24,inset 0 -3px 0 #bcdef514,inset 0 -4px 0 #06151e55;
}
.panel .site-filters button:after,.panel .expanded-project:after{
 content:'';position:absolute;left:12px;right:12px;top:3px;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#e4faff60,transparent);
}
.panel .site-filters button[aria-pressed=true]{background:linear-gradient(140deg,#ebfcff,#87c5e083 60%,#d0f2ffb3);color:#fff}
.panel .site-filters button[aria-pressed=true]:before{background:linear-gradient(145deg,#487184ed,#244a60f2);box-shadow:inset 0 2px 4px #d9f5ff30,inset 0 -3px 0 #c4edff20}
.panel .site-filters button:hover,.panel .expanded-project:hover{filter:brightness(1.13)}
.panel .site-filters button:focus-visible,.panel .expanded-project:focus-visible{outline:2px solid #e1f7ff;outline-offset:-4px}
/* v0.9.6 — a sharp emitter and a separate, faint illumination of its ice. */
.main-card .summary-title,.main-card .website-count,.main-card .website-description,.main-card .portfolio-legend>span,.main-card .portfolio-legend b{color:#edf8fb;text-shadow:0 0 1px #ffffff60,0 0 4px #d6f3ff35,0 0 10px #c6e8f51a;filter:none}
.main-card .summary-title,.main-card .website-count{position:relative;isolation:isolate}
.main-card .summary-title:before,.main-card .website-count:before{content:'';position:absolute;inset:-12px -24px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#c8e5ef0c 5%,#b3dae707 40%,transparent 73%)}
.main-card .website-description{color:#ccdee4}
.main-card:after,.panel .panel-drift:after{background:var(--ice-front) center/100% 100% no-repeat,var(--ring-light,none) center/100% 100% no-repeat;opacity:1;animation:none}
.panel .site-filters button,.panel .expanded-project{border:1px solid #d4e8ee48;background:linear-gradient(140deg,#c4d8df0e,#93aeb708 55%,#d5e2e30c);color:#e6f0f3;box-shadow:inset 0 1px 0 #f1fcff14,inset 0 -2px 0 #07101530;text-shadow:0 0 4px #daefff20}
.panel .site-filters button:before,.panel .expanded-project:before{inset:2px;background:none;box-shadow:inset 0 1px 0 #effaff10,inset 0 -1px 0 #dbe8ee0b;opacity:.7}
.panel .site-filters button:after,.panel .expanded-project:after{background:linear-gradient(90deg,transparent,#edf8fa35,transparent)}
.panel .site-filters button[aria-pressed=true]{border-color:#dfedf18c;background:linear-gradient(140deg,#d6ebf026,#b3d1db10);color:#f6fcff}
.panel .site-filters button[aria-pressed=true]:before{background:none;box-shadow:inset 0 -1px 0 #effaff25}
.panel .site-filters button:hover,.panel .expanded-project:hover{background:linear-gradient(140deg,#d0e6ed22,#c9dde80e);border-color:#e4f6ff80;filter:none}
.panel .site-filters button,.panel .expanded-project{border-color:transparent}
.panel .site-filters button:after,.panel .expanded-project:after{inset:0;width:auto;height:auto;background:var(--inner-rim) center/100% 100% no-repeat}
.panel .site-filters button[aria-pressed=true]{border-color:transparent;box-shadow:inset 0 -2px 0 #d9efff55}
/* v0.9.7 — lighter letterforms; the accepted light and layout are unchanged. */
.main-card .summary-title{font-weight:400}
.main-card .website-count strong{font-weight:300}
.main-card .website-count>span,.main-card .website-description,.main-card .portfolio-legend>span{font-weight:300}
.main-card .portfolio-legend b{font-weight:400}
/* A tiny bright core, with a narrow halo instead of a luminous disc. */
.main-card .lamp,.panel .lamp{width:2px;height:2px;min-width:2px;min-height:2px;border:0;border-radius:50%;background:#f1fff5;box-shadow:0 0 1px .35px var(--signal),0 0 3px .5px color-mix(in srgb,var(--signal) 65%,transparent)}
.main-card .lamp:after,.panel .lamp:after{inset:-8px;background:radial-gradient(circle,color-mix(in srgb,var(--signal) 16%,transparent),transparent 70%)}
.main-card .website-count strong{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-variant-numeric:tabular-nums;font-weight:300}
.main-card .portfolio-legend .lamp{width:2px;height:2px;min-width:2px;min-height:2px;flex:0 0 2px}
/* v0.9.8 — crisp luminous glyphs; light diffusion belongs to the ice. */
.main-card .summary-title,.main-card .website-count,.main-card .website-count strong,.main-card .website-count>span,.main-card .website-description,.main-card .portfolio-legend>span,.main-card .portfolio-legend b,.main-card .portfolio-legend>span>span{filter:none;text-shadow:none;color:#edf8fb}
.main-card .summary-title:before,.main-card .website-count:before{background:radial-gradient(ellipse,#c8e5ef0e 5%,#b3dae708 40%,transparent 73%)}
.main-card .website-description,.main-card .portfolio-legend>span{position:relative;isolation:isolate}
.main-card .website-description:before,.main-card .portfolio-legend>span:before{content:'';position:absolute;inset:-9px -14px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#c8e5ef09,transparent 72%)}
/* Subpixel separation, not an outline: a single low-opacity lower shadow. */
.main-card .summary-title,.main-card .website-count strong,.main-card .website-count>span,.main-card .website-description,.main-card .portfolio-legend b,.main-card .portfolio-legend>span>span{text-shadow:0 .5px .5px rgb(5 14 19 / 24%)}