.home{background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh}.home-nav{z-index:10;background-color:#fffef7;justify-content:space-between;align-items:center;padding:8px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.home-brand{cursor:pointer;align-items:center;gap:8px;display:flex}.login-btn-desktop{color:#fff;cursor:pointer;background-color:#ed6c02;border:none;border-radius:6px;align-items:center;padding:8px 16px;font-weight:600;display:inline-flex}.home-main{max-width:1000px;margin:0 auto;padding:32px 16px 64px}.search-row{max-width:520px;margin:0 auto 28px;position:relative}.card-row{grid-template-columns:repeat(5,1fr);gap:16px;transition:opacity .15s;display:grid}@media (max-width:1100px){.card-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.home-nav{justify-content:flex-start;padding:8px 16px}.login-btn-desktop{display:none}.home-main{padding:20px 16px 48px}.card-row{grid-template-columns:1fr}.pager-row-desktop{display:none}.glass-card{min-height:28.5vh}}.card-row--loading{opacity:.45;pointer-events:none}.loading{text-align:center;color:#fff;text-shadow:0 1px 4px #00000080;grid-column:1/-1;padding:40px 0}.glass-card{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff54;border:1px solid #ffffff73;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:330px;padding:20px;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,inset 0 1px #fffc}.glass-card.is-burgundy{background:#8000206b}.glass-card.is-naples{background:#f6c91c6b}.glass-card.is-cadmium{background:#0d5c336b}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.glass-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle), transparent 0deg, transparent 270deg, #7f0020 320deg, #c0405f 350deg, #7f0020 360deg);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card.is-naples:before{background:conic-gradient(from var(--angle), transparent 0deg, transparent 270deg, #b8860b 320deg, #f6c91c 350deg, #b8860b 360deg)}.glass-card.is-cadmium:before{background:conic-gradient(from var(--angle), transparent 0deg, transparent 270deg, #0d5c33 320deg, #2ecc71 350deg, #0d5c33 360deg)}.glass-card:hover:before{opacity:1;animation:2s linear infinite rotate-border}@keyframes rotate-border{to{--angle:360deg}}.glass-card:hover{box-shadow:0 12px 40px #0003}.song-name{color:#fff;text-shadow:0 1px 3px #000000a8;cursor:pointer;z-index:1;font-family:Noto Serif JP,serif;font-size:1.05rem;font-weight:600;line-height:1.5;text-decoration:none;position:relative}.song-name:hover{text-underline-offset:2px;text-decoration:underline}.score-btn{color:#fff;cursor:pointer;text-shadow:0 1px 3px #000000a8;z-index:1;background:0 0;border:none;align-self:flex-end;margin-top:12px;font-size:1.8rem;line-height:1;transition:transform .15s,opacity .15s;position:relative}.score-btn:hover{opacity:.85;transform:scale(1.2)}.pager-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.page-info{color:#fff;text-shadow:0 1px 3px #00000080;font-size:12px}.pager-glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border-radius:14px;padding:2px 6px;box-shadow:0 4px 16px #0000002e}.pager-glass .MuiPaginationItem-root{color:#353542;font-weight:600}.pager-glass .MuiPaginationItem-root.Mui-selected{color:#fff!important;background-color:#800020!important}.hint-verse{color:ivory;text-shadow:0 1px 3px #00000080;margin-top:20px;font-size:13px;font-weight:700}.effect-shine{font-size:2.2rem}.search-row:before{content:"";background:conic-gradient(from var(--angle), transparent 0deg, transparent 270deg, #800020 320deg, #c0405f 350deg, #800020 360deg);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:0;border-radius:999px;padding:3px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.search-row.search-loading:before{opacity:1;animation:3.3s linear infinite rotate-border}