.page-projects .title-card{z-index:2}.proj-view{position:relative;z-index:3;display:flex;gap:8px;width:max-content;margin:16px 6px -40px auto}.proj-view.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px;margin:-1px}.proj-view button{display:inline-flex;color:#fff;font:700 .9rem/1.2 var(--font-head);cursor:pointer;transition:background-color .15s,transform .2s var(--ease-bounce);background:#080e22b8;border:2px solid #fffc;border-radius:999px;align-items: center;gap:6px;padding:3px 14px 3px 5px}.proj-view button[aria-pressed=true]{background:#7c1fae;border-color:#fff;box-shadow:0 0 0 3px #7c1fae59,0 4px 10px #0006}@media (hover:hover){.proj-view button:hover{transform:scale(1.06)}}.proj-view img{width:24px;height:24px}.moon-wrap{position:relative;z-index:1;margin:0 0 20px}.moon-stage{--moon-h:540px;--moon-cx:50%;--moon-cy:50%;--moon-r:200px;position:relative;height:var(--moon-h);cursor:grab;outline:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-user-select:none}.moon-stage.is-pointing{cursor:pointer}.moon-stage.is-dragging{cursor:grabbing}.moon-stage:before{content:"";position:absolute;left:calc(var(--moon-cx) - var(--moon-r)*1.12);top:calc(var(--moon-cy) - var(--moon-r)*1.12);width:calc(var(--moon-r)*2.24);height:calc(var(--moon-r)*2.24);pointer-events:none;border:3px dashed #0000;border-radius:50%}.moon-stage:focus-visible:before{border-color:#ffffffbf}.moon-sky{position:absolute;pointer-events:none;inset:0}.moon-swing{position:absolute;inset:0}.moon-canvas{position:absolute;z-index:1;display:block;top:0;left:0}.moon-string{position:absolute;z-index:0;background:repeating-linear-gradient(160deg,#d7b683 0 4px,#9b7443 4px 7px,#c29b62 7px 10px);border-radius:4px;width:7px;height:3000px;top:-3000px;left:-3.5px;box-shadow:inset -2px 0 2px #00000059,2px 3px 4px #00000059}.moon-string.is-front{z-index:2}.moon-levels{position:absolute;z-index:3;inset:0}.moon-level{position:absolute;left:calc(var(--moon-cx) - 48px);top:calc(var(--moon-cy) - 48px);visibility:hidden;backface-visibility:hidden;pointer-events:none;will-change:transform,opacity;width:96px;height:96px}.moon-level .level-badge{--size:96px;transition:scale .22s var(--ease-bounce),box-shadow .2s;border-width:7px;box-shadow:0 0 0 5px #fff,0 0 0 8px #0000004d,inset 0 -10px 16px #00000029}.moon-level .level-badge:after{content:"";position:absolute;pointer-events:none;background:radial-gradient(circle at 32% 26%,#ffffff8c,#fff0 42%);border-radius:50%;inset:0}.moon-level.is-hot .level-badge{scale:1.1}.moon-level.is-open .level-badge{box-shadow:0 0 0 5px #fff,0 0 0 10px #8ff6ff,0 0 26px 10px #8ff6ff99}.moon-level.is-dim .level-badge{filter:grayscale(.85)brightness(.8)}.moon-tag{position:absolute;z-index:5;overflow:hidden;color:#fff;font:700 1.02rem/1.15 var(--font-head);white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity .12s,scale .2s var(--ease-bounce);pointer-events:none;background:#e040c8;border-radius:11px;max-width:min(320px,80%);margin:0;padding:5px 15px 6px;top:0;left:0;scale:.5;box-shadow:0 0 0 2px #ffffffe6,0 6px 14px #00000073}.moon-tag.is-on{opacity:1;scale:1}.moon-lines{position:absolute;z-index:4;overflow:visible;fill:none;pointer-events:none;width:100%;height:100%;inset:0}.moon-arrow,.moon-arrow-head{stroke:#e040c8;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;filter:drop-shadow(0 1px 0 #ffffffe6)drop-shadow(0 3px 3px #00000059);transition:opacity .12s}.moon-lines.has-arrow .moon-arrow,.moon-lines.has-arrow .moon-arrow-head{opacity:1}.moon-link{stroke:#b4faff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;filter:drop-shadow(0 0 2px #4fe3ff)drop-shadow(0 0 5px #4fe3ffa6);transition:opacity .2s}.moon-link-end{fill:#dffcff;opacity:0;filter:drop-shadow(0 0 3px #4fe3ff);transition:opacity .2s}.moon-lines.has-link .moon-link,.moon-lines.has-link .moon-link-end{opacity:1}.moon-card{position:absolute;right:0;top:max(12px,calc(var(--moon-cy) - 160px));z-index:6;color:#fff;-webkit-backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:auto;-webkit-user-select:text;user-select:text;-webkit-user-select:text;transform-origin:0 40%;background:linear-gradient(#2c808ee0,#0e4250eb);border:2px solid #7fe9f7;border-radius:14px;width:min(330px,44%);padding:14px 18px 16px;box-shadow:0 0 0 1px #0000004d,0 0 18px #7fe9f766,0 14px 30px #00000073,inset 0 1px #ffffff59}.moon-card.is-popping{animation:moon-card-pop .42s var(--ease-bounce)both}@keyframes moon-card-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.calm .moon-card.is-popping{animation:none}.moon-card-title{color:#fff;font:700 1.3rem/1.15 var(--font-head);text-shadow:0 2px #00000040;border-bottom:2px solid #7fe9f7a6;margin:0 36px 9px 0;padding-bottom:7px}.moon-card-meta{color:#c4f7ff;font:800 .8rem/1.35 var(--font-body);letter-spacing:.02em;margin:0 0 7px}.moon-card-text{color:#f2fbff;margin:0 0 10px;font-size:.95rem;line-height:1.45}.moon-card-tags{display:flex;list-style:none;flex-wrap:wrap;gap:5px;margin:0 0 13px;padding:0}.moon-card-tags li{font:800 .74rem/1.55 var(--font-body);background:#0000003d;border-radius:999px;padding:1px 9px;box-shadow:inset 0 0 0 1px #7fe9f780}.moon-card-tags:empty{display:none}.moon-card-actions{display:flex;flex-wrap:wrap;align-items: center;gap:8px}.moon-btn{display:inline-flex;color:#fff;font:700 .98rem/1.1 var(--font-head);text-decoration:none;cursor:pointer;transition:background-color .12s,transform .2s var(--ease-bounce),box-shadow .12s;background:#041c248c;border:2px solid #fff;border-radius:999px;align-items: center;gap:6px;padding:6px 15px}.moon-btn.is-main{padding:7px 22px;font-size:1.15rem}.moon-btn:hover{outline:none;background:#7c1fae;transform:scale(1.05);box-shadow:0 0 0 3px #7c1fae73}.moon-btn:focus-visible{outline:none;background:#7c1fae;transform:scale(1.05);box-shadow:0 0 0 3px #7c1fae73}.moon-btn svg{width:1.05em;height:1.05em}.moon-card-x{position:absolute;display:grid;color:#fff;cursor:pointer;background:#00000040;border:2px solid #ffffffbf;border-radius:50%;place-items: center;width:30px;height:30px;padding:0;top:10px;right:10px}.moon-card-x:hover{outline:none;background:#7c1fae}.moon-card-x:focus-visible{outline:none;background:#7c1fae}.moon-card-x svg{width:15px;height:15px}.moon-stage.is-compact{transition:height .3s var(--ease-out)}.moon-stage.is-compact.has-card{height:calc(var(--moon-cy) + var(--moon-r)*.7 + var(--card-h,240px) + 6px)}.moon-stage.is-compact .moon-card{left:0;right:0;top:calc(var(--moon-cy) + var(--moon-r)*.7);transform-origin:50% 0;width:auto}.moon-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:8px 16px;margin-top:6px}.moon-dip{display:inline-flex;color:#fff;font:700 .95rem/1.2 var(--font-head);cursor:pointer;transition:transform .2s var(--ease-bounce);background:#7c1fae;border:2px solid #fff;border-radius:999px;align-items: center;gap:8px;padding:4px 16px 4px 6px;box-shadow:0 4px 10px #0006}.moon-dip img{width:30px;height:30px}@media (hover:hover){.moon-dip:hover{transform:scale(1.06)rotate(-2deg)}}.moon-hint{color:var(--cream-dim);font:1rem/1.3 var(--font-hand);margin:0}.filters{display:flex;background:#080c2099;border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;box-shadow:inset 0 0 0 2px #ffffff14}