html:has(.album[open]){overflow:hidden}.album{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--fg);font:12px/16px var(--pixel);-webkit-font-smoothing:none;overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:0}.album[open]{place-items:center;display:grid}.album::backdrop{background:#040404e6}[data-mode=day] .album::backdrop{background:#ece7dceb}.album-print{border:1px solid var(--fg-dim);background:var(--panel);animation:.25s album-in;box-shadow:0 30px 80px -30px #000000b3}.album-img{opacity:0;width:auto;max-width:min(100vw - 60px,1100px);height:auto;max-height:calc(100dvh - 150px);transition:opacity .2s;display:block}.album-img.in{opacity:1}.album-chin{border-top:1px solid var(--fg-dim);background:var(--head);color:var(--hi);justify-content:space-between;align-items:center;gap:16px;padding:4px 8px;display:flex}.album-chin .label{color:var(--fg-dim)}.album-btn{border:1px solid var(--fg-dim);background:var(--bg);width:40px;height:40px;color:var(--fg);font:inherit;-webkit-font-smoothing:none;cursor:pointer;place-items:center;padding:0;display:grid;position:fixed}.album-btn:hover{background:var(--bar);color:var(--on-bar)}.album-prev,.album-next{margin-top:-20px;top:50%}.album-prev{left:24px}.album-next{right:24px}.album-close{top:20px;right:24px}.album[data-single] .album-prev,.album[data-single] .album-next{display:none}@keyframes album-in{0%{opacity:0;transform:translateY(10px)}}@media (width<=920px){.album-prev,.album-next{margin:0;top:auto;bottom:22px}.album-prev{left:calc(50% - 50px)}.album-next{right:calc(50% - 50px)}.album-close{top:14px;right:14px}.album-img{max-width:calc(100vw - 32px);max-height:calc(100dvh - 170px)}}@media (prefers-reduced-motion:reduce){.album-print{animation:none}}:root{--lcd:#bde4ff;--lcd-ink:#0b2a45;--lcd-dim:#6a98bd}.jc01 .device{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(152deg,#ffffffd9 0%,#ffffff26 26%,#0000 44%),linear-gradient(#e2e8ef9e,#c4ced98c 68%,#b0bccaad);border-radius:44px;width:320px;height:560px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff2,inset 0 0 0 1px #ffffff8c,inset 0 0 0 2px #78879840,inset 14px 0 28px #ffffff59,inset 0 -24px 46px #3c4b5f38,0 46px 60px -34px #19233780,0 10px 22px -12px #19233740}.jc01 .device:before,.jc01 .device:after{content:"";background:#46526266;border-radius:0 0 6px 6px;height:6px;position:absolute;top:0}.jc01 .device:before{width:36px;left:48px}.jc01 .device:after{background:#141a2299;border-radius:0 0 7px 7px;width:14px;height:8px;right:56px}.jc01 .screen{background:#19191d;border-radius:12px;height:194px;padding:9px;position:absolute;top:36px;left:32px;right:32px;box-shadow:inset 0 2px 5px #000000b3,0 1px #ffffff8c,0 -1px #3c4b5f40}.jc01 .screen:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff47,#ffffff0a 38%,#0000 55%);border-radius:5px;position:absolute;inset:9px}.jc01 .lcd{background:var(--lcd);height:100%;color:var(--lcd-ink);border-radius:5px;transition:background .25s;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #14467859}.jc01 .lcd:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000000b 0 1px,#0000 1px 2px),repeating-linear-gradient(90deg,#00000009 0 1px,#0000 1px 2px);position:absolute;inset:0}.jc01 .device[data-backlight=amber]{--lcd:#ffd79a;--lcd-ink:#3a1d00;--lcd-dim:#a8763a}.jc01 .device[data-backlight=mint]{--lcd:#c6f5d4;--lcd-ink:#0c3320;--lcd-dim:#5f9b76}.jc01 .lcd-bar{border-bottom:1px solid var(--lcd-ink);justify-content:space-between;align-items:center;height:18px;padding:0 6px;display:flex}.jc01 .lcd-bar .status{align-items:center;gap:6px;display:flex}.jc01 .battery{border:1px solid var(--lcd-ink);width:18px;height:9px;position:relative}.jc01 .battery:before{content:"";background:var(--lcd-ink);position:absolute;inset:1px 4px 1px 1px}.jc01 .battery:after{content:"";background:var(--lcd-ink);width:2px;height:3px;position:absolute;top:2px;right:-3px}.jc01 .lcd-body{padding-top:1px}.jc01 .lcd-row{text-align:left;white-space:nowrap;cursor:pointer;width:100%;height:18px;font:12px/16px var(--pixel);-webkit-font-smoothing:none;color:var(--lcd-ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:6px;padding:0 6px;text-decoration:none;display:flex;overflow:hidden}.jc01 .lcd-row span:first-child{text-overflow:ellipsis;overflow:hidden}.jc01 .lcd-row.on{background:var(--lcd-ink);color:var(--lcd)}.jc01 .lcd-row .dim{color:var(--lcd-dim)}.jc01 .lcd-row.on .dim{color:var(--lcd)}.jc01 .lcd-text{white-space:normal;padding:4px 6px 0}.jc01 .lcd-text p{margin:0}.jc01 .lcd-big{font-size:24px;line-height:28px}.jc01 .np{grid-template-columns:52px 1fr;gap:8px;padding:8px 6px 0;display:grid}.jc01 .np-art{background:var(--lcd-ink);width:52px;height:52px;color:var(--lcd);place-items:center;font-size:24px;line-height:1;display:grid}.jc01 .np p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.jc01 .np-bar{border:1px solid var(--lcd-ink);height:8px;margin:12px 6px 0}.jc01 .np-bar i{background:var(--lcd-ink);height:100%;display:block}.jc01 .np-times{justify-content:space-between;padding:2px 6px 0;display:flex}.jc01 .eq{align-items:flex-end;gap:1px;height:9px;display:inline-flex}.jc01 .eq i{background:var(--lcd-ink);transform-origin:bottom;width:2px;height:100%;animation:.9s steps(3,end) infinite eq}.jc01 .eq i:nth-child(2){animation-delay:-.3s}.jc01 .eq i:nth-child(3){animation-delay:-.6s}.jc01 .paused .eq i{animation-play-state:paused;transform:scaleY(.35)}@keyframes eq{0%{transform:scaleY(.3)}50%{transform:scaleY(1)}to{transform:scaleY(.6)}}.jc01 .wheel{touch-action:none;cursor:grab;background:radial-gradient(circle at 50% 30%,#fff,#eef1f4 55%,#dce1e6);border-radius:50%;width:216px;height:216px;margin-left:-108px;position:absolute;bottom:50px;left:50%;box-shadow:inset 0 2px 2px #fffffff2,inset 0 -4px 10px #1e28372e,0 0 0 1px #96a2b080,0 10px 22px -10px #19233773}.jc01 .wheel.turning{cursor:grabbing}.jc01 .wheel-dot{opacity:0;width:8px;height:8px;transform:rotate(var(--a,-90deg)) translateX(91px);pointer-events:none;background:#2453d6b3;border-radius:50%;margin:-4px 0 0 -4px;transition:opacity .3s;position:absolute;top:50%;left:50%}.jc01 .wheel.turning .wheel-dot{opacity:1;transition:none}.jc01 .wheel-btn{color:#55606c;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:48px;height:40px;padding:0;display:grid;position:absolute}.jc01 .wheel-btn.menu{font:600 9px/1 var(--display);letter-spacing:.16em;top:8px;left:84px}.jc01 .wheel-btn.prev{top:88px;left:6px}.jc01 .wheel-btn.next{top:88px;right:6px}.jc01 .wheel-btn.play{bottom:8px;left:84px}.jc01 .wheel-btn svg{fill:currentColor;display:block}.jc01 .wheel-btn:focus-visible,.jc01 .wheel-center:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.jc01 .wheel-center{cursor:pointer;background:radial-gradient(circle at 40% 28%,#fffffffa,#e2e9f0cc 45%,#b0bdccd9);border:1px solid #ffffffd9;border-radius:50%;width:78px;height:78px;margin:-39px 0 0 -39px;padding:0;position:absolute;top:50%;left:50%;box-shadow:inset 0 2px #ffffffe6,inset 0 -7px 14px #3c4b5f38,0 0 0 1px #96a2b073,0 2px 5px #00000029}.jc01 .wheel-center:active,.jc01 .wheel-center.press{transform:translateY(1px)scale(.98);box-shadow:inset 0 2px 6px #3c4b5f4d,0 1px 2px #00000029}.jc01 .engrave{text-align:center;font:600 8px/1 var(--display);letter-spacing:.32em;color:#323e4e8c;margin:0;position:absolute;bottom:18px;left:0;right:0}.jc01 .np .dim{color:var(--lcd-dim)}.jc01 .np-run{width:0;animation:240s linear infinite np-run}.jc01 .device.paused .np-run{animation-play-state:paused}.jc01 .when-off,.jc01 .device.paused .when-on{display:none}.jc01 .device.paused .when-off{display:inline}@keyframes np-run{to{width:100%}}html:has(.jc01[open]){overflow:hidden}.jc01{color:#8d96a3;overscroll-behavior:contain;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.jc01[open]{place-items:center;display:grid}.jc01::backdrop{background:radial-gradient(60% 70% at 50% 40%,#262b33f5,#050506f7 70%)}[data-mode=day] .jc01::backdrop{background:radial-gradient(60% 70% at 50% 40%,#fafbfcf7,#d6dbe1f7 70%)}.jc01-stage{justify-items:center;gap:18px;animation:.3s jc01-in;display:grid;position:relative}.jc01-stage:before{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#78beff33,#0000 75%);width:min(100vw,760px);position:absolute;top:22%;left:50%;transform:translate(-50%,-50%)}.jc01-hint{color:#6b7380;margin:0;font-size:13px}.jc01-close{border:1px solid var(--fg-dim);background:var(--bg);color:var(--fg);font:12px/16px var(--pixel);-webkit-font-smoothing:none;cursor:pointer;padding:4px 10px;position:fixed;top:14px;right:14px}.jc01-close:hover{background:var(--bar);color:var(--on-bar)}@keyframes jc01-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}@media (width<=600px){.jc01-hint{display:none}}@media (prefers-reduced-motion:reduce){.jc01-stage,.jc01 .np-run,.jc01 .eq i{animation:none}}