:root{--dam-bg:#0a001a;--dam-card-bg:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);--dam-accent-pink:#f3c;--dam-accent-cyan:#0ff;--dam-accent-yellow:#ff0;--dam-text:#fff;--dam-text-muted:#b0c4de;--dam-border:#334155;--dam-glow-pink:0 0 15px rgba(255,51,204,.7);--dam-glow-cyan:0 0 15px rgba(0,255,255,.7)}.ksm-container{max-width:600px;margin:20px auto;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;background:var(--dam-bg) linear-gradient(135deg,rgba(255,0,255,.2) 0%,rgba(0,255,255,.2) 100%);color:var(--dam-text);padding:25px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.8) , var(--dam-glow-cyan);line-height:1.6;border:1px solid var(--dam-accent-cyan)}.ksm-auth-box{padding:30px 20px;background:rgba(0,0,0,.6);backdrop-filter:blur(10px)}.ksm-auth-tabs{display:flex;margin-bottom:25px;border-bottom:2px solid var(--dam-border)}.ksm-auth-tab{flex:1;padding:12px;background:transparent;color:var(--dam-text-muted);border:none;cursor:pointer;font-weight:bold;transition:.3s;text-transform:uppercase;letter-spacing:1px}.ksm-auth-tab.active{color:var(--dam-accent-cyan);border-bottom:3px solid var(--dam-accent-cyan);text-shadow:var(--dam-glow-cyan)}.ksm-auth-content{display:none}.ksm-auth-content.active{display:block}.ksm-user-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 15px;background:rgba(30,41,59,.8);border-radius:8px;font-size:.9em;border:1px solid var(--dam-accent-cyan);box-shadow:var(--dam-glow-cyan)}.ksm-nav-links a{margin-left:15px;color:var(--dam-accent-cyan);text-decoration:none;font-weight:bold;transition:.3s}.ksm-nav-links a:hover{text-shadow:var(--dam-glow-cyan)}.ksm-form{background:rgba(15,23,42,.8);padding:25px;border-radius:12px;margin-bottom:30px;border:1px solid var(--dam-accent-cyan);backdrop-filter:blur(8px);box-shadow:var(--dam-glow-cyan)}.ksm-form h3{color:var(--dam-accent-cyan);margin:0 0 20px;font-size:1.4em;text-shadow:var(--dam-glow-cyan);border-bottom:1px solid var(--dam-accent-cyan);padding-bottom:10px}.ksm-form label{font-size:.85em;color:var(--dam-text-muted);display:block;margin-bottom:5px;font-weight:bold}.ksm-form input{width:100%;padding:12px;margin-bottom:15px;background:#0f172a;border:1px solid var(--dam-border);border-radius:6px;color:#fff;font-size:16px;transition:.3s}.ksm-form input:focus{border-color:var(--dam-accent-cyan);outline:none;box-shadow:var(--dam-glow-cyan)}.ksm-grid-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.ksm-grid-inputs.five-cols{grid-template-columns:repeat(3,1fr)}.ksm-grid-inputs.four-cols{grid-template-columns:repeat(2,1fr)}@media (min-width:480px){.ksm-grid-inputs.five-cols{grid-template-columns:repeat(5,1fr)}.ksm-grid-inputs.four-cols{grid-template-columns:repeat(4,1fr)}}.ksm-section-label{font-size:.9em;color:var(--dam-accent-cyan);margin:20px 0 10px;border-bottom:1px solid rgba(0,255,255,.3);text-transform:uppercase;letter-spacing:1px;text-shadow:var(--dam-glow-cyan)}.ksm-btn{background:linear-gradient(90deg,#0ff,#00bfff);color:#000;padding:14px;border:none;border-radius:30px;cursor:pointer;font-weight:bold;width:100%;margin-top:15px;box-shadow:var(--dam-glow-cyan);transition:.2s;text-transform:uppercase;letter-spacing:1px}.ksm-btn:hover{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 0 20px rgba(0,255,255,.9)}.ksm-cancel{display:block;text-align:center;margin-top:15px;color:var(--dam-text-muted);font-size:.85em;text-decoration:none;transition:.3s}.ksm-cancel:hover{color:var(--dam-accent-cyan);text-shadow:var(--dam-glow-cyan)}.ksm-history-title{border-left:5px solid var(--dam-accent-pink);padding-left:15px;margin:40px 0 25px;font-size:1.5em;color:var(--dam-accent-pink);text-shadow:var(--dam-glow-pink)}.ksm-card{background:var(--dam-card-bg);padding:20px;margin-bottom:25px;border-radius:12px;border:1px solid var(--dam-accent-cyan);border-left:5px solid var(--dam-accent-pink);box-shadow:var(--dam-glow-cyan)}.ksm-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid rgba(0,255,255,.2);padding-bottom:10px}.ksm-song-title{font-weight:bold;font-size:1.2em;color:var(--dam-accent-cyan);text-shadow:var(--dam-glow-cyan)}.ksm-key-badge{background:var(--dam-accent-cyan);color:#000;padding:4px 10px;border-radius:20px;font-size:.8em;font-weight:800;box-shadow:var(--dam-glow-cyan)}.ksm-flex-body{display:flex;align-items:center;gap:20px}.ksm-score-area{flex:1;text-align:center}.ksm-score-box{font-size:3.5em;font-weight:900;color:var(--dam-accent-pink);text-shadow:var(--dam-glow-pink) , 0 0 30px rgba(255,51,204,.5);line-height:1;margin-bottom:10px}.ksm-score-unit{font-size:.4em;color:var(--dam-text);margin-left:5px;text-shadow:none}.ksm-sub-stats{font-size:.8em;color:var(--dam-text-muted);margin:8px 0;font-weight:bold}.ksm-trend-toggle{background:transparent;border:2px solid var(--dam-accent-cyan);color:var(--dam-accent-cyan);padding:6px 15px;border-radius:20px;font-size:.8em;cursor:pointer;transition:.3s;font-weight:bold;box-shadow:var(--dam-glow-cyan)}.ksm-trend-toggle:hover{background:rgba(0,255,255,.2);text-shadow:var(--dam-glow-cyan)}.ksm-chart-container{flex:1;max-width:220px;height:220px}.ksm-trend-area{margin-top:20px;padding:15px;background:rgba(0,0,0,.6);border-radius:8px;border:1px dashed var(--dam-accent-cyan)}.ksm-actions{margin-top:20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:.8em;display:flex;justify-content:space-between;align-items:center}.ksm-actions a{color:var(--dam-text-muted);text-decoration:none;margin-right:15px;transition:.3s}.ksm-actions a:hover{color:var(--dam-accent-cyan);text-shadow:var(--dam-glow-cyan)}.ksm-delete-link{color:#ef4444!important}.ksm-delete-link:hover{text-shadow:0 0 10px rgba(239,68,68,.7)!important}.ksm-date{color:#475569}@media (max-width:480px){.ksm-flex-body{flex-direction:column}.ksm-chart-container{max-width:100%;height:250px;width:100%}.ksm-score-box{font-size:3em}}