:root{--v7-font-body:var(--font-site,"NotoSerifSC", "Source Han Serif SC", serif);--v7-font-head:"YangRenDongZhuShiTi", "NotoSerifSC", serif;--v7-font-mono:var(--font-geist-mono), "JetBrains Mono", "Cascadia Code", Consolas, monospace;--v7-radius-xs:6px;--v7-radius-sm:10px;--v7-radius-md:14px;--v7-radius-lg:20px;--v7-radius-full:999px;--v7-dur-instant:80ms;--v7-dur-fast:.15s;--v7-dur-base:.24s;--v7-dur-slow:.4s;--v7-ease-out:cubic-bezier(.22, 1, .36, 1);--v7-text-xs:12px;--v7-text-sm:13px;--v7-text-md:14px;--v7-text-lg:16px;--v7-text-xl:20px;--v7-text-2xl:26px;--v7-text-3xl:34px;--v7-control-track:#767d8b;--v7-skeleton:#b6bdc8;--v7-sh-primary:74 114 151;--v7-sh-primary-foreground:255 253 247;--v7-sh-secondary:115 139 163;--v7-sh-secondary-foreground:255 253 247;--v7-sh-muted:205 210 218;--v7-sh-muted-foreground:61 68 80;--v7-sh-accent:205 210 218;--v7-sh-accent-foreground:19 22 28;--v7-sh-destructive:173 91 85;--v7-sh-destructive-foreground:255 253 247;--v7-disc-a:#2a2f38;--v7-disc-b:#15181d;--v7-disc-hole:#0b0d10}:root[data-theme=light]{--v7-bg-0:#d8dce3;--v7-bg-1:#cdd2da;--v7-bg-2:#bfc6d0;--v7-surface:#ffffffad;--v7-surface-solid:#e9edf2;--v7-surface-strong:#ffffffd1;--v7-ink:#1a1e25;--v7-text-1:#13161c;--v7-text-2:#3d4450;--v7-text-3:#565e6b;--v7-accent:#3c5f80;--v7-accent-2:#4d6b88;--v7-accent-3:#b97f55;--v7-success:#3f6b50;--v7-warning:#7a5a2f;--v7-danger:#a04a46;--v7-info:#3e5f7d;--v7-on-accent:#fffdf7;--v7-on-danger:#fffdf7;--v7-on-success:#fffdf7;--v7-glass-bg:#f7f9fcad;--v7-glass-border:#16181e29;--v7-glass-border-strong:#16181e80;--v7-glass-highlight:#ffffffeb;--v7-ring:#4a72978c;--v7-shadow-1:0 1px 2px #14192317;--v7-shadow-2:0 8px 24px #14192329;--v7-shadow-3:0 18px 48px #14192338;--v7-shadow-4:0 30px 90px #14192347;--v7-glow:#4a72972e;--v7-blur-glass:18px;--v7-sat-glass:1.3;--v7-mask-day:.66;--v7-mask-night:.55;--v7-code-bg:#1a1e2512;--v7-table-line:#16181e1a;--v7-scrollbar-thumb:#16181e38;--v7-control-track:#767d8b;--v7-skeleton:#b6bdc8;--v7-sh-primary:74 114 151;--v7-sh-primary-foreground:255 253 247;--v7-sh-secondary:115 139 163;--v7-sh-secondary-foreground:255 253 247;--v7-sh-muted:205 210 218;--v7-sh-muted-foreground:61 68 80;--v7-sh-accent:205 210 218;--v7-sh-accent-foreground:19 22 28;--v7-sh-destructive:173 91 85;--v7-sh-destructive-foreground:255 253 247}:root[data-theme=dark]{--v7-bg-0:#0e1013;--v7-bg-1:#14161a;--v7-bg-2:#1a1d22;--v7-surface:#ffffff0e;--v7-surface-solid:#15181d;--v7-surface-strong:#ffffff17;--v7-ink:#232733;--v7-text-1:#f0f0ec;--v7-text-2:#bdbdb5;--v7-text-3:#999991;--v7-accent:#8fb0c4;--v7-accent-2:#d0a184;--v7-accent-3:#a69ec2;--v7-success:#8cb28c;--v7-warning:#e0c187;--v7-danger:#d0877b;--v7-info:#8cb3d0;--v7-on-accent:#241c0e;--v7-on-danger:#23100e;--v7-on-success:#241c0e;--v7-glass-bg:#ffffff14;--v7-glass-border:#dce4f01f;--v7-glass-border-strong:#dce4f06b;--v7-glass-highlight:#ffffff14;--v7-ring:#8fb0c480;--v7-shadow-1:0 1px 2px #00000059;--v7-shadow-2:0 8px 24px #00000059;--v7-shadow-3:0 18px 48px #00000073;--v7-shadow-4:0 30px 90px #0000008c;--v7-glow:#8fb0c429;--v7-blur-glass:18px;--v7-sat-glass:1.3;--v7-mask-day:.12;--v7-mask-night:.62;--v7-code-bg:#0006;--v7-table-line:#ffffff0f;--v7-scrollbar-thumb:#ffffff38;--v7-control-track:#5f6775;--v7-skeleton:#3f4652;--v7-sh-primary:143 176 196;--v7-sh-primary-foreground:36 28 14;--v7-sh-secondary:208 161 132;--v7-sh-secondary-foreground:36 28 14;--v7-sh-muted:32 36 43;--v7-sh-muted-foreground:189 189 181;--v7-sh-accent:32 36 43;--v7-sh-accent-foreground:240 240 236;--v7-sh-destructive:208 135 123;--v7-sh-destructive-foreground:36 28 14}
.glass{border-radius:var(--v7-radius-lg);border:1px solid var(--v7-glass-border);background:var(--v7-glass-bg);-webkit-backdrop-filter:blur(var(--v7-blur-glass)) saturate(var(--v7-sat-glass));box-shadow:inset 0 1px 0 var(--v7-glass-highlight), var(--v7-shadow-1)}.btn{border-radius:var(--v7-radius-sm);font-size:var(--v7-text-sm);cursor:pointer;border:1px solid var(--v7-glass-border);background:var(--v7-surface);color:var(--v7-text-2);align-items:center;gap:7px;padding:9px 16px;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s,color .2s;display:inline-flex}.btn:hover{box-shadow:var(--v7-shadow-2);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn.primary{color:#fff;background:linear-gradient(135deg, var(--v7-accent), var(--v7-accent-3));box-shadow:0 6px 18px var(--v7-glow);border:0}.btn:disabled{opacity:.5;cursor:not-allowed}.tabs{border:1px solid var(--v7-glass-border);background:var(--v7-surface);border-radius:12px;gap:6px;padding:4px;display:inline-flex}.ic{vertical-align:-.125em;display:inline-flex}.ic svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}.v7-title-blur{white-space:pre;opacity:0;filter:blur(10px);animation:v7-title-in .7s var(--v7-ease-out) forwards;animation-delay:calc(var(--i) * 45ms);will-change:transform, filter, opacity;display:inline-block;transform:translateY(-16px)}@keyframes v7-title-in{to{opacity:1;filter:blur();transform:none}}.v7-shake{animation:.4s v7-shake}@keyframes v7-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@media (prefers-reduced-motion:reduce){.v7-title-blur,.v7-shake{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}}
.bg-scene{z-index:-2;background-image:url(/uploads/media/bg/kirameku-01.png);background-position:50%;background-size:cover;position:fixed;inset:0}.bg-scene .bg-mask{position:absolute;inset:0}:root[data-theme=light] .bg-scene .bg-mask{background:rgba(255, 255, 255, var(--v7-mask-day))}:root[data-theme=dark] .bg-scene .bg-mask{background:rgba(0, 0, 0, var(--v7-mask-night))}
.glare-hover{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);place-items:center;display:grid;position:relative;overflow:hidden}.glare-hover:before{content:"";background:linear-gradient(var(--gh-angle), #0000 60%, var(--gh-rgba) 70%, #0000, #0000 100%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size), 100% 100%;background-position:-100% -100%,0 0;background-repeat:no-repeat;position:absolute;inset:0}.glare-hover:hover{cursor:pointer}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration) ease;background-position:100% 100%,0 0}.glitch{color:var(--v7-text-1);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;margin:0 auto;font-size:clamp(2rem,10vw,8rem);font-weight:900;position:relative}.glitch:after,.glitch:before{content:attr(data-text);color:var(--v7-text-1);background-color:var(--v7-surface-solid);clip-path:inset(0);position:absolute;top:0;overflow:hidden}.glitch:not(.enable-on-hover):after{text-shadow:var(--after-shadow,-10px 0 red);animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;left:10px}.glitch:not(.enable-on-hover):before{text-shadow:var(--before-shadow,10px 0 cyan);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;left:-10px}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:"";opacity:0;animation:none}.glitch.enable-on-hover:hover:after{content:attr(data-text);opacity:1;text-shadow:var(--after-shadow,-10px 0 red);animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;left:10px}.glitch.enable-on-hover:hover:before{content:attr(data-text);opacity:1;text-shadow:var(--before-shadow,10px 0 cyan);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;left:-10px}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50%)}5%{clip-path:inset(10% 0 60%)}10%{clip-path:inset(15% 0 55%)}15%{clip-path:inset(25% 0 35%)}20%{clip-path:inset(30% 0 40%)}25%{clip-path:inset(40% 0 20%)}30%{clip-path:inset(10% 0 60%)}35%{clip-path:inset(15% 0 55%)}40%{clip-path:inset(25% 0 35%)}45%{clip-path:inset(30% 0 40%)}50%{clip-path:inset(20% 0 50%)}55%{clip-path:inset(10% 0 60%)}60%{clip-path:inset(15% 0 55%)}65%{clip-path:inset(25% 0 35%)}70%{clip-path:inset(30% 0 40%)}75%{clip-path:inset(40% 0 20%)}80%{clip-path:inset(20% 0 50%)}85%{clip-path:inset(10% 0 60%)}90%{clip-path:inset(15% 0 55%)}95%{clip-path:inset(25% 0 35%)}to{clip-path:inset(30% 0 40%)}}.electric-border{--electric-light-color:oklch(from var(--electric-border-color) l c h);border-radius:inherit;isolation:isolate;position:relative;overflow:visible}.eb-canvas-container{pointer-events:none;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eb-canvas{display:block}.eb-content{border-radius:inherit;z-index:1;position:relative}.eb-layers{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0}.eb-glow-1,.eb-glow-2,.eb-background-glow{border-radius:inherit;pointer-events:none;box-sizing:border-box;position:absolute;inset:0}.eb-glow-1{border:2px solid oklch(from var(--electric-border-color) l c h / .6);filter:blur(1px)}.eb-glow-2{border:2px solid var(--electric-light-color);filter:blur(4px)}.eb-background-glow{z-index:-1;filter:blur(32px);opacity:.3;background:linear-gradient(-30deg, var(--electric-light-color), transparent, var(--electric-border-color));transform:scale(1.1)}.noise-overlay{pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0}.circular-text{width:200px;height:200px;color:var(--v7-text-1);text-align:center;cursor:pointer;transform-origin:50%;border-radius:50%;margin:0 auto;font-weight:900}.circular-text span{font-size:24px;transition:all .5s cubic-bezier(0,0,0,1);display:inline-block;position:absolute;inset:0}.text-cursor-container{width:100%;height:100%;position:relative}.text-cursor-inner{pointer-events:none;position:absolute;inset:0}.text-cursor-item{-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:1.875rem;position:absolute}.focus-container{-webkit-user-select:none;user-select:none;outline:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;display:flex;position:relative}.focus-word{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-size:3rem;font-weight:900;transition:filter .3s,color .3s;position:relative}.focus-word.active{filter:blur()}.focus-frame{pointer-events:none;box-sizing:content-box;border:none;position:absolute;top:0;left:0}.corner{border:3px solid var(--border-color,var(--v7-accent));width:1rem;height:1rem;filter:drop-shadow(0px 0px 4px var(--border-color,var(--v7-accent)));border-radius:3px;transition:none;position:absolute}.top-left{border-bottom:none;border-right:none;top:-10px;left:-10px}.top-right{border-bottom:none;border-left:none;top:-10px;right:-10px}.bottom-left{border-top:none;border-right:none;bottom:-10px;left:-10px}.bottom-right{border-top:none;border-left:none;bottom:-10px;right:-10px}.variable-proximity{font-family:var(--v7-font-body,sans-serif)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.paint-container{object-fit:contain;width:100%;height:100%;display:block}
@keyframes seasonal-fall{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:.8}to{opacity:0;transform:translateY(100vh)translate(24px)}}@keyframes sparkle-twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:.95;transform:scale(1.2)}}