:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#07111f;color:#edf3fb;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#07111f;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;background:#07111f}.site-header{height:82px;padding:0 28px;border-bottom:1px solid #1d2c40;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:20;background:#07111ff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{color:#f3f7fc;text-decoration:none;font-size:29px;font-weight:780;letter-spacing:-1.4px}.online{color:#75dca2;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:650}.online i{width:9px;height:9px;border-radius:50%;background:#70dda1;box-shadow:0 0 14px #70dda1b3}.primary-nav{margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));padding:3px;border:1px solid #32445b;border-radius:10px;background:#0a1525}.primary-nav button{border:0;border-radius:7px;padding:12px 25px;background:transparent;color:#9dadc1;font-weight:650;cursor:pointer}.primary-nav button:hover{color:#eaf1f8}.primary-nav button.active{background:#243245;color:#f8fbff;box-shadow:inset 0 0 0 1px #34475f}main{padding:8px 28px 34px}.date-bar{min-height:70px;margin:0 0 16px;padding:10px 12px;border:1px solid #1e3047;border-radius:9px;background:#0d1a2c;display:grid;grid-template-columns:auto 1fr auto auto 1fr;align-items:center;gap:14px}.date-bar>button,.date-picker{height:40px;border:1px solid #30445e;border-radius:7px;background:#0c1727;display:inline-flex;align-items:center;gap:8px;padding:0 14px;cursor:pointer}.date-bar>button:hover,.date-picker:hover{background:#132238}.date-bar>button:disabled{opacity:.38;cursor:default}.current-date{display:flex;align-items:center;justify-content:center;gap:10px;color:#b9c7d8}.current-date strong{color:#eef4fb;font-size:18px}.current-date span{color:#7edda7;font-size:12px}.date-picker{position:relative;padding:0 12px;overflow:hidden}.date-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.archive-count{justify-self:end;color:#8091a6;font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(42,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:154px;gap:10px}.gallery-tile{position:relative;min-height:150px;padding:0;overflow:hidden;border:1px solid #263b55;border-radius:8px;background:#0b1728;cursor:pointer;text-align:left}.gallery-tile.featured{grid-column:span 18;grid-row:span 2;min-height:318px}.gallery-tile:not(.featured){grid-column:span 8}.gallery-grid:not(.year-grid) .gallery-tile:nth-child(n+8):nth-child(-n+13){grid-column:span 7}.gallery-grid:not(.year-grid) .gallery-tile:nth-child(n+14){grid-column:span 6}.gallery-tile img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease,filter .35s ease}.gallery-tile:hover img,.gallery-tile:focus-visible img{transform:scale(1.035);filter:saturate(1.08) brightness(1.06)}.gallery-tile:focus-visible{outline:2px solid #79dda5;outline-offset:2px}.tile-shade{position:absolute;top:54%;right:0;bottom:0;left:0;background:#02070fc2;box-shadow:0 -18px 26px #02070fc2}.tile-meta{position:absolute;left:13px;bottom:11px;display:grid;grid-template-columns:auto auto;align-items:baseline;gap:4px 9px;text-shadow:0 2px 10px #000}.tile-meta strong{font-size:21px;line-height:1}.tile-meta span{color:#dbe4ee;font-size:12px}.tile-meta small{grid-column:1 / -1;max-width:100%;overflow:hidden;color:#c1cedc;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.featured .tile-meta strong{font-size:28px}.expand-icon{position:absolute;top:12px;right:12px;opacity:0;padding:4px;box-sizing:content-box;border-radius:5px;background:#040b15b8;transition:opacity .2s}.gallery-tile:hover .expand-icon,.gallery-tile:focus-visible .expand-icon{opacity:1}.year-heading{min-height:116px;display:flex;align-items:end;justify-content:space-between;gap:32px;border-bottom:1px solid #1d2c40;margin-bottom:18px;padding:18px 4px 20px}.year-heading h1{margin:7px 0 0;font-size:clamp(29px,4vw,48px);letter-spacing:-1.6px}.year-heading p{max-width:530px;color:#91a3b9;line-height:1.7}.eyebrow{color:#79dda5;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13px}.year-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto}.year-grid .gallery-tile{grid-column:span 1;aspect-ratio:1.45}.empty-state{min-height:430px;border:1px dashed #2a3c53;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8496ab}.empty-state strong{color:#dbe4ee}.archive-footer{margin-top:20px;padding:16px;border:1px solid #1e3047;border-radius:9px;background:#0d1a2c;display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px}.archive-footer>button{border:0;border-right:1px solid #25364b;background:transparent;padding:10px;display:flex;gap:13px;text-align:left;cursor:pointer;color:#79dda5}.archive-footer>button:nth-child(2){color:#8bc7ff}.archive-footer>button span{display:flex;flex-direction:column;gap:8px}.archive-footer>button strong{font-size:14px}.archive-footer>button small{color:#889bb0;line-height:1.45}.month-strip{display:grid;grid-template-columns:repeat(6,minmax(54px,1fr));gap:7px}.month-strip button{border:1px solid #304159;border-radius:7px;background:#0a1524;padding:9px 5px;cursor:pointer}.month-strip button small{display:block;margin-top:6px;color:#7f91a6;font-size:10px}.month-strip button.active{border-color:#4f966e;color:#80e0a9}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#01050ce0;display:grid;place-items:center;padding:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lightbox-panel{width:min(1180px,100%);max-height:92vh;overflow:auto;position:relative;border:1px solid #31455f;border-radius:12px;background:#0b1728;box-shadow:0 28px 90px #0000008c}.lightbox-panel>img{width:100%;max-height:72vh;object-fit:contain;display:block;background:#030812}.close-button{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;display:grid;place-items:center;border:1px solid #41526a;border-radius:50%;background:#040b15d1;cursor:pointer}.lightbox-math{padding:17px 22px;border-top:1px solid #253951;border-bottom:1px solid #1f3045;background:linear-gradient(100deg,#14394152,#0b1728b8 58%);display:grid;grid-template-columns:minmax(140px,.62fr) minmax(300px,1.35fr) minmax(260px,1.4fr);align-items:center;gap:14px 24px}.math-family{color:#7de0a8;font-size:13px;font-weight:740;letter-spacing:.02em}.math-formula{color:#f4f8fc;font-family:"STIX Two Math","Cambria Math",Times New Roman,serif;font-size:clamp(17px,1.7vw,23px);font-weight:500;letter-spacing:.01em;overflow-wrap:anywhere}.lightbox-math p{margin:0;color:#aebdcd;font-size:13px;line-height:1.6}.lightbox-copy{padding:17px 22px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.lightbox-copy div{min-width:0;display:flex;flex-direction:column;gap:5px}.lightbox-copy span{color:#7f91a7;font-size:11px}.lightbox-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}@media(max-width:1120px){.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto}.gallery-tile.featured{grid-column:span 2}.gallery-tile:not(.featured){grid-column:span 1}.gallery-grid:not(.year-grid) .gallery-tile:nth-child(n+8){grid-column:span 1}.archive-footer{grid-template-columns:1fr 1fr}.month-strip{grid-column:1 / -1}.year-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.site-header{height:auto;min-height:72px;padding:14px 16px;flex-wrap:wrap;gap:10px}.brand{font-size:25px}.primary-nav{order:3;width:100%;grid-template-columns:repeat(3,1fr)}.primary-nav button{padding:10px 4px;font-size:12px}main{padding:8px 12px 24px}.date-bar{grid-template-columns:auto 1fr auto;gap:7px}.date-bar>button{font-size:0;padding:0 11px}.date-bar>button svg{margin:0}.date-picker{display:none}.archive-count{grid-column:1 / -1;justify-self:center}.current-date strong{font-size:15px}.gallery-grid{display:flex;flex-wrap:wrap;gap:7px}.gallery-tile.featured{flex:0 0 100%;grid-column:auto;grid-row:auto;min-height:270px;aspect-ratio:1.35}.gallery-tile:not(.featured),.gallery-grid:not(.year-grid) .gallery-tile:nth-child(n+8),.year-grid .gallery-tile{flex:0 0 calc(50% - 3.5px);grid-column:auto;min-height:130px;aspect-ratio:1.35}.year-heading{align-items:start;flex-direction:column;gap:4px}.archive-footer{grid-template-columns:1fr}.archive-footer>button{border-right:0;border-bottom:1px solid #25364b}.month-strip{grid-column:auto;grid-template-columns:repeat(4,1fr)}.lightbox{padding:8px}.lightbox-math{padding:15px 17px;grid-template-columns:1fr;gap:7px}.math-formula{font-size:17px}.lightbox-copy{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}