:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#050505;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button{font:inherit}img{max-width:100%}::selection{color:#050505;background:#fff}.archive-page{position:relative;width:100vw;height:100vh;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),transparent 28rem),#050505;isolation:isolate}.archive-page:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle,black 0%,transparent 68%);mask-image:radial-gradient(circle,black 0%,transparent 68%)}.archive-nav{position:fixed;top:clamp(1.5rem,3vw,2rem);right:clamp(1.5rem,3vw,2rem);left:clamp(1.5rem,3vw,2rem);z-index:40;display:flex;align-items:flex-start;justify-content:space-between;mix-blend-mode:difference}.archive-nav h1{margin:0;font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:950;line-height:1;letter-spacing:.4em}.nav-actions{display:flex;gap:.35rem;padding:.25rem;pointer-events:auto;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mode-button{height:2rem;padding:0 .9rem;color:#ffffff9e;cursor:pointer;background:transparent;border:0;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.16em;transition:color .18s ease,background-color .18s ease}.mode-button:hover,.mode-button:focus-visible{color:#fff;outline:none}.mode-button.active{color:#050505;background:#fff}.entry-hint{position:fixed;right:clamp(1.5rem,3vw,2rem);bottom:clamp(1.5rem,3vw,2rem);z-index:40;display:flex;flex-direction:column;gap:.32rem;color:#ffffffa8;font-size:clamp(.68rem,1vw,.8rem);font-weight:700;line-height:1.35;text-align:right;pointer-events:none;mix-blend-mode:difference}.entry-hint span:last-child{color:#fff}.depth-meter{position:fixed;bottom:clamp(1.5rem,3vw,2rem);left:clamp(1.5rem,3vw,2rem);z-index:40;color:#71717a;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.62rem,1vw,.76rem);line-height:1;pointer-events:none;mix-blend-mode:difference}.stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none;perspective:800px;transform-style:preserve-3d;transition:opacity .26s ease}.stage.active{opacity:1;pointer-events:auto}.space-origin{position:absolute;top:50%;left:50%;width:100%;height:100%;transform-origin:center;transform-style:preserve-3d;pointer-events:none;will-change:transform}.poster-node{position:absolute;top:50%;left:50%;display:none;--poster-height: clamp(320px, 68vh, 560px);width:calc(var(--poster-height) * var(--ratio, .56));height:var(--poster-height);padding:0;color:inherit;cursor:pointer;pointer-events:auto;background:transparent;border:0;transform-style:preserve-3d;will-change:transform,opacity}.overview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:auto;padding:clamp(7rem,12vh,8.5rem) clamp(1.25rem,4vw,4rem) clamp(5rem,8vh,6rem);background:radial-gradient(circle at 20% 12%,rgba(77,208,255,.1),transparent 20rem),radial-gradient(circle at 78% 8%,rgba(255,91,196,.08),transparent 18rem),linear-gradient(180deg,#050505c2,#050505f0);animation:fade-in .26s ease both}.overview-grid{max-width:1500px;margin:0 auto;column-count:6;column-gap:clamp(1rem,1.8vw,1.5rem)}.overview-card{display:inline-grid;width:100%;min-width:0;padding:0;margin:0 0 clamp(1.2rem,2vw,1.7rem);color:#fff;cursor:pointer;background:transparent;border:0;gap:.65rem;break-inside:avoid;text-align:left}.overview-card:focus-visible{outline:1px solid rgba(255,255,255,.8);outline-offset:.35rem}.overview-art{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 48px #0000005c;transition:transform .22s ease,border-color .22s ease,filter .22s ease}.overview-card:hover .overview-art,.overview-card:focus-visible .overview-art{border-color:#ffffff61;filter:brightness(1.12) saturate(1.08);transform:translateY(-.35rem)}.overview-title{overflow:hidden;color:#ffffffc7;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap}.poster-frame{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#050505;border:1px solid rgba(255,255,255,.06);transition:transform .5s ease,border-color .3s ease,box-shadow .3s ease}.poster-node:hover .poster-frame,.poster-node:focus-visible .poster-frame{border-color:#ffffff3d;box-shadow:0 28px 90px #00000070;transform:scale(1.05)}.poster-node:focus-visible{outline:none}.poster-art{position:relative;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;overflow:hidden;filter:brightness(var(--poster-brightness, 1)) grayscale(var(--poster-gray, 0));will-change:filter}.poster-art:before,.poster-art:after{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;content:""}.poster-art:after{background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 22%,transparent 70%,rgba(255,255,255,.08)),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 13px);mix-blend-mode:overlay}.art-0{background:radial-gradient(circle at 45% 42%,#f8f4ff 0 3%,#853cff 7%,transparent 27%),linear-gradient(145deg,#080b18,#1c0543 54%,#03030a)}.art-0:before{background:conic-gradient(from 210deg at 50% 48%,transparent 0 12%,#ff5ec4 18%,transparent 31%,#51e8ff 38%,transparent 51%,#ffe66d 62%,transparent 74%);filter:blur(16px)}.art-1{background:radial-gradient(circle at 62% 35%,#fff 0 2%,#7fffd4 5%,transparent 21%),linear-gradient(165deg,#02130f,#003b36 42%,#08011e)}.art-1:before{background:repeating-radial-gradient(circle at 55% 46%,transparent 0 22px,rgba(97,255,218,.32) 23px 25px);transform:rotate(-12deg) scale(1.15)}.art-2{background:linear-gradient(135deg,#190009,#36123c 48%,#011b38)}.art-2:before{background:radial-gradient(circle at 34% 58%,#ff3d77 0 9%,transparent 24%),radial-gradient(circle at 67% 37%,#3ef5ff 0 8%,transparent 23%),linear-gradient(100deg,transparent 20%,rgba(255,255,255,.22) 48%,transparent 58%);filter:blur(8px)}.art-3{background:radial-gradient(circle at 50% 50%,#fff4a5 0 3%,#fb923c 8%,transparent 28%),linear-gradient(160deg,#170b02,#451a03 46%,#030712)}.art-3:before{background:conic-gradient(from 30deg at 50% 50%,rgba(251,146,60,.8),transparent 18%,rgba(253,224,71,.5),transparent 42%,rgba(255,255,255,.25),transparent 72%);filter:blur(12px)}.art-4{background:linear-gradient(180deg,#04020a,#111827 50%,#250018)}.art-4:before{background:radial-gradient(ellipse at 50% 28%,rgba(255,255,255,.88) 0 4%,transparent 15%),repeating-linear-gradient(160deg,rgba(168,85,247,.4) 0 8px,transparent 8px 22px);transform:skewY(-8deg)}.art-5{background:linear-gradient(145deg,#07121f,#102a43 45%,#240c33)}.art-5:before{background:radial-gradient(circle at 28% 30%,#38bdf8 0 7%,transparent 18%),radial-gradient(circle at 68% 68%,#f0abfc 0 9%,transparent 20%),repeating-radial-gradient(circle at 48% 52%,transparent 0 18px,rgba(255,255,255,.16) 19px 21px);filter:blur(4px)}.art-6{background:linear-gradient(125deg,#030712,#042f2e 48%,#111827)}.art-6:before{background:conic-gradient(from 180deg at 50% 50%,#14b8a6,transparent 18%,#a7f3d0,transparent 32%,#67e8f9,transparent 54%),radial-gradient(circle at 50% 50%,transparent 0 20%,rgba(255,255,255,.2) 21%,transparent 23%);filter:blur(10px)}.art-7{background:linear-gradient(150deg,#140b00,#372000 42%,#020617)}.art-7:before{background:radial-gradient(circle at 55% 38%,#fef08a 0 4%,transparent 19%),linear-gradient(35deg,transparent 20%,rgba(251,191,36,.64) 43%,transparent 48%),linear-gradient(145deg,transparent 35%,rgba(56,189,248,.42) 54%,transparent 62%);filter:blur(7px)}.poster-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.82),transparent 54%);opacity:0;transition:opacity .3s ease}.poster-caption{position:absolute;right:1.5rem;bottom:1.4rem;left:1.5rem;display:flex;flex-direction:column;gap:.35rem;pointer-events:none;opacity:0;transform:translateY(1rem);transition:opacity .3s ease,transform .3s ease}.poster-caption span{color:#a1a1aa;font-size:.62rem;font-weight:700;letter-spacing:.3em}.poster-caption strong{font-size:clamp(1.05rem,2vw,1.25rem);font-weight:800;letter-spacing:.08em}.poster-node:hover .poster-shade,.poster-node:hover .poster-caption,.poster-node:focus-visible .poster-shade,.poster-node:focus-visible .poster-caption{opacity:1;transform:translateY(0)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow:auto;background:#000000f2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:fade-in .28s ease both}.close-button{position:fixed;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);z-index:60;display:inline-grid;width:clamp(3rem,5vw,3.75rem);height:clamp(3rem,5vw,3.75rem);padding:0;color:#ffffffa6;cursor:pointer;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:999px;place-items:center;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.close-button:hover,.close-button:focus-visible{color:#fff;background:#00000094;border-color:#fff3;outline:none}.close-icon{width:clamp(1.55rem,3vw,2rem);height:clamp(1.55rem,3vw,2rem);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.lightbox-content{display:flex;width:min(100%,1800px);min-height:100%;padding:clamp(5rem,8vw,6rem) clamp(1.5rem,8vw,6rem);align-items:center;justify-content:center;gap:clamp(2rem,5vw,4rem)}.lightbox-media{display:flex;width:55%;height:min(80vh,920px);align-items:center;justify-content:center;flex-shrink:0}.lightbox-art{width:auto;max-width:min(100%,720px);max-height:min(80vh,920px);height:auto;object-fit:contain;background:#080808;border:1px solid rgba(255,255,255,.12);box-shadow:0 36px 120px #000000a6;animation:slide-up .52s 80ms cubic-bezier(.16,1,.3,1) both}.lightbox-copy{width:45%;max-width:38rem;padding-bottom:1rem;text-align:left;animation:slide-left .52s .18s cubic-bezier(.16,1,.3,1) both}.work-id{margin-bottom:1rem;color:#71717a;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.75rem,1.2vw,.9rem)}.lightbox-copy h2{margin:0 0 1.5rem;font-size:clamp(3rem,7vw,6.75rem);font-weight:950;line-height:.9;text-transform:uppercase;letter-spacing:-.03em}.divider{width:3rem;height:2px;margin-bottom:1.5rem;background:#fff}.lightbox-copy p{max-width:31rem;margin:0 0 2rem;color:#a1a1aa;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:300;line-height:1.75}.spec-grid{display:grid;max-width:31rem;padding-top:1.5rem;margin:0;border-top:1px solid rgba(255,255,255,.1);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.spec-grid dt{margin-bottom:.5rem;color:#71717a;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em}.spec-grid dd{margin:0;color:#e4e4e7;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.78rem,1.2vw,.9rem)}.reticle-dot,.reticle-ring{position:fixed;top:50%;left:50%;z-index:10;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%)}.reticle-dot{width:.38rem;height:.38rem;background:#fff3;border-radius:999px}.reticle-ring{width:clamp(3.75rem,9vw,6.25rem);height:clamp(3.75rem,9vw,6.25rem);border:1px solid rgba(255,255,255,.1);border-radius:999px}.view-overview .reticle-dot,.view-overview .reticle-ring,.view-overview .entry-hint{display:none}.admin-entry{position:fixed;right:clamp(1rem,2.5vw,1.8rem);bottom:clamp(1rem,2.5vw,1.8rem);z-index:45;min-width:3.4rem;height:2rem;padding:0 .72rem;color:#ffffff6b;cursor:pointer;background:#ffffff0b;border:1px solid rgba(255,255,255,.07);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:color .18s ease,background-color .18s ease,border-color .18s ease}.admin-entry:hover,.admin-entry:focus-visible{color:#ffffffd1;background:#ffffff17;border-color:#ffffff2e;outline:none}.admin-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;justify-content:flex-end;background:#000000ad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fade-in .18s ease both}.admin-panel{width:min(100%,720px);height:100%;overflow:auto;padding:clamp(1.2rem,3vw,2rem);color:#f8fafc;background:#0a0a0af5;border-left:1px solid rgba(255,255,255,.1);box-shadow:-32px 0 90px #00000075}.admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.admin-head p{margin:0 0 .4rem;color:#a1a1aa;font-size:.72rem;font-weight:800;letter-spacing:.18em}.admin-head h2{margin:0;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.08}.admin-head button,.delete-button{color:#ffffffa8;cursor:pointer;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px}.admin-head button{display:grid;width:2.55rem;height:2.55rem;padding:0;place-items:center}.admin-login,.admin-toolbar,.admin-fields{display:grid;gap:.9rem}.admin-login{max-width:24rem;padding-top:1rem}.admin-panel label{display:grid;gap:.42rem;color:#a1a1aa;font-size:.72rem;font-weight:800;letter-spacing:.08em}.admin-panel input,.admin-panel textarea{width:100%;min-width:0;color:#fff;background:#ffffff13;border:1px solid rgba(255,255,255,.12);border-radius:.65rem;font-size:.92rem;letter-spacing:0;outline:none}.admin-panel input{height:2.65rem;padding:0 .85rem}.admin-panel input[type=file]{height:auto;padding:.72rem}.admin-panel textarea{min-height:6rem;padding:.8rem .85rem;line-height:1.55;resize:vertical}.admin-panel input:focus,.admin-panel textarea:focus{border-color:#ffffff6b}.admin-login button,.admin-toolbar button{height:2.6rem;padding:0 1rem;color:#111;cursor:pointer;background:#fff;border:0;border-radius:999px;font-size:.82rem;font-weight:900;letter-spacing:.08em}.admin-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.2rem}.admin-toolbar button:not(.primary){color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.admin-list{display:grid;gap:1rem}.admin-item{display:grid;grid-template-columns:7rem minmax(0,1fr) auto;gap:1rem;padding:1rem;background:#ffffff0e;border:1px solid rgba(255,255,255,.095);border-radius:.9rem}.admin-thumb{display:grid;min-height:10rem;overflow:hidden;color:#71717a;background:#ffffff0f;border:1px dashed rgba(255,255,255,.18);border-radius:.6rem;font-size:.78rem;font-weight:800;place-items:center}.admin-thumb img{width:100%;height:100%;object-fit:contain}.delete-button{align-self:start;height:2.25rem;padding:0 .8rem;color:#ff8787e0;font-size:.74rem;font-weight:900}.admin-message{margin-top:.9rem;color:#e4e4e7;font-size:.86rem;line-height:1.5}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(2rem)}}@keyframes slide-left{0%{opacity:0;transform:translate(2rem)}}@media(max-width:760px){.archive-nav{top:1.35rem;right:1.35rem;left:1.35rem}.archive-nav h1{font-size:1.1rem;letter-spacing:.28em}.nav-actions{gap:.2rem}.mode-button{height:1.8rem;padding:0 .7rem;font-size:.66rem;letter-spacing:.1em}.entry-hint{right:1.35rem;bottom:1.35rem;max-width:9.5rem}.poster-node{--poster-height: clamp(300px, 68vh, 440px)}.reticle-ring{display:none}.lightbox-content{flex-direction:column;min-height:100%;padding-top:5rem;padding-bottom:3rem;justify-content:flex-start;gap:2rem}.lightbox-media{width:100%;height:45vh;min-height:19rem}.lightbox-copy{width:100%;max-width:none;padding-bottom:0}.lightbox-copy h2{margin-bottom:1rem}.spec-grid{gap:1.2rem}.overview{padding:6.5rem 1.1rem 4.5rem}.overview-grid{column-count:2;column-gap:1rem}.admin-panel{width:100%;border-left:0}.admin-toolbar{grid-template-columns:1fr}.admin-item{grid-template-columns:5.8rem minmax(0,1fr)}.admin-thumb{min-height:8.5rem}.delete-button{grid-column:1 / -1;justify-self:start}}@media(min-width:761px)and (max-width:1100px){.overview-grid{column-count:4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}