:root{--bg:#14123A;--ink:#F4F1FF;--pink:#FF4FD8;--cyan:#4FE3FF;--lime:#2BFF88;--gray:#C0C0C0}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:20px/1.35 "VT323",monospace;
background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),radial-gradient(circle at 20% 0,#3a1a6e,transparent 60%)}
a{color:var(--cyan)}h1,h2,.px,.logo{font-family:"Pixelify Sans",monospace}
.bar{position:sticky;top:0;z-index:5;display:flex;gap:14px;align-items:center;padding:8px 14px;background:rgba(20,18,58,.92);border-bottom:2px solid var(--pink)}
.bar a{color:var(--ink);text-decoration:none}.bar .logo{margin-right:auto;font-weight:700;color:var(--lime)}
.win{background:var(--gray);color:#111;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:6px 6px 0 var(--pink);max-width:960px;margin:0 auto}
.tb{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;padding:3px 6px;font-family:"Pixelify Sans"}
.tb button{font:inherit;background:var(--gray);border:2px solid;border-color:#fff #404040 #404040 #fff;margin-left:4px;min-width:30px;cursor:pointer}
.wb{padding:18px}
.hero{padding:28px 14px}.hero .wb{text-align:center;padding:36px 16px;background:#14123A;color:var(--ink)}
.glitch{font-size:clamp(56px,17vw,140px);margin:0;position:relative;line-height:1;text-shadow:3px 0 var(--pink),-3px 0 var(--cyan)}
.glitch:after{content:attr(data-t);position:absolute;inset:0;color:var(--lime);clip-path:inset(55% 0 30% 0);transform:translateX(4px);animation:g 3s steps(2) infinite;opacity:.8}
@keyframes g{0%,90%{transform:none;opacity:0}92%{transform:translateX(6px);opacity:.8}96%{transform:translateX(-5px)}}
@media(prefers-reduced-motion:reduce){.glitch:after{animation:none}}
.tag{letter-spacing:.2em;color:var(--lime);font-size:22px}
.bubble{display:inline-block;background:#fff;color:#111;padding:8px 12px;border:3px solid #111;box-shadow:4px 4px 0 #111;margin:12px 0;position:relative}
.btn{display:inline-block;background:var(--lime);color:#111;text-decoration:none;font-family:"Pixelify Sans";padding:10px 16px;border:3px solid #111;box-shadow:4px 4px 0 #111;margin-top:8px}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #111}
section{padding:28px 14px}.sec{font-size:34px;margin:0 0 6px}.sec span{color:var(--pink)}.lede{margin-top:0}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:1100px;margin:0 auto}
@media(min-width:700px){.grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1000px){.grid{grid-template-columns:repeat(5,1fr)}}
.card{position:relative;padding:0;border:3px solid var(--c);background:var(--c);cursor:pointer;font:inherit;color:#111;text-align:left}
.card img{display:block;width:100%;height:auto}.card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}
.cap{display:block;padding:4px 6px;font-size:18px}.tag{}.card .tag{position:absolute;top:6px;right:6px;background:#111;color:var(--lime);font-size:15px;padding:1px 6px;letter-spacing:0}
dialog{padding:0;border:2px solid;border-color:#fff #404040 #404040 #fff;background:var(--gray);width:min(960px,96vw);max-height:92vh;color:#111}
dialog::backdrop{background:rgba(10,8,30,.8)}
dialog .body{overflow:auto;max-height:calc(92vh - 40px);padding:12px;display:grid;gap:14px}
@media(min-width:800px){dialog .body{grid-template-columns:1fr 1fr}}
dialog .body>img{width:100%;height:auto;border:2px solid #111}
.meta h2{font-size:40px;margin:0}.emo{font-family:"Pixelify Sans";font-size:26px;letter-spacing:.15em;margin:0;-webkit-text-stroke:1px #111;font-weight:700}
.meta video{width:100%;max-height:70vh;background:#000;border:2px solid #111;margin:8px 0}
.poem{white-space:pre-wrap;font:20px/1.4 "VT323",monospace;background:#14123A;color:var(--ink);padding:14px;border-left:4px solid var(--pink)}
footer{text-align:center;padding:24px;border-top:2px solid var(--pink);font-size:18px}
#seasons>.sec,#seasons>.lede{max-width:1100px;margin-left:auto;margin-right:auto}
.tag2{font-size:17px;opacity:.8;margin-top:-6px}
#consistency .wb,#daily,#mediums{max-width:1100px;margin-left:auto;margin-right:auto}
#consistency .wb{background:#14123A;color:var(--ink)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.stats b{display:block;font:700 34px "Pixelify Sans";color:var(--lime)}
.heat{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:320px;margin:14px auto 4px}
.heat i,.legend i{display:inline-block;aspect-ratio:1;background:#2a2760;border:1px solid #000}.legend i{width:12px;vertical-align:middle}
.l1{background:#1d7a52!important}.l2{background:#25b873!important}.l3{background:var(--lime)!important}.heat .today{outline:2px solid var(--pink)}
.legend{text-align:center;font-size:16px;margin:0}
.mcount,.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;justify-content:center}
.chip{background:var(--pink);color:#111;padding:0 6px;font-size:16px;border:1px solid #111}.chip.off{background:#555;color:#bbb}
.feed{display:grid;gap:22px}.day h3{font:700 30px "Pixelify Sans";margin:0}.day h3 small{font-size:18px;color:#800080;letter-spacing:.1em}
.pieces{display:grid;gap:12px}@media(min-width:800px){.pieces{grid-template-columns:repeat(2,1fr)}}
.piece{margin:0;background:#fff;border:2px solid #404040;padding:8px}.piece figcaption{margin-bottom:6px;font-size:17px}
.piece img,.piece video{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#000}.piece audio{width:100%}
.piece .poem{margin:0}
.tabs{justify-content:flex-start;margin-bottom:12px}.tab{font:18px "VT323";background:var(--gray);border:2px solid;border-color:#fff #404040 #404040 #fff;padding:4px 10px;cursor:pointer}
.tab[aria-selected=true]{background:var(--lime);border-color:#404040 #fff #fff #404040}
.albumgrid .px a{color:var(--cyan)}.soon{padding:20px 0}
.hero.mini{padding:14px;text-align:center}.hero.mini .glitch{font-size:clamp(40px,11vw,64px)}.hero.mini .bubble{margin:6px 0 0;font-size:17px}
#latest{max-width:1200px;margin:0 auto;padding:6px 10px 20px}.latest-l{font-size:24px;margin:0 0 10px;text-align:center;color:var(--lime)}.latest-l small{color:var(--ink);opacity:.6;font-size:16px}
.pieces.big .piece{background:#0d0b2a;border:2px solid var(--pink);color:var(--ink);box-shadow:5px 5px 0 var(--cyan)}.pieces.big .poem{font-size:22px}
.pieces.big .piece img,.pieces.big .piece video{max-height:85vh}
#egg{background:none;border:0;color:var(--lime);font-size:10px;padding:2px;cursor:pointer;opacity:.5}
#streakdlg{max-width:420px}#streakdlg .wb{background:#14123A;color:var(--ink)}.stats{grid-template-columns:repeat(3,1fr)}
.hero.mini .glitch{text-shadow:2px 0 var(--pink),-2px 0 var(--cyan)}.hero.mini .glitch:after{display:none}

.small{font-size:17px}
.bar{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.bar::-webkit-scrollbar{display:none}#albnav{display:contents}
.album>.sec,.album>.lede{max-width:1100px;margin-left:auto;margin-right:auto}
.cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:1100px;margin:0 auto}
@media(min-width:700px){.cgrid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1000px){.cgrid{grid-template-columns:repeat(5,1fr)}}
.cpost{margin:0;background:var(--gray);border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:5px 5px 0 var(--cyan);padding:6px;color:#111}
.cpost img{display:block;width:100%;height:auto;aspect-ratio:var(--r,4/5);object-fit:cover;background:#000}
.cpost figcaption{font:18px "Pixelify Sans";padding:6px 2px 0}.cpost figcaption b{font:30px "VT323";line-height:1}
.cpost small{display:block;font:16px "VT323";color:#800080}.cpost .cc{display:block;font:17px "VT323"}
.cpost.last{box-shadow:5px 5px 0 #FF9E5E}
.soonwin{max-width:520px}.soonwin .wb{background:#14123A;color:var(--ink);text-align:center}
.soonwin .big{font-size:30px;margin:0;color:var(--lime)}
.dots span{animation:bl 1.2s steps(2) infinite}@keyframes bl{50%{opacity:0}}
.pieces.big.many{grid-template-columns:repeat(2,1fr)}@media(min-width:800px){.pieces.big.many{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.pieces.big.many{grid-template-columns:repeat(5,1fr)}}
.pieces.big.many .piece figcaption{font-size:15px}
.cpost .cc{white-space:pre-line}
.album.paper .cpost{background:#F4F0E8;border:0;box-shadow:none;padding:0 0 12px;color:#333}
.album.paper .cpost img{background:#F4F0E8}
.album.paper .cpost figcaption{font:15px "EB Garamond",Georgia,serif;color:#777;padding:8px 14px 0;letter-spacing:.08em}
.album.paper .cpost figcaption b{font:15px "EB Garamond",Georgia,serif;color:#777}
.album.paper .cpost .cc{font:18px/1.45 "EB Garamond",Georgia,serif;color:#333;letter-spacing:0;margin-top:6px}
.album.paper .cgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}