@import "https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#ff69b2;--primary-light:#ffb6c1;--bg:#fff0f5;--white:#fff}html{-webkit-user-select:none;user-select:none;overflow-y:scroll}@media print{html,body{visibility:hidden}}body{background-color:var(--bg);color:#333;margin:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}.app-root{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 15px;display:flex}.box{background:var(--white);text-align:center;box-sizing:border-box;background-image:radial-gradient(#fff0f5 10%,#0000 10%);background-size:20px 20px;border-radius:24px;width:100%;max-width:480px;padding:30px 20px;box-shadow:0 15px 35px #ff69b426}.title{color:#ff69b2;text-shadow:2px 2px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff;letter-spacing:.05em;margin-bottom:22px;font-family:Mochiy Pop One,sans-serif;font-size:1.4rem}.logo-area{margin-bottom:25px}.site-logo{width:100%;max-width:330px;margin-bottom:4px}.title-sub{margin-top:0;font-family:Mochiy Pop One,sans-serif;font-size:2.1rem;font-weight:800;line-height:1.3}.title-sub span{margin:0 1px;animation:2s ease-in-out infinite charFloat;display:inline-block}.title-sub span:first-child{color:#ff1493;animation-delay:0s}.title-sub span:nth-child(2){color:#ff69b2;animation-delay:.12s}.title-sub span:nth-child(3){color:#ff8a65;animation-delay:.24s}.title-sub span:nth-child(4){color:#ffb347;animation-delay:.36s}.title-sub span:nth-child(6){color:gold;animation-delay:.48s}.title-sub span:nth-child(7){color:#c77dff;animation-delay:.6s}.title-sub span:nth-child(8){color:#f06292;animation-delay:.72s}.title-sub span:nth-child(9){color:#ff7043;animation-delay:.84s}.title-sub span:nth-child(10){color:#ab47bc;animation-delay:.96s}.title-sub span:nth-child(11){color:#ff4081;animation-delay:1.08s}.title-sub span:nth-child(12){color:orchid;animation-delay:1.2s}.title-sub span:nth-child(13){color:#ff8fab;animation-delay:1.32s}.title-sub span:nth-child(14){color:#ff1493;animation-delay:1.44s}.title-sub span:nth-child(15){color:#c77dff;animation-delay:1.56s}@keyframes charFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.desc-text{color:#666;margin-bottom:6px;font-family:Mochiy Pop One,sans-serif;font-size:.78rem}.catch-text{color:var(--primary);margin:3px 0;font-family:Mochiy Pop One,sans-serif;font-size:.78rem;font-weight:700}.top-buttons{margin-top:18px}.start-btn-sparkle{color:#fff;letter-spacing:.08em;cursor:pointer;text-shadow:0 1px 6px #00000040;background:linear-gradient(135deg,#ff1493,#ff69b2,#ff8a65,gold,#ff69b2,#ff1493) 0 0/300%;border:3px solid #ffffff8c;border-radius:50px;width:75%;margin-bottom:22px;margin-left:auto;margin-right:auto;padding:14px 40px;font-family:Mochiy Pop One,sans-serif;font-size:1.85rem;font-weight:900;transition:transform .2s,box-shadow .2s;animation:3s linear infinite gradientMove;display:block;position:relative;overflow:hidden;box-shadow:0 0 18px #ff14938c,0 8px #b5005e,0 14px 30px #ff149359}.start-btn-sparkle:before{content:"";pointer-events:none;background:#ffffff61;width:55%;height:220%;animation:3.5s ease-in-out infinite btnShine;position:absolute;top:-60%;left:-130%;transform:rotate(28deg)}@keyframes gradientMove{0%{background-position:0%}to{background-position:300%}}@keyframes btnShine{0%{left:-130%}35%{left:140%}to{left:140%}}.start-btn-sparkle:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 0 45px #ff1493d9,0 10px #b5005e,0 22px 45px #ff149380}.start-btn-sparkle:active{transition:transform 80ms,box-shadow 80ms;transform:translateY(4px)scale(.98);box-shadow:0 0 10px #ff149366,0 2px #b5005e}.sub-btn{box-sizing:border-box;cursor:pointer;border-radius:50px;width:75%;margin-top:10px;margin-left:auto;margin-right:auto;padding:9px 12px;font-family:Mochiy Pop One,sans-serif;font-size:.82rem;text-decoration:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:block;position:relative;top:0}.list-btn{color:var(--primary);border:2px solid var(--primary);background:#fff0f5;box-shadow:3px 3px #e8569a}.survey-btn{color:#00897b;background:#e8f8f5;border:2px solid #00897b;padding-top:7px;padding-bottom:7px;box-shadow:3px 3px #00695c}.list-btn:hover{background:#ffd6e7;transform:translateY(-2px);box-shadow:5px 5px #e8569a}.survey-btn:hover{background:#b2dfdb;transform:translateY(-2px);box-shadow:5px 5px #00695c}.sub-btn:active{top:3px;transform:translateY(0)scale(.98);box-shadow:none!important}.group-card{border:4px solid #fff}.group-choice-btn{cursor:pointer;color:#fff;white-space:nowrap;letter-spacing:.02em;border:3px solid #fff;border-radius:50px;width:85%;max-width:280px;margin:12px auto;padding:14px 16px;font-family:Mochiy Pop One,sans-serif;font-size:clamp(10px,3.8vw,16px);transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:block;position:relative;top:0}.group-choice-btn:hover{transform:translateY(-2px)}.group-choice-btn:active{top:3px;transform:translateY(0)scale(.98);box-shadow:none!important}.group-btn-fz{background-color:#ff8a65;box-shadow:3px 3px #e64a19}.group-btn-fz:hover{box-shadow:5px 5px #e64a19}.group-btn-cd{background-color:#00838f;box-shadow:3px 3px #006064}.group-btn-cd:hover{box-shadow:5px 5px #006064}.group-btn-ss{color:#6a1b9a;background-color:#e1bee7;box-shadow:3px 3px #ba68c8}.group-btn-ss:hover{box-shadow:5px 5px #ba68c8}.group-btn-cs{background-color:#ff007f;box-shadow:3px 3px #c2185b}.group-btn-cs:hover{box-shadow:5px 5px #c2185b}.group-btn-ms{background-color:#7e57c2;box-shadow:3px 3px #5e35b1}.group-btn-ms:hover{box-shadow:5px 5px #5e35b1}.back-btn-group{color:#666;cursor:pointer;background-color:#f0f0f0;border:3px solid #fff;border-radius:50px;width:70%;max-width:220px;margin:20px auto 0;padding:14px 16px;font-family:Mochiy Pop One,sans-serif;font-size:1rem;transition:all .2s;display:block;position:relative;top:0;box-shadow:3px 3px #bbb}.back-btn-group:hover{transform:translateY(-2px);box-shadow:5px 5px #bbb}.back-btn-group:active{box-shadow:none;top:3px;transform:translateY(0)scale(.98)}.back-btn-top{width:85%;max-width:280px;font-size:clamp(10px,3.8vw,16px)}.list-container{text-align:left;background:#fdfdfd;border:1px solid #eee;border-radius:16px;max-height:55vh;margin-bottom:20px;padding:15px;overflow-y:auto}.group-name-title{color:var(--primary);border-bottom:3px solid #ffdeeb;margin:15px 0 10px;padding-bottom:4px;font-size:1.1rem;font-weight:700}.song-item-row{border-bottom:1px dashed #eee;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.song-title-cell{color:#444;font-size:.9rem;font-weight:600}.song-unreleased .song-title-cell{color:#bbb;font-weight:400}.song-clickable{cursor:pointer;border-radius:8px;transition:background .15s}.song-clickable:hover{background:#fff0f5}.song-lyrics-modal{flex-direction:column;max-height:75vh;padding-bottom:20px;display:flex;overflow:hidden}.song-modal-group-badge{color:#ff69b2;background:#fff0f5;border:1px solid #ffb7d5;border-radius:20px;margin-bottom:14px;padding:2px 10px;font-size:.7rem;display:inline-block}.song-modal-loading{color:#aaa;padding:20px 0;font-size:.85rem}.song-modal-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.song-modal-list::-webkit-scrollbar{width:4px}.song-modal-list::-webkit-scrollbar-track{background:#fff0f5;border-radius:2px}.song-modal-list::-webkit-scrollbar-thumb{background:#ffb6c1;border-radius:2px}.song-modal-row{text-align:left;background:#fdfdfd;border:1px solid #f0d0e0;border-radius:10px;padding:7px 12px}.song-modal-lyrics{white-space:pre;margin-bottom:4px;font-size:.75rem;font-weight:400;line-height:1.6;overflow:hidden}.song-modal-members{font-size:.75rem;font-weight:400}.song-modal-explanation{color:#aaa;margin-top:3px;font-size:.75rem;font-weight:400}.status-tag-unreleased{color:#bbb;font-size:.6rem;font-weight:400}.diff-badge-inline{color:#fff;border-radius:6px;margin-left:4px;padding:2px 6px;font-size:.6rem}.easy-badge-color{background:#81c784}.normal-badge-color{color:#555;background:#ffd54f}.quiz-counter{text-align:center;color:#888;margin-bottom:5px;font-size:14px}.progress-container{background:#eee;border-radius:4px;width:100%;height:6px;margin-bottom:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#ffb6c1,#ff69b2);width:0%;height:100%;transition:width .4s}.quiz-title{margin-top:5px;margin-bottom:4px;color:#888!important;text-shadow:none!important;font-size:1.1rem!important}.quiz-challenge-label{color:#ff8ab4;background:#fff0f5;border:1px solid #ffb7d5;border-radius:20px;margin-bottom:8px;padding:2px 12px;font-family:Mochiy Pop One,sans-serif;font-size:.72rem;display:inline-block}#lyrics{color:#333;letter-spacing:.03em;white-space:pre;margin:20px 0;padding:0 10px;font-size:1.4rem;font-weight:400;line-height:1.6;overflow:hidden}.hint-lyrics{color:#aaa;letter-spacing:.05em;text-align:center;background:#fdfdfd;border:1px dashed #eee;border-radius:8px;margin:8px 0;padding:8px;font-weight:400;line-height:1.4;overflow:hidden}.hint-text{white-space:pre;font-size:.75rem;overflow:hidden}.quiz-card{width:min(100vw - 30px,480px)}.hint-label{color:#ffb6c1;font-size:.75rem;font-weight:700}.members{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:320px;margin:20px auto;display:grid}.member-btn{color:#888;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;width:100%;max-width:150px;margin:0 auto;padding:10px 0;font-family:Mochiy Pop One,sans-serif;font-size:.85rem;font-weight:400;transition:transform .1s,box-shadow .1s,background-color .1s;display:block;position:relative;top:0;box-shadow:0 2px #eee}.member-btn:hover:not(:disabled){background-color:#fffafc;transform:translateY(-2px);box-shadow:0 4px #eee}.member-btn.on{color:#fff;background-color:#ff69b2;border-color:#ff69b2;box-shadow:0 2px #d81b60}.member-btn.on:hover:not(:disabled){background-color:#ff69b2;box-shadow:0 4px #d81b60}.member-btn.all-btn{grid-column:span 2}.member-btn:disabled{cursor:not-allowed;opacity:.7}.submit{color:#fff;cursor:pointer;background-color:#ff69b2;border:3px solid #fff;border-radius:50px;width:70%;max-width:280px;margin:20px auto 0;padding:14px 16px;font-family:Mochiy Pop One,sans-serif;font-size:1rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:block;position:relative;top:0;box-shadow:0 4px #d81b60}.submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #d81b60}.submit:active:not(:disabled){top:3px;transform:translateY(0)scale(.98);box-shadow:0 1px #d81b60}#result.animate{text-align:center;border-radius:12px;width:80%;max-width:300px;margin:15px auto;padding:12px;font-size:.95rem;font-weight:700;animation:.5s ease-out result-pop;display:block}@keyframes result-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.correct{border:2px solid #4caf50;color:#2e7d32!important;background:#e8f5e9!important}.incorrect{border:2px solid #f44336;color:#d32f2f!important;background:#ffebee!important}.warning{color:#ef6c00!important;background:#fff3e0!important;border:2px solid #ffb74d!important}#explanation{color:#888;margin:10px 20px;font-size:14px;line-height:1.6}.fade-in{animation:.6s ease-out fadeIn}.slide-up{animation:.5s ease-out slideUp}.zoom-in{animation:.4s ease-out zoomIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes zoomInCentered{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.result-label{color:#888;margin-bottom:5px;font-size:.9rem}.rank-display{color:#ff69b2;text-shadow:2px 2px #fff;margin:15px 0;font-family:Mochiy Pop One,sans-serif;font-size:1.8rem}.rank-display.genius{font-size:2.1rem;animation:.6s ease-in-out infinite geniusRainbow}@keyframes geniusRainbow{0%{color:#ff69b2;text-shadow:0 0 12px #ff69b2,2px 2px #fff}20%{color:#ffbe0b;text-shadow:0 0 12px #ffbe0b,2px 2px #fff}40%{color:#4ecdc4;text-shadow:0 0 12px #4ecdc4,2px 2px #fff}60%{color:#8338ec;text-shadow:0 0 12px #8338ec,2px 2px #fff}80%{color:#ff006e;text-shadow:0 0 12px #ff006e,2px 2px #fff}to{color:#ff69b2;text-shadow:0 0 12px #ff69b2,2px 2px #fff}}.score-circle{background:#fff;border:6px solid #ff69b2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;margin:15px auto;display:flex;box-shadow:0 5px 15px #ff69b233}.score-num{color:#ff69b2;font-size:2.2rem;font-weight:900;line-height:1}.score-unit{color:#aaa;margin-top:4px;font-size:.85rem}.info-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:15px;display:flex}.badge{color:#ff69b2;background:#fdfdfd;border:1px solid #ffb6c1;border-radius:15px;padding:4px 12px;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #0000000d}.message-area{overflow:hidden;container-type:inline-size}.comment-text{color:#555;white-space:nowrap;padding:0 10px;font-family:Mochiy Pop One,sans-serif;font-size:1.1rem;line-height:1.6}.result-buttons{flex-direction:column;align-items:center;gap:8px;margin-top:15px;display:flex}.result-buttons button,.result-buttons .survey-btn{box-sizing:border-box;cursor:pointer;border-radius:25px;justify-content:center;align-items:center;width:85%;max-width:260px;height:44px;margin:0;font-family:Mochiy Pop One,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.result-buttons .share-btn{color:#fff;background:#000;border:none;position:relative;top:-4px;box-shadow:0 4px #888}.result-buttons .share-btn:active{box-shadow:none;top:0}.result-buttons .retry-btn{color:#fff;background:#ff69b2;border:none;box-shadow:0 4px #d81b60}.result-buttons .group-btn,.result-buttons .survey-btn{color:#ff69b2;background:#fff;border:2px solid #ffb6c1;box-shadow:0 4px #ffb6c1}.result-buttons .back-btn{color:#fff;background:#ccc;border:none;box-shadow:0 4px #999}.back-btn-minimal{color:#999;cursor:pointer;background:0 0;border:none;margin-top:15px;text-decoration:underline}.info-card{background:#fff radial-gradient(#fff0f5 15%,#0000 15%) 0 0/15px 15px;border:3px solid #ffb7d5;border-radius:30px;max-width:300px;margin:15px auto;padding:15px 20px;position:relative;box-shadow:0 10px 25px #ff69b426}.confirm-item{margin:8px 0}.confirm-label{color:#ff8ab4;margin-bottom:2px;font-size:.75rem;font-weight:700;display:block}.confirm-value{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ff1493,#ff8a65,#ff1493) 0 0/200%;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:1.5rem;font-weight:900;animation:4s linear infinite textShine;display:block}@keyframes textShine{to{background-position:200%}}.preparing-status{color:#ff69b2;margin-top:10px;font-weight:700}.start-btn{box-sizing:border-box;cursor:pointer;color:#fff;text-align:center;background:linear-gradient(45deg,#ff007f,#ff69b2,#ff8a65) 0 0/200% 200%;border:4px solid #fff;border-radius:100px;width:90%;max-width:280px;height:60px;margin:12px auto;padding:0 16px;font-family:Mochiy Pop One,sans-serif;font-size:1.2rem;font-weight:700;line-height:60px;transition:all .3s;animation:3s infinite gradientShift,2s infinite pulse;display:block;position:relative;overflow:hidden;box-shadow:0 8px #c2185b,0 12px 20px #ff14934d}.start-btn:after{content:"";background:#ffffff80;width:80%;height:300%;animation:3.5s infinite megaShine;position:absolute;top:-100%;left:-150%;transform:rotate(30deg)}.start-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-3px)scale(1.05);box-shadow:0 10px #c2185b,0 15px 25px #ff149366}.start-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 4px #c2185b}.start-btn:disabled{color:#888;cursor:not-allowed;background:#f0f0f0;animation:none;box-shadow:0 2px #ccc}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes megaShine{0%{left:-150%}25%{left:150%}to{left:150%}}.back-btn{color:#666;cursor:pointer;background-color:#f0f0f0;border:3px solid #fff;border-radius:50px;width:80%;max-width:280px;margin:20px auto 0;padding:14px 16px;font-family:Mochiy Pop One,sans-serif;font-size:.8rem;transition:all .2s;display:block;position:relative;top:0;box-shadow:3px 3px #bbb}.back-btn:hover{transform:translateY(-2px);box-shadow:5px 5px #bbb}.back-btn:active{box-shadow:none;top:3px;transform:translateY(0)scale(.98)}.global-footer-link{z-index:9999;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:fixed;top:10px;left:10px}.global-footer-link span{color:#ff69b2;cursor:pointer;-webkit-backdrop-filter:blur(4px);white-space:nowrap;background:#ffffffe0;border:1.5px solid #ffb7d5;border-radius:20px;padding:3px 10px;font-family:Mochiy Pop One,sans-serif;font-size:.62rem;transition:all .15s;display:block;box-shadow:0 2px 6px #ff69b426}.global-footer-link span:hover{background:#fff0f5;border-color:#ff69b2;transform:translate(2px)}.legal-links{z-index:9999;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:fixed;top:10px;right:10px}.legal-links span{color:#aaa;cursor:pointer;white-space:nowrap;background:#fff9;border-radius:4px;padding:3px 8px;font-size:10px;line-height:1.6;text-decoration:underline;display:block}.legal-links span:hover{color:#888;background:#ffffffd9}.button-row{flex-direction:column;align-items:center;width:100%;display:flex}.difficulty-item{box-sizing:border-box;justify-content:center;align-items:center;width:100%;margin-bottom:12px;padding-left:28px;display:flex;position:relative}.diff-btn{color:#fff;cursor:pointer;border:3px solid #fff;border-radius:50px;width:70%;max-width:220px;padding:14px 16px;font-family:Mochiy Pop One,sans-serif;font-size:1rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative;top:0}.diff-btn:hover{transform:translateY(-2px)}.diff-btn:active{top:3px;transform:translateY(0)scale(.98);box-shadow:none!important}.diff-btn-easy{background-color:#81c784;box-shadow:3px 3px #4caf50}.diff-btn-easy:hover{box-shadow:5px 5px #4caf50}.diff-btn-normal{color:#795548;background-color:#ffd54f;box-shadow:3px 3px #ffb300}.diff-btn-normal:hover{box-shadow:5px 5px #ffb300}.diff-btn-hard{background-color:#ef5350;box-shadow:3px 3px #d32f2f}.diff-btn-hard:hover{box-shadow:5px 5px #d32f2f}.diff-btn-expert{background-color:#ba68c8;box-shadow:3px 3px #9c27b0}.diff-btn-expert:hover{box-shadow:5px 5px #9c27b0}.info-icon{cursor:pointer;filter:sepia()saturate(5)hue-rotate(280deg);flex-shrink:0;width:18px;height:18px;margin-left:10px}.modal-overlay{-webkit-backdrop-filter:none;z-index:10000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-overlay.closing{animation:.22s ease-in forwards fadeOut}.modal-overlay.closing .modal-content{animation:.22s ease-in forwards slideDown}.modal-content{text-align:left;background:#fff;border:3px solid #ffb7d5;border-radius:24px;width:88%;max-width:400px;max-height:82vh;padding:24px 20px 20px;animation:.25s ease-out slideUp;overflow-y:auto;box-shadow:0 15px 40px #ff69b440,0 0 0 6px #ffb7d526}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:#fff0f5;border-radius:2px}.modal-content::-webkit-scrollbar-thumb{background:#ffb6c1;border-radius:2px}.modal-content h2{text-align:center;color:#ff69b2;border-bottom:2px dashed #ffb7d5;margin-bottom:16px;padding-bottom:12px;font-family:Mochiy Pop One,sans-serif;font-size:1.1rem}.modal-content h3{color:#ff8ab4;background:#fff0f5;border-left:3px solid #ff69b2;border-radius:0 6px 6px 0;margin-top:16px;margin-bottom:4px;padding:3px 8px;font-family:Mochiy Pop One,sans-serif;font-size:.82rem}.modal-content p{color:#777;margin:6px 0;font-family:Mochiy Pop One,sans-serif;font-size:.78rem;line-height:1.7}.modal-content a{color:#ff69b2}.modal-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff69b2,#ff8a65);border:none;border-radius:50px;width:60%;max-width:180px;margin:20px auto 0;padding:10px;font-family:Mochiy Pop One,sans-serif;font-size:.9rem;transition:transform .1s,box-shadow .1s;display:block;position:relative;top:0;box-shadow:0 4px #d81b60}.modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px #d81b60}.modal-close-btn:active{top:3px;transform:translateY(0);box-shadow:0 1px #d81b60}.info-modal-overlay{z-index:1500;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.info-modal-overlay.closing{animation:.22s ease-in forwards fadeOutBg}.info-modal-overlay.closing .info-pop{animation:.22s ease-in forwards slideDown}@keyframes fadeOutBg{0%{background:#0006}to{background:0 0}}.info-pop{-webkit-backdrop-filter:blur(4px);text-align:left;white-space:pre;background:#fffffffa;border:3px solid #ff69b2;border-radius:15px;min-width:250px;max-width:90vw;padding:15px 20px;font-size:.8rem;line-height:1.6;animation:.2s ease-out slideUp;box-shadow:0 10px 30px #0003}.debug-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:9999;background:#141414eb;border:1px solid #333;border-radius:10px;width:260px;padding:12px 14px;font-family:monospace;font-size:.72rem;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 20px #00000080}.debug-header{color:#ff69b2;letter-spacing:.05em;margin-bottom:10px;font-size:.8rem;font-weight:700}.debug-section{margin-bottom:10px}.debug-label{color:#aaa;margin-bottom:4px}.debug-btn-group{flex-wrap:wrap;gap:4px;display:flex}.debug-btn{color:#bbb;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:3px 7px;font-family:monospace;font-size:.68rem;transition:background .15s;width:auto!important;max-width:none!important;height:auto!important;box-shadow:none!important;border-radius:4px!important;margin:0!important;line-height:normal!important;display:inline-block!important}.debug-btn.on{color:#fff;background:#ff69b2;border-color:#ff69b2}.debug-btn:hover:not(.on){background:#3a3a3a}.debug-slider{accent-color:#ff69b2;width:100%;margin-top:4px}.debug-id-input{box-sizing:border-box;color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:4px;width:100%;margin-top:4px;padding:5px 8px;font-family:monospace;font-size:.72rem}.debug-jump-btn{color:#fff!important;cursor:pointer!important;width:100%!important;max-width:none!important;height:auto!important;box-shadow:none!important;background:#ff69b2!important;border:none!important;border-radius:6px!important;margin:0!important;padding:7px 0!important;font-family:monospace!important;font-size:.75rem!important;font-weight:700!important;transition:opacity .15s!important}.debug-jump-btn:hover{opacity:.85}