:root{--bg:#070917;--panel:#141b35;--line:#ffffff24;--text:#f0f3ff;--muted:#abb7d3;--accent:#74f9e4}
body{background:var(--bg);isolation:isolate;min-height:100vh}.cosmos{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#171b3b,#070917 70%)}.cosmos>[data-depth]{will-change:transform}.nebula{position:absolute;width:75vw;height:75vw;border-radius:50%;filter:blur(65px);opacity:.4}.one{top:-40vw;left:-12vw;background:radial-gradient(circle,#6443ff,transparent 65%)}.two{right:-30vw;top:14vh;background:radial-gradient(circle,#058da9,transparent 65%)}.stars{position:absolute;inset:-60px;background-image:radial-gradient(circle,#afc7ff8a 1px,transparent 1.5px),radial-gradient(circle,#6effe16b 1px,transparent 1.5px);background-size:113px 127px,197px 181px;background-position:18px 35px,93px 63px;opacity:.4}.grid{position:absolute;inset:50% -40% -55%;background-image:linear-gradient(#8b83ff24 1px,transparent 1px),linear-gradient(90deg,#8b83ff24 1px,transparent 1px);background-size:70px 70px;rotate:x 58deg;mask-image:linear-gradient(transparent,#000 45%);opacity:.6}.code{position:absolute;top:20%;right:6%;rotate:12deg;font:14px/1.9 Consolas,monospace;letter-spacing:3px;color:#8c9dce3b}
.header{background:#10152a8c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid #c9d0ff24}.brand-icon{font:700 25px Consolas,monospace;color:var(--accent);text-shadow:0 0 22px #74f9e470}.brand-sub{max-width:130px;font-size:11px;letter-spacing:1.6px}nav a:last-child{padding:8px 16px;border:1px solid #9eabde40;border-radius:9px;background:#ffffff06}.eyebrow{font-family:Consolas,monospace;letter-spacing:1.8px;font-size:12px}h1{font-weight:650;letter-spacing:-2px;line-height:1.13}h1 em{font-family:inherit;font-style:normal;font-weight:650;background:linear-gradient(100deg,#78fbe5 5%,#a6b4ff 55%,#d799ff);color:#9ef1f1;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cursor{animation:blink 1.4s step-end infinite}.day-badge{display:flex;gap:20px;align-items:center;padding:22px 28px;border:1px solid #a69cff40;border-radius:18px;background:linear-gradient(130deg,#8b6de519,#74f9e407);box-shadow:inset 0 1px 0 #ffffff12;backdrop-filter:blur(16px)}.day-badge strong{font:500 62px/1 Consolas,monospace;letter-spacing:-6px;color:#c5b6ff}.day-badge sup{font-size:30px;vertical-align:super;letter-spacing:0}.day-badge>span{font-size:14px;line-height:1.7;color:#bdc7e2}
.gallery-bar{font-family:Consolas,monospace}.controls button{border-radius:12px;background:#b6b4ff0a;border-color:#b7baff33;backdrop-filter:blur(12px);transition:background .2s,box-shadow .2s}.controls button:hover:enabled{box-shadow:0 0 26px #74f9e430}.card{padding:10px 10px 0;background:linear-gradient(135deg,#b6beff16,#19254370 60%,#71eadc0a);border:1px solid #c1c9ff35;border-radius:22px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff19,0 18px 50px #00000025}.artwork{background:#080d1bb3;border-color:#ffffff17;border-radius:14px}.caption{padding:18px 14px 20px}.type{background:#8a9bd010;border-color:#a1b0dc30}.group{font-family:Consolas,monospace;font-size:13px}.panel,.empty,.admin-card{background:linear-gradient(125deg,#b2b5ff12,#111a318f);border:1px solid #b6c2ff2b;box-shadow:inset 0 1px 0 #ffffff10,0 18px 50px #00000020;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.empty{border-style:solid}.empty-icon{color:#a89aff;text-shadow:0 0 45px #ac8eff88}.button{background:linear-gradient(110deg,#78fbe5,#a4bcff);color:#0a1730;box-shadow:0 4px 25px #75dfea19}.button:hover{background:linear-gradient(110deg,#a0ffef,#c1ceff);box-shadow:0 5px 30px #75dfea33}.admin-card{padding:16px;margin-bottom:12px;border-radius:14px}.thumbnail{background:#9698f51a}.upload{background:#7b8dea09;border-color:#8297e761}.upload input,input:not([type=hidden]){background:#070c1e80;border-color:#8695c54d}.secondary{background:#a5b9ff09}.notice{background:#133d3a;border-color:#3d817a}.notice.error{background:#422334;border-color:#a56584}footer{background:#07091755;border-color:#a0b1ef1f}::selection{background:#7ceddb;color:#071423}@keyframes blink{50%{opacity:0}}
@media(max-width:800px){.day-badge{padding:12px 16px;gap:12px}.day-badge strong{font-size:43px}.day-badge sup{font-size:22px}h1{letter-spacing:-1px}.eyebrow{letter-spacing:1px}.nebula{width:110vw;height:110vw}.two{right:-60vw}.card{border-radius:18px;padding:7px 7px 0}.caption{padding:16px 8px}.admin-card{gap:12px}nav a:last-child{padding:7px 10px}}@media(max-width:540px){.intro{display:block}.day-badge{margin-top:22px;display:inline-flex;padding:10px 16px;gap:18px}.day-badge strong{font-size:30px;letter-spacing:-3px}.day-badge sup{font-size:17px}.day-badge>span{font-size:12px}.gallery{padding-top:28px}.intro h1{font-size:clamp(28px,8vw,37px)}.brand-icon{font-size:20px}.header{gap:12px}nav{gap:12px;font-size:12px}.brand{gap:8px;font-size:18px}.code{display:none}.admin-card{flex-wrap:wrap}.delete-form{margin-left:auto}.caption{gap:10px}.type{max-width:100px}.grid{opacity:.35}}@media(prefers-reduced-motion:reduce){.cursor{animation:none}.cosmos>[data-depth]{transform:none!important;will-change:auto}.controls button{transition:none}}
