@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+JP:wght@400;500;700&family=Long+Cang&family=Dancing+Script:wght@400;600;700&family=Orbitron:wght@500;700&display=swap";:root{--bg-color: #f2f2f7;--card-bg: rgba(255, 255, 255, .75);--card-border: rgba(255, 255, 255, .6);--text-color: #1d1d1f;--text-secondary: #86868b;--radius: 32px;--blur: 24px;--gap: 20px;--transition: all .4s cubic-bezier(.2, .8, .2, 1);--shadow-light: 0 8px 32px rgba(0, 0, 0, .04);--shadow-hover: 0 20px 40px rgba(0, 0, 0, .08)}:root.dark{--bg-color: #0d1117;--card-bg: rgba(30, 30, 30, .45);--text-color: #f0f6fc;--text-secondary: #8b949e;--shadow-light: 0 8px 32px rgba(0, 0, 0, .2);--shadow-hover: 0 20px 40px rgba(0, 0, 0, .4);--card-border: rgba(255, 255, 255, .08)}body{margin:0;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}#app{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:60px 20px;box-sizing:border-box}.glass{background:var(--card-bg);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--card-border);box-shadow:var(--shadow-light);border-radius:var(--radius)}.w-full{width:100%}.h-full{height:100%}.flex-center{display:flex;justify-content:center;align-items:center}.bento-container[data-v-924ef849]{width:100%;max-width:1100px;animation:fadeIn-924ef849 .8s ease-out}.bento-grid[data-v-924ef849]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:180px;gap:var(--gap);padding:10px}@media(max-width:900px){.bento-grid[data-v-924ef849]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.bento-grid[data-v-924ef849]{display:flex;flex-direction:column;gap:20px}.bento-grid .grid-item[data-v-924ef849]{height:auto;min-height:180px}}.grid-item[data-v-924ef849]{border-radius:var(--radius);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.grid-item[data-v-924ef849]:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:2}.grid-item[data-v-924ef849]:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);z-index:5}.bento-grid:hover .grid-item[data-v-924ef849]:before{opacity:1}.size-1x1[data-v-924ef849]{grid-column:span 1;grid-row:span 1}.size-2x1[data-v-924ef849]{grid-column:span 2;grid-row:span 1}.size-2x2[data-v-924ef849]{grid-column:span 2;grid-row:span 2}.size-1x2[data-v-924ef849]{grid-column:span 1;grid-row:span 2}.size-4x1[data-v-924ef849]{grid-column:span 4;grid-row:span 1}@media(max-width:900px)and (min-width:601px){.size-4x1[data-v-924ef849]{grid-column:span 2}}@keyframes fadeIn-924ef849{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-container[data-v-e34361b2]{position:fixed;top:20px;right:20px;z-index:100}.settings-btn[data-v-e34361b2]{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:var(--text-color);transition:transform .3s}.settings-btn[data-v-e34361b2]:hover{transform:rotate(45deg)}.settings-panel[data-v-e34361b2]{position:absolute;top:60px;right:0;width:180px;padding:10px;display:flex;flex-direction:column;gap:5px}.option-item[data-v-e34361b2]{padding:12px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;transition:background .2s;color:var(--text-color)}.option-item[data-v-e34361b2]:hover{background:#0000000d}.fade-enter-active[data-v-e34361b2],.fade-leave-active[data-v-e34361b2]{transition:opacity .2s ease,transform .2s ease}.fade-enter-from[data-v-e34361b2],.fade-leave-to[data-v-e34361b2]{opacity:0;transform:translateY(-10px)}.footer[data-v-7b8c344e]{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:20px;margin-top:40px}.footer-content[data-v-7b8c344e]{padding:10px 24px;border-radius:50px;display:flex;gap:20px;align-items:center;font-size:.8rem;color:var(--text-secondary)}.lyric-bar[data-v-7b8c344e]{width:min(400px,90vw);padding:8px 16px;border-radius:50px;font-size:.95rem;color:var(--text-color);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px;box-shadow:0 4px 12px #0000000d}.music-icon[data-v-7b8c344e]{font-size:.9rem;animation:bounce-7b8c344e 2s infinite;flex-shrink:0}.lyric-text[data-v-7b8c344e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.copyright[data-v-7b8c344e]{margin:0}.links a[data-v-7b8c344e]{color:inherit;text-decoration:none;font-weight:600}.links a[data-v-7b8c344e]:hover{color:var(--text-color)}.sep[data-v-7b8c344e]{opacity:.5}@keyframes bounce-7b8c344e{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.fade-enter-active[data-v-7b8c344e],.fade-leave-active[data-v-7b8c344e]{transition:opacity .3s ease}.fade-enter-from[data-v-7b8c344e],.fade-leave-to[data-v-7b8c344e]{opacity:0}.loading-screen[data-v-c46f9243]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f5f5f7;z-index:9999;display:flex;align-items:center;justify-content:center}@media(prefers-color-scheme:dark){.loading-screen[data-v-c46f9243]{background:#111;color:#fff}}.loader-content[data-v-c46f9243]{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner[data-v-c46f9243]{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-left-color:#007aff;border-radius:50%;animation:spin-c46f9243 1s linear infinite}.text[data-v-c46f9243]{font-family:Inter,sans-serif;font-weight:500;opacity:.6;letter-spacing:.5px}@keyframes spin-c46f9243{to{transform:rotate(360deg)}}.fade-leave-active[data-v-c46f9243]{transition:opacity .5s ease}.fade-leave-to[data-v-c46f9243]{opacity:0}.background-layer[data-v-7e06a246]{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-2;transition:all .5s ease}.background-overlay[data-v-7e06a246]{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff1a;z-index:-1;transition:background .5s}.dark-bg[data-v-7e06a246]{background:#00000047}