@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap";
@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_d9f9b9f7-module__GbP7qW__className{font-family:Outfit,Outfit Fallback;font-style:normal}
:root{--bg-from:#fdf9f3;--bg-mid:#f7f1e8;--bg-to:#f0e9dc;--glass-bg:#ffffffa6;--glass-border:#c8a56438;--glass-hover:#ffffffd1;--glass-active:#ffffffeb;--blur:16px;--neu-bg:#f0ebe1;--neu-shadow-out:6px 6px 16px #a082502e, -4px -4px 12px #ffffffeb;--neu-shadow-in:inset 4px 4px 10px #a0825024, inset -3px -3px 8px #ffffffe0;--neu-shadow-sm:3px 3px 8px #a0825026, -2px -2px 6px #ffffffe0;--accent:#c87800;--accent-light:#e89600;--accent-dark:#a05e00;--accent-glow:#c878002e;--text-primary:#2a2010;--text-secondary:#6b5030;--text-muted:#a08060;--chord-color:#b86a00;--chord-bg:#b86a001a;--success:#2d7a4a;--error:#c0392b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--tr:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:linear-gradient(145deg, var(--bg-from) 0%, var(--bg-mid) 55%, var(--bg-to) 100%);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,Noto Sans JP,sans-serif;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#a0825040;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0825066}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.neu-card{background:var(--neu-bg);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow-out)}.neu-inset{background:var(--neu-bg);border-radius:var(--radius-md);box-shadow:var(--neu-shadow-in)}a{color:inherit;text-decoration:none}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--tr);letter-spacing:.04em;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-light), var(--accent));color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #c878004d}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-ghost:hover{background:var(--glass-hover);color:var(--text-primary);border-color:#c8a56459}.btn-neu{background:var(--neu-bg);color:var(--text-secondary);box-shadow:var(--neu-shadow-sm)}.btn-neu:hover{color:var(--accent);box-shadow:var(--neu-shadow-out)}.btn-neu.active{box-shadow:var(--neu-shadow-in);color:var(--accent)}.input{border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-shadow:var(--neu-shadow-in);transition:border-color var(--tr), box-shadow var(--tr);background:#ffffffb3;border:1px solid #c8a5644d;outline:none;padding:12px 16px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--accent);box-shadow:var(--neu-shadow-in), 0 0 0 3px var(--accent-glow);background:#ffffffe0}.input::placeholder{color:var(--text-muted)}.chord-line{flex-wrap:wrap;gap:0;min-height:24px;margin-bottom:4px;display:flex}.chord-block{flex-direction:column;align-items:flex-start;display:inline-flex}.chord-name{color:#1a1a1a;white-space:nowrap;letter-spacing:.02em;min-height:22px;padding:0 2px;font-size:15px;font-weight:700;line-height:22px}.chord-lyric{color:#d44820;white-space:pre;padding:0 2px;font-size:18px;font-weight:500;line-height:1.7}.badge{letter-spacing:.06em;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-gold{background:linear-gradient(135deg, var(--accent-light), var(--accent));color:#fff}.badge-glass{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fade-in{animation:.4s both fadeIn}.animate-spin{animation:.8s linear infinite spin}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}.toast{z-index:9999;border-radius:var(--radius-md);letter-spacing:.04em;padding:12px 24px;font-size:13px;font-weight:600;animation:.3s fadeIn;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000001f}.toast-success{color:var(--success);background:#2d7a4a1a;border:1px solid #2d7a4a4d}.toast-error{color:var(--error);background:#c0392b14;border:1px solid #c0392b40}.section-divider{background:linear-gradient(90deg,#0000,#c8a5644d,#0000);height:1px;margin:32px 0}@media (max-width:900px){.container{padding:0 16px}.create-grid{grid-template-columns:1fr!important}.create-sidebar{position:static!important}}@media (max-width:640px){:root{--radius-lg:16px;--radius-xl:20px}.container{padding:0 12px}.btn{padding:9px 16px;font-size:13px}.chord-lyric{font-size:15px}.chord-name{font-size:13px}.glass{border-radius:var(--radius-lg)}.form-row-2col{grid-template-columns:1fr!important}.scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.header-search-desktop{display:none!important}.header-search-mobile{display:flex!important}.page-title-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.score-grid{grid-template-columns:1fr!important}}