@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,800&family=Inter:wght@400;500;600;700;800&display=swap);@font-face{font-family:Pretendard;font-style:normal;font-weight:100;src:url(/static/media/Pretendard-Thin.23965237737042c7c087.ttf) format("truetype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:300;src:url(/static/media/Pretendard-Light.be916151766e60d80835.ttf) format("truetype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:500;src:url(/static/media/Pretendard-Regular.fbe5b096111efa3e3bc2.ttf) format("truetype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:700;src:url(/static/media/Pretendard-SemiBold.8ae7df0e2ac61e2d2788.ttf) format("truetype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:700;src:url(/static/media/Pretendard-Bold.be4e300c014733a8521f.ttf) format("truetype")}*,body,html{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif!important}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100%}code{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif!important}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.App{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}.App,.App .Main{width:100%}img{display:block}a{color:inherit;text-decoration:none}input{background-color:#fff;outline:none}.inner{margin:0 auto;max-width:1400px;position:relative}@media screen and (max-width:1500px){.inner{width:90vw}}.drum-app{--black:#090b0f;--ink:#151820;--panel:#1c2029;--line:#343946;--muted:#9299a8;--red:#f04452;--blue:#1f79f0;--yellow:#ffc928;--green:#35c56a;--white:#f7f8fa;color:#f7f8fa;font-family:Inter,Arial,sans-serif;font-synthesis:none}.drum-app *{box-sizing:border-box}.drum-app{-webkit-font-smoothing:antialiased;background:#090b0f;height:100%;margin:0;min-height:100vh;min-width:320px;overflow:hidden;width:100%}.drum-app button,.drum-app input{font:inherit}.drum-app button{color:inherit;cursor:pointer}.drum-app button:focus-visible,.drum-app input:focus-visible{outline:3px solid #57a0ff;outline-offset:2px}.drum-app img{display:block;max-width:100%}.drum-app .dh-brand{align-items:baseline;color:#fff;display:inline-flex;font:italic 800 44px/1 Barlow Condensed,sans-serif;letter-spacing:0;position:relative}.drum-app .dh-brand span{color:var(--red)}.drum-app .dh-brand i{background:var(--red);height:5px;margin-left:7px;transform:skewX(-24deg);width:34px}.drum-app .dh-brand.compact{font-size:28px}.drum-app .dh-brand.compact i{height:4px;width:24px}.drum-app .dh-login-screen{background:#0a0c10;grid-template-columns:minmax(0,1.45fr) minmax(390px,.75fr);height:100dvh;min-height:0;overflow:hidden;width:100%}.drum-app .login-art{overflow:hidden;position:relative}.drum-app .login-art:after{background:#05070a52;content:"";inset:0;position:absolute}.drum-app .login-art img{height:100%;object-fit:cover;width:100%}.drum-app .login-panel{background:#11141a;border-left:1px solid #282d38;display:flex;flex-direction:column;justify-content:center;min-height:0;overflow:hidden;padding:clamp(36px,5vw,76px)}.drum-app .eyebrow,.drum-app .login-kicker{color:var(--red);font:700 12px/1.2 Inter,sans-serif;letter-spacing:1.8px;margin:26px 0 8px}.drum-app .login-panel h1{font:800 clamp(42px,5vw,72px)/.94 Barlow Condensed,sans-serif;margin:0;max-width:480px;text-transform:uppercase}.drum-app .login-panel>p:not(.login-kicker){color:#b7bdc8;font-size:15px;margin:22px 0 30px;max-width:500px}.drum-app .google-button{align-items:center;background:#fff;border:1px solid #d8dce3;border-radius:4px;color:#181b22;display:flex;font-weight:700;gap:12px;justify-content:center;min-height:58px}.drum-app .google-button svg{color:#3578e5;height:24px;width:24px}.drum-app .login-panel small{color:#7f8794;font-size:11px;line-height:1.5;margin-top:16px}.drum-app .login-panel footer{color:#68707d;font-size:11px;margin-top:auto;padding-top:24px}.drum-app .dh-app-shell{background:#0b0d12;display:grid;grid-template-rows:68px minmax(0,1fr) 74px;height:100vh;min-height:620px;overflow:hidden;position:relative;width:100%}.drum-app .dh-app-shell.without-bottom-nav{grid-template-rows:68px minmax(0,1fr)}.drum-app .app-header{align-items:center;background:#101319;border-bottom:1px solid #303541;display:flex;justify-content:space-between;padding:0 22px;z-index:20}.drum-app .header-title,.drum-app .player-status{align-items:center;display:flex;gap:14px}.drum-app .header-title>strong{border-left:1px solid #3a3f4b;font:700 21px/1 Barlow Condensed,sans-serif;padding-left:14px;text-transform:uppercase}.drum-app .icon-button{background:#171b22;border:1px solid #393e49;border-radius:4px;display:grid;height:42px;padding:0;place-items:center;width:42px}.drum-app .icon-button svg{height:21px;width:21px}.drum-app .logo-button{background:none;border:none;cursor:pointer;padding:0}.drum-app .pass-chip{align-items:center;background:#29220d;border:1px solid #7d6820;border-radius:3px;color:#ffd94c;display:flex;font-size:12px;font-weight:700;gap:7px;min-height:38px;padding:0 13px}.drum-app .level-chip{background:#1a1e26;border:1px solid #38404f;color:#d9deea;font-size:11px;font-weight:700;padding:8px 10px}.drum-app .dh-avatar{background:#252a34;border:2px solid var(--red);border-radius:50%;display:grid;font-size:12px;font-weight:800;height:38px;place-items:center;width:38px}.drum-app .app-content{min-height:0;overflow:auto;scrollbar-color:#3b414e #11141a}.drum-app .page{min-height:100%;padding:24px 28px 30px}.drum-app .bottom-nav{background:#0e1116;border-top:1px solid #373c47;display:grid;z-index:20}.drum-app .bottom-nav button{align-items:center;background:#0000;border-right:1px solid #2d313a;color:#9ba3af;display:flex;font:700 18px/1 Barlow Condensed,sans-serif;gap:11px;justify-content:center;position:relative;text-transform:uppercase}.drum-app .bottom-nav button:last-child{border-right:0}.drum-app .bottom-nav button:before{content:"";height:3px;left:18%;position:absolute;right:18%}.drum-app .bottom-nav button.active{background:#1b1e25;color:#fff}.drum-app .bottom-nav button.active:before{background:var(--red)}.drum-app .bottom-nav svg{height:27px;width:27px}.drum-app .home-page{grid-gap:22px;background:#0c0f14;display:grid;gap:22px}.drum-app .home-hero{background:#141821;border:1px solid #343a46;min-height:315px;overflow:hidden;position:relative}.drum-app .home-hero>img{height:100%;inset:0;object-fit:cover;object-position:center 58%;opacity:.55;position:absolute;width:100%}.drum-app .home-hero:after{background:#0a0c10c7;content:"";inset:0 36% 0 0;position:absolute}.drum-app .home-hero-copy{max-width:590px;padding:34px 42px;position:relative;z-index:2}.drum-app .home-hero-copy .eyebrow{margin-top:0}.drum-app .home-hero h1{font:italic 800 clamp(44px,5vw,70px)/.88 Barlow Condensed,sans-serif;margin:5px 0 10px;text-transform:uppercase}.drum-app .home-hero p{color:#c4cad5;font-size:14px;line-height:1.55;max-width:500px}.drum-app .primary-cta,.drum-app .start-button{align-items:center;background:var(--yellow);border:0;border-radius:3px;box-shadow:0 8px 24px #ffc9281f;color:#0c0e12;display:flex;font-weight:800;gap:10px;justify-content:center;min-height:52px;padding:0 22px;text-transform:uppercase}.drum-app .daily-streak{align-items:center;background:#0c0f14db;border:1px solid #46505f;display:grid;grid-template-columns:28px auto;min-width:120px;padding:13px 16px;position:absolute;right:24px;top:24px;z-index:3}.drum-app .daily-streak svg{color:var(--yellow);grid-row:span 2}.drum-app .daily-streak strong{font-size:25px;line-height:1}.drum-app .daily-streak span{color:#abb2bf;font-size:10px;text-transform:uppercase}.drum-app .home-section{padding:0 2px}.drum-app .section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:12px}.drum-app .section-heading .eyebrow{margin:0 0 3px}.drum-app .section-heading h2{font:700 25px/1.1 Barlow Condensed,sans-serif;margin:0;text-transform:uppercase}.drum-app .section-heading button{align-items:center;background:#0000;border:0;color:#a7afbd;display:flex;font-size:12px;gap:3px}.drum-app .cover-rail{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.drum-app .cover-tile{background:#171b22;border:1px solid #333946;border-radius:3px;display:grid;grid-template-columns:1fr;overflow:hidden;padding:0 0 12px;text-align:left}.drum-app .cover-tile img{aspect-ratio:16/7;object-fit:cover;width:100%}.drum-app .cover-tile small,.drum-app .cover-tile span,.drum-app .cover-tile strong{margin-inline:12px}.drum-app .cover-tile span{color:var(--red);font-size:9px;font-weight:800;margin-top:9px;text-transform:uppercase}.drum-app .cover-tile strong{font:700 17px/1.2 Barlow Condensed,sans-serif;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-app .cover-tile small{color:#8e96a4;font-size:10px;margin-top:2px}.drum-app .continue-strip{align-items:center;background:#171c25;border-left:4px solid var(--blue);display:flex;justify-content:space-between;padding:18px 22px}.drum-app .continue-strip .eyebrow{color:#57a1ff;margin:0 0 4px}.drum-app .continue-strip h3,.drum-app .continue-strip p{margin:0}.drum-app .continue-strip h3{font:700 19px Barlow Condensed,sans-serif}.drum-app .continue-strip p{color:#8e96a3;font-size:11px;margin-top:2px}.drum-app .continue-strip button{align-items:center;background:#16345d;border:1px solid #3f78c8;border-radius:3px;color:#dbeaff;display:flex;font-weight:700;gap:8px;min-height:42px;padding:0 16px}.drum-app .drumgame-page{grid-gap:12px;background:#0d1015;display:grid;gap:12px;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden;padding:0;width:100%}.drum-app .drumgame-tools{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 260px;padding:12px 18px 0}.drum-app .category-rail{border-bottom:1px solid #343944;display:flex;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.drum-app .category-rail::-webkit-scrollbar,.drum-app .song-list::-webkit-scrollbar{display:none}.drum-app .category-rail button{background:#0000;border:0;border-bottom:3px solid #0000;color:#aeb5c1;flex:0 0 auto;font:700 18px Barlow Condensed,sans-serif;min-width:100px;padding:0 18px;text-transform:uppercase}.drum-app .category-rail button.active{background:#1c2028;border-color:var(--red);color:#fff}.drum-app .search-box{align-items:center;background:#171a21;border:1px solid #343a46;border-radius:3px;color:#8992a0;display:flex;gap:9px;height:44px;padding:0 14px}.drum-app .search-box input{background:#0000;border:0;color:#fff;font-size:14px;min-width:0;outline:0;width:100%}.drum-app .drumgame-grid{border-top:1px solid #343944;display:grid;grid-template-columns:minmax(430px,.92fr) minmax(610px,1.08fr);height:100%;min-height:0;overflow:hidden;width:100%}.drum-app .song-list{background:#11141a;border-right:1px solid #353b46;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.drum-app .song-row{grid-gap:12px;align-items:center;background:#15181f;border:0;border-top:1px solid #292e37;gap:12px;grid-template-columns:30px 82px minmax(0,1fr) 106px;min-height:96px;padding:9px 15px;text-align:left;width:100%}.drum-app .song-row:hover{background:#1c212a}.drum-app .song-row.selected{background:#f3f4f6;border-left:4px solid var(--red);color:#161920}.drum-app .song-rank{color:#7f8897;font:700 14px Barlow Condensed,sans-serif}.drum-app .song-row img{height:66px;width:82px}.drum-app .song-copy{grid-gap:3px;display:grid;min-width:0}.drum-app .song-copy strong{font:700 20px Barlow Condensed,sans-serif}.drum-app .song-copy small{color:#9aa3b1}.drum-app .song-bpm small{color:#8f98a6}.drum-app .song-bpm{display:grid;font:800 18px Barlow Condensed,sans-serif;text-align:right}.drum-app .song-side{grid-gap:7px;display:grid;gap:7px;justify-items:end;min-width:0;overflow:hidden;width:100%}.drum-app .song-row.selected .song-bpm small,.drum-app .song-row.selected .song-copy small{color:#667080}.drum-app .song-access{align-items:center;border:1px solid;display:inline-flex;font-style:normal;font-weight:900;gap:4px;justify-self:end;line-height:1;max-width:100%;min-height:20px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.drum-app .access-lock-icon{display:inline-grid;flex:0 0 17px;height:17px;place-items:center;position:relative;width:17px}.drum-app .access-lock-icon>svg:first-child{height:17px;width:17px}.drum-app .access-lock-icon--partial i{background:currentColor;border-radius:1px;bottom:2px;height:6px;opacity:.9;position:absolute;right:2px;width:7px}.drum-app .access-lock-icon--open>svg:last-child{background:#64eaa0;border:1px solid #64eaa0;border-radius:50%;bottom:-3px;box-sizing:initial;color:#08130d;height:8px;padding:1px;position:absolute;right:-4px;width:8px}.drum-app .song-access--free,.drum-app .song-access--pass{background:#1c754833;color:#45d486}.drum-app .song-access--partial{background:#845f0038;color:#ffd245}.drum-app .song-access--locked{background:#8e1f2a38;color:#ff6975}.drum-app .song-row.selected .song-access--free,.drum-app .song-row.selected .song-access--pass{background:#dcf7e8;color:#087c45}.drum-app .song-row.selected .song-access--partial{background:#fff0b9;color:#7b5800}.drum-app .song-row.selected .song-access--locked{background:#ffe1e4;color:#a31d2a}.drum-app .empty-list{color:#8e96a4;padding:40px 20px;text-align:center}.drum-app .song-focus{grid-gap:12px;align-content:stretch;background:#f4f5f7;color:#171a20;display:grid;gap:12px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(205px,1fr) auto 64px;height:100%;min-height:0;overflow:hidden;padding:14px 16px 12px;width:100%}.drum-app .focus-cover{background:#13161c;border:1px solid #cdd2da;min-height:0;overflow:hidden;position:relative}.drum-app .focus-cover:after{background:linear-gradient(180deg,#0000,#05080de6);content:"";inset:24% 0 0;position:absolute}.drum-app .focus-cover img{height:100%;inset:0;object-fit:cover;object-position:center 52%;position:absolute;width:100%}.drum-app .preview-live{align-items:center;background:#0d1015db;color:#fff;display:flex;font-size:11px;font-weight:800;gap:8px;left:14px;padding:9px 12px;position:absolute;top:14px;z-index:2}.drum-app .preview-live i{background:var(--red);border-radius:50%;box-shadow:0 0 0 4px #f044522e;height:7px;width:7px}.drum-app .focus-access{align-items:center;background:#0b0e13e6;border:2px solid;color:#fff;display:inline-flex;font-size:13px;font-weight:900;gap:7px;left:50%;min-height:38px;padding:0 13px;position:absolute;top:14px;transform:translateX(-50%);z-index:3}.drum-app .focus-access .access-lock-icon{flex-basis:22px;height:22px;width:22px}.drum-app .focus-access .access-lock-icon>svg:first-child{height:22px;width:22px}.drum-app .focus-access .access-lock-icon--partial i{bottom:2px;height:8px;right:2px;width:9px}.drum-app .focus-access .access-lock-icon--open>svg:last-child{bottom:-4px;height:10px;right:-5px;width:10px}.drum-app .focus-access--free,.drum-app .focus-access--pass{color:#64eaa0}.drum-app .focus-access--partial{color:#ffdc64}.drum-app .focus-access--locked{background:#370a10f0;color:#ff707c}.drum-app .focus-meta{bottom:17px;color:#fff;left:20px;position:absolute;right:20px;z-index:2}.drum-app .focus-meta .eyebrow{color:#ff6673;font-size:13px;margin:0 0 4px}.drum-app .focus-meta h1{font:italic 800 44px/.9 Barlow Condensed,sans-serif;margin:0;text-shadow:0 2px 14px #00000080;text-transform:uppercase}.drum-app .focus-meta p{color:#d7dce4;font-size:16px;margin:6px 0 0}.drum-app .favorite-button{background:#0d1015ad;border:1px solid #ffffff80;border-radius:3px;color:#fff;display:grid;height:44px;place-items:center;position:absolute;right:14px;top:14px;width:44px;z-index:3}.drum-app .favorite-button.active{color:var(--red)}.drum-app .difficulty-grid{grid-gap:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.drum-app .difficulty-option{background:#fff;border:1px solid #c9ced6;border-radius:2px;border-top:5px solid var(--difficulty);color:#1c2028;display:grid;grid-template-rows:auto auto 72px auto;min-height:174px;overflow:hidden;padding:0 0 8px;position:relative;text-align:left}.drum-app .difficulty-option.active{box-shadow:0 0 0 3px color-mix(in srgb,var(--difficulty),#0000 55%)}.drum-app .difficulty-option.locked{background:#fff7f8;border-color:#d43947}.drum-app .difficulty-option.locked .difficulty-name{padding-right:92px}.drum-app .difficulty-option.locked .mini-score{filter:grayscale(.65);opacity:.42}.drum-app .difficulty-lock-badge{align-items:center;background:#c92939;box-shadow:0 2px 0 #7f1320;color:#fff;display:inline-flex;font-size:11px;font-weight:900;gap:4px;min-height:28px;padding:0 8px;position:absolute;right:6px;top:6px;z-index:4}.drum-app .difficulty-lock-badge svg{height:14px;width:14px}.drum-app .difficulty-name{color:var(--difficulty);display:flex;font:italic 800 18px Barlow Condensed,sans-serif;justify-content:space-between;padding:7px 10px 0;text-transform:uppercase}.drum-app .difficulty-name svg{width:14px}.drum-app .difficulty-option>strong{font:700 15px Barlow Condensed,sans-serif;padding:1px 10px 5px;text-transform:uppercase}.drum-app .difficulty-option>small{color:#606a78;line-height:1.25;padding:5px 10px 0}.drum-app .mini-score{background:#fafbfc;border-block:1px solid #e0e3e8;min-height:66px;overflow:hidden;position:relative}.drum-app .mini-score.easy{align-items:center;display:grid;grid-template-columns:repeat(8,1fr);padding:0 4px}.drum-app .score-slot{display:grid;height:100%;place-items:center;position:relative}.drum-app .circle-note{border-radius:50%;box-shadow:0 2px 3px #00000029;height:14px;width:14px}.drum-app .kick-dot{background:#8c96a3;border-radius:50%;height:6px;position:absolute;top:calc(50% + 14px);width:6px}.drum-app .rest-dot{background:#0000;border:1px solid #97a2b2;border-radius:50%;height:14px;width:14px}.drum-app .measure-line{background:#858e9b;height:54px;position:absolute;right:0;top:12px;width:1px}.drum-app .mini-score.staff{position:relative}.drum-app .game-staff-lines,.drum-app .staff-lines{display:flex;flex-direction:column;inset:17px 7px;justify-content:space-between;position:absolute}.drum-app .game-staff-lines i,.drum-app .staff-lines i{background:#9ca6b3;display:block;height:1px}.drum-app .staff-note{border-radius:50%;height:9px;position:absolute;transform:rotate(-10deg);width:13px;z-index:2}.drum-app .staff-note:after{background:inherit;bottom:3px;content:"";height:23px;position:absolute;right:1px;transform:rotate(10deg);transform-origin:bottom;width:2px}.drum-app .start-button{background:#1479ed;border:2px solid #8ac0ff;border-radius:4px;box-shadow:inset 0 3px 0 #ffffff3d,inset 0 -7px 0 #0758bd,0 4px 0 #073e86;font:italic 800 21px/1 Barlow Condensed,sans-serif;margin-top:0;min-height:64px}.drum-app .start-button svg{border:2px solid #ffffffdb;border-radius:50%;box-sizing:initial;height:23px;padding:4px;width:23px}.drum-app .start-button:active{box-shadow:inset 0 2px 0 #ffffff2e,inset 0 -4px 0 #0758bd,0 1px 0 #073e86;transform:translateY(3px)}.drum-app .start-button.locked{background:#9a7100;border-color:#ffd65e;box-shadow:inset 0 3px 0 #ffffff3d,inset 0 -7px 0 #6e4e00,0 4px 0 #493400}.drum-app .gameplay-screen{background:#07090d;display:grid;grid-template-rows:68px minmax(0,1fr);height:100vh;overflow:hidden;width:100%}.drum-app .game-hud{grid-gap:14px;align-items:center;background:#11141a;border-bottom:1px solid #353a45;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;padding:0 18px;z-index:5}.drum-app .game-hud>div:first-child{display:grid}.drum-app .game-hud span{font:700 18px Barlow Condensed,sans-serif;text-transform:uppercase}.drum-app .game-hud small{color:#89919f;font-size:10px}.drum-app .hud-score{align-items:center;display:flex;gap:22px}.drum-app .hud-score>span{color:#8f97a5;display:grid;font:700 9px Inter,sans-serif}.drum-app .hud-score strong{color:#fff;font:800 23px Barlow Condensed,sans-serif}.drum-app .stage-area{display:grid;min-height:0;overflow:hidden;place-items:center;position:relative}.drum-app .stage-backdrop,.drum-app .stage-tint{height:100%;inset:0;position:absolute;width:100%}.drum-app .stage-backdrop{object-fit:cover;opacity:.27}.drum-app .stage-tint{background:#05070aad}.drum-app .score-viewport{background:#f9fafcf7;border:1px solid #5c6471;border-inline:6px solid #f0f2f5;height:calc(100% - 18px);overflow:auto;position:relative;scroll-behavior:smooth;scrollbar-color:#9ba5b2 #e8ebef;width:calc(100% - 24px);z-index:2}.drum-app .vertical-score{background:#fff;color:#161a22;min-height:100%}.drum-app .easy-score{grid-gap:10px;align-content:start;display:grid;gap:10px;padding:28px 34px 70px}.drum-app .easy-score-row{align-items:center;display:grid;min-height:150px}.drum-app .measure-range{color:#7b8797;font:600 13px Inter,sans-serif;text-align:right}.drum-app .easy-measure-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative}.drum-app .easy-measure-pair:after,.drum-app .easy-measure-pair:before,.drum-app .easy-measure:first-child:after{background:#d8dde5;content:"";height:52%;position:absolute;top:24%;width:1px;z-index:1}.drum-app .easy-measure-pair:before{left:0}.drum-app .easy-measure-pair:after{right:0}.drum-app .easy-measure{display:grid;grid-template-columns:repeat(4,minmax(42px,1fr));min-height:116px;position:relative}.drum-app .easy-measure:first-child:after{right:0}.drum-app .measure-number{color:#8b95a3;font-size:11px;left:7px;position:absolute;top:-18px}.drum-app .easy-beat-group{align-items:center;display:flex;height:100%;justify-content:space-evenly;min-width:0;position:relative;width:100%}.drum-app .easy-beat-group.sub-2 .easy-beat{transform:scale(.62)}.drum-app .easy-beat-group.sub-3 .easy-beat{transform:scale(.52)}.drum-app .easy-beat-group.sub-4 .easy-beat{transform:scale(.46)}.drum-app .easy-beat{display:grid;min-width:0;place-items:center;position:relative}.drum-app .easy-hit-stack{display:grid;height:40px;place-items:center;position:relative;width:40px}.drum-app .easy-hit{background:radial-gradient(circle at 32% 24%,color-mix(in srgb,var(--note),#fff 56%) 0 8%,color-mix(in srgb,var(--note),#fff 20%) 20%,var(--note) 54%,color-mix(in srgb,var(--note),#000 24%) 100%);border:2px solid color-mix(in srgb,var(--note),#000 18%);border-radius:50%;box-shadow:inset 0 5px 8px #ffffff4d,inset 0 -8px 12px #0003,0 6px 0 color-mix(in srgb,var(--note),#000 28%),0 11px 16px #11192638;height:34px;overflow:hidden;position:absolute;width:34px}.drum-app .easy-hit:before{background:#ffffff85;border-radius:50%;content:"";filter:blur(1px);height:17%;left:19%;position:absolute;top:13%;transform:rotate(-18deg);width:30%}.drum-app .easy-hit:nth-last-child(2){transform:translateY(36px)}.drum-app .easy-hit:nth-last-child(3){transform:translateY(72px)}.drum-app .easy-rest{background:#fff;border:2px solid #a3adba;border-radius:50%;height:31px;width:31px}.drum-app .easy-kick{background:#8d97a3;border:1px solid #798493;border-radius:50%;height:10px;position:absolute;top:calc(50% + 27px);width:10px}.drum-app .easy-beat:has(.easy-hit:nth-child(2)) .easy-kick{top:calc(50% + 63px)}.drum-app .easy-beat:has(.easy-hit:nth-child(3)) .easy-kick{top:calc(50% + 99px)}.drum-app .easy-beat .easy-hit-stack,.drum-app .easy-beat .easy-kick,.drum-app .easy-beat .easy-rest{transition:transform .18s ease,filter .18s ease}.drum-app .easy-beat.is-playing{z-index:3}.drum-app .easy-beat.is-playing .easy-hit-stack,.drum-app .easy-beat.is-playing .easy-rest{animation:active-dot-pulse .46s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(0,100,255,.9));transform:scale(1)}.drum-app .easy-beat.is-playing .easy-kick{filter:drop-shadow(0 0 8px rgba(0,100,255,.8));transform:translateY(-50%) scale(1.25)}.drum-app .staff-score{min-width:0;padding:18px 22px 80px;width:100%}.drum-app .staff-score svg{display:block;height:auto;width:100%}.drum-app .staff-score.colorized .abcjs-note [data-name=a]{fill:#f04452;stroke:#f04452}.drum-app .staff-score.colorized .abcjs-note [data-name=e]{fill:#ff8a00;stroke:#ff8a00}.drum-app .staff-score.colorized .abcjs-note [data-name=d]{fill:#ffd43b;stroke:#ffd43b}.drum-app .staff-score.colorized .abcjs-note [data-name="=f"],.drum-app .staff-score.colorized .abcjs-note [data-name="^f"]{fill:#22c55e;stroke:#22c55e}.drum-app .staff-score.colorized .abcjs-note [data-name="^c"],.drum-app .staff-score.colorized .abcjs-note [data-name=c]{fill:#3182f6;stroke:#3182f6}.drum-app .staff-score.colorized .abcjs-note [data-name="=g"],.drum-app .staff-score.colorized .abcjs-note [data-name="^g"],.drum-app .staff-score.colorized .abcjs-note [data-name=D],.drum-app .staff-score.colorized .abcjs-note [data-name=g]{fill:#ff5fa2;stroke:#ff5fa2}.drum-app .staff-score.colorized .abcjs-note [data-name=A]{fill:#8b5cf6;stroke:#8b5cf6}.drum-app .staff-score.colorized .abcjs-note [data-name=F]{fill:#8b95a1;stroke:#8b95a1}.drum-app .staff-score .abcjs-note.is-playing ellipse,.drum-app .staff-score .abcjs-note.is-playing path{fill:#0064ff!important;stroke:#0064ff!important}.drum-app .staff-score .abcjs-note.is-playing{filter:drop-shadow(0 0 5px rgba(0,100,255,.75))}.drum-app .judgment{animation:judgment-pop .75s cubic-bezier(.18,1.6,.32,1) both;background:#0000;bottom:5%;color:#fff;display:grid;font:italic 900 118px/.76 Barlow Condensed,sans-serif;left:50%;min-width:520px;padding:0;pointer-events:none;position:absolute;text-align:center;text-shadow:0 6px 0 #0a0d12,0 0 22px currentColor,0 0 42px currentColor;transform:translateX(-50%);z-index:5}.drum-app .judgment.great{color:#ffd43c}.drum-app .judgment.good{color:#4da1ff}.drum-app .judgment.bad{color:#ff785e}.drum-app .judgment.miss{color:#ef4455}.drum-app .judgment>span{-webkit-text-stroke:3px #080b10d1;font:inherit}.drum-app .judgment small{-webkit-text-stroke:1.5px #080b10eb;animation:combo-pop .38s cubic-bezier(.2,1.5,.35,1) .08s both;color:#fff;font:900 32px/1 Inter,sans-serif;letter-spacing:2px;margin-top:12px;text-shadow:0 4px 7px #000,0 0 12px currentColor}.drum-app .judgment-spark{animation:sparkle-burst .54s ease-out both;color:currentColor;height:70px;position:absolute;top:40%;width:70px}.drum-app .judgment-spark.left{right:calc(100% - 10px)}.drum-app .judgment-spark.right{animation-delay:.05s;left:calc(100% - 10px)}.drum-app .hit-flash{animation:stage-hit-flash .36s ease-out both;border:5px solid #ffd43c;inset:10px;pointer-events:none;position:absolute;z-index:3}.drum-app .hit-flash.good{border-color:#4da1ff}.drum-app .hit-flash.bad,.drum-app .hit-flash.miss{border-color:#ef4455}.drum-app .countdown{grid-gap:14px;animation:countdown-hit .7s cubic-bezier(.18,1.55,.32,1);background:#0000;border:0;box-shadow:none;color:#fff;display:grid;gap:14px;height:270px;place-content:center;pointer-events:none;position:absolute;text-align:center;width:420px;z-index:8}.drum-app .countdown strong{-webkit-text-stroke:3px #000000b3;font:italic 900 180px/.68 Barlow Condensed,sans-serif;text-shadow:0 7px 0 #000,0 0 28px #ffd43cd9}.drum-app .countdown small{color:#fff;font:900 24px/1 Inter,sans-serif;letter-spacing:2px;text-shadow:0 3px 4px #000}.drum-app .countdown.ready{border:0;box-shadow:none;height:270px;width:500px}.drum-app .countdown.ready strong{color:#65aaff;font-size:132px;text-shadow:0 7px 0 #000,0 0 30px #4d9dff}.drum-app .pause-panel{grid-gap:10px;background:#151920;border:1px solid #5b6370;display:grid;gap:10px;padding:26px;position:absolute;text-align:center;width:min(360px,80%);z-index:10}.drum-app .pause-panel>svg{color:var(--yellow);height:42px;margin:auto;width:42px}.drum-app .pause-panel h2{font:800 34px Barlow Condensed,sans-serif;margin:0 0 6px;text-transform:uppercase}.drum-app .pause-panel button{align-items:center;background:#252a34;border:1px solid #444b57;display:flex;gap:8px;justify-content:center;min-height:44px}.drum-app .drum-pad-row{grid-gap:5px;background:#11141a;border-top:1px solid #3c424e;display:grid;gap:5px;grid-template-columns:repeat(7,1fr);padding:7px 10px;z-index:5}.drum-app .drum-pad-row button{grid-gap:4px;align-content:center;background:#232832;border:0;border-radius:2px;border-top:5px solid var(--pad);color:#fff;display:grid;gap:4px;position:relative}.drum-app .drum-pad-row button:active{background:var(--pad);color:#101218}.drum-app .drum-pad-row button.is-cue{animation:cue-pulse .6s ease-in-out infinite alternate;box-shadow:inset 0 0 0 3px var(--pad),0 0 18px color-mix(in srgb,var(--pad) 72%,#0000)}.drum-app .drum-pad-row span{background:#fff;border-radius:2px;color:#11141a;display:grid;font-size:9px;font-weight:800;height:18px;place-items:center;position:absolute;right:7px;top:6px;width:18px}.drum-app .drum-pad-row strong{font:700 14px Barlow Condensed,sans-serif;text-transform:uppercase}.drum-app .results-page{grid-gap:18px;background:#0c0f14;display:grid;gap:18px;padding-bottom:10px}.drum-app .result-hero{grid-gap:22px;align-items:center;background:#171b22;border:1px solid #3c424e;display:grid;gap:22px;grid-template-columns:150px minmax(0,1fr) 130px 240px;min-height:190px;overflow:hidden;padding:20px 28px;position:relative}.drum-app .result-hero:after{background:var(--red);bottom:0;content:"";height:5px;left:0;position:absolute;right:0}.drum-app .result-hero img{height:150px;object-fit:cover;width:150px}.drum-app .result-score span,.drum-app .result-title span{color:var(--red);font-size:10px;font-weight:800;letter-spacing:1.2px}.drum-app .result-title h1{font:italic 800 44px/.95 Barlow Condensed,sans-serif;margin:4px 0 2px;text-transform:uppercase}.drum-app .result-title p{color:#929aa8;font-size:12px;margin:0}.drum-app .rank-mark{align-content:center;color:var(--yellow);display:grid;font:italic 800 112px/.8 Barlow Condensed,sans-serif;justify-items:center;padding-inline:8px;text-align:center;text-shadow:4px 4px #a26400}.drum-app .rank-mark strong{font:inherit}.drum-app .rank-mark small{color:#d7dee7;font:800 10px/1.25 Inter,sans-serif;letter-spacing:0;margin-top:18px;max-width:128px;text-shadow:none;width:-webkit-max-content;width:max-content}.drum-app .result-score{border-left:1px solid #3b414c;display:grid;padding-left:22px}.drum-app .result-score strong{font:800 42px/1 Barlow Condensed,sans-serif}.drum-app .score-comparison{align-items:end;border-top:1px solid #363c47;display:flex;gap:18px;justify-content:space-between;margin-top:12px;padding-top:10px}.drum-app .score-comparison>div{grid-gap:2px;display:grid;gap:2px}.drum-app .score-comparison small{color:#9da6b4;font-size:11px;font-style:normal}.drum-app .score-comparison b{color:#dce1e8;font:700 19px/1 Barlow Condensed,sans-serif}.drum-app .score-comparison em{font:800 20px/1 Barlow Condensed,sans-serif;font-style:normal}.drum-app .score-comparison em.up{color:var(--green)}.drum-app .score-comparison em.down{color:var(--red)}.drum-app .result-body{grid-gap:16px;display:grid;gap:16px;grid-template-columns:.72fr 1.08fr 1fr}.drum-app .judgment-board,.drum-app .learning-review,.drum-app .mistake-review{background:#171b22;border:1px solid #343a45}.drum-app .judgment-board{display:grid;grid-template-columns:repeat(2,1fr)}.drum-app .judgment-board>div{align-items:center;border-bottom:1px solid #303641;border-right:1px solid #303641;display:flex;justify-content:space-between;min-height:66px;padding:0 18px}.drum-app .judgment-board span{color:#a3abb8;font:700 15px Barlow Condensed,sans-serif;text-transform:uppercase}.drum-app .judgment-board strong{font:800 27px Barlow Condensed,sans-serif}.drum-app .judgment-board .great strong{color:var(--yellow)}.drum-app .judgment-board .good strong{color:#4c9dff}.drum-app .judgment-board .bad strong,.drum-app .judgment-board .miss strong{color:var(--red)}.drum-app .learning-review{padding:20px 24px}.drum-app .review-heading{align-items:center;display:flex;gap:12px;margin-bottom:13px}.drum-app .review-heading>svg{color:#5da6ff;height:38px;width:38px}.drum-app .review-heading span{color:#5da6ff;font-size:9px;font-weight:800;letter-spacing:1px}.drum-app .review-heading h2{font:700 24px Barlow Condensed,sans-serif;margin:2px 0 0}.drum-app .skill-row{grid-gap:10px;align-items:center;display:grid;font-size:10px;gap:10px;grid-template-columns:115px minmax(0,1fr) 70px;margin:9px 0}.drum-app .skill-row b{background:#303641;height:6px}.drum-app .skill-row i{background:var(--blue);display:block;height:100%}.drum-app .skill-row strong{color:#aab2bf;text-align:right}.drum-app .learning-review>p{border-top:1px solid #333944;color:#abb2bf;font-size:11px;line-height:1.5;margin:14px 0 0;padding-top:12px}.drum-app .coach-lines{grid-gap:5px;border-top:1px solid #333944;color:#abb2bf;display:grid;gap:5px;list-style:none;margin:12px 0 0;padding:10px 0 0}.drum-app .coach-lines li{padding-left:13px;position:relative}.drum-app .coach-lines li:before{background:var(--blue);border-radius:50%;content:"";height:5px;left:0;position:absolute;top:.5em;width:5px}.drum-app .mistake-review{padding:20px 22px}.drum-app .mistake-review .review-heading span,.drum-app .mistake-review .review-heading>svg{color:var(--red)}.drum-app .mistake-review>p{color:#b8bfca;line-height:1.45;margin:-2px 0 13px}.drum-app .mistake-list{grid-gap:11px;display:grid;gap:11px}.drum-app .mistake-row{grid-column-gap:14px;align-items:center;column-gap:14px;display:grid;grid-template-columns:minmax(0,1fr) 140px}.drum-app .mistake-row>div{align-items:center;display:flex;gap:10px;justify-content:space-between}.drum-app .mistake-row strong{font-size:15px}.drum-app .mistake-row b{color:#d8dde5;font-size:13px}.drum-app .mistake-row>span{background:#303641;grid-column:2;grid-row:1;height:8px;overflow:hidden}.drum-app .mistake-row>span i{display:block;height:100%}.drum-app .mistake-row small{align-items:center;color:#aab2bf;display:flex;font-size:12px;gap:5px;grid-column:1/-1;margin-top:3px}.drum-app .mistake-row small svg{height:15px;width:15px}.drum-app .mistake-row small.down{color:#5ed894}.drum-app .mistake-row small.up{color:#ff6c78}.drum-app .result-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:8px auto 0;width:min(100%,720px)}.drum-app .result-actions button{align-items:center;background:#1b2028;border:1px solid #414854;border-radius:3px;display:flex;font-weight:700;gap:10px;justify-content:center;min-height:58px;padding:0 28px}.drum-app .result-actions button svg{height:22px;width:22px}.drum-app .result-actions button.primary{background:var(--yellow);border-color:#b59014;color:#171a20}.drum-app .page-intro{margin-bottom:22px;max-width:720px}.drum-app .page-intro .eyebrow{margin-top:0}.drum-app .page-intro h1{font:italic 800 44px/.95 Barlow Condensed,sans-serif;margin:0;text-transform:uppercase}.drum-app .page-intro p{color:#9ba3b1;font-size:13px;margin:8px 0 0}.drum-app .cognitive-page,.drum-app .profile-page,.drum-app .records-page,.drum-app .settings-page,.drum-app .subscription-page{background:#0e1116}.drum-app .cognitive-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.drum-app .cognitive-grid article{background:#171b22;border:1px solid #353b46;display:grid;grid-template-rows:150px auto auto minmax(52px,auto) auto;overflow:hidden}.drum-app .cognitive-grid img{height:150px;object-fit:cover;opacity:.82;width:100%}.drum-app .cognitive-grid article>span{color:#5da6ff;font-size:9px;font-weight:800;margin:14px 16px 0;text-transform:uppercase}.drum-app .cognitive-grid article>div,.drum-app .cognitive-grid h2,.drum-app .cognitive-grid p{margin-inline:16px}.drum-app .cognitive-grid h2{font:700 24px Barlow Condensed,sans-serif;margin-block:3px 0;text-transform:uppercase}.drum-app .cognitive-grid p{color:#969eab;font-size:11px;line-height:1.5;margin-block:6px 0}.drum-app .cognitive-grid article>div{align-items:center;border-top:1px solid #303641;display:flex;justify-content:space-between;padding:12px 0 14px}.drum-app .cognitive-grid article button{align-items:center;background:#0000;border:0;color:#fff;display:flex;font-weight:700;gap:4px}.drum-app .cognitive-session{background:#0e1116}.drum-app .back-link{align-items:center;background:#0000;border:0;color:#9fa7b4;display:inline-flex;font-size:12px;gap:7px;padding:8px 0}.drum-app .cognitive-stage{margin:30px auto;max-width:820px;text-align:center}.drum-app .cognitive-stage h1{font:800 42px Barlow Condensed,sans-serif;margin:7px 0;text-transform:uppercase}.drum-app .cognitive-stage>p{color:#9ca4b1}.drum-app .memory-pads{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:38px}.drum-app .memory-pads button{background:#1c2129;border:2px solid var(--pad);border-radius:4px;box-shadow:inset 0 -10px 0 color-mix(in srgb,var(--pad),#0000 75%);display:grid;min-height:150px;place-items:center}.drum-app .memory-pads span{border:2px solid var(--pad);border-radius:50%;color:var(--pad);display:grid;font:800 24px Barlow Condensed,sans-serif;height:46px;place-items:center;width:46px}.drum-app .memory-pads strong{font:700 16px Barlow Condensed,sans-serif;text-transform:uppercase}.drum-app .session-progress{background:#171b22;border:1px solid #373d48;display:flex;justify-content:space-between;margin-top:18px;padding:14px 18px}.drum-app .session-progress strong{color:var(--yellow)}.drum-app .record-summary{background:#171b22;border:1px solid #373d48;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.drum-app .record-summary>div{grid-gap:3px;border-right:1px solid #373d48;display:grid;gap:3px;padding:18px}.drum-app .record-summary>div:last-child{border-right:0}.drum-app .record-summary span{color:#9098a6;font-size:10px}.drum-app .record-summary strong{font:800 30px Barlow Condensed,sans-serif}.drum-app .records-table{background:#171b22;border:1px solid #373d48}.drum-app .record-row,.drum-app .records-table header{grid-gap:8px;align-items:center;background:#0000;border:0;border-bottom:1px solid #303641;display:grid;gap:8px;grid-template-columns:1.45fr .65fr .8fr .45fr .65fr .9fr 104px;min-height:48px;padding:0 18px;text-align:left;width:100%}.drum-app .records-table header{background:#11141a;color:#7f8896;font-size:9px;min-height:38px;text-transform:uppercase}.drum-app .record-row:focus-visible,.drum-app .record-row:hover{background:#202630}.drum-app .record-row span{font-size:11px}.drum-app .record-row span:first-child{font-weight:700}.drum-app .record-detail-button{background:#edf5ff;border:1px solid #9db4ce;border-radius:4px;color:#1558ba;font-size:13px;font-weight:800;min-height:38px;padding:0 12px}.drum-app .record-detail-button:focus-visible,.drum-app .record-detail-button:hover{background:#246bfe;border-color:#246bfe;color:#fff}.drum-app .record-rank{color:var(--yellow);font:italic 800 19px Barlow Condensed,sans-serif!important}.drum-app .record-detail{grid-gap:12px;background:#eef3f7;border:0;border-radius:0;box-shadow:none;color:#182331;display:grid;gap:12px;grid-template-rows:auto auto minmax(0,1fr);height:100dvh;inset:0;margin:0;overflow:hidden;padding:18px 22px;position:fixed;width:100%;z-index:90}.drum-app .record-detail-close{background:#fff;border:1px solid #b9c5d1;border-radius:3px;box-shadow:0 3px 9px #1f2f411f;color:#223044;display:grid;height:42px;place-items:center;position:absolute;right:12px;top:12px;width:42px;z-index:2}.drum-app .record-detail-close svg{height:24px;width:24px}.drum-app .record-detail__header{grid-gap:18px;align-items:center;border-bottom:3px solid #f05262;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 70px 220px;min-height:82px;padding:6px 52px 8px 4px}.drum-app .record-detail__score>span,.drum-app .record-detail__title>span{color:#d9364b;font-size:11px;font-weight:900;letter-spacing:1px}.drum-app .record-detail__title h2{color:#152236;font:800 34px/.95 Barlow Condensed,sans-serif;margin:3px 0 1px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.drum-app .record-detail__title p{color:#566578;font-size:14px;margin:0}.drum-app .record-detail__rank{display:grid;justify-items:center;text-align:center}.drum-app .record-detail__rank>strong{color:#c68c00;font:italic 800 62px/.8 Barlow Condensed,sans-serif;text-shadow:2px 2px #ffe39a}.drum-app .record-detail__rank>small{color:#526174;font-size:9px;font-weight:900;line-height:1.2;margin-top:8px;max-width:104px;width:-webkit-max-content;width:max-content}.drum-app .record-detail__score{grid-gap:2px;border-left:1px solid #cbd4de;display:grid;gap:2px;padding-left:16px}.drum-app .record-detail__score>strong{color:#152236;font:800 34px/1 Barlow Condensed,sans-serif}.drum-app .record-detail__score small{color:#59697b;font-size:12px}.drum-app .record-detail__score small b{color:#087c5c;font-size:14px;margin-left:8px}.drum-app .record-detail__judgments{background:#fff;border:1px solid #cad4de;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.drum-app .record-detail__judgments>div{grid-gap:2px;border-right:1px solid #d7dfe7;display:grid;gap:2px;min-width:0;padding:8px 10px;text-align:center}.drum-app .record-detail__judgments>div:last-child{border-right:0}.drum-app .record-detail__judgments span{color:#536174;font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.drum-app .record-detail__judgments strong{color:#182331;font:800 24px/1 Barlow Condensed,sans-serif}.drum-app .record-detail__judgments .great strong{color:#b98000}.drum-app .record-detail__judgments .good strong{color:#176bd1}.drum-app .record-detail__judgments .bad strong,.drum-app .record-detail__judgments .miss strong{color:#d9364b}.drum-app .record-detail__body{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.drum-app .record-detail__analysis,.drum-app .record-detail__coach{background:#fff;border:1px solid #cad4de;min-height:0;min-width:0;overflow:hidden;padding:12px 14px}.drum-app .record-detail__section-title{align-items:center;display:flex;gap:9px;margin-bottom:7px}.drum-app .record-detail__section-title>svg{color:#246bfe;flex:0 0 auto;height:30px;width:30px}.drum-app .record-detail__analysis .record-detail__section-title>svg{color:#e33d52}.drum-app .record-detail__section-title span{color:#246bfe;font-size:10px;font-weight:900;letter-spacing:.8px}.drum-app .record-detail__analysis .record-detail__section-title span{color:#d9364b}.drum-app .record-detail__section-title h3{color:#182331;font-size:19px;line-height:1.15;margin:1px 0 0}.drum-app .record-detail__skill{grid-gap:8px;align-items:center;color:#334156;display:grid;font-size:12px;gap:8px;grid-template-columns:100px minmax(0,1fr) 70px;margin:6px 0}.drum-app .record-detail__skill>b{background:#dce3ea;height:6px}.drum-app .record-detail__skill i{background:#246bfe;display:block;height:100%}.drum-app .record-detail__skill>strong{color:#344257;font-size:12px;text-align:right}.drum-app .record-detail__coach-lines{grid-gap:4px;border-top:1px solid #d8e0e8;color:#4b5a6c;display:grid;font-size:12px;gap:4px;line-height:1.3;list-style:none;margin:8px 0 0;padding:8px 0 0}.drum-app .record-detail__coach-lines li{padding-left:12px;position:relative}.drum-app .record-detail__coach-lines li:before{background:#246bfe;border-radius:50%;content:"";height:5px;left:0;position:absolute;top:.48em;width:5px}.drum-app .record-detail__analysis>p{color:#586779;font-size:11px;margin:-1px 0 7px}.drum-app .record-detail__mistakes{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr))}.drum-app .record-detail__mistake-row{grid-column-gap:7px;background:#f8fafc;border:1px solid #d3dce5;column-gap:7px;display:grid;grid-template-columns:minmax(0,1fr) 54px;min-width:0;padding:6px 7px}.drum-app .record-detail__mistake-row>div{align-items:center;display:flex;gap:6px;grid-column:1/-1;justify-content:space-between;min-width:0}.drum-app .record-detail__mistake-row b,.drum-app .record-detail__mistake-row strong{color:#263448;font-size:11px;white-space:nowrap}.drum-app .record-detail__mistake-row>span{align-self:center;background:#dce3ea;grid-column:2;grid-row:2;height:6px;overflow:hidden}.drum-app .record-detail__mistake-row>span i{display:block;height:100%}.drum-app .record-detail__mistake-row small{align-items:center;color:#5c6979;display:flex;font-size:9px;gap:4px;grid-column:1/-1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-app .record-detail__mistake-row small svg{flex:0 0 auto;height:12px;width:12px}.drum-app .record-detail__mistake-row small.down{color:#087c5c}.drum-app .record-detail__mistake-row small.up{color:#c82f43}.drum-app .subscription-page{text-align:center}.drum-app .subscription-page .back-link{display:flex}.drum-app .plan-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin:28px auto 16px;max-width:1040px;text-align:left}.drum-app .plan-grid article{background:#171b22;border:1px solid #3b424e;display:grid;padding:24px;position:relative}.drum-app .plan-grid article.featured{border:2px solid var(--yellow)}.drum-app .plan-grid article>svg{color:var(--yellow);height:30px;width:30px}.drum-app .plan-grid h2{font:700 26px Barlow Condensed,sans-serif;margin:10px 0 0;text-transform:uppercase}.drum-app .plan-price{margin-top:10px}.drum-app .plan-price strong{font:800 38px Barlow Condensed,sans-serif}.drum-app .plan-price span{color:#8f97a5;font-size:10px}.drum-app .plan-grid p{color:#a1a9b6;font-size:11px;line-height:1.5;min-height:34px}.drum-app .plan-grid ul{grid-gap:9px;border-top:1px solid #343a45;display:grid;gap:9px;list-style:none;padding:14px 0}.drum-app .plan-grid li{align-items:center;color:#c2c8d2;display:flex;font-size:11px;gap:7px}.drum-app .plan-grid li svg{color:var(--green)}.drum-app .plan-grid button{background:#252a33;border:1px solid #4a515e;border-radius:3px;font-weight:700;min-height:44px}.drum-app .plan-grid .featured button{background:var(--yellow);border-color:#b48c0e;color:#14171c}.drum-app .best-value{background:var(--yellow);color:#16191f;font-size:8px;font-weight:800;padding:5px 9px;position:absolute;right:0;top:0}.drum-app .billing-note{color:#777f8c}.drum-app .profile-hero{grid-gap:22px;align-items:center;background:#171b22;border:1px solid #373d48;display:grid;gap:22px;grid-template-columns:96px minmax(0,1fr) auto;padding:26px 28px}.drum-app .profile-avatar{background:#292f39;border:3px solid var(--red);border-radius:50%;display:grid;font:800 30px Barlow Condensed,sans-serif;height:88px;place-items:center;width:88px}.drum-app .profile-avatar.large{font-size:38px;height:112px;width:112px}.drum-app .profile-hero .eyebrow{margin:0 0 3px}.drum-app .profile-hero h1{font:700 40px Barlow Condensed,sans-serif;margin:0}.drum-app .profile-hero p{color:#a8b0bd;font-size:15px;margin:5px 0 0}.drum-app .profile-hero button{align-items:center;background:#29220d;border:1px solid #7d6820;color:var(--yellow);display:flex;font-size:15px;font-weight:700;gap:9px;min-height:50px;padding:0 18px}.drum-app .profile-access{border:1px solid #566071;color:#b6bfcd;display:inline-flex;font-size:12px;font-weight:800;margin-top:9px;padding:5px 9px}.drum-app .profile-access.active{background:#2b2409;border-color:#8a7100;color:var(--yellow)}.drum-app .drum-pass-grid{grid-template-columns:minmax(320px,640px);justify-content:center}.drum-app .profile-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:16px}.drum-app .profile-grid section{background:#171b22;border:1px solid #373d48;padding:20px 22px}.drum-app .profile-grid h2{font:700 25px Barlow Condensed,sans-serif;margin:0 0 10px;text-transform:uppercase}.drum-app .profile-grid button{grid-gap:13px;align-items:center;background:#0000;border:0;border-top:1px solid #303641;display:grid;font-size:16px;font-weight:600;gap:13px;grid-template-columns:28px minmax(0,1fr) 20px;min-height:62px;text-align:left;width:100%}.drum-app .profile-grid button svg:first-child{color:#aeb6c3;height:24px;width:24px}.drum-app .notice-strip{grid-gap:14px;align-items:center;background:#182030;border-left:4px solid var(--blue);display:grid;gap:14px;grid-template-columns:42px minmax(0,1fr) auto;margin-top:16px;padding:16px 18px}.drum-app .notice-strip>span{color:#68acff;font-size:12px;font-weight:800}.drum-app .notice-strip strong{font-size:16px}.drum-app .notice-strip p{color:#a4adba;font-size:13px;margin:4px 0 0}.drum-app .notice-strip button{background:#172b46;border:1px solid #345d92;color:#b9d8ff;font-size:14px;min-height:42px;padding:0 14px}.drum-app .profile-subpage{background:#0e1116;margin:auto;max-width:1060px}.drum-app .profile-subpage .back-link{font-size:14px}.drum-app .profile-detail-card{grid-gap:24px;align-items:start;background:#171b22;border:1px solid #373d48;display:grid;gap:24px;grid-template-columns:140px minmax(0,1fr);padding:26px}.drum-app .profile-fields{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.drum-app .profile-fields label{grid-gap:8px;color:#b7bec9;display:grid;font-size:14px;font-weight:600;gap:8px}.drum-app .profile-fields input{background:#101319;border:1px solid #414855;border-radius:3px;color:#fff;font-size:16px;min-height:48px;padding:0 14px;width:100%}.drum-app .profile-fields input:disabled{color:#929ba8;opacity:1}.drum-app .save-profile{align-items:center;background:var(--blue);border:0;border-radius:3px;color:#fff;display:flex;font-size:15px;font-weight:700;gap:8px;grid-column:2;justify-content:center;min-height:48px;width:170px}.drum-app .save-profile:disabled{cursor:not-allowed;opacity:.55}.drum-app .profile-form-status{color:#ef6b78;font-size:14px;grid-column:2;margin:8px 0 0}.drum-app .help-list,.drum-app .preference-list{background:#171b22;border:1px solid #373d48}.drum-app .preference-row{align-items:center;background:#0000;border:0;border-bottom:1px solid #303641;display:grid;grid-template-columns:minmax(0,1fr) 50px;min-height:86px;padding:14px 20px;text-align:left;width:100%}.drum-app .preference-row:last-child{border-bottom:0}.drum-app .preference-row>span{grid-gap:5px;display:grid;gap:5px}.drum-app .preference-row strong{font-size:17px}.drum-app .preference-row small{color:#a1a9b6;font-size:14px}.drum-app .preference-row>i{background:#3a414d;border-radius:14px;display:block;height:26px;padding:3px;width:46px}.drum-app .preference-row>i b{background:#fff;border-radius:50%;display:block;height:20px;transition:transform .2s ease;width:20px}.drum-app .preference-row>i.on{background:var(--blue)}.drum-app .preference-row>i.on b{transform:translateX(20px)}.drum-app .notice-list{grid-gap:12px;display:grid;gap:12px}.drum-app .notice-item{background:#171b22;border:1px solid #373d48;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:20px 56px 20px 22px;position:relative;text-align:left;width:100%}.drum-app .notice-item:hover{background:#1b2028;border-color:#526071}.drum-app .notice-item>span{color:#68aaff;font-size:12px;font-weight:800}.drum-app .notice-list time{color:#8e97a5;font-size:13px}.drum-app .notice-list h2{font:700 24px Barlow Condensed,sans-serif;grid-column:1/-1;margin:8px 0 4px}.drum-app .notice-list p{color:#abb3bf;font-size:14px;grid-column:1/-1;line-height:1.5;margin:0}.drum-app .notice-item>svg{color:#8d96a4;height:22px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:22px}.drum-app .notice-detail-page{margin:auto;max-width:980px}.drum-app .notice-detail{background:#171b22;border-top:4px solid var(--red);padding:30px 34px 38px}.drum-app .notice-detail-meta{align-items:center;color:#929ba8;display:flex;font-size:13px;justify-content:space-between}.drum-app .notice-detail-meta>span{color:#68aaff;font-size:12px;font-weight:800}.drum-app .notice-detail-meta time{display:flex;gap:8px}.drum-app .notice-detail-meta time strong{color:#c1c7d0}.drum-app .notice-detail h1{font:700 40px/1.05 Barlow Condensed,sans-serif;margin:22px 0 10px;max-width:760px}.drum-app .notice-lead{border-bottom:1px solid #343b47;color:#b9c0cb;font-size:17px;line-height:1.55;margin:0;padding-bottom:24px}.drum-app .notice-body{max-width:780px;padding-top:18px}.drum-app .notice-body p{color:#d0d5dd;font-size:16px;line-height:1.75;margin:0 0 16px}.drum-app .help-list button{background:#0000;border:0;border-bottom:1px solid #303641;display:block;min-height:64px;padding:0 20px;text-align:left;width:100%}.drum-app .help-list button:last-child{border-bottom:0}.drum-app .help-list button>span{align-items:center;display:flex;font-size:17px;font-weight:700;justify-content:space-between;min-height:64px}.drum-app .help-list button.open svg{transform:rotate(90deg)}.drum-app .help-list p{color:#aab2bf;font-size:14px;line-height:1.6;margin:0 0 18px}.drum-app .settings-page{margin:auto;max-width:1000px}.drum-app .settings-section{grid-gap:24px;align-items:center;background:#171b22;border:1px solid #373d48;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:14px;padding:22px 24px}.drum-app .settings-section h2{font:700 22px Barlow Condensed,sans-serif;margin:0 0 5px;text-transform:uppercase}.drum-app .settings-section p{color:#a0a8b5;font-size:11px;margin:0}.drum-app .settings-section small{color:#747d8b;display:block;font-size:9px;margin-top:5px}.drum-app .language-control{border:1px solid #3d4450;display:grid;grid-template-columns:repeat(2,110px)}.drum-app .language-control button{background:#11141a;border:0;border-right:1px solid #3d4450;color:#9fa7b4;min-height:42px}.drum-app .language-control button:last-child{border-right:0}.drum-app .language-control button.active{font-weight:700}.drum-app .settings-section.stacked{display:block}.drum-app .setting-toggle{align-items:center;background:#0000;border:0;border-top:1px solid #303641;display:grid;grid-template-columns:minmax(0,1fr) 46px;min-height:52px;text-align:left;width:100%}.drum-app .setting-toggle>i{background:#3a414d;border-radius:12px;display:block;height:24px;padding:3px;width:42px}.drum-app .setting-toggle>i b{background:#fff;border-radius:50%;display:block;height:18px;transition:transform .2s ease;width:18px}.drum-app .setting-toggle>i.on{background:var(--blue)}.drum-app .setting-toggle>i.on b{transform:translateX(18px)}.drum-app .header-title>strong{font-size:24px}.drum-app .icon-button{height:46px;width:46px}.drum-app .pass-chip{font-size:14px;min-height:42px;padding-inline:15px}.drum-app .level-chip{font-size:13px;min-height:38px}.drum-app .dh-avatar{font-size:14px;height:42px}.drum-app .bottom-nav button{font-size:19px}.drum-app .page-intro{margin-bottom:26px;max-width:900px;width:100%}.drum-app .page-intro h1{font-size:48px}.drum-app .page-intro p{font-size:17px;line-height:1.55}.drum-app .page-intro .eyebrow{font-size:13px}.drum-app .cognitive-grid{gap:20px}.drum-app .cognitive-grid article{grid-template-rows:160px auto auto minmax(62px,auto) auto}.drum-app .cognitive-grid img{height:160px}.drum-app .cognitive-grid article>span{font-size:12px}.drum-app .cognitive-grid h2{font-size:28px}.drum-app .cognitive-grid article>div,.drum-app .cognitive-grid p{font-size:15px}.drum-app .cognitive-grid article button{font-size:16px;min-height:44px}.drum-app .cognitive-stage{margin-block:24px;max-width:1040px;width:100%}.drum-app .cognitive-stage h1{font-size:48px}.drum-app .cognitive-stage>p,.drum-app .session-progress{font-size:17px}.drum-app .record-summary span{font-size:14px}.drum-app .record-summary strong{font-size:36px}.drum-app .records-table header{min-height:46px}.drum-app .records-table>div{min-height:60px}.drum-app .records-table>div span{font-size:15px}.drum-app .record-rank{font-size:23px!important}.drum-app .subscription-page .page-intro{margin-inline:auto}.drum-app .plan-grid{gap:20px;max-width:none;width:100%}.drum-app .plan-grid article{padding:28px}.drum-app .plan-grid h2{font-size:30px}.drum-app .plan-price strong{font-size:44px}.drum-app .plan-grid li,.drum-app .plan-grid p,.drum-app .plan-price span{font-size:15px}.drum-app .plan-grid p{min-height:46px}.drum-app .plan-grid button{font-size:16px;min-height:52px}.drum-app .best-value{font-size:11px;padding:7px 11px}.drum-app .billing-note{font-size:14px}.drum-app .notice-detail-page,.drum-app .profile-subpage,.drum-app .settings-page{margin:0;max-width:none;width:100%}.drum-app .profile-detail-card{grid-template-columns:160px minmax(0,1fr);padding:30px}.drum-app .profile-avatar.large{font-size:42px;height:124px;width:124px}.drum-app .profile-fields input{font-size:18px;min-height:54px}.drum-app .save-profile{font-size:17px;min-height:54px;width:190px}.drum-app .preference-row{min-height:96px;padding:18px 24px}.drum-app .preference-row strong{font-size:20px}.drum-app .preference-row small{font-size:16px;line-height:1.45}.drum-app .notice-list{gap:14px}.drum-app .notice-item{min-height:118px;padding:22px 68px 22px 26px}.drum-app .notice-item>span{font-size:14px}.drum-app .notice-list time{font-size:15px}.drum-app .notice-list h2{font-size:28px;margin-block:8px 5px}.drum-app .notice-item>svg{height:26px;right:24px;width:26px}.drum-app .notice-detail{min-height:100%;padding:38px 44px 48px}.drum-app .notice-detail-meta,.drum-app .notice-detail-meta>span{font-size:15px}.drum-app .notice-detail h1{font-size:48px;margin-top:30px;max-width:980px}.drum-app .notice-lead{font-size:20px;max-width:1040px}.drum-app .notice-body{max-width:980px;padding-top:24px}.drum-app .notice-body p{font-size:18px;line-height:1.8}.drum-app .help-list button{min-height:80px;padding-inline:26px}.drum-app .help-list button>span{font-size:20px;min-height:80px}.drum-app .help-list p{font-size:17px;margin-bottom:22px}.drum-app .settings-section{margin-bottom:18px;padding:28px 30px}.drum-app .settings-section h2{font-size:28px}.drum-app .settings-section p{font-size:16px;line-height:1.5}.drum-app .settings-section small{font-size:14px}.drum-app .language-control{grid-template-columns:repeat(2,132px)}.drum-app .language-control button{font-size:17px;min-height:50px}.drum-app .setting-toggle{font-size:18px;min-height:66px}.drum-app .setting-toggle>i{border-radius:14px;height:28px;width:48px}.drum-app .setting-toggle>i b{height:22px;width:22px}.drum-app .setting-toggle>i.on b{transform:translateX(20px)}.drum-app .result-score span,.drum-app .result-title span{font-size:13px}.drum-app .result-score small,.drum-app .result-title p{font-size:14px}.drum-app .review-heading span{font-size:12px}.drum-app .skill-row{font-size:14px;grid-template-columns:140px minmax(0,1fr) 88px}.drum-app .learning-review>p{font-size:15px}@media(max-width:1100px){.drum-app .drumgame-grid{grid-template-columns:minmax(350px,43%) minmax(0,57%)}.drum-app .song-focus{grid-template-columns:minmax(0,1fr);padding:12px}.drum-app .difficulty-option{min-height:170px}.drum-app .result-hero{grid-template-columns:120px minmax(0,1fr) 90px 190px}.drum-app .result-hero img{height:120px;width:120px}.drum-app .result-body{grid-template-columns:.8fr 1.2fr}.drum-app .mistake-review{grid-column:1/-1}}@media(max-height:760px){.drum-app .login-panel{padding-block:34px}.drum-app .login-panel h1{font-size:48px}.drum-app .login-panel>p:not(.login-kicker){margin-block:16px 22px}.drum-app .login-panel footer{padding-top:16px}}@media(max-width:760px),(orientation:portrait){.drum-app .dh-app-shell{min-width:760px}.drum-app{overflow-x:auto}.drum-app .dh-login-screen{min-width:760px}}@media(max-width:800px){.drum-app .song-row{gap:8px;grid-template-columns:22px 64px minmax(0,1fr) 84px;min-height:88px;padding:7px 9px}.drum-app .song-row img{height:56px;width:64px}.drum-app .song-copy strong{font-size:18px}.drum-app .song-copy small{font-size:13px}.drum-app .song-side{gap:5px}.drum-app .song-access{font-size:9px;padding-inline:4px}.drum-app .access-lock-icon{flex-basis:15px;height:15px;width:15px}.drum-app .access-lock-icon>svg:first-child{height:15px;width:15px}}.drum-app .dh-login-screen{grid-template-columns:minmax(0,1.15fr) minmax(500px,.85fr)}.drum-app .login-panel{padding:42px 48px}.drum-app .login-kicker{font-size:14px;margin-top:22px}.drum-app .login-panel h1{font-size:56px;line-height:1;max-width:440px;word-break:keep-all}.drum-app .login-panel>p:not(.login-kicker){font-size:17px;line-height:1.65;margin-block:20px 26px}.drum-app .google-button{font-size:17px;min-height:62px}.drum-app .login-panel small{color:#a8b0bd;font-size:14px}.drum-app .login-panel footer{color:#9099a7;font-size:13px}.drum-app .category-rail button{font-size:20px;min-height:46px;min-width:108px}.drum-app .search-box{height:46px}.drum-app .search-box input{font-size:16px}.drum-app .song-rank{font-size:15px}.drum-app .song-bpm{font-size:20px}.drum-app .preview-live,.drum-app .song-bpm small{font-size:13px}.drum-app .difficulty-name{font-size:20px}.drum-app .difficulty-option>strong{font-size:16px}.drum-app .difficulty-option>small{color:#4f5967;font-size:13px;line-height:1.35}.drum-app .start-button{font-size:23px}.drum-app .game-hud span{font-size:20px}.drum-app .game-hud small{color:#b1b8c4;font-size:13px}.drum-app .hud-score>span{color:#aeb6c2;font-size:12px}.drum-app .hud-score strong{font-size:27px}.drum-app .measure-range{font-size:14px}.drum-app .measure-number{color:#657183;font-size:13px}.drum-app .judgment small{font-size:32px}.drum-app .pause-panel button{font-size:16px;min-height:50px}.drum-app .drum-pad-row span{font-size:11px;height:22px;width:22px}.drum-app .drum-pad-row strong{font-size:16px}.drum-app .result-title h1{font-size:48px}.drum-app .result-score span,.drum-app .result-title span{font-size:14px}.drum-app .result-score small,.drum-app .result-title p{font-size:15px}.drum-app .result-score strong{font-size:46px}.drum-app .judgment-board span{font-size:17px}.drum-app .judgment-board strong{font-size:30px}.drum-app .review-heading span{font-size:13px}.drum-app .review-heading h2{font-size:27px}.drum-app .skill-row{font-size:16px;grid-template-columns:150px minmax(0,1fr) 92px}.drum-app .learning-review>p{color:#c0c6d0;font-size:16px;line-height:1.6}.drum-app .result-actions button{font-size:17px;min-height:52px}.drum-app .cognitive-session .back-link{font-size:15px;min-height:44px}.drum-app .cognitive-stage h1{font-size:50px}.drum-app .cognitive-stage>p{color:#bac1cc;font-size:18px}.drum-app .memory-pads strong{font-size:18px}.drum-app .memory-pads span{font-size:27px;height:50px;width:50px}.drum-app .session-progress{font-size:18px}.drum-app .records-table header{color:#aab2bf;font-size:14px}.drum-app .records-table>div span{font-size:16px}.drum-app .cognitive-grid p{color:#b6bdc8;font-size:16px}.drum-app .profile-hero p{font-size:17px}.drum-app .profile-grid h2{font-size:28px}.drum-app .profile-grid button{font-size:18px}.drum-app .notice-strip>span{font-size:14px}.drum-app .notice-strip button{font-size:16px;min-height:46px}.drum-app .easy-score{--dot-size:clamp(72px,calc(12.5vw - 34px),126px);--rest-size:clamp(64px,calc(11.25vw - 30px),114px);--kick-offset:clamp(58px,6.6vw,86px);gap:12px;padding:30px 30px 90px}.drum-app .easy-score-row{gap:0;grid-template-columns:minmax(0,1fr);min-height:302px}.drum-app .measure-range{font-size:16px}.drum-app .easy-measure{min-height:260px}.drum-app .easy-hit-stack{height:calc(var(--dot-size) + 10px);width:calc(var(--dot-size) + 10px)}.drum-app .easy-hit{border-width:clamp(3px,.3vw,5px);height:var(--dot-size);width:var(--dot-size)}.drum-app .easy-hit:nth-last-child(2){transform:translateY(calc(var(--dot-size) + 6px))}.drum-app .easy-hit:nth-last-child(3){transform:translateY(calc((var(--dot-size) + 6px)*2))}.drum-app .easy-rest{border-width:clamp(3px,.3vw,5px);height:var(--rest-size);width:var(--rest-size)}.drum-app .easy-kick{height:clamp(12px,1.1vw,15px);top:calc(50% + var(--kick-offset));transform:translateY(-50%);width:clamp(12px,1.1vw,15px)}.drum-app .easy-beat:has(.easy-hit:nth-child(2)) .easy-kick{top:calc(50% + var(--kick-offset) + var(--dot-size) + 6px)}.drum-app .easy-beat:has(.easy-hit:nth-child(3)) .easy-kick{top:calc(50% + var(--kick-offset) + (var(--dot-size) + 6px)*2)}.drum-app .staff-score{padding:12px 16px 100px}@media(max-height:760px){.drum-app .dh-app-shell{min-height:0}.drum-app .app-content{overflow:hidden}.drum-app .page{height:100%;min-height:0;overflow:hidden;padding:12px 18px 14px}.drum-app .page-intro{margin-bottom:10px}.drum-app .page-intro .eyebrow{font-size:11px}.drum-app .page-intro h1{font-size:34px}.drum-app .page-intro p{font-size:14px;line-height:1.35;margin-top:5px}.drum-app .cognitive-page,.drum-app .profile-subpage,.drum-app .records-page,.drum-app .settings-page,.drum-app .subscription-page{display:grid;grid-template-rows:auto minmax(0,1fr)}.drum-app .cognitive-grid{gap:10px;min-height:0}.drum-app .cognitive-grid article{grid-template-rows:88px auto auto minmax(0,1fr) auto;min-height:0}.drum-app .cognitive-grid img{height:88px}.drum-app .cognitive-grid article>span{font-size:10px;margin:8px 12px 0}.drum-app .cognitive-grid article>div,.drum-app .cognitive-grid h2,.drum-app .cognitive-grid p{margin-inline:12px}.drum-app .cognitive-grid h2{font-size:22px}.drum-app .cognitive-grid p{font-size:13px;line-height:1.3;margin-top:3px}.drum-app .cognitive-grid article>div{font-size:13px;padding:7px 0 8px}.drum-app .cognitive-grid article button{font-size:14px;min-height:34px}.drum-app .cognitive-session{display:grid;grid-template-rows:auto minmax(0,1fr)}.drum-app .cognitive-session .back-link{min-height:34px;padding:0}.drum-app .cognitive-stage{align-self:center;margin-block:6px}.drum-app .cognitive-stage h1{font-size:38px}.drum-app .cognitive-stage>p{font-size:15px;margin-block:5px}.drum-app .memory-pads{gap:10px;margin-top:16px}.drum-app .memory-pads button{min-height:112px}.drum-app .session-progress{font-size:15px;margin-top:10px;padding:10px 14px}.drum-app .records-page{grid-template-rows:auto auto minmax(0,1fr)}.drum-app .record-summary{margin-bottom:8px}.drum-app .record-summary>div{padding:8px 14px}.drum-app .record-summary span{font-size:12px}.drum-app .record-summary strong{font-size:28px}.drum-app .records-table{display:grid;grid-template-rows:34px repeat(5,minmax(0,1fr));min-height:0;overflow:hidden}.drum-app .records-table header{font-size:11px;min-height:34px}.drum-app .record-row{min-height:0}.drum-app .record-row span{font-size:14px}.drum-app .profile-page{grid-gap:10px;display:grid;gap:10px;grid-template-rows:auto minmax(0,1fr) auto}.drum-app .profile-hero{gap:14px;grid-template-columns:68px minmax(0,1fr) auto;padding:10px 16px}.drum-app .profile-avatar{font-size:24px;height:62px;width:62px}.drum-app .profile-hero h1{font-size:30px}.drum-app .profile-hero p{font-size:14px;margin-top:2px}.drum-app .profile-hero button{font-size:14px;min-height:42px}.drum-app .profile-grid{gap:10px;margin-top:0;min-height:0}.drum-app .profile-grid section{padding:8px 14px}.drum-app .profile-grid h2{font-size:23px;margin-bottom:4px}.drum-app .profile-grid button{font-size:16px;min-height:42px}.drum-app .notice-strip{margin-top:0;padding:9px 14px}.drum-app .notice-strip p{font-size:13px;margin-top:2px}.drum-app .notice-strip button{min-height:38px}.drum-app .profile-subpage{min-height:0}.drum-app .profile-detail-card{min-height:0;padding:18px}.drum-app .profile-avatar.large{font-size:34px;height:92px;width:92px}.drum-app .profile-fields{gap:10px 14px}.drum-app .profile-fields label{font-size:14px;gap:5px}.drum-app .profile-fields input{font-size:16px;min-height:42px}.drum-app .save-profile{font-size:15px;min-height:42px}.drum-app .help-list,.drum-app .notice-list,.drum-app .preference-list{min-height:0}.drum-app .preference-list{display:grid;grid-template-rows:repeat(4,minmax(0,1fr))}.drum-app .preference-row{min-height:0;padding:8px 18px}.drum-app .preference-row strong{font-size:17px}.drum-app .preference-row small{font-size:13px;line-height:1.25}.drum-app .notice-list{grid-gap:8px;display:grid;gap:8px}.drum-app .notice-item{min-height:0;padding:10px 54px 10px 18px}.drum-app .notice-item>span,.drum-app .notice-list time{font-size:12px}.drum-app .notice-list h2{font-size:22px;margin-block:4px 2px}.drum-app .notice-list p{font-size:13px;line-height:1.3}.drum-app .notice-detail{min-height:0;padding:22px 28px}.drum-app .notice-detail h1{font-size:38px;margin-top:18px}.drum-app .notice-lead{font-size:17px;padding-bottom:16px}.drum-app .notice-body{padding-top:14px}.drum-app .notice-body p{font-size:15px;line-height:1.55;margin-bottom:10px}.drum-app .help-list{display:grid;grid-template-rows:repeat(4,minmax(0,1fr))}.drum-app .help-list button{min-height:0;overflow:hidden;padding-inline:18px}.drum-app .help-list button>span{font-size:16px;min-height:50px}.drum-app .help-list p{font-size:13px;line-height:1.35;margin-bottom:10px}.drum-app .settings-page{gap:8px;grid-template-rows:auto auto minmax(0,1fr)}.drum-app .settings-section{margin-bottom:0;min-height:0;padding:12px 18px}.drum-app .settings-section h2{font-size:23px}.drum-app .settings-section p{font-size:13px}.drum-app .settings-section small{font-size:12px}.drum-app .language-control button{font-size:15px;min-height:42px}.drum-app .setting-toggle{font-size:16px;min-height:46px}.drum-app .subscription-page{grid-template-rows:auto minmax(0,1fr) auto}.drum-app .plan-grid{gap:10px;margin:0 0 6px;min-height:0}.drum-app .plan-grid article{min-height:0;padding:14px 16px}.drum-app .plan-grid article>svg{height:24px;width:24px}.drum-app .plan-grid h2{font-size:24px;margin-top:5px}.drum-app .plan-price{margin-top:4px}.drum-app .plan-price strong{font-size:34px}.drum-app .plan-grid li,.drum-app .plan-grid p,.drum-app .plan-price span{font-size:13px}.drum-app .plan-grid p{margin-block:5px;min-height:0}.drum-app .plan-grid ul{gap:5px;margin-block:5px;padding:8px 0}.drum-app .plan-grid button{font-size:14px;min-height:40px}.drum-app .billing-note{font-size:12px}.drum-app .results-page{gap:8px;grid-template-rows:auto minmax(0,1fr) auto}.drum-app .result-hero{gap:12px;grid-template-columns:88px minmax(0,1fr) 62px 180px;min-height:104px;padding:8px 14px}.drum-app .result-hero img{height:86px;width:86px}.drum-app .result-title h1{font-size:34px}.drum-app .rank-mark{font-size:78px}.drum-app .result-score{padding-left:12px}.drum-app .result-score strong{font-size:34px}.drum-app .score-comparison{margin-top:5px;padding-top:5px}.drum-app .score-comparison b,.drum-app .score-comparison em{font-size:17px}.drum-app .result-body{gap:8px;grid-template-columns:.72fr 1.08fr 1fr;min-height:0}.drum-app .judgment-board{min-height:0}.drum-app .judgment-board>div{min-height:0;padding-inline:10px}.drum-app .judgment-board span{font-size:14px}.drum-app .judgment-board strong{font-size:25px}.drum-app .learning-review,.drum-app .mistake-review{min-height:0;padding:10px 12px}.drum-app .mistake-review{grid-column:auto}.drum-app .review-heading{gap:8px;margin-bottom:6px}.drum-app .review-heading>svg{height:28px;width:28px}.drum-app .review-heading span{font-size:10px}.drum-app .review-heading h2{font-size:20px}.drum-app .skill-row{font-size:12px;gap:6px;grid-template-columns:90px minmax(0,1fr) 64px;margin:5px 0}.drum-app .coach-lines{font-size:11px;gap:3px;line-height:1.25;margin-top:7px;padding-top:7px}.drum-app .mistake-review>p{font-size:12px;line-height:1.3;margin-bottom:7px}.drum-app .mistake-list{gap:6px}.drum-app .mistake-row{column-gap:8px;grid-template-columns:minmax(0,1fr) 78px}.drum-app .mistake-row b,.drum-app .mistake-row strong{font-size:12px}.drum-app .mistake-row small{font-size:10px;margin-top:1px}.drum-app .result-actions{gap:10px;margin-top:0}.drum-app .result-actions button{font-size:15px;min-height:42px}.drum-app .easy-score{gap:8px;padding:16px 20px 24px}.drum-app .easy-score-row{min-height:calc(100svh/2 - 68px)}.drum-app .easy-measure{min-height:216px}}@media(max-height:740px){.drum-app .song-focus{gap:8px;grid-template-rows:minmax(110px,1fr) 128px 52px;padding:8px 10px}.drum-app .focus-meta{bottom:10px;left:14px;right:14px}.drum-app .focus-meta .eyebrow{font-size:11px;margin-bottom:2px}.drum-app .focus-meta h1{font-size:32px}.drum-app .focus-meta p{font-size:13px;margin-top:2px}.drum-app .preview-live{font-size:10px;left:9px;padding:6px 9px;top:9px}.drum-app .favorite-button{height:36px;right:9px;top:9px;width:36px}.drum-app .difficulty-grid{gap:6px}.drum-app .difficulty-option{border-top-width:4px;grid-template-rows:auto auto 44px minmax(0,1fr);min-height:0;padding-bottom:3px}.drum-app .difficulty-name{font-size:16px;padding:4px 7px 0}.drum-app .difficulty-option>strong{font-size:13px;padding:0 7px 2px}.drum-app .difficulty-option>small{font-size:10px;line-height:1.15;padding:3px 7px 0}.drum-app .mini-score{min-height:44px}.drum-app .game-staff-lines,.drum-app .staff-lines{inset-block:9px}.drum-app .measure-line{height:33px;top:5px}.drum-app .start-button{font-size:19px;min-height:52px}.drum-app .start-button svg{height:18px;padding:3px;width:18px}}@media(max-height:800px),(max-width:1366px){.drum-app .judgment{bottom:4%;font-size:72px;min-width:330px;text-shadow:0 4px 0 #0a0d12,0 0 16px currentColor,0 0 28px currentColor}.drum-app .judgment>span{-webkit-text-stroke-width:2px}.drum-app .judgment small{font-size:19px;letter-spacing:1px;margin-top:8px}.drum-app .judgment-spark{height:44px;width:44px}}@media(max-width:1024px){.drum-app .judgment{font-size:58px;min-width:280px}.drum-app .judgment small{font-size:17px;margin-top:6px}.drum-app .judgment-spark{height:36px;width:36px}}.drum-app .result-save-status{align-items:center;color:#aeb7c4;display:inline-flex;font-size:13px;gap:8px;margin-top:8px}.drum-app .result-save-status.saved{color:#55d890}.drum-app .result-save-status.failed{color:#ff6e7b}.drum-app .result-save-status button{background:#0000;border:1px solid;min-height:34px;padding:0 12px}.drum-app .purchase-gate-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05080cd1;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:120}.drum-app .purchase-gate{background:#151a22;border:2px solid #4b5666;box-shadow:inset 0 4px 0 var(--yellow),0 26px 80px #0000008c;color:#f8fafc;max-height:calc(100dvh - 48px);overflow:auto;padding:24px;width:min(620px,100%)}.drum-app .purchase-gate__header{align-items:center;display:flex;justify-content:space-between}.drum-app .purchase-gate__store{background:var(--yellow);color:#171a20;font-size:12px;font-weight:900;padding:6px 9px}.drum-app .purchase-gate__close{background:#252b35;border:1px solid #485160;color:#fff;display:grid;font-size:28px;height:42px;place-items:center;width:42px}.drum-app .purchase-gate__status{display:grid;justify-items:center;padding:18px 18px 16px;text-align:center}.drum-app .purchase-gate__status h2{color:#fff;font:800 34px/1.05 Barlow Condensed,sans-serif;margin:8px 0 5px;text-transform:uppercase}.drum-app .purchase-gate__status p{color:#b4bdca;font-size:16px;line-height:1.5;margin:0;max-width:470px}.drum-app .purchase-gate__spinner{animation:purchase-spin .8s linear infinite;border:4px solid #3b4350;border-radius:50%;border-top:4px solid var(--yellow);height:42px;width:42px}.drum-app .purchase-gate__selection{border:1px solid #3d4654;display:grid;grid-template-columns:1fr 1fr;margin:0 0 12px}.drum-app .purchase-gate__selection div{grid-gap:3px;display:grid;gap:3px;padding:13px 16px}.drum-app .purchase-gate__selection div+div{border-left:1px solid #3d4654}.drum-app .purchase-gate__selection dt{color:#929dac;font-size:12px}.drum-app .purchase-gate__selection dd{color:#fff;font-size:17px;font-weight:800;margin:0}.drum-app .purchase-gate__product{grid-gap:8px;background:#27230f;border:1px solid #65561b;display:grid;gap:8px;padding:14px 16px}.drum-app .purchase-gate__product>div{align-items:center;display:flex;justify-content:space-between}.drum-app .purchase-gate__product strong{color:#fff;font-size:19px}.drum-app .purchase-gate__product span{color:var(--yellow);font-size:18px;font-weight:800}.drum-app .purchase-gate__product p{color:#c6bd95;font-size:13px;margin:0}.drum-app .purchase-gate__actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px}.drum-app .purchase-gate__actions button{border:1px solid #4c5665;font-size:16px;font-weight:800;min-height:50px}.drum-app .purchase-gate__primary{background:var(--yellow);border-color:#dba900!important;color:#11151b;grid-column:1/-1}.drum-app .purchase-gate__secondary{background:#292f39;color:#f4f7fb}.drum-app .purchase-gate__restore{background:#142b48;border-color:#315e91!important;color:#b8d8ff}.drum-app .purchase-gate__actions button:disabled{color:#d7dee8;opacity:1}.drum-app .purchase-gate--restored,.drum-app .purchase-gate--success{box-shadow:inset 0 4px 0 var(--green),0 26px 80px #0000008c}.drum-app .purchase-gate--cancelled,.drum-app .purchase-gate--failed{box-shadow:inset 0 4px 0 var(--red),0 26px 80px #0000008c}.drum-app .preparation-screen{background:#0b0e13;color:#fff;display:grid;padding:clamp(18px,4vw,44px);place-items:center}.drum-app .stage-preparation{background:#151a22;border:1px solid #434c59;box-shadow:inset 0 5px 0 var(--red);max-height:calc(100dvh - 40px);width:min(980px,100%)}.drum-app .stage-preparation__header{align-items:center;background:#10141a;border-bottom:1px solid #363e4a;display:flex;gap:20px;justify-content:space-between;padding:18px 24px}.drum-app .stage-preparation__eyebrow{color:var(--red);font-size:13px;font-weight:900}.drum-app .stage-preparation__selection{align-items:center;display:flex;font-size:18px;gap:12px}.drum-app .stage-preparation__selection span{border:1px solid #586274;color:#d2d8e1;font-size:13px;font-weight:800;padding:5px 9px}.drum-app .stage-preparation__state{display:grid;justify-items:center;padding:clamp(28px,5vh,54px) 24px;text-align:center}.drum-app .stage-preparation__state h1{font:900 clamp(38px,5vw,62px)/1 Barlow Condensed,sans-serif;margin:12px 0 6px;text-transform:uppercase}.drum-app .stage-preparation__state>p{color:#b1bac7;font-size:17px;line-height:1.5;margin:0;max-width:620px}.drum-app .stage-preparation__spinner,.drum-app .stage-preparation__status-icon{color:var(--yellow);height:62px;width:62px}.drum-app .stage-preparation__spinner{animation:purchase-spin 1s linear infinite}.drum-app .stage-preparation--ready .stage-preparation__status-icon{color:var(--green)}.drum-app .stage-preparation--abc-error .stage-preparation__status-icon,.drum-app .stage-preparation--audio-error .stage-preparation__status-icon,.drum-app .stage-preparation--offline .stage-preparation__status-icon,.drum-app .stage-preparation--update-required .stage-preparation__status-icon{color:var(--red)}.drum-app .stage-preparation__steps{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);list-style:none;margin:28px 0 0;padding:0;width:min(760px,100%)}.drum-app .stage-preparation__step{grid-gap:2px 10px;align-items:center;background:#1d232c;border:1px solid #3e4754;display:grid;gap:2px 10px;grid-template-columns:38px minmax(0,1fr);padding:14px;text-align:left}.drum-app .stage-preparation__step-number{border:2px solid #536071;border-radius:50%;display:grid;font-weight:900;grid-row:span 2;height:36px;place-items:center;width:36px}.drum-app .stage-preparation__step strong{font-size:15px}.drum-app .stage-preparation__step small{color:#8f99a8;font-size:12px}.drum-app .stage-preparation__actions{grid-template-columns:repeat(2,minmax(180px,1fr));margin-top:28px;width:min(620px,100%)}.drum-app .stage-preparation__actions button:only-child{grid-column:1/-1}.drum-app .stage-preparation__button{align-items:center;border:1px solid #4d5868;display:flex;font-size:17px;font-weight:900;gap:9px;justify-content:center;min-height:58px}.drum-app .stage-preparation__button svg{height:22px;width:22px}.drum-app .stage-preparation__button--primary{background:var(--yellow);border-color:#dba900;color:#101319}.drum-app .stage-preparation__button--secondary{background:#282f39}@media(max-height:700px){.drum-app .purchase-gate{padding:16px 20px}.drum-app .purchase-gate__status{padding-block:8px 10px}.drum-app .purchase-gate__status h2{font-size:28px}.drum-app .purchase-gate__status p{font-size:14px}.drum-app .purchase-gate__actions{margin-top:10px}.drum-app .purchase-gate__actions button{min-height:44px}.drum-app .stage-preparation__header{padding:12px 18px}.drum-app .stage-preparation__state{padding:20px}.drum-app .stage-preparation__state h1{font-size:40px}.drum-app .stage-preparation__state>p{font-size:15px}.drum-app .stage-preparation__spinner,.drum-app .stage-preparation__status-icon{height:48px;width:48px}.drum-app .stage-preparation__steps{margin-top:18px}.drum-app .stage-preparation__step{padding:10px}.drum-app .stage-preparation__actions{margin-top:18px}.drum-app .stage-preparation__button{min-height:48px}.drum-app .record-detail{padding:22px}}.drum-app .cognitive-catalog{grid-gap:14px;background:#0d1015;display:grid;gap:14px;grid-template-columns:minmax(280px,32%) minmax(0,1fr);height:100%;min-height:0;overflow:hidden;padding:14px 18px;width:100%}.drum-app .cognitive-activity-list{background:#12161d;border:1px solid #343a46;min-height:0;min-width:0;overflow-y:auto;scrollbar-color:#4c5563 #12161d}.drum-app .cognitive-activity-list>label{align-items:center;background:#171c24;border-bottom:1px solid #343a46;color:#8f99a8;display:flex;gap:9px;height:52px;padding:0 14px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.drum-app .cognitive-activity-list>label svg{flex:0 0 20px;height:20px;width:20px}.drum-app .cognitive-activity-list input{background:#0000;border:0;color:#fff;font-size:16px;min-width:0;outline:0;width:100%}.drum-app .cognitive-list-count{color:#838d9d;font-size:12px;font-weight:800;padding:12px 15px 8px}.drum-app .cognitive-activity-list>button{grid-gap:12px;align-items:center;background:#0000;border:0;border-top:1px solid #2e3540;color:#fff;gap:12px;grid-template-columns:52px minmax(0,1fr) 34px;min-height:92px;padding:12px 14px;text-align:left;width:100%}.drum-app .cognitive-activity-list>button.active{background:#242a34;border-left:4px solid #ef4455}.drum-app .cognitive-activity-list>button>img{border:1px solid #414b59;height:58px;width:52px}.drum-app .cognitive-activity-list>button>span{background:#172d49;color:#7eb7ff;display:grid;height:52px;place-items:center;width:52px}.drum-app .cognitive-activity-list>button svg{height:30px;width:30px}.drum-app .cognitive-activity-list>button div{grid-gap:5px;gap:5px}.drum-app .cognitive-activity-list>button strong{font-size:18px}.drum-app .cognitive-activity-list>button small{color:#a6afbc;font-size:12px;line-height:1.35}.drum-app .cognitive-activity-list>button b{border:1px solid #526071;color:#c6d4e6;font-size:13px;height:30px;width:30px}.drum-app .cognitive-empty{color:#919baa;font-size:14px;margin:0;padding:28px 16px;text-align:center}.drum-app .cognitive-activity-detail{grid-gap:10px;background:#f3f5f8;color:#171b22;display:grid;gap:10px;grid-template-rows:minmax(112px,1fr) auto 54px;min-height:0;min-width:0;overflow:hidden;padding:10px}.drum-app .cognitive-activity-hero{background:#172231;color:#fff;min-height:0;overflow:hidden;position:relative}.drum-app .cognitive-activity-hero:after{background:linear-gradient(90deg,#080d15eb,#080d158f 52%,#080d1524);content:"";inset:0;position:absolute}.drum-app .cognitive-activity-hero>img{height:100%;inset:0;object-fit:cover;opacity:.52;position:absolute;width:100%}.drum-app .cognitive-activity-hero>div:last-child{left:24px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.drum-app .cognitive-activity-hero span{color:#ff7580;font-size:12px;font-weight:900}.drum-app .cognitive-activity-hero h1{font:900 40px/.95 Barlow Condensed,sans-serif;margin:3px 0 0;text-transform:uppercase}.drum-app .cognitive-activity-hero p{color:#d6dce5;font-size:15px;margin:7px 0 0}.drum-app .cognitive-preview-shapes{bottom:22px;display:flex;gap:10px;position:absolute;right:28px;z-index:2}.drum-app .cognitive-preview-shapes i{background:#ef4455;border:3px solid #ffffffc2;border-radius:4px;box-shadow:0 5px 0 #0000003d;height:28px;transform:rotate(8deg);width:28px}.drum-app .cognitive-preview-shapes i:nth-child(2){background:#ff8a22;border-radius:50%;transform:rotate(-5deg)}.drum-app .cognitive-preview-shapes i:nth-child(3){background:#f5c518}.drum-app .cognitive-preview-shapes i:nth-child(4){background:#35b85f;border-radius:50%}.drum-app .cognitive-preview-shapes i:nth-child(5){background:#3185ee;transform:rotate(-8deg)}.drum-app .cognitive-level-heading{align-items:end;display:flex;gap:18px;justify-content:space-between}.drum-app .cognitive-level-heading span{color:#ef4455;font-size:11px;font-weight:900}.drum-app .cognitive-level-heading h2{font-size:22px;margin:2px 0 0}.drum-app .cognitive-level-heading>small{color:#697382;font-size:11px}.drum-app .cognitive-levels{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.drum-app .cognitive-levels button{grid-gap:6px;align-items:center;background:#fff;border:1px solid #c8ced7;color:#27303b;display:grid;gap:6px;grid-template-columns:30px minmax(0,1fr);min-height:76px;min-width:0;padding:8px;position:relative;text-align:left}.drum-app .cognitive-levels button.active{background:#edf5ff;border:2px solid #0064ff;box-shadow:inset 0 -4px 0 #0064ff}.drum-app .cognitive-levels button>b{background:#354154;border-radius:50%;color:#fff;display:grid;font-size:13px;height:28px;place-items:center;width:28px}.drum-app .cognitive-levels button.active>b{background:#0064ff}.drum-app .cognitive-levels button>span{grid-gap:3px;display:grid;gap:3px;min-width:0}.drum-app .cognitive-levels button strong{font-size:13px;line-height:1.1}.drum-app .cognitive-levels button small{color:#697382;font-size:9px;line-height:1.2;overflow:hidden}.drum-app .cognitive-levels button>svg{color:#0064ff;height:15px;position:absolute;right:5px;top:5px;width:15px}.drum-app .cognitive-start{align-items:center;background:#0064ff;border:0;box-shadow:inset 0 -5px 0 #0049ba;color:#fff;display:flex;font-size:18px;font-weight:900;gap:10px;justify-content:center;min-height:54px}.drum-app .cognitive-start svg{height:22px;width:22px}.drum-app .cognitive-start.is-unavailable{background:#e1e5eb;box-shadow:inset 0 -4px 0 #c4cad3;color:#697382;cursor:default}.drum-app .cognitive-launch-info{align-items:center;background:#fff;border:1px solid #cbd2dc;display:flex;gap:20px;justify-content:space-between;min-height:72px;padding:10px 16px}.drum-app .cognitive-launch-info>div{grid-gap:3px;display:grid;gap:3px}.drum-app .cognitive-launch-info span{color:#ef4455;font-size:11px;font-weight:900}.drum-app .cognitive-launch-info strong{font-size:20px}.drum-app .cognitive-launch-info p{color:#5e6979;font-size:14px;margin:0}.drum-app .cognition-level-select{grid-template-rows:72px minmax(0,1fr)}.drum-app .cognition-launch-step{color:#0064ff;font-size:14px;font-weight:900;justify-self:center}.drum-app .cognition-level-select-body{grid-gap:20px;display:grid;gap:20px;grid-template-rows:auto minmax(0,1fr) 58px;margin:0 auto;min-height:0;padding:28px 0 24px;width:min(1120px,100% - 44px)}.drum-app .cognition-level-intro{text-align:center}.drum-app .cognition-level-intro>span{color:#ef4455;font-size:12px;font-weight:900}.drum-app .cognition-level-intro h1{font-size:clamp(30px,4vw,48px);margin:4px 0 5px}.drum-app .cognition-level-intro p{color:#607084;font-size:15px;margin:0}.drum-app .cognition-launch-levels{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));min-height:0}.drum-app .cognition-launch-levels button{grid-gap:10px;align-content:center;background:#fff;border:2px solid #cbd4df;box-shadow:inset 0 -5px 0 #dce2e9;color:#253246;display:grid;gap:10px;justify-items:center;min-width:0;padding:16px 10px;position:relative}.drum-app .cognition-launch-levels button.active{border-color:#0064ff;box-shadow:inset 0 -6px 0 #0064ff,0 0 0 5px #0064ff1a;color:#004ec7;transform:translateY(-3px)}.drum-app .cognition-launch-levels button>b{background:#354154;border-radius:50%;color:#fff;display:grid;font-size:18px;height:42px;place-items:center;width:42px}.drum-app .cognition-launch-levels button.active>b{background:#0064ff}.drum-app .cognition-launch-levels button>span{grid-gap:7px;display:grid;gap:7px;min-width:0;text-align:center}.drum-app .cognition-launch-levels button strong{font-size:18px}.drum-app .cognition-launch-levels button small{color:#697789;font-size:12px;line-height:1.35}.drum-app .cognition-launch-levels button>svg{color:#0064ff;height:21px;position:absolute;right:10px;top:10px;width:21px}.drum-app .cognition-launch-start{align-items:center;background:#0064ff;border:0;box-shadow:inset 0 -6px 0 #0049ba;color:#fff;display:flex;font-size:19px;font-weight:900;gap:10px;justify-content:center}.drum-app .cognition-launch-start svg{height:23px;width:23px}.drum-app .cognition-game{background:#eef3f8;color:#17202c;display:grid;grid-template-rows:72px minmax(0,1fr) 64px;height:100dvh;min-height:0;overflow:hidden;width:100%}.drum-app .cognition-game-header{align-items:center;background:#fff;border-bottom:1px solid #cbd4df;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);padding:0 22px}.drum-app .cognition-game-header>div:first-child{align-items:center;display:flex;gap:11px}.drum-app .cognition-game-header>div:first-child>svg{color:#0064ff;height:38px;width:38px}.drum-app .cognition-game-header>div:first-child span{grid-gap:2px;display:grid;gap:2px}.drum-app .cognition-game-header>div:first-child small{color:#667386;font-size:12px;font-weight:800}.drum-app .cognition-game-header>div:first-child strong{font-size:17px}.drum-app .cognition-stage-progress{align-items:center;display:flex;gap:9px}.drum-app .cognition-stage-progress i{background:#fff;border:2px solid #bbc6d3;border-radius:50%;color:#718095;display:grid;font-size:13px;font-style:normal;font-weight:900;height:34px;place-items:center;width:34px}.drum-app .cognition-stage-progress i.active{background:#0064ff;border-color:#0064ff;box-shadow:0 0 0 5px #0064ff21;color:#fff}.drum-app .cognition-stage-progress i.done{background:#28a966;border-color:#28a966;color:#fff}.drum-app .cognition-stage-progress svg{height:17px;width:17px}.drum-app .cognition-exit{align-items:center;background:#fff3f4;border:1px solid #d73443;color:#b51f2d;display:flex;font-size:15px;font-weight:900;gap:7px;justify-content:center;justify-self:end;min-height:44px;min-width:102px}.drum-app .cognition-exit svg{height:21px;width:21px}.drum-app .cognition-game-body{grid-gap:10px;display:grid;gap:10px;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden;padding:14px 22px 10px}.drum-app .cognition-stage-title{grid-column-gap:12px;align-items:center;column-gap:12px;display:grid;grid-template-columns:auto minmax(0,1fr)}.drum-app .cognition-stage-title>span{background:#17202c;color:#fff;display:grid;font-size:14px;font-weight:900;grid-row:span 2;height:48px;min-width:68px;place-items:center}.drum-app .cognition-stage-title h1{font-size:25px;line-height:1.05;margin:0}.drum-app .cognition-stage-title p{color:#607084;font-size:14px;margin:3px 0 0}.drum-app .cognition-stage-board{background:#fff;border:1px solid #cbd4df;box-shadow:0 7px 18px #32435817;min-height:0;overflow:hidden}.drum-app .connect-stage,.drum-app .find-color-stage,.drum-app .match-stage{grid-gap:10px;display:grid;gap:10px;grid-template-rows:minmax(0,1fr) minmax(0,1fr) 28px;height:100%;min-height:0;padding:14px 20px 8px;width:100%}.drum-app .color-objects,.drum-app .color-targets{grid-gap:12px;align-items:stretch;display:grid;gap:12px;min-height:0}.drum-app .color-objects.five,.drum-app .color-targets.five{grid-template-columns:repeat(5,minmax(0,1fr))}.drum-app .color-objects.seven,.drum-app .color-targets.seven{gap:9px;grid-template-columns:repeat(7,minmax(0,1fr))}.drum-app .color-targets button{grid-gap:6px;align-content:center;background:color-mix(in srgb,var(--activity-color),#fff 88%);border:3px solid var(--activity-color);color:color-mix(in srgb,var(--activity-color),#101820 28%);display:grid;gap:6px;justify-items:center;min-height:0}.drum-app .color-targets button>span{border:3px dashed color-mix(in srgb,var(--activity-color),#fff 20%);border-radius:5px;height:34px;width:34px}.drum-app .color-targets button strong{font-size:14px}.drum-app .color-targets button.suggested{animation:cognition-target-pulse .7s ease-in-out infinite alternate}.drum-app .color-targets button.complete{background:var(--activity-color);color:#fff;opacity:.72}.drum-app .color-targets button.complete svg{height:34px;width:34px}.drum-app .color-objects button{grid-gap:4px;align-content:center;background:#f8fafc;border:2px solid #d4dbe4;color:var(--activity-color);display:grid;gap:4px;justify-items:center;min-height:0;min-width:0;position:relative}.drum-app .color-objects button.current,.drum-app .color-objects button.selected,.drum-app .color-objects button:not(:disabled):hover{border-color:var(--activity-color);box-shadow:inset 0 -5px 0 var(--activity-color),0 0 0 4px color-mix(in srgb,var(--activity-color),#0000 82%);transform:translateY(-2px)}.drum-app .color-objects button:disabled{opacity:.16}.drum-app .color-objects button svg{filter:drop-shadow(0 5px 4px rgba(29,40,55,.18));height:clamp(34px,4.4vw,62px);width:clamp(34px,4.4vw,62px)}.drum-app .color-objects button strong{color:#354154;font-size:13px}.drum-app .color-objects button small{background:#263345;border-radius:50%;color:#fff;display:grid;font-size:11px;font-weight:900;height:23px;left:6px;place-items:center;position:absolute;top:5px;width:23px}.drum-app .cognition-feedback{align-self:center;color:#45617f;font-size:14px;font-weight:800;min-height:24px;text-align:center}.drum-app .find-color-stage{grid-template-columns:200px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 28px}.drum-app .target-color-card{grid-gap:8px;align-content:center;border-right:1px solid #d8dee7;display:grid;gap:8px;justify-items:center}.drum-app .target-color-card>span{color:#667386;font-size:12px;font-weight:900}.drum-app .target-color-card i{background:radial-gradient(circle at 32% 25%,#fff 0 6%,color-mix(in srgb,var(--activity-color),#fff 30%) 14%,var(--activity-color) 60%);border:5px solid color-mix(in srgb,var(--activity-color),#000 12%);border-radius:50%;box-shadow:0 9px 0 color-mix(in srgb,var(--activity-color),#000 24%),0 16px 24px #1e2c3c33;height:clamp(78px,9vw,120px);width:clamp(78px,9vw,120px)}.drum-app .target-color-card strong{font-size:20px}.drum-app .target-color-card b{color:#0064ff;font-size:18px}.drum-app .shape-field{grid-gap:10px;align-content:center;display:grid;gap:10px;grid-template-columns:repeat(6,minmax(44px,1fr));padding:8px 18px}.drum-app .shape-field button{background:#f8fafc;border:1px solid #d6dde6;display:grid;min-height:64px;min-width:0;place-items:center}.drum-app .shape-field button span{background:var(--activity-color);box-shadow:0 5px 0 color-mix(in srgb,var(--activity-color),#000 25%);display:block;height:clamp(38px,4.4vw,64px);width:clamp(38px,4.4vw,64px)}.drum-app .shape-field button.circle span{border-radius:50%}.drum-app .shape-field button.triangle span{-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.drum-app .shape-field button.diamond span{transform:rotate(45deg) scale(.75)}.drum-app .shape-field button.found{opacity:.12;pointer-events:none}.drum-app .find-color-stage>.cognition-feedback{grid-column:1/-1}.drum-app .connect-stage{grid-template-rows:minmax(0,1fr) 28px}.drum-app .connection-board{background:linear-gradient(90deg,#f8fafc 0 62%,#f1f6fb 62%);min-height:0;overflow:hidden;position:relative}.drum-app .connection-board>svg{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:2}.drum-app .connection-board line{stroke:var(--activity-color);stroke-width:1.2;stroke-linecap:round;filter:drop-shadow(0 2px 2px rgba(28,42,59,.25))}.drum-app .connection-node{background:var(--activity-color);border:5px solid color-mix(in srgb,var(--activity-color),#000 18%);box-shadow:0 7px 0 color-mix(in srgb,var(--activity-color),#000 25%),0 12px 18px #22314329;height:clamp(54px,6vw,82px);position:absolute;transform:translate(-50%,-50%);width:clamp(54px,6vw,82px);z-index:3}.drum-app .connection-node.circle{border-radius:50%}.drum-app .connection-node.selected{outline:7px solid color-mix(in srgb,var(--activity-color),#0000 70%);transform:translate(-50%,-50%) scale(1.12)}.drum-app .connection-node.complete{opacity:.72}.drum-app .connection-divider{background:#0064ff;border-radius:50%;color:#fff;display:grid;height:42px;left:61%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:42px}.drum-app .connection-divider svg{height:23px;width:23px}.drum-app .cognition-game-footer{align-items:center;background:#fff;border-top:1px solid #cbd4df;display:grid;grid-template-columns:160px minmax(0,1fr) 220px;padding:0 22px}.drum-app .cognition-game-footer>span{color:#617085;font-size:14px;font-weight:900}.drum-app .cognition-game-footer>strong{color:#6e7b8d;font-size:13px;grid-column:2/4;text-align:right}.drum-app .cognition-game-footer>button{align-items:center;background:#0064ff;border:0;box-shadow:inset 0 -4px 0 #004ab9;color:#fff;display:flex;font-size:16px;font-weight:900;gap:8px;grid-column:3;justify-content:center;min-height:46px}.drum-app .cognition-game-footer button svg{height:20px;width:20px}.drum-app .cognition-complete{background:radial-gradient(circle at 50% 40%,#193d67,#09111d 68%);color:#fff;grid-template-rows:1fr;place-items:center;text-align:center}.drum-app .cognition-complete>.cognition-exit{position:fixed;right:22px;top:18px}.drum-app .cognition-complete>div{display:grid;justify-items:center;width:min(680px,100% - 44px)}.drum-app .cognition-complete>div>span{background:#28a966;border-radius:50%;box-shadow:0 0 0 12px #28a9662e;color:#fff;display:grid;height:90px;place-items:center;width:90px}.drum-app .cognition-complete>div>span svg{height:48px;width:48px}.drum-app .cognition-complete small{color:#65dc9e;font-size:14px;font-weight:900;margin-top:28px}.drum-app .cognition-complete h1{font:900 50px/1 Barlow Condensed,sans-serif;margin:8px 0}.drum-app .cognition-complete p{color:#bdcad9;font-size:17px;margin:0 0 26px}.drum-app .cognition-complete>div>button{background:#0064ff;border:0;color:#fff;font-size:17px;font-weight:900;min-height:54px;width:min(380px,100%)}.drum-app .cognition-complete>div>button.secondary{background:#0000;border:1px solid #65758a;margin-top:9px}@media(max-width:1100px){.drum-app .cognitive-catalog{grid-template-columns:300px minmax(0,1fr)}.drum-app .cognitive-levels button{grid-template-columns:26px minmax(0,1fr);padding:6px}.drum-app .cognitive-levels button>b{height:25px;width:25px}.drum-app .cognitive-levels button strong{font-size:12px}.drum-app .cognitive-levels button small{font-size:8px}.drum-app .cognition-game-header{grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr)}.drum-app .shape-field{grid-template-columns:repeat(5,minmax(42px,1fr))}}@media(max-height:700px){.drum-app .cognitive-catalog{gap:10px;padding:10px 14px}.drum-app .cognitive-activity-detail{gap:7px;grid-template-rows:minmax(88px,1fr) auto 48px;padding:8px}.drum-app .cognitive-activity-hero h1{font-size:32px}.drum-app .cognitive-activity-hero p{font-size:13px}.drum-app .cognitive-preview-shapes{bottom:12px}.drum-app .cognitive-level-heading h2{font-size:18px}.drum-app .cognitive-levels button{min-height:66px}.drum-app .cognitive-start{font-size:16px;min-height:48px}.drum-app .cognition-level-select-body{gap:12px;grid-template-rows:auto minmax(0,1fr) 50px;padding:16px 0 14px}.drum-app .cognition-level-intro h1{font-size:30px}.drum-app .cognition-level-intro p{font-size:13px}.drum-app .cognition-launch-levels{gap:8px}.drum-app .cognition-launch-levels button{gap:6px;padding:10px 7px}.drum-app .cognition-launch-levels button>b{font-size:15px;height:34px;width:34px}.drum-app .cognition-launch-levels button strong{font-size:15px}.drum-app .cognition-launch-levels button small{font-size:10px}.drum-app .cognition-launch-start{font-size:17px}.drum-app .cognition-game{grid-template-rows:62px minmax(0,1fr) 56px}.drum-app .cognition-level-select{grid-template-rows:62px minmax(0,1fr)}.drum-app .cognition-game-header{padding-inline:16px}.drum-app .cognition-game-header>div:first-child>svg{height:32px;width:32px}.drum-app .cognition-stage-progress i{height:30px;width:30px}.drum-app .cognition-exit{min-height:38px;min-width:92px}.drum-app .cognition-game-body{gap:7px;padding:9px 16px 7px}.drum-app .cognition-stage-title>span{height:42px;min-width:60px}.drum-app .cognition-stage-title h1{font-size:21px}.drum-app .cognition-stage-title p{font-size:12px}.drum-app .connect-stage,.drum-app .find-color-stage,.drum-app .match-stage{gap:7px;padding:9px 14px 5px}.drum-app .color-objects,.drum-app .color-targets{gap:8px}.drum-app .color-objects.seven,.drum-app .color-targets.seven{gap:6px}.drum-app .color-targets button>span{height:28px;width:28px}.drum-app .color-objects button svg{height:38px;width:38px}.drum-app .shape-field button{min-height:52px}.drum-app .shape-field button span{height:40px;width:40px}.drum-app .target-color-card i{height:72px;width:72px}.drum-app .connection-node{height:54px;width:54px}.drum-app .cognition-game-footer{grid-template-columns:120px minmax(0,1fr) 190px;padding-inline:16px}.drum-app .cognition-game-footer>button{min-height:40px}}.drum-app{--black:#111820;--ink:#182331;--panel:#202b38;--line:#d6dee7;--muted:#6f7b8b;--red:#f05262;--blue:#246bfe;--yellow:#f6c548;--green:#20aa8e;--white:#f8fafc;background:#eaf0f5;color:#182331}.drum-app .dh-brand{color:#182331;font-style:normal;font-weight:800;gap:5px}.drum-app .dh-brand span{color:#ef4f61}.drum-app .dh-brand b{color:#159d86;font:800 .92em/1 Inter,sans-serif}.drum-app .dh-brand i{background:#246bfe;height:4px;margin-left:2px;transform:none;width:16px}.drum-app .dh-brand.compact{font-size:26px}.drum-app .dh-brand.compact i{height:3px;width:13px}.drum-app .dh-login-screen{background:#edf3f7;color:#182331;grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr)}.drum-app .login-art:after{background:#0d203324}.drum-app .login-panel{background:#f8fbfd;border-left-color:#d5dfe8}.drum-app .login-kicker{color:#159d86;letter-spacing:1px;margin-top:30px}.drum-app .login-panel h1{color:#172331;font:800 clamp(38px,4.2vw,62px)/1.04 Inter,sans-serif;max-width:520px;text-transform:none}.drum-app .login-panel>p:not(.login-kicker){color:#5c6878;font-size:16px}.drum-app .login-panel small{color:#798594}.drum-app .login-panel footer{color:#7c8795}.drum-app .google-button{border-color:#cbd5df;border-radius:6px;box-shadow:0 5px 16px #31455b14}.drum-app .dh-app-shell{background:#edf2f6;color:#182331}.drum-app .app-header{background:#fff;border-bottom-color:#d4dde6;box-shadow:0 2px 9px #2a394b0f;color:#182331}.drum-app .header-title>strong{border-left-color:#d7dfe7;font:700 17px/1 Inter,sans-serif;text-transform:none}.drum-app .icon-button{background:#f7f9fb;border-color:#d3dce5;color:#3f4d5e}.drum-app .pass-chip{background:#fff5cf;border-color:#d9b43f;color:#6c5510}.drum-app .level-chip{background:#f4f7fa;border-color:#d4dce5;color:#4d5a6b}.drum-app .dh-avatar{background:#159d86;border-color:#159d86;color:#fff}.drum-app .bottom-nav{background:#fff;border-top-color:#d4dde6;box-shadow:0 -3px 12px #2a394b12}.drum-app .bottom-nav button{background:#fff;border-right-color:#e0e6ec;color:#748091;font:700 15px/1 Inter,sans-serif;text-transform:none}.drum-app .bottom-nav button.active{background:#f0f6ff;color:#1e5fd7}.drum-app .bottom-nav button.active:before{background:#246bfe;height:4px;left:28%;right:28%}.drum-app .cognitive-catalog{background:#edf2f6}.drum-app .cognitive-activity-list{background:#fff;border-color:#d3dce5;scrollbar-color:#aab5c2 #eef2f6}.drum-app .cognitive-activity-list>label{background:#f6f8fa;border-bottom-color:#d6dfe8;color:#738091}.drum-app .cognitive-activity-list input{color:#182331}.drum-app .cognitive-list-count{color:#738091}.drum-app .cognitive-activity-list>button{border-top-color:#e0e6ec}.drum-app .cognitive-activity-list>button:hover{background:#f4f8fc}.drum-app .cognitive-activity-list>button.active{background:#edf5ff;border-left-color:#246bfe;color:#154fae}.drum-app .cognitive-activity-list>button b{background:#f8fafc;border-color:#bfcbd7;color:#526174}.drum-app .cognitive-activity-detail{background:#f9fbfc}.drum-app .cognitive-activity-hero span,.drum-app .cognitive-launch-info span,.drum-app .cognitive-level-heading span{color:#43d3b7}.drum-app .cognition-launch-start,.drum-app .cognitive-start{background:#246bfe;box-shadow:inset 0 -5px 0 #174db8}.drum-app .cognitive-launch-info{border-color:#d4dde6}.drum-app .cognition-game{background:#edf3f7}.drum-app .cognition-game-header{border-bottom-color:#d4dde6}.drum-app .cognition-launch-levels button.active{background:#edf5ff;border-color:#246bfe;box-shadow:inset 0 -6px 0 #246bfe,0 0 0 5px #246bfe1a;color:#174fae}.drum-app .cognition-launch-levels button.active>b{background:#246bfe}.drum-app .cognition-level-intro>span{color:#159d86}.drum-app .category-rail button,.drum-app .difficulty-head strong,.drum-app .focus-title h1,.drum-app .song-copy strong{font-family:Inter,sans-serif;font-style:normal}.drum-app .category-rail button{font-size:15px;text-transform:none}.drum-app .song-copy strong{font-size:18px}.drum-app .primary-cta,.drum-app .start-button{border-radius:5px;text-transform:none}.drum-app .dh-login-screen{background:#172331;color:#fff;display:grid;grid-template-columns:1fr;place-items:center;position:relative}.drum-app .login-art{inset:0;position:absolute}.drum-app .login-art:after{background:#0a18267a}.drum-app .login-panel{align-items:center;background:#0000;border:0;color:#fff;height:100%;margin:0 auto;padding:34px 24px;position:relative;text-align:center;width:min(640px,100% - 48px);z-index:2}.drum-app .login-panel .dh-brand{color:#fff}.drum-app .login-panel>.dh-brand{animation:login-title-arrival 1.05s cubic-bezier(.16,1,.3,1) both;font-size:clamp(92px,10vw,148px);transform-origin:center;will-change:transform,opacity;z-index:2}.drum-app .login-panel .dh-brand b{color:#53e2c4}.drum-app .login-panel h1{animation:login-content-arrival .55s ease-out .58s both;color:#fff;font-size:clamp(28px,3vw,42px);line-height:1.15;margin:18px 0 32px;max-width:620px}.drum-app .login-panel>p:not(.login-kicker){color:#eef4f8;max-width:600px}.drum-app .login-kicker{color:#53e2c4}.drum-app .login-panel .google-button{animation:login-content-arrival .55s ease-out .72s both;width:min(480px,100%)}.drum-app .login-panel small{color:#d4dde5}.drum-app .login-panel footer{bottom:24px;color:#e4ebf1;font-size:12px;left:24px;margin:0;padding:0;position:absolute;right:24px}@media(max-height:700px){.drum-app .login-panel>.dh-brand{font-size:clamp(78px,8.5vw,112px)}.drum-app .login-panel h1{font-size:clamp(25px,2.7vw,34px);margin:12px 0 24px}.drum-app .login-panel footer{bottom:16px}}@media(prefers-reduced-motion:reduce){.drum-app .login-panel .google-button,.drum-app .login-panel h1,.drum-app .login-panel>.dh-brand{animation:none}}.drum-app .dh-app-shell{grid-template-rows:64px minmax(0,1fr) 78px;min-height:0}.drum-app .dh-app-shell.without-bottom-nav{grid-template-rows:64px minmax(0,1fr)}.drum-app .app-header{padding-inline:24px}.drum-app .player-status{gap:10px}.drum-app .bottom-nav{gap:0;grid-template-columns:repeat(3,1fr);justify-content:stretch;padding:0}.drum-app .bottom-nav button{border:0;border-right:1px solid #d9e1e8;flex-direction:row;font-size:17px;gap:12px}.drum-app .bottom-nav button:before{background:#0000;display:block;height:4px;left:22%;right:22%;top:0}.drum-app .bottom-nav button.active{background:#eef5ff;color:#1457bc}.drum-app .bottom-nav button.active:before{background:#20b7c8}.drum-app .bottom-nav svg{background:#0000;border:0;border-radius:0;color:#667486;height:31px;padding:0;width:31px}.drum-app .bottom-nav button.active svg{background:#0000;box-shadow:none;color:#246bfe;transform:scale(1.08)}.drum-app .header-midi-status,.drum-app .midi-status-chip{align-items:center;background:#f5f7f9;border:1px solid #c9d3de;border-radius:3px;color:#586779;display:inline-flex;font-size:11px;font-weight:800;gap:8px;justify-content:center;min-height:36px;padding:0 12px;white-space:nowrap}.drum-app .header-midi-status i,.drum-app .midi-entry-notice>i,.drum-app .midi-status-chip i{background:#8995a5;border-radius:50%;display:block;flex:0 0 auto;height:9px;width:9px}.drum-app .header-midi-status.connected,.drum-app .midi-status-chip.connected{background:#eaf9f2;border-color:#96d8bd;color:#087f55}.drum-app .header-midi-status.connected i,.drum-app .midi-entry-notice.connected>i,.drum-app .midi-status-chip.connected i{background:#18a86f;box-shadow:0 0 0 4px #18a86f24}.drum-app .midi-entry-notice{align-items:center;animation:midi-notice-in .24s ease-out;background:#fff;border:1px solid #ccd6e0;border-radius:4px;box-shadow:0 12px 32px #192b4033;color:#1c2938;display:flex;gap:13px;min-height:72px;padding:12px 16px;position:fixed;right:20px;top:78px;width:min(390px,100% - 40px);z-index:80}.drum-app .midi-entry-notice>i{height:12px;width:12px}.drum-app .midi-entry-notice>span{grid-gap:4px;display:grid;gap:4px}.drum-app .midi-entry-notice strong{font-size:15px}.drum-app .midi-entry-notice small{color:#677588;font-size:12px}.drum-app .color-drum-game{background:#edf3f7;color:#172333;display:grid;grid-template-rows:72px minmax(0,1fr) 38px;height:100dvh;min-height:0;overflow:hidden;width:100%}.drum-app .color-drum-game-header{grid-gap:18px;align-items:center;background:#fff;border-bottom:1px solid #cdd7e1;display:grid;gap:18px;grid-template-columns:minmax(210px,1fr) auto auto auto;padding:0 22px}.drum-app .color-drum-title{align-items:center;display:flex;gap:11px}.drum-app .color-drum-title>svg{color:#246bfe;height:38px;width:38px}.drum-app .color-drum-title>span{grid-gap:2px;display:grid;gap:2px}.drum-app .color-drum-title small{color:#68768a;font-size:11px;font-weight:800}.drum-app .color-drum-title strong{font-size:17px}.drum-app .color-drum-stats{align-items:center;display:flex;gap:9px}.drum-app .color-drum-stats>span{border-left:1px solid #d5dde6;color:#708094;display:grid;font-size:9px;font-weight:800;min-width:78px;padding:6px 10px}.drum-app .color-drum-stats strong{color:#182536;font-size:18px;line-height:1.1}.drum-app .color-drum-stage{grid-gap:8px;display:grid;gap:8px;grid-template-rows:auto 94px 30px minmax(0,1fr);min-height:0;overflow:hidden;padding:13px 22px 10px}.drum-app .color-drum-instruction{align-items:end;display:flex;gap:24px;justify-content:space-between}.drum-app .color-drum-instruction>div{grid-gap:2px;display:grid;gap:2px}.drum-app .color-drum-instruction span{color:#1675e8;font-size:12px;font-weight:900}.drum-app .color-drum-instruction h1{font-size:clamp(22px,2.4vw,31px);line-height:1.15;margin:0}.drum-app .color-drum-instruction p{color:#637287;font-size:13px;font-weight:700;margin:0 0 2px}.drum-app .color-sequence{align-items:center;background:#fff;border:1px solid #d2dbe5;display:flex;gap:clamp(12px,2vw,28px);justify-content:center;min-width:0;padding:10px 18px}.drum-app .color-sequence>i{background:var(--drum-color);border-radius:50%;box-shadow:inset 0 -5px 0 #00000026,0 5px 10px #1f2f4121;display:grid;flex:0 1 auto;height:clamp(44px,5vw,64px);opacity:.72;place-items:center;transition:transform .16s ease,opacity .16s ease;width:clamp(44px,5vw,64px)}.drum-app .color-sequence>i.current{opacity:1;outline:6px solid color-mix(in srgb,var(--drum-color),#0000 72%);transform:scale(1.16)}.drum-app .color-sequence>i.complete{opacity:.28;transform:scale(.78)}.drum-app .color-sequence>i span{border-radius:50%;color:#fff;display:grid;height:26px;place-items:center;width:26px}.drum-app .color-sequence>i svg{height:22px;width:22px}.drum-app .color-drum-feedback{color:#1f6fd0;font-size:20px;font-weight:900;min-height:30px;text-align:center}.drum-app .drum-pad-grid{grid-gap:clamp(10px,1.5vw,22px);align-items:center;display:grid;gap:clamp(10px,1.5vw,22px);grid-template-columns:repeat(7,minmax(0,1fr));min-height:0;padding:2px 6px 8px}.drum-app .cognitive-drum-pad{grid-gap:9px;-webkit-tap-highlight-color:rgba(0,0,0,0);align-content:center;background:#0000;border:0;color:#273547;display:grid;gap:9px;justify-items:center;min-width:0;padding:0;touch-action:manipulation}.drum-app .drum-pad-face{background:#111820;border:clamp(9px,1vw,14px) solid var(--drum-color);border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff24,0 8px 0 color-mix(in srgb,var(--drum-color),#000 30%),0 12px 18px #1f2c3b33;display:grid;height:clamp(82px,10vw,132px);place-items:center;position:relative;transition:transform .1s ease,box-shadow .1s ease;width:clamp(82px,10vw,132px)}.drum-app .drum-pad-face>i{background:#f6c915;border:2px solid #ffe05a;border-radius:50%;box-shadow:0 0 0 3px #f6c91526;height:clamp(12px,1.5vw,19px);width:clamp(12px,1.5vw,19px)}.drum-app .cognitive-drum-pad strong{font-size:clamp(13px,1.35vw,18px);line-height:1}.drum-app .cognitive-drum-pad.is-hit .drum-pad-face{box-shadow:inset 0 0 0 5px #ffffff52,0 3px 0 color-mix(in srgb,var(--drum-color),#000 28%),0 0 0 13px color-mix(in srgb,var(--drum-color),#0000 74%);transform:translateY(5px) scale(1.1)}.drum-app .cognitive-drum-pad.is-wrong{animation:drum-wrong .24s linear}.drum-app .color-drum-progress{grid-gap:14px;align-items:center;background:#fff;border-top:1px solid #d1dae4;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 75px;padding:0 22px}.drum-app .color-drum-progress>span{background:#dfe6ed;border-radius:4px;height:7px;overflow:hidden}.drum-app .color-drum-progress>span i{background:#246bfe;border-radius:inherit;display:block;height:100%;transition:width .2s ease}.drum-app .color-drum-progress>strong{color:#566579;font-size:12px;text-align:right}.drum-app .color-drum-complete{background:#12233a}@media(max-width:1120px){.drum-app .header-midi-status{font-size:0;padding:0;width:38px}.drum-app .color-drum-game-header{gap:10px;grid-template-columns:minmax(180px,1fr) auto auto auto;padding-inline:16px}.drum-app .color-drum-stage{padding-inline:16px}.drum-app .color-sequence{gap:11px}.drum-app .drum-pad-grid{gap:8px}.drum-app .drum-pad-face{height:clamp(76px,9.5vw,106px);width:clamp(76px,9.5vw,106px)}}@media(max-height:700px){.drum-app .color-drum-game{grid-template-rows:62px minmax(0,1fr) 32px}.drum-app .color-drum-game-header{gap:9px}.drum-app .color-drum-title>svg{height:31px;width:31px}.drum-app .color-drum-stats>span{min-width:66px;padding-block:3px}.drum-app .color-drum-stats strong{font-size:16px}.drum-app .midi-status-chip{font-size:10px;min-height:34px;padding-inline:9px}.drum-app .color-drum-stage{gap:5px;grid-template-rows:auto 78px 26px minmax(0,1fr);padding-block:8px 6px}.drum-app .color-drum-instruction h1{font-size:22px}.drum-app .color-drum-instruction p{font-size:11px}.drum-app .color-sequence>i{height:48px;width:48px}.drum-app .color-drum-feedback{font-size:17px;min-height:25px}.drum-app .drum-pad-face{border-width:9px;height:clamp(70px,9vw,94px);width:clamp(70px,9vw,94px)}.drum-app .cognitive-drum-pad{gap:7px}.drum-app .cognitive-drum-pad strong{font-size:13px}}.drum-app .drumgame-page{background:#eef2f5;gap:0;grid-template-rows:54px minmax(0,1fr)}.drum-app .drumgame-tools{background:#fff;gap:18px;grid-template-columns:minmax(0,1fr) 280px;padding:7px 18px 0}.drum-app .category-rail{border-bottom-color:#d7dee6}.drum-app .category-rail button{align-items:center;color:#687587;display:inline-flex;gap:7px;justify-content:center;min-height:44px;min-width:104px}.drum-app .category-rail button svg{flex:0 0 18px;height:18px;width:18px}.drum-app .category-rail button.active{background:#eef5ff;border-color:#246bfe;color:#1556be}.drum-app .search-box{background:#f5f7f9;border-color:#d1dae4;color:#778394;height:42px}.drum-app .search-box input{color:#1d2938}.drum-app .drumgame-grid{background:#eef2f5;border-top:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 126px}.drum-app .scroll-rail-shell{background:#eef2f5;min-height:0;min-width:0;overflow:hidden;position:relative}.drum-app .scroll-rail-shell>.cognitive-activity-list,.drum-app .scroll-rail-shell>.song-list{height:100%;width:100%}.drum-app .song-list{align-items:stretch;background:#eef2f5;border:0;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:14px 20px;position:relative;scroll-snap-type:x proximity}.drum-app .cognitive-activity-list>.cognitive-empty,.drum-app .song-list>.empty-list{color:#7a8797;display:grid;font-size:17px;inset:0;margin:0;padding:20px;place-items:center;position:absolute;text-align:center}.drum-app .song-row{grid-gap:0;background:#fff;border:2px solid #0000;border-radius:2px;box-shadow:0 3px 9px #2636491f;color:#1a2634;display:grid;flex:0 0 240px;gap:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 64px;min-height:0;overflow:visible;padding:0;position:relative;scroll-snap-align:start}.drum-app .song-row:hover{background:#fff;transform:translateY(-2px)}.drum-app .song-row.selected{background:#fff;border:4px solid #20b7c8;box-shadow:0 0 0 3px #20b7c829,0 5px 13px #26364929;color:#152333;transform:translateY(-3px)}.drum-app .song-rank{display:none}.drum-app .song-row img{height:100%;min-height:0;object-fit:cover;width:100%}.drum-app .song-copy{align-content:center;gap:3px;padding:7px 10px 8px}.drum-app .song-copy strong{font-size:19px;line-height:1.15}.drum-app .song-copy small,.drum-app .song-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-app .song-copy small{font-size:14px;line-height:1.2}.drum-app .song-side{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;left:6px;position:absolute;right:6px;top:6px}.drum-app .song-access{background:#152333e6;border:0;color:#fff;font-size:10px;min-height:24px;order:1;padding:4px 7px}.drum-app .song-bpm{background:#fffffff2;color:#182433;font-size:16px;line-height:1;order:2;padding:4px 7px}.drum-app .song-bpm small{font-size:9px}.drum-app .song-row.selected .song-copy small{color:#657286}.drum-app .song-selection-summary{grid-gap:12px;align-items:center;background:#fff;border-top:1px solid #d3dce5;display:grid;gap:12px;grid-template-columns:156px minmax(170px,1fr) auto minmax(410px,510px);min-height:0;padding:10px 20px;position:relative}.drum-app .selection-cover{background:#172331;border:1px solid #cbd5df;height:100%;min-height:0;overflow:hidden;position:relative;width:100%}.drum-app .selection-cover>img{height:100%;object-fit:cover;width:100%}.drum-app .selection-cover .preview-live{left:7px;top:7px}.drum-app .selection-cover .selection-favorite{height:38px;right:7px;top:7px;width:38px}.drum-app .selection-copy{align-content:center;display:grid;min-width:0}.drum-app .selection-copy>span{color:#159d86;font-size:12px;font-weight:800}.drum-app .selection-copy h1{color:#172331;font-size:25px;line-height:1.05;margin:3px 0 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-app .selection-copy p{color:#657285;font-size:15px;margin:0 0 6px}.drum-app .selection-copy .focus-access{justify-self:start;position:static}.drum-app .selection-access{justify-self:end;min-width:92px;position:static;transform:none}.drum-app .selection-favorite{height:38px;position:absolute;width:38px}.drum-app .song-selection-empty{align-items:center;color:#536174;display:flex;flex-direction:column;gap:5px;justify-content:center;text-align:center}.drum-app .song-selection-empty>svg{color:#246bfe;height:34px;width:34px}.drum-app .song-selection-empty>strong{color:#1b2939;font-size:18px}.drum-app .song-selection-empty>small{font-size:12px}.drum-app .preview-visualizer{gap:4px;height:34px;justify-content:center;overflow:hidden;padding:7px 8px;width:54px}.drum-app .preview-visualizer i{background:#20b7c8;border:0;border-radius:3px;box-shadow:none;height:18px;transform:scaleY(.24);transform-origin:center;width:4px}.drum-app .preview-visualizer.playing i{animation:preview-wave .72s ease-in-out infinite alternate}.drum-app .preview-visualizer.playing i:nth-child(2){animation-delay:-.48s}.drum-app .preview-visualizer.playing i:nth-child(3){animation-delay:-.18s}.drum-app .preview-visualizer.playing i:nth-child(4){animation-delay:-.62s}.drum-app .preview-visualizer.playing i:nth-child(5){animation-delay:-.32s}.drum-app .quick-difficulty-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.drum-app .quick-difficulty{align-items:center;background:#f8fafc;border:2px solid #cbd5df;border-radius:3px;border-top:5px solid var(--quick-color);box-shadow:0 3px 8px #28394c14;color:#172331;display:grid;grid-template-columns:56px minmax(0,1fr);min-width:0;padding:8px 10px;position:relative}.drum-app .quick-difficulty:hover{background:#fff;border-color:var(--quick-color);transform:translateY(-2px)}.drum-app .quick-difficulty--easy{--quick-color:#35bd75}.drum-app .quick-difficulty--normal{--quick-color:#f2b928}.drum-app .quick-difficulty--hard{--quick-color:#ef4f61}.drum-app .quick-difficulty strong{font-size:16px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.drum-app .quick-difficulty.locked{background:#f4f6f8}.drum-app .quick-difficulty-lock{color:#7b8796;height:14px;position:absolute;right:5px;top:5px;width:14px}.drum-app .quick-score-icon{align-items:center;display:flex;gap:8px;height:38px;justify-content:center;position:relative;width:48px}.drum-app .quick-score-icon i{display:block;flex:0 0 auto;position:relative}.drum-app .quick-score-icon--easy i{border-radius:50%;box-shadow:inset 0 -3px 0 #00000021;height:18px;width:18px}.drum-app .quick-score-icon--easy i:first-child{background:#ef4455}.drum-app .quick-score-icon--easy i:last-child{background:#3185ee}.drum-app .quick-score-icon--hard i,.drum-app .quick-score-icon--normal i{border-radius:50%;height:13px;transform:rotate(-13deg);width:17px}.drum-app .quick-score-icon--normal i:first-child{background:#ef4455;color:#ef4455}.drum-app .quick-score-icon--normal i:last-child{background:#3185ee;color:#3185ee}.drum-app .quick-score-icon--hard i{background:#252a32;color:#252a32}.drum-app .quick-score-icon--hard i:after,.drum-app .quick-score-icon--normal i:after{background:currentColor;border-radius:2px;bottom:5px;content:"";height:23px;position:absolute;right:0;transform:rotate(13deg);transform-origin:bottom;width:3px}.drum-app .song-difficulty-page{grid-gap:10px;background:#eef2f5;display:grid;gap:10px;grid-template-columns:minmax(0,1fr);grid-template-rows:160px 48px minmax(0,1fr) 60px;height:100%;min-height:0;overflow:hidden;padding:12px 20px;width:100%}.drum-app .song-difficulty-page>*{grid-column:1}.drum-app .difficulty-song-hero{grid-gap:4px 18px;background:#fff;border:1px solid #d0dae3;display:grid;gap:4px 18px;grid-template-columns:210px minmax(0,1fr) auto;grid-template-rows:1fr auto;min-height:0;overflow:hidden;position:relative}.drum-app .difficulty-song-hero>img{grid-row:1/3;height:100%;object-fit:cover;width:100%}.drum-app .difficulty-song-hero>div{align-self:center;min-width:0}.drum-app .difficulty-song-hero>div>span{color:#159d86;font-size:12px;font-weight:800}.drum-app .difficulty-song-hero h1{color:#172331;font-size:30px;line-height:1;margin:4px 0 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-app .difficulty-song-hero p{color:#687587;font-size:15px;margin:0}.drum-app .difficulty-song-hero>.focus-access{align-self:center;margin-right:16px;position:static}.drum-app .difficulty-preview{align-items:center;align-self:end;border-top:1px solid #e0e6ec;display:flex;grid-column:2/4;height:30px;padding:6px 16px}.drum-app .difficulty-page-heading{align-items:end;display:flex;justify-content:space-between;min-width:0}.drum-app .difficulty-page-heading>div{align-items:baseline;display:flex;gap:12px}.drum-app .difficulty-page-heading span{color:#246bfe;font-size:12px;font-weight:900}.drum-app .difficulty-page-heading h2{color:#172331;font-size:22px;margin:0}.drum-app .difficulty-page-heading small{color:#687587;font-size:12px}.drum-app .difficulty-grid--page{gap:10px;min-height:0}.drum-app .difficulty-grid--page .difficulty-option{grid-template-rows:auto auto minmax(68px,1fr) auto;min-height:0;padding:10px}.drum-app .difficulty-grid--page .difficulty-name{font-size:20px}.drum-app .difficulty-grid--page .difficulty-option>strong{font-size:14px}.drum-app .difficulty-grid--page .difficulty-option>small{font-size:12px}.drum-app .difficulty-grid--page .mini-score{min-height:72px}.drum-app .song-difficulty-page .difficulty-start-button{grid-column:1;min-height:60px}.drum-app .song-focus{background:#fff;border-top:1px solid #d8e0e8;color:#172331;gap:9px 14px;grid-template-columns:minmax(245px,.72fr) minmax(0,1.28fr);grid-template-rows:minmax(0,1fr) 52px;padding:10px 18px 12px}.drum-app .focus-cover{border-color:#ccd6df;grid-row:1/3}.drum-app .focus-cover:after{background:#0a141f57}.drum-app .focus-meta{bottom:14px;left:16px}.drum-app .focus-meta h1{font-family:Inter,sans-serif;font-style:normal}.drum-app .difficulty-grid{gap:8px;min-height:0}.drum-app .difficulty-option{background:#fbfcfd;border-width:2px;min-height:0;padding:9px}.drum-app .difficulty-option.active{border-color:#20b7c8;box-shadow:inset 0 -4px 0 #20b7c8,0 0 0 3px #20b7c81c}.drum-app .difficulty-name{font-size:16px}.drum-app .difficulty-option>strong{font-size:12px}.drum-app .difficulty-option>small{font-size:10px}.drum-app .mini-score{min-height:54px}.drum-app .start-button{background:#246bfe;border-radius:2px;box-shadow:inset 0 -5px 0 #174db8;color:#fff;font-size:18px;grid-column:2;min-height:52px}.drum-app .cognitive-catalog{background:#eef2f5;gap:0;grid-template-columns:1fr;grid-template-rows:54px minmax(0,1fr);padding:0}.drum-app .cognitive-tools{grid-gap:14px;align-items:center;background:#fff;border-bottom:1px solid #d8e0e8;display:grid;gap:14px;grid-template-columns:310px minmax(0,1fr) auto;padding:6px 18px}.drum-app .cognitive-tools>label{align-items:center;background:#f5f7f9;border:1px solid #d1dae4;color:#738091;display:flex;gap:9px;height:42px;padding:0 13px}.drum-app .cognitive-tools>label svg{height:20px;width:20px}.drum-app .cognitive-tools input{background:#0000;border:0;color:#182331;font-size:15px;min-width:0;outline:0;width:100%}.drum-app .cognitive-tools .cognitive-list-count{color:#607084;font-size:13px;font-weight:800;grid-column:3;padding:0;position:static}.drum-app .cognitive-library-grid{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 126px;min-height:0;overflow:hidden}.drum-app .cognitive-activity-list{align-items:stretch;background:#eef2f5;border:0;border-bottom:1px solid #d8e0e8;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:14px 20px;position:relative;scroll-snap-type:x proximity;scrollbar-width:none}.drum-app .cognitive-activity-list::-webkit-scrollbar{display:none}.drum-app .cognitive-activity-list>button{grid-gap:0;background:#fff;border:3px solid #0000;box-shadow:0 3px 9px #2636491f;color:#1c2836;display:grid;flex:0 0 260px;gap:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 72px;min-height:0;overflow:hidden;padding:0;position:relative;scroll-snap-align:start}.drum-app .cognitive-activity-list>button>img{border:0;height:100%;min-height:0;object-fit:cover;width:100%}.drum-app .cognitive-activity-list>button.active{background:#fff;border-left:4px solid;border-color:#20b7c8;box-shadow:0 0 0 3px #20b7c81f,0 5px 13px #26364926;color:#155f6a;transform:translateY(-2px)}.drum-app .cognitive-activity-list>button div{grid-gap:3px;align-content:center;display:grid;gap:3px;min-width:0;padding:8px 11px}.drum-app .cognitive-activity-list>button strong{font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-app .cognitive-activity-list>button small{color:#667486;font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-app .cognitive-activity-list>button b{background:#172331e0;border:0;color:#fff;display:grid;font-size:11px;height:28px;min-width:58px;padding:0 8px;place-items:center;position:absolute;right:8px;top:8px;width:auto}.drum-app .cognitive-free-badge{background:#e5f8ef;border:1px solid #62d39d;color:#087b52;display:grid;font-size:11px;font-style:normal;font-weight:900;height:28px;left:8px;min-width:52px;padding:0 9px;place-items:center;position:absolute;top:8px}.drum-app .cognitive-selection-summary{grid-gap:16px;align-items:center;background:#fff;display:grid;gap:16px;grid-template-columns:156px minmax(0,1fr) auto minmax(250px,310px);min-height:0;padding:10px 20px}.drum-app .cognitive-selection-cover{background:#172331;border:1px solid #cbd5df;height:100%;min-height:0;overflow:hidden;position:relative;width:100%}.drum-app .cognitive-selection-cover>img{height:100%;object-fit:cover;width:100%}.drum-app .cognitive-favorite{height:38px;right:7px;top:7px;width:38px}.drum-app .cognitive-selection-copy{align-content:center;display:grid;min-width:0}.drum-app .cognitive-selection-copy>span{color:#159d86;font-size:12px;font-weight:900}.drum-app .cognitive-selection-copy h1{color:#172331;font-size:25px;line-height:1.05;margin:3px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-app .cognitive-selection-copy p{color:#657285;font-size:14px;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-app .cognitive-selection-copy small{color:#536174;font-size:12px;font-weight:800}.drum-app .cognitive-selection-free{background:#e5f8ef;border:2px solid #45c88a;color:#087b52;display:grid;font-size:13px;font-style:normal;font-weight:900;height:36px;min-width:68px;padding:0 12px;place-items:center}.drum-app .cognitive-play-button{align-items:center;background:#246bfe;border:2px solid #145ac5;border-radius:3px;box-shadow:inset 0 -6px 0 #1553bd,0 5px 12px #246bfe33;color:#fff;display:flex;gap:11px;justify-content:center;min-height:68px}.drum-app .cognitive-play-button svg{height:28px;width:28px}.drum-app .cognitive-play-button strong{font-size:20px}.drum-app .cognitive-play-button.is-unavailable{background:#e4e9ee;border-color:#aeb8c4;box-shadow:inset 0 -5px 0 #c6cfd8;color:#667486}.drum-app .game-hud{background:#fff;border-bottom:1px solid #d5dee7;color:#182331}.drum-app .game-hud span,.drum-app .hud-score strong{color:#182331}.drum-app .game-hud small,.drum-app .hud-score>span{color:#687587}.drum-app .game-hud .icon-button{background:#f5f7f9}.drum-app .pause-panel{background:#fff;border:2px solid #20b7c8;border-radius:4px;box-shadow:0 18px 50px #0f1b2a3d;color:#182331}.drum-app .pause-panel h2{font-family:Inter,sans-serif;font-style:normal;text-transform:none}.drum-app .pause-panel button{background:#f3f6f8;border-color:#d2dbe4;color:#243143}.drum-app .pause-panel button:first-of-type{background:#246bfe;color:#fff}.drum-app .profile-page,.drum-app .profile-subpage,.drum-app .records-page,.drum-app .settings-page,.drum-app .subscription-page{background:#eef2f5;color:#182331}.drum-app .preference-list,.drum-app .profile-detail-card,.drum-app .profile-grid>section,.drum-app .profile-hero,.drum-app .record-summary,.drum-app .records-table{background:#fff;border-color:#d3dce5;color:#182331}.drum-app .records-table header{background:#f5f7f9;color:#687587}.drum-app .record-row{color:#182331}.drum-app .record-row:focus-visible,.drum-app .record-row:hover{background:#eef5ff}@media(max-height:700px){.drum-app .dh-app-shell{grid-template-rows:60px minmax(0,1fr) 72px}.drum-app .dh-app-shell.without-bottom-nav{grid-template-rows:60px minmax(0,1fr)}.drum-app .drumgame-page{grid-template-rows:48px minmax(0,1fr)}.drum-app .drumgame-grid{grid-template-rows:minmax(0,1fr) 118px}.drum-app .song-list{padding-top:31px}.drum-app .song-row{flex-basis:220px;grid-template-rows:minmax(0,1fr) 58px}.drum-app .song-row img{height:100%}.drum-app .song-focus{padding-block:8px}.drum-app .difficulty-option{padding:6px}.drum-app .mini-score{min-height:46px}.drum-app .song-selection-summary{grid-template-columns:128px minmax(150px,1fr) auto minmax(370px,450px);padding-block:8px}.drum-app .selection-copy h1{font-size:22px}.drum-app .quick-difficulty{grid-template-columns:48px minmax(0,1fr);min-height:66px;padding-inline:7px}.drum-app .quick-difficulty strong{font-size:14px}.drum-app .quick-score-icon{transform:scale(.92);width:42px}.drum-app .song-difficulty-page{gap:8px;grid-template-rows:140px 42px minmax(0,1fr) 54px;padding:10px 16px}.drum-app .difficulty-song-hero{grid-template-columns:180px minmax(0,1fr) auto}.drum-app .difficulty-song-hero h1{font-size:25px}.drum-app .difficulty-preview{height:25px}.drum-app .difficulty-page-heading h2{font-size:19px}.drum-app .difficulty-grid--page .difficulty-option{padding:7px}.drum-app .difficulty-grid--page .mini-score{min-height:58px}.drum-app .difficulty-start-button{min-height:54px}.drum-app .cognitive-catalog{grid-template-rows:48px minmax(0,1fr)}.drum-app .cognitive-tools{padding-block:3px}.drum-app .cognitive-tools>label{height:40px}.drum-app .cognitive-library-grid{grid-template-rows:minmax(0,1fr) 118px}.drum-app .cognitive-activity-list{padding-block:12px}.drum-app .cognitive-activity-list>button{flex-basis:230px;grid-template-rows:minmax(0,1fr) 64px}.drum-app .cognitive-selection-summary{grid-template-columns:128px minmax(0,1fr) auto minmax(230px,280px);padding-block:8px}.drum-app .cognitive-selection-copy h1{font-size:22px}.drum-app .cognitive-play-button{min-height:62px}}.drum-app .app-header .icon-button,.drum-app .dh-avatar,.drum-app .header-midi-status,.drum-app .level-chip,.drum-app .pass-chip{height:42px;min-height:42px}.drum-app .header-midi-status{padding-block:0}.drum-app .pass-chip{justify-content:center;padding-block:0}.drum-app .level-chip{display:grid;padding:0 11px;place-items:center}.drum-app .app-header .icon-button{padding:0;width:42px}.drum-app .dh-avatar{overflow:hidden;padding:0;width:42px}.drum-app .dh-avatar img,.drum-app .profile-avatar img{height:100%;object-fit:cover;width:100%}.drum-app .profile-avatar{overflow:hidden}.drum-app .song-row{flex-basis:218px;margin-block:8px;transition:flex-basis .18s ease,margin .18s ease,transform .18s ease,box-shadow .18s ease}.drum-app .song-row.selected{flex-basis:240px;margin-block:0}.drum-app .cognitive-activity-list>button{flex-basis:232px;margin-block:8px;transition:flex-basis .18s ease,margin .18s ease,transform .18s ease,box-shadow .18s ease}.drum-app .cognitive-activity-list>button.active{flex-basis:260px;margin-block:0}.drum-app .drumhi-pass-page{grid-gap:10px;display:grid;gap:10px;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;padding:16px 24px 12px;text-align:left}.drum-app .pass-page-heading{text-align:center}.drum-app .pass-page-heading h1{color:#172331;font-size:clamp(25px,2.5vw,35px);line-height:1.08;margin:2px 0 3px}.drum-app .pass-page-heading p{color:#667486;font-size:14px;margin:0}.drum-app .current-grade{grid-gap:12px;align-items:center;background:#fff;border:1px solid #cbd5df;border-left:4px solid #20b7c8;color:#263547;display:grid;gap:12px;grid-template-columns:auto auto minmax(0,1fr);min-height:45px;padding:7px 14px}.drum-app .current-grade>span{color:#607084;font-size:12px;font-weight:800}.drum-app .current-grade>strong{color:#145cc9;font-size:18px}.drum-app .current-grade>small{color:#647286;font-size:13px}.drum-app .drumhi-pass-grid{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;max-width:none;min-height:0;width:100%}.drum-app .drumhi-pass-grid article{background:#172331;border:2px solid #344252;color:#f7f9fc;grid-template-rows:auto auto auto auto minmax(0,1fr) 48px;min-height:0;padding:18px}.drum-app .drumhi-pass-grid article.featured{border-color:#f2bd2d}.drum-app .drumhi-pass-grid article.current{border-color:#20b7c8;box-shadow:inset 0 0 0 2px #20b7c838}.drum-app .drumhi-pass-grid article>svg{color:#50d2bf;height:27px;width:27px}.drum-app .drumhi-pass-grid article.featured>svg{color:#ffd24d}.drum-app .drumhi-pass-grid .plan-store{background:#ffd24d;color:#172331;font-size:10px;font-weight:900;padding:7px 9px;position:absolute;right:0;top:0}.drum-app .drumhi-pass-grid .plan-grade{color:#53e2c4;font-size:12px;font-weight:900;margin-top:7px}.drum-app .drumhi-pass-grid h2{color:#fff;font:800 clamp(20px,2vw,27px) Inter,sans-serif;margin:2px 0 0;text-transform:none}.drum-app .drumhi-pass-grid .plan-price{margin:6px 0}.drum-app .drumhi-pass-grid .plan-price strong{color:#fff;font-size:clamp(24px,2.4vw,34px)}.drum-app .drumhi-pass-grid .plan-price span{color:#aeb9c6;font-size:13px}.drum-app .drumhi-pass-grid ul{align-content:start;border-top-color:#405062;gap:7px;margin:0;padding:11px 0}.drum-app .drumhi-pass-grid li{color:#d6dee8;font-size:14px}.drum-app .drumhi-pass-grid button{background:#26384a;border-color:#4d5f72;color:#fff;font-size:14px;height:48px;min-height:48px}.drum-app .drumhi-pass-grid .featured button{background:#ffd24d;border-color:#e0ad27;color:#172331}.drum-app .drumhi-pass-grid button:disabled{background:#dce3ea;border-color:#c6d0da;color:#586779;cursor:default}.drum-app .drumhi-pass-page .billing-note{color:#687587;font-size:12px;text-align:center}@media(max-height:700px){.drum-app .song-row{flex-basis:202px;margin-block:6px}.drum-app .song-row.selected{flex-basis:220px;margin-block:0}.drum-app .cognitive-activity-list>button{flex-basis:210px;margin-block:6px}.drum-app .cognitive-activity-list>button.active{flex-basis:230px;margin-block:0}.drum-app .drumhi-pass-page{gap:7px;padding-block:10px 8px}.drum-app .pass-page-heading h1{font-size:25px}.drum-app .pass-page-heading p{font-size:12px}.drum-app .current-grade{min-height:39px;padding-block:4px}.drum-app .drumhi-pass-grid{gap:10px}.drum-app .drumhi-pass-grid article{grid-template-rows:auto auto auto auto minmax(0,1fr) 42px;padding:12px 14px}.drum-app .drumhi-pass-grid article>svg{height:22px;width:22px}.drum-app .drumhi-pass-grid .plan-grade{font-size:10px;margin-top:3px}.drum-app .drumhi-pass-grid h2{font-size:19px}.drum-app .drumhi-pass-grid .plan-price{margin:3px 0}.drum-app .drumhi-pass-grid .plan-price strong{font-size:24px}.drum-app .drumhi-pass-grid ul{gap:4px;padding:7px 0}.drum-app .drumhi-pass-grid li{font-size:12px}.drum-app .drumhi-pass-grid button{font-size:13px;height:42px;min-height:42px}}.drum-app .cognitive-free-badge,.drum-app .cognitive-selection-free,.drum-app .song-access--free,.drum-app .song-row.selected .song-access--free{background:#0fbf73;border-color:#0a9f5d;box-shadow:0 2px 7px #0fbf733d;color:#fff}.drum-app .song-selection-summary{grid-template-columns:156px minmax(170px,1fr) minmax(410px,510px)}.drum-app .selection-access{align-items:center;background:#131f2beb;border:2px solid;bottom:7px;color:#fff;display:inline-flex;font-size:12px;font-style:normal;font-weight:900;gap:6px;left:7px;min-height:30px;padding:0 10px;position:absolute;white-space:nowrap;z-index:3}.drum-app .selection-access--free,.drum-app .selection-access--pass{background:#0fbf73;border-color:#0a9f5d;color:#fff}.drum-app .selection-access--partial{background:#ffdc64;border-color:#e2b124;color:#5f4600}.drum-app .selection-access--locked{background:#e94153;border-color:#e94153;color:#fff}.drum-app .selection-access .access-lock-icon{flex-basis:19px;height:19px;width:19px}.drum-app .quick-difficulty-buttons{align-items:stretch}.drum-app .quick-difficulty{height:72px;min-height:72px}.drum-app .cognitive-selection-empty,.drum-app .song-selection-empty{align-items:center;display:flex;flex-direction:column;gap:4px;grid-column:1/-1;justify-content:center;text-align:center}.drum-app .cognitive-selection-empty>strong,.drum-app .song-selection-empty>strong{color:#1b2939;font-size:18px}.drum-app .cognitive-selection-empty>small,.drum-app .song-selection-empty>small{color:#687587;font-size:12px}.drum-app .cognitive-selection-summary{grid-template-columns:156px minmax(0,1fr) minmax(250px,310px)}.drum-app .cognitive-selection-free{bottom:7px;height:30px;left:7px;min-width:60px;padding:0 10px;position:absolute;z-index:3}.drum-app .cognitive-play-button{height:72px;min-height:72px}@media(max-height:700px){.drum-app .song-selection-summary{grid-template-columns:128px minmax(150px,1fr) minmax(370px,450px)}.drum-app .quick-difficulty{height:66px;min-height:66px}.drum-app .cognitive-selection-summary{grid-template-columns:128px minmax(0,1fr) minmax(230px,280px)}.drum-app .cognitive-play-button{height:62px;min-height:62px}}.drum-app .song-selection-summary{grid-template-columns:156px minmax(170px,1fr) minmax(300px,380px)}.drum-app .song-play-button{align-items:center;background:#246bfe;border:2px solid #145ac5;border-radius:3px;box-shadow:inset 0 -6px 0 #1553bd,0 5px 12px #246bfe33;color:#fff;display:flex;gap:12px;height:72px;justify-content:center;min-height:72px;width:100%}.drum-app .song-play-button:hover{background:#1c62e7;transform:translateY(-2px)}.drum-app .song-play-button svg{height:30px;width:30px}.drum-app .song-play-button strong{font-size:20px}.drum-app .preparation-screen{background-color:#101722;background-position:50%;background-size:cover;color:#172331;min-height:100dvh;padding:16px}.drum-app .stage-preparation{align-content:start;-webkit-backdrop-filter:blur(6px) saturate(.92);backdrop-filter:blur(6px) saturate(.92);background:#edf4f96b;border:1px solid #ffffffe0;border-radius:6px;box-shadow:0 30px 90px #0208107a,inset 0 1px 0 #ffffffb3;color:#172331;display:grid;grid-template-rows:auto minmax(0,1fr);height:min(460px,100dvh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;padding:26px 22px 20px;position:relative;width:min(960px,100%)}.drum-app .stage-preparation__close{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:4px;box-shadow:0 6px 18px #0c1b2c33;color:#233244;display:grid;height:44px;padding:0;place-items:center;position:absolute;right:14px;top:14px;width:44px;z-index:5}.drum-app .stage-preparation__close:hover{background:#e94a5a;border-color:#e33e50;color:#fff}.drum-app .stage-preparation__close svg{height:24px;width:24px}.drum-app .stage-preparation__song{display:grid;justify-items:center;text-align:center}.drum-app .stage-preparation__song h1{color:#101d2e;font:800 38px/1.05 Inter,sans-serif;margin:4px 60px 2px;text-shadow:0 1px 0 #ffffffb3}.drum-app .stage-preparation__song p{color:#415064;font-size:16px;font-weight:600;margin:0}.drum-app .stage-preparation--loading{align-content:start}.drum-app .stage-preparation__loading{align-content:center;display:grid;height:100%;justify-items:center;margin-top:8px;min-height:0;text-align:center}.drum-app .stage-preparation__loading strong{color:#182331;font-size:22px}.drum-app .stage-preparation__loading small{color:#5d6c7e;font-size:14px;margin:7px 0 22px}.drum-app .stage-preparation__loading>span{background:#d8e0e8;border-radius:6px;box-shadow:inset 0 1px 3px #2030421f;height:10px;overflow:hidden;width:min(460px,78vw)}.drum-app .stage-preparation__loading i{animation:stage-loading-progress 1.1s ease-out both;background:#246bfe;border-radius:inherit;display:block;height:100%;transform-origin:left;width:100%}.drum-app .stage-preparation__ready{grid-gap:14px;display:grid;gap:14px;grid-template-rows:minmax(0,1fr) auto;margin-top:16px;min-height:0}.drum-app .stage-preparation__levels{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;padding:6px 5px 8px}.drum-app .stage-level{grid-gap:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8fbfd8c;border:2px solid #cdd8e2b8;border-radius:5px;border-top:6px solid var(--level-color);box-shadow:0 8px 22px #1120311f,inset 0 1px 0 #ffffffc2;color:#172331;display:grid;filter:saturate(.68);gap:10px;grid-template-rows:auto minmax(0,1fr);min-height:0;min-width:0;opacity:.78;overflow:hidden;padding:13px;position:relative;text-align:left;transform:scale(.965);transition:opacity .18s ease,filter .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease}.drum-app .stage-level:hover{background:#ffffffb3;border-color:var(--level-color);filter:saturate(.95);opacity:.94;transform:scale(.98) translateY(-2px)}.drum-app .stage-level.active{background:color-mix(in srgb,var(--level-color) 8%,#ffffffc7);border-top-width:4px;border:4px solid var(--level-color);border-top:8px solid var(--level-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--level-color),#0000 72%),0 18px 36px #091a2c47,inset 0 1px 0 #ffffffe6;filter:none;opacity:1;transform:scale(1.025) translateY(-4px);z-index:2}.drum-app .stage-level>span{grid-gap:3px;display:grid;gap:3px}.drum-app .stage-level>span strong{color:var(--level-color);font-size:20px}.drum-app .stage-level>span small{color:#526174;font-size:13px;font-weight:800}.drum-app .stage-level>em{align-items:center;color:#a22534;display:flex;font-size:11px;font-style:normal;font-weight:900;gap:4px;position:absolute;right:9px;top:10px}.drum-app .stage-level>em svg{height:15px;width:15px}.drum-app .stage-level__selected{align-items:center;background:var(--level-color);border-radius:2px;box-shadow:0 3px 8px color-mix(in srgb,var(--level-color),#0000 55%);color:#fff;display:inline-flex;font-size:11px;font-weight:900;gap:4px;line-height:1;min-height:27px;padding:0 8px;position:absolute;right:7px;top:7px;z-index:3}.drum-app .stage-level__selected svg{height:15px;width:15px}.drum-app .stage-level.locked .stage-score-preview{opacity:.58}.drum-app .stage-score-preview{align-self:stretch;background:#ffffff94;border:1px solid #becbd8c7;box-shadow:inset 0 1px 0 #ffffffb3;min-height:132px;overflow:hidden;position:relative}.drum-app .stage-level.active .stage-score-preview{background:#ffffffc2;border-color:color-mix(in srgb,var(--level-color),#fff 42%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--level-color),#0000 84%)}.drum-app .stage-score-preview--dots{align-items:center;display:grid;grid-template-columns:repeat(7,1fr);padding:14px 10px}.drum-app .stage-score-preview--dots i{border-radius:50%;box-shadow:inset 0 -4px 0 #0000001f,0 3px 6px #21314426;height:24px;justify-self:center;width:24px}.drum-app .stage-score-preview--dots .red{background:#ef4455}.drum-app .stage-score-preview--dots .blue{background:#3185ee}.drum-app .stage-score-preview--dots .pink{background:#ef55a5}.drum-app .stage-score-preview--dots .orange{background:#ff8a22}.drum-app .stage-score-preview--dots .purple{background:#8246d9}.drum-app .stage-score-preview--dots .rest{background:#fff;border:2px solid #a8b5c3;box-shadow:none}.drum-app .stage-score-preview--dots>b{background:#9aa8b7;height:58px;justify-self:center;width:1px}.drum-app .stage-score-preview--staff{min-height:132px}.drum-app .stage-staff-lines{align-content:space-between;display:grid;inset:22px 7px;position:absolute}.drum-app .stage-staff-lines i{background:#aeb9c5;height:1px}.drum-app .stage-score-preview--staff>b{background:var(--note-color);border-radius:50%;height:13px;position:absolute;transform:rotate(-12deg);width:18px}.drum-app .stage-score-preview--staff>b:after{background:var(--note-color);border-radius:2px;bottom:5px;content:"";height:30px;position:absolute;right:0;transform:rotate(12deg);transform-origin:bottom;width:3px}.drum-app .stage-preparation__actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(260px,1fr);margin:0;width:100%}.drum-app .stage-preparation__button{border-radius:3px;font-size:16px;min-height:56px}.drum-app .stage-preparation__button--primary{background:#246bfe;border-color:#145ac5;box-shadow:inset 0 -5px 0 #1553bd;color:#fff}.drum-app .stage-preparation__button--primary.locked{background:#ffd24d;border-color:#c18d18;box-shadow:inset 0 -5px 0 #d8a51f;color:#302300}.drum-app .stage-preparation__button--secondary{background:#f1f5f8;border-color:#c8d2dc;color:#405064}.drum-app .stage-preparation__error{display:grid;justify-items:center;margin-top:38px;text-align:center}.drum-app .stage-preparation__error h1{font-size:28px;margin:0 0 7px}.drum-app .stage-preparation__error p{color:#687587;margin:0 0 24px}@media(max-height:700px){.drum-app .song-selection-summary{grid-template-columns:128px minmax(150px,1fr) minmax(280px,360px)}.drum-app .song-play-button{height:66px;min-height:66px}.drum-app .stage-preparation{height:min(440px,100dvh - 24px);max-height:calc(100dvh - 24px);padding:18px 18px 12px}.drum-app .stage-preparation__close{height:40px;right:10px;top:10px;width:40px}.drum-app .stage-preparation__song h1{font-size:34px;margin-top:4px}.drum-app .stage-preparation__song p{font-size:15px}.drum-app .stage-preparation__ready{gap:10px;margin-top:10px}.drum-app .stage-level{gap:6px;padding:9px}.drum-app .stage-level>span strong{font-size:17px}.drum-app .stage-score-preview,.drum-app .stage-score-preview--staff{min-height:116px}.drum-app .stage-preparation__button{min-height:50px}}.drum-app .judgment-board,.drum-app .learning-review,.drum-app .mistake-review,.drum-app .mistake-row strong,.drum-app .result-hero,.drum-app .result-score>strong,.drum-app .result-title h1,.drum-app .results-page,.drum-app .review-heading h2,.drum-app .skill-row span{color:#f7f9fc}.drum-app .result-title p,.drum-app .score-comparison small{color:#b8c2cf}.drum-app .score-comparison b{color:#fff}.drum-app .judgment-board span{color:#c3ccd7}.drum-app .judgment-board strong{color:#fff}.drum-app .skill-row{color:#dbe2ea}.drum-app .skill-row strong{color:#d6dee8}.drum-app .coach-lines{color:#d1d9e3}.drum-app .mistake-review>p{color:#cbd3de}.drum-app .mistake-row b{color:#eef2f7}.drum-app .mistake-row small{color:#c7d0dc}@media(max-height:700px){.drum-app .result-hero{gap:14px;grid-template-columns:96px minmax(0,1fr) 70px 210px;min-height:120px;padding:10px 16px}.drum-app .result-hero img{height:96px;width:96px}.drum-app .result-title h1{font-size:38px}.drum-app .result-score span,.drum-app .result-title span{font-size:12px}.drum-app .result-score small,.drum-app .result-title p{font-size:14px}.drum-app .rank-mark{font-size:86px}.drum-app .result-score>strong{font-size:40px}.drum-app .score-comparison b,.drum-app .score-comparison em{font-size:19px}.drum-app .judgment-board span{font-size:16px}.drum-app .judgment-board strong{font-size:29px}.drum-app .review-heading h2{font-size:22px}.drum-app .skill-row{font-size:13px;grid-template-columns:96px minmax(0,1fr) 66px}.drum-app .coach-lines{font-size:12px;gap:4px;line-height:1.3}.drum-app .mistake-review>p{font-size:12.5px;line-height:1.35}.drum-app .mistake-row b,.drum-app .mistake-row strong{font-size:13px}.drum-app .mistake-row small{font-size:11px}.drum-app .result-actions{gap:10px;grid-template-columns:repeat(2,250px);justify-content:center;width:auto}.drum-app .result-actions button{font-size:14px;min-height:38px;padding-inline:18px;width:250px}.drum-app .result-actions button svg{height:18px;width:18px}}.drum-app .page-intro p{color:#526174;font-size:16px;line-height:1.45}.drum-app .song-copy small{color:#526174;font-size:15px;font-weight:600}.drum-app .song-bpm{font-size:18px}.drum-app .song-bpm small{color:#405064;font-size:11px;font-weight:800}.drum-app .song-access{font-size:11px;min-height:26px;padding-inline:8px}.drum-app .record-summary span{color:#526174;font-size:13px;font-weight:700}.drum-app .record-summary strong{color:#172331}.drum-app .record-rank{color:#8a6500}.drum-app .records-table header{color:#526174;font-size:12px;font-weight:800}.drum-app .record-row span{color:#243143;font-size:14px}.drum-app .profile-hero p{color:#526174;font-size:16px}.drum-app .profile-access,.drum-app .profile-access.free{background:#f4f7fa;border-color:#8f9baa;color:#405064;font-size:13px}.drum-app .profile-grid button,.drum-app .profile-grid h2{color:#182331}.drum-app .profile-grid button{border-color:#dbe3ea}.drum-app .profile-grid button svg:first-child{color:#526174}.drum-app .notice-strip{color:#f7f9fc}.drum-app .notice-strip strong{color:#fff;font-size:18px}.drum-app .notice-strip p{color:#d0d9e5;font-size:15px}.drum-app .profile-fields label{color:#405064;font-size:16px}.drum-app .profile-fields input{background:#fff;border-color:#b8c4cf;color:#182331;font-size:17px}.drum-app .profile-fields input:disabled{background:#f2f5f8;color:#526174}.drum-app .help-list,.drum-app .notice-detail,.drum-app .notice-item,.drum-app .preference-list,.drum-app .settings-section{background:#fff;border-color:#d3dce5;color:#182331}.drum-app .preference-row{border-color:#dbe3ea;color:#182331}.drum-app .preference-row small{color:#526174}.drum-app .help-list button{border-color:#dbe3ea;color:#182331}.drum-app .help-list button>span{color:#182331}.drum-app .help-list p{color:#526174}.drum-app .notice-item:hover{background:#f5f8fb;border-color:#9cb0c2}.drum-app .notice-list h2{color:#182331}.drum-app .notice-list p{color:#526174;font-size:16px}.drum-app .notice-detail-meta,.drum-app .notice-list time{color:#687587}.drum-app .notice-detail-meta time strong{color:#405064}.drum-app .notice-detail h1{color:#172331}.drum-app .notice-lead{border-color:#d7e0e8;color:#405064;font-size:19px}.drum-app .notice-body p{color:#2f3e50;font-size:17px}.drum-app .setting-toggle,.drum-app .settings-section h2{color:#182331}.drum-app .settings-section p{color:#526174}.drum-app .settings-section small{color:#687587}.drum-app .setting-toggle{border-color:#dbe3ea;font-size:17px;font-weight:700}.drum-app .language-control{border-color:#b8c4cf}.drum-app .language-control button{background:#f4f7fa;border-color:#b8c4cf;color:#405064;font-size:15px}.drum-app .language-control button.active{background:var(--blue);color:#fff}.drum-app .stage-level:first-child>span strong{color:#14864f}.drum-app .stage-level:nth-child(2)>span strong{color:#947000}.drum-app .stage-level:nth-child(3)>span strong{color:#bd3041}@media(max-height:700px){.drum-app .result-title h1{font-size:42px}.drum-app .result-score span,.drum-app .result-title span{font-size:13px}.drum-app .result-score small,.drum-app .result-title p{font-size:15px}.drum-app .result-score>strong{font-size:44px}.drum-app .score-comparison b,.drum-app .score-comparison em{font-size:20px}.drum-app .judgment-board span{font-size:17px}.drum-app .judgment-board strong{font-size:32px}.drum-app .review-heading h2{font-size:24px}.drum-app .skill-row{font-size:14px;grid-template-columns:102px minmax(0,1fr) 70px}.drum-app .coach-lines,.drum-app .mistake-review>p{font-size:13px}.drum-app .mistake-row b,.drum-app .mistake-row strong{font-size:14px}.drum-app .mistake-row small{font-size:12px}.drum-app .result-actions{grid-template-columns:repeat(2,230px)}.drum-app .result-actions button{font-size:13px;min-height:36px;width:230px}}.drum-app .results-page{grid-template-rows:190px minmax(0,1fr) 40px}.drum-app .result-actions{align-self:start;gap:10px;grid-template-columns:repeat(2,190px);height:40px;justify-content:center;width:auto}.drum-app .result-actions button{font-size:14px;height:40px;max-height:40px;min-height:40px;padding-inline:16px;width:190px}.drum-app .result-actions button svg{height:18px;width:18px}@media(max-height:700px){.drum-app .results-page{grid-template-rows:142px minmax(0,1fr) 36px}.drum-app .result-hero{gap:16px;grid-template-columns:112px minmax(0,1fr) 76px 230px;min-height:142px;padding:12px 18px}.drum-app .result-hero img{height:112px;width:112px}.drum-app .result-title h1{font-size:46px}.drum-app .result-score span,.drum-app .result-title span{font-size:14px}.drum-app .result-save-status,.drum-app .result-score small,.drum-app .result-title p{font-size:16px}.drum-app .rank-mark{font-size:96px}.drum-app .result-score{padding-left:16px}.drum-app .result-score>strong{font-size:50px}.drum-app .score-comparison b,.drum-app .score-comparison em{font-size:21px}.drum-app .result-actions{gap:8px;grid-template-columns:repeat(2,180px);height:36px}.drum-app .result-actions button{font-size:13px;height:36px;max-height:36px;min-height:36px;padding-inline:14px;width:180px}}.drum-app .dh-app-shell.without-header{grid-template-rows:minmax(0,1fr)}.drum-app .results-page{align-content:center;gap:10px;grid-template-rows:150px auto 40px;height:100%;overflow:hidden;padding:12px 14px 10px}.drum-app .result-hero{gap:14px;grid-template-columns:104px minmax(150px,1fr) 78px 230px;min-height:0;padding:12px 18px}.drum-app .result-hero img{height:104px;width:104px}.drum-app .result-title h1{font-size:clamp(34px,3.2vw,48px)}.drum-app .rank-mark{font-size:84px}.drum-app .result-score{padding-left:14px}.drum-app .result-score>strong{font-size:42px}.drum-app .score-comparison{gap:9px;margin-top:7px;padding-top:6px}.drum-app .score-comparison b,.drum-app .score-comparison em{font-size:18px}.drum-app .result-body{align-items:stretch;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.drum-app .learning-review,.drum-app .mistake-review{height:auto;min-height:0;min-width:0;overflow:hidden;padding:16px 18px}.drum-app .learning-review{display:flex;flex-direction:column}.drum-app .coach-metrics{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin:1px 0 7px}.drum-app .coach-metric{background:#121820;border:1px solid #303945;min-width:0;padding:7px 9px}.drum-app .coach-metric>div{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.drum-app .coach-metric span{color:#d7dee7;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-app .coach-metric strong{color:#bfc8d4;flex:0 0 auto;font-size:11px}.drum-app .coach-metric>b{background:#303844;display:block;height:5px;margin-top:6px;overflow:hidden}.drum-app .coach-metric>b i{background:#2d7dff;display:block;height:100%}.drum-app .review-heading{margin-bottom:10px}.drum-app .review-heading h2{font-size:26px}.drum-app .skill-row{font-size:13px;grid-template-columns:110px minmax(0,1fr) 72px;margin:8px 0}.drum-app .coach-lines{font-size:13px;gap:7px;line-height:1.35;margin-top:11px;padding-top:10px}.drum-app .coach-judgments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;padding-top:10px}.drum-app .coach-judgments>div{align-items:center;border-right:1px solid #39414d;border-top:1px solid #39414d;display:flex;justify-content:space-between;min-height:52px;min-width:0;padding:7px 12px}.drum-app .coach-judgments>div:nth-child(3n){border-right:0}.drum-app .coach-judgments span{color:#b9c2ce;font:700 13px Barlow Condensed,sans-serif;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.drum-app .coach-judgments strong{color:#fff;font:800 25px Barlow Condensed,sans-serif}.drum-app .coach-judgments .great strong{color:var(--yellow)}.drum-app .coach-judgments .good strong{color:#4c9dff}.drum-app .coach-judgments .bad strong,.drum-app .coach-judgments .miss strong{color:var(--red)}.drum-app .mistake-review{display:flex;flex-direction:column}.drum-app .mistake-review>p{font-size:13px;margin-bottom:9px}.drum-app .mistake-list{flex:1 1;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));min-height:0}.drum-app .mistake-row{align-content:center;background:#121820;border:1px solid #303945;column-gap:8px;grid-template-columns:minmax(0,1fr) 62px;min-height:0;min-width:0;padding:8px 9px}.drum-app .mistake-row>div{grid-column:1/-1;min-width:0}.drum-app .mistake-row b,.drum-app .mistake-row strong{font-size:13px;white-space:nowrap}.drum-app .mistake-row>span{height:7px}.drum-app .mistake-row small{font-size:11px;line-height:1.15;margin-top:2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-app .result-actions{align-self:center;margin:0}@media(max-width:900px){.drum-app .result-hero{gap:8px;grid-template-columns:72px minmax(130px,1fr) 54px 160px;padding-inline:10px}.drum-app .result-hero img{height:72px;width:72px}.drum-app .result-title h1{font-size:31px}.drum-app .rank-mark{font-size:60px}.drum-app .result-score{padding-left:8px}.drum-app .result-score>strong{font-size:32px}.drum-app .score-comparison b,.drum-app .score-comparison em{font-size:15px}}@media(max-height:700px){.drum-app .results-page{gap:8px;grid-template-rows:136px auto 36px;padding-block:8px}.drum-app .result-hero{min-height:0;padding-block:9px}.drum-app .result-hero img{height:94px;width:94px}.drum-app .result-title h1{font-size:38px}.drum-app .rank-mark{font-size:72px}.drum-app .result-score>strong{font-size:38px}.drum-app .learning-review,.drum-app .mistake-review{padding:11px 13px}.drum-app .review-heading{margin-bottom:7px}.drum-app .review-heading>svg{height:32px;width:32px}.drum-app .review-heading h2{font-size:22px}.drum-app .coach-metrics{gap:4px;margin-bottom:5px}.drum-app .coach-metric{padding:5px 7px}.drum-app .coach-metric span{font-size:10px}.drum-app .coach-metric strong{font-size:9px}.drum-app .coach-metric>b{height:4px;margin-top:4px}.drum-app .coach-lines{font-size:12px;gap:4px;margin-top:8px;padding-top:8px}.drum-app .coach-judgments{padding-top:7px}.drum-app .coach-judgments>div{min-height:42px;padding:5px 8px}.drum-app .coach-judgments span{font-size:11px}.drum-app .coach-judgments strong{font-size:22px}.drum-app .mistake-review>p{font-size:11px;margin-bottom:6px}.drum-app .mistake-list{gap:5px}.drum-app .mistake-row{padding:7px}.drum-app .mistake-row b,.drum-app .mistake-row strong{font-size:12px}.drum-app .mistake-row small{font-size:10px}}.drum-app .record-detail__coach-metrics{gap:5px;margin:0 0 7px}.drum-app .record-detail__coach-metrics .coach-metric{background:#f8fafc;border-color:#d3dce5;padding:5px 7px}.drum-app .record-detail__coach-metrics .coach-metric span{color:#344257;font-size:11px}.drum-app .record-detail__coach-metrics .coach-metric strong{color:#536174;font-size:10px}.drum-app .record-detail__coach-metrics .coach-metric>b{background:#dce3ea;height:4px;margin-top:4px}.drum-app .record-detail__coach-metrics .coach-metric>b i{background:#246bfe}.drum-app .cognitive-answer-effect{animation:cognitive-effect-pop .72s cubic-bezier(.18,1.35,.32,1) both;display:grid;inset:72px 0 38px;place-items:center;pointer-events:none;position:absolute;z-index:120}.drum-app .cognitive-answer-effect.wrong{animation-name:cognitive-effect-wrong}.drum-app .cognitive-answer-effect__mark{-webkit-text-stroke:8px #fff;color:#18b978;filter:drop-shadow(0 15px 3px rgba(13,36,54,.16)) drop-shadow(0 22px 32px rgba(13,36,54,.3));font:950 clamp(180px,27vw,320px)/.75 Inter,sans-serif;letter-spacing:-.1em}.drum-app .cognitive-answer-effect.wrong .cognitive-answer-effect__mark{color:#ef445c}.drum-app .cognition-launch-v2{grid-gap:18px;display:grid;gap:18px;grid-template-rows:auto minmax(0,1fr) auto 58px;margin:0 auto;min-height:0;padding:28px 0 24px;width:min(1120px,100% - 44px)}.drum-app .age-profile-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));min-height:0}.drum-app .age-profile-grid button{grid-gap:9px;align-content:center;background:#fff;border:2px solid #cad4df;border-radius:8px;box-shadow:0 5px 0 #e1e7ed;color:#223246;display:grid;gap:9px;justify-items:center;min-width:0;padding:16px 8px;position:relative;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.drum-app .age-profile-grid button:hover{border-color:#6a9df6;transform:translateY(-3px)}.drum-app .age-profile-grid button.active{background:#eef5ff;border-color:#246bfe;box-shadow:0 6px 0 #246bfe,0 0 0 5px #246bfe1a;color:#154ba6;transform:translateY(-4px)}.drum-app .age-profile-grid b{background:#246bfe;border-radius:50%;color:#fff;display:grid;height:24px;place-items:center;position:absolute;right:10px;top:10px;width:24px}.drum-app .age-profile-grid b:empty{display:none}.drum-app .age-profile-grid b svg{height:16px;width:16px}.drum-app .age-profile-grid strong{font-size:clamp(19px,2vw,25px)}.drum-app .age-profile-grid small{color:#647389;font-size:12px;line-height:1.35;min-height:32px;text-align:center}.drum-app .age-profile-grid em{background:#e7f7ef;border-radius:99px;color:#19765a;font-size:12px;font-style:normal;font-weight:900;padding:5px 9px}.drum-app .cognition-protocol-note{align-items:center;background:#f0faf5;border:1px solid #b9d8cd;border-radius:7px;color:#236350;display:flex;gap:11px;justify-content:center;padding:10px 16px;text-align:left}.drum-app .cognition-protocol-note>svg{color:#159d86;flex:0 0 auto;height:30px;width:30px}.drum-app .cognition-protocol-note span{grid-gap:2px;display:grid;gap:2px}.drum-app .cognition-protocol-note strong{font-size:13px}.drum-app .cognition-protocol-note small{color:#4c7165;font-size:12px}.drum-app .memory-stage{grid-template-rows:auto minmax(0,3fr) 30px minmax(118px,2fr)}.drum-app .memory-card-stage{background:radial-gradient(circle at 50% 46%,#fffffffa,#ebf5fff0 58%,#d5e8ffeb);border:2px solid #428bf357;border-radius:18px;box-shadow:inset 0 0 44px #3f88e71c,0 14px 30px #25508b21;display:grid;min-height:0;overflow:hidden;place-items:center}.drum-app .memory-sequence-stage{min-height:230px;padding:20px}.drum-app .memory-recall-row,.drum-app .memory-sequence-row{align-items:center;display:flex;gap:clamp(10px,min(2.2vw,3vh),34px);justify-content:center;padding-inline:clamp(10px,3vw,48px);width:100%}.drum-app .memory-recall-row>i,.drum-app .memory-sequence-dot{border-radius:50%;display:block;flex:0 1 auto;height:clamp(56px,min(10vw,16vh),144px);width:clamp(56px,min(10vw,16vh),144px)}.drum-app .memory-sequence-dot{background:var(--drum-color);box-shadow:inset 0 clamp(-12px,-1vh,-6px) 0 #00000029,0 clamp(7px,1.2vh,13px) clamp(12px,2vh,24px) #1e304624}.drum-app .memory-sequence-dot.waiting{opacity:0;transform:scale(.72);visibility:hidden}.drum-app .memory-sequence-dot.revealed{animation:memory-card-in .28s ease-out both;opacity:1;visibility:visible}.drum-app .memory-recall-row>i{background:#c2cad3;border:3px solid #9eabb9;box-shadow:inset 0 clamp(-12px,-1vh,-6px) 0 #2c394829,0 clamp(7px,1.2vh,13px) clamp(12px,2vh,24px) #1e304624;transition:background .14s ease,transform .14s ease}.drum-app .memory-recall-row>i.filled{background:var(--drum-color);border-color:color-mix(in srgb,var(--drum-color),#000 10%);transform:translateY(3px) scale(.97)}.drum-app .executive-card-stage{background:radial-gradient(circle at 50% 46%,#fff,#eef6ff 64%,#dcecff);border:2px solid #428bf357;border-radius:18px;box-shadow:inset 0 0 44px #3f88e71c,0 14px 30px #25508b21;display:grid;min-height:0;place-items:center}.drum-app .stroop-stimulus{font-size:clamp(58px,9vw,112px);font-weight:950;letter-spacing:-.08em;text-shadow:0 4px 0 #14283c14}.drum-app .rule-stimulus{align-items:center;display:flex;gap:clamp(10px,min(2.2vw,3vh),34px);justify-content:center;padding-inline:clamp(10px,3vw,48px);width:100%}.drum-app .rule-stimulus i{border-radius:50%;box-shadow:inset 0 clamp(-12px,-1vh,-6px) 0 #00000029,0 clamp(7px,1.2vh,13px) clamp(12px,2vh,24px) #1e304624;color:#fff;display:grid;flex:0 1 auto;font-size:clamp(28px,min(4vw,7vh),60px);font-style:normal;font-weight:900;height:clamp(56px,min(10vw,16vh),144px);place-items:center;width:clamp(56px,min(10vw,16vh),144px)}.drum-app .rule-stimulus .rule-question{background:#fff;border:3px dashed #8b9aaa;box-shadow:none;color:#536477}.drum-app .color-memory-game .cognitive-drum-pad[aria-disabled=true]{cursor:default;filter:none;opacity:1}.drum-app .cognitive-results-page{grid-gap:10px;align-content:start;background:#0c0f14;color:#f7f9fc;display:grid;gap:10px;grid-template-rows:auto auto auto auto;height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:12px 16px 18px;width:100%}.drum-app .cognitive-result-hero{grid-gap:16px;align-items:center;background:#171b22;border:1px solid #3c424e;display:grid;gap:16px;grid-template-columns:104px minmax(180px,1fr) 170px;margin:0 auto;min-height:150px;padding:14px 56px 14px 18px;position:relative;width:min(1180px,100%)}.drum-app .cognitive-result-hero:after{background:#f05262;bottom:0;content:"";height:5px;left:0;position:absolute;right:0}.drum-app .cognitive-result-icon{background:linear-gradient(145deg,#162c4e,#203e6d);border:1px solid #3a4656;display:grid;height:104px;place-items:center;width:104px}.drum-app .cognitive-result-icon svg{color:#6af;height:62px;width:62px}.drum-app .cognitive-result-score>span,.drum-app .cognitive-result-title span{color:#f67;font-size:12px;font-weight:900;letter-spacing:1.1px}.drum-app .cognitive-result-title h1{color:#fff;font:italic 800 clamp(32px,3.1vw,46px)/.98 Barlow Condensed,sans-serif;margin:4px 0 3px;text-transform:uppercase}.drum-app .cognitive-result-title p{color:#b4becb;font-size:14px;margin:0}.drum-app .cognitive-result-rank{display:grid;justify-items:center;text-align:center}.drum-app .cognitive-result-rank strong{color:#ffd33d;font:italic 800 72px/.82 Barlow Condensed,sans-serif;text-shadow:3px 3px #865b00}.drum-app .cognitive-result-rank strong b{color:#fff1a6;font-size:22px;margin-left:4px;text-shadow:none}.drum-app .cognitive-result-rank small{color:#d2d9e2;font-size:10px;font-weight:900;margin-top:12px;white-space:nowrap}.drum-app .cognitive-result-rank em{align-items:center;color:#63dda0;display:flex;font-size:11px;font-style:normal;font-weight:800;gap:5px;margin-top:9px}.drum-app .cognitive-result-rank em svg{height:15px;width:15px}.drum-app .cognitive-result-close{background:#202630;border:1px solid #4b5360;color:#fff;display:grid;height:38px;place-items:center;position:absolute;right:10px;top:10px;width:38px}.drum-app .cognitive-result-close svg{height:21px;width:21px}.drum-app .cognitive-result-metrics{background:#171b22;border:1px solid #343b46;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;width:min(1180px,100%)}.drum-app .cognitive-result-metrics>div{grid-gap:5px 10px;border-right:1px solid #343b46;display:grid;gap:5px 10px;grid-template-columns:minmax(0,1fr) auto;padding:10px 13px}.drum-app .cognitive-result-metrics>div:last-child{border-right:0}.drum-app .cognitive-result-metrics span{color:#c3ccd7;font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drum-app .cognitive-result-metrics strong{color:#fff;font:800 25px/1 Barlow Condensed,sans-serif}.drum-app .cognitive-result-metrics i{background:#303844;grid-column:1/-1;height:6px;overflow:hidden}.drum-app .cognitive-result-metrics i b{background:#2d7dff;display:block;height:100%}.drum-app .cognitive-result-body{grid-gap:10px;display:grid;gap:10px;grid-template-columns:minmax(410px,.9fr) minmax(0,1.1fr);margin:0 auto;min-height:430px;width:min(1180px,100%)}.drum-app .cognitive-chart-card,.drum-app .cognitive-professional-feedback,.drum-app .cognitive-user-feedback{background:#171b22;border:1px solid #343a45}.drum-app .cognitive-chart-card{display:grid;grid-template-rows:auto minmax(300px,1fr) auto;min-height:0;padding:18px 20px 13px}.drum-app .cognitive-result-section-title{align-items:center;display:flex;gap:11px}.drum-app .cognitive-result-section-title>svg{color:#5da6ff;height:37px;width:37px}.drum-app .cognitive-professional-feedback>span,.drum-app .cognitive-result-section-title span,.drum-app .cognitive-user-feedback>span{color:#5da6ff;font-size:10px;font-weight:900;letter-spacing:1px}.drum-app .cognitive-professional-feedback h2,.drum-app .cognitive-result-section-title h2,.drum-app .cognitive-user-feedback h2{color:#fff;font:700 24px Barlow Condensed,sans-serif;margin:2px 0 0}.drum-app .cognitive-radar{align-self:center;justify-self:center;min-height:300px;overflow:visible;width:min(100%,440px)}.drum-app .cognitive-radar__axis,.drum-app .cognitive-radar__grid{fill:none;stroke:#414b58;stroke-width:1}.drum-app .cognitive-radar__data{fill:#2d7dff4d;stroke:#5da6ff;stroke-width:3;stroke-linejoin:round}.drum-app .cognitive-radar__label>circle:first-child{fill:#246bfe;stroke:#79b3ff;stroke-width:1}.drum-app .cognitive-radar__score{fill:#fff;font-size:12px;font-weight:900}.drum-app .cognitive-radar__name{fill:#d7dee7;font-size:11px;font-weight:800}.drum-app .cognitive-radar__dot{fill:#fff;stroke:#246bfe;stroke-width:2}.drum-app .cognitive-feedback-column{grid-gap:10px;display:grid;gap:10px;grid-template-rows:auto auto;min-width:0}.drum-app .cognitive-professional-feedback,.drum-app .cognitive-user-feedback{padding:20px 22px}.drum-app .cognitive-user-feedback{border-top:4px solid #2d7dff}.drum-app .cognitive-professional-feedback{border-top:4px solid #22b996}.drum-app .cognitive-professional-feedback>span{color:#42d1b0}.drum-app .cognitive-professional-feedback p,.drum-app .cognitive-user-feedback p{color:#c4cdd8;font-size:14px;line-height:1.65;margin:9px 0 0}.drum-app .cognitive-user-feedback ul{grid-gap:7px;border-top:1px solid #343c47;color:#e3e8ee;display:grid;font-size:14px;gap:7px;line-height:1.45;list-style:none;margin:13px 0 0;padding:12px 0 0}.drum-app .cognitive-user-feedback li{padding-left:15px;position:relative}.drum-app .cognitive-user-feedback li:before{background:#5da6ff;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.5em;width:6px}.drum-app .cognitive-professional-feedback small{color:#8f9baa;display:block;font-size:11px;line-height:1.45;margin-top:11px}.drum-app .cognitive-result-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,190px);justify-content:center;margin:0 auto;width:min(1180px,100%)}.drum-app .cognitive-result-actions button{align-items:center;background:#1b2028;border:1px solid #414854;color:#fff;display:flex;font-size:14px;font-weight:800;gap:8px;justify-content:center;min-height:44px}.drum-app .cognitive-result-actions button.primary{background:#ffd33d;border-color:#b59014;color:#171a20}.drum-app .cognitive-result-actions svg{height:19px;width:19px}@media(max-width:900px){.drum-app .cognitive-result-hero{gap:10px;grid-template-columns:76px minmax(150px,1fr) 145px}.drum-app .cognitive-result-icon{height:76px;width:76px}.drum-app .cognitive-result-icon svg{height:46px;width:46px}.drum-app .cognitive-result-rank strong{font-size:58px}.drum-app .cognitive-result-score{padding-left:10px}.drum-app .cognitive-result-body{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}}@media(max-height:700px){.drum-app .cognitive-results-page{padding-block:8px 14px}.drum-app .cognitive-result-hero{min-height:120px;padding-block:9px}.drum-app .cognitive-result-icon{height:82px;width:82px}.drum-app .cognitive-result-icon svg{height:48px;width:48px}.drum-app .cognitive-result-rank strong{font-size:60px}.drum-app .cognitive-result-score>strong{font-size:40px}.drum-app .cognitive-result-body{min-height:390px}}.drum-app .cognitive-integrated-report{grid-gap:16px;background:linear-gradient(125deg,#f5fffb,#f4f8ff);border:1px solid #b9d7cc;border-radius:10px;box-shadow:0 5px 14px #1e344d0f;color:#183547;display:grid;gap:16px;padding:22px 24px}.drum-app .cognitive-integrated-report>header{align-items:center;display:flex;gap:16px;justify-content:space-between}.drum-app .cognitive-integrated-empty>div,.drum-app .cognitive-integrated-report>header>div{align-items:center;display:flex;gap:11px}.drum-app .cognitive-integrated-empty svg,.drum-app .cognitive-integrated-report>header svg{color:#159d86;height:38px;width:38px}.drum-app .cognitive-integrated-report header span{grid-gap:2px;display:grid;gap:2px}.drum-app .cognitive-integrated-report header small,.drum-app .integrated-opinion>span{color:#16846e;font-size:11px;font-weight:900;letter-spacing:.06em}.drum-app .cognitive-integrated-report h2{font-size:22px;margin:0}.drum-app .cognitive-integrated-empty em,.drum-app .cognitive-integrated-report>header em{background:#dff5e9;border-radius:99px;color:#26785f;font-size:11px;font-style:normal;font-weight:900;padding:6px 9px;white-space:nowrap}.drum-app .integrated-metric-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.drum-app .integrated-metric-grid>div{grid-gap:7px;background:#fffc;border:1px solid #d7e6e2;border-radius:7px;display:grid;gap:7px;padding:11px}.drum-app .integrated-metric-grid span{grid-gap:3px;display:grid;gap:3px}.drum-app .integrated-metric-grid strong{font-size:12px}.drum-app .integrated-metric-grid span b{color:#175fc4;font-size:17px}.drum-app .integrated-metric-grid i{background:#dceae7;border-radius:99px;height:7px;overflow:hidden}.drum-app .integrated-metric-grid i b{background:linear-gradient(90deg,#20b795,#246bfe);border-radius:inherit;display:block;height:100%}.drum-app .integrated-change{color:#24705c;font-size:13px;font-weight:900;margin:-4px 0 0}.drum-app .integrated-opinion{background:#fff;border-radius:7px;padding:15px 17px}.drum-app .integrated-opinion ul{grid-gap:5px;display:grid;gap:5px;list-style:none;margin:13px 0 0;padding:0}.drum-app .integrated-opinion li{color:#355674;font-size:14px;line-height:1.5;padding-left:17px;position:relative}.drum-app .integrated-opinion li:before{color:#20aa94;content:"•";font-weight:900;left:0;position:absolute}.drum-app .integrated-opinion p{color:#42596b;font-size:14px;line-height:1.65;margin:5px 0 8px}.drum-app .integrated-opinion small{color:#7c8d98;font-size:10px}.drum-app .integrated-easy-opinion{background:#f3f8ff;border:1px solid #cfe0fb}.drum-app .integrated-easy-opinion>span{color:#246bfe}.drum-app .integrated-easy-opinion h3{color:#1d4f9c;font-size:18px;margin:4px 0 5px}.drum-app .cognitive-integrated-empty{align-items:center;background:#f9fbfc;border-color:#c9d6df;border-style:dashed;grid-template-columns:minmax(0,1fr) auto}.drum-app .cognitive-integrated-empty span{grid-gap:3px;display:grid;gap:3px}.drum-app .cognitive-integrated-empty small{color:#63768a;font-size:11px;font-weight:900}.drum-app .cognitive-integrated-empty h2{font-size:18px;margin:0}.drum-app .cognitive-integrated-empty p{color:#68798b;font-size:13px;margin:0}.drum-app .cognitive-report-toggle{align-items:center;background:#16304f;border:1px solid #2f7dd6;border-radius:3px;color:#dbe9ff;display:flex;font-size:12px;font-weight:800;gap:7px;min-height:38px;padding:0 13px;white-space:nowrap}.drum-app .cognitive-report-toggle svg{height:17px;width:17px}.drum-app .cognitive-report-overlay{background:#0d1015;border-radius:6px;box-shadow:0 20px 44px #00000073;inset:14px 18px;overflow-y:auto;padding:20px;position:absolute;z-index:30}.drum-app .cognitive-report-overlay-close{background:#1b2028;border:1px solid #414854;color:#fff;display:grid;height:38px;left:100%;place-items:center;position:-webkit-sticky;position:sticky;top:0;width:38px;z-index:2}.drum-app .cognitive-report-overlay-close svg{height:18px;width:18px}.drum-app .cognitive-catalog{position:relative}@media(max-width:1120px){.drum-app .integrated-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes judgment-pop{0%{opacity:0;transform:translateX(-50%) scale(.55) rotate(-3deg)}12%{opacity:1;transform:translateX(-50%) scale(1.16) rotate(1deg)}70%{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) scale(.96)}}@keyframes sparkle-burst{0%{opacity:0;transform:translateY(-50%) scale(.2) rotate(0)}60%{opacity:1}to{opacity:0;transform:translateY(-50%) scale(1.35) rotate(90deg)}}@keyframes stage-hit-flash{0%{opacity:.9;transform:scale(.985)}to{opacity:0;transform:scale(1.02)}}@keyframes cue-pulse{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes countdown-hit{0%{opacity:0;transform:scale(.55)}70%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes combo-pop{0%{opacity:0;transform:scale(.35)}75%{opacity:1;transform:scale(1.18)}to{transform:scale(1)}}@keyframes active-dot-pulse{0%{filter:brightness(1) drop-shadow(0 0 12px rgba(0,100,255,.68));transform:scale(.94)}to{filter:brightness(1.16) drop-shadow(0 0 22px rgba(0,100,255,.95));transform:scale(1)}}@keyframes purchase-spin{to{transform:rotate(1turn)}}@keyframes cognition-target-pulse{to{box-shadow:0 0 0 7px color-mix(in srgb,var(--activity-color),#0000 75%);transform:scale(1.025)}}@keyframes login-title-arrival{0%{opacity:0;transform:scale(3.15)}28%{opacity:1}72%{transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes login-content-arrival{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes drum-wrong{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes memory-card-in{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}@keyframes cognitive-effect-pop{0%{opacity:0;transform:scale(.35) rotate(-7deg)}42%{opacity:1;transform:scale(1.08) rotate(2deg)}to{opacity:1;transform:scale(1)}}@keyframes cognitive-effect-wrong{0%{opacity:0;transform:scale(.45)}32%{opacity:1;transform:translateX(-15px) scale(1.05)}48%{transform:translateX(13px) scale(1.05)}64%{transform:translateX(-7px) scale(1)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes midi-notice-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes preview-wave{0%{opacity:.55;transform:scaleY(.28)}to{opacity:1;transform:scaleY(1)}}@keyframes stage-loading-progress{0%{transform:scaleX(.06)}to{transform:scaleX(1)}}.drum-app .login-panel .google-login-wrap{align-items:center;display:flex;min-height:62px}.drum-app .login-panel .login-error{color:var(--red);font-size:13px;margin:12px 0 0}.drum-app .login-panel .google-button+.google-button{margin-top:12px}.drum-app .login-panel .admin-button{background:var(--green);border-color:var(--green);color:#fff;margin-top:12px}.drum-app .signup-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05080cd1;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:130}.drum-app .signup-modal{background:#151a22;border:2px solid #4b5666;box-shadow:inset 0 4px 0 var(--yellow),0 26px 80px #0000008c;color:#f8fafc;max-height:calc(100dvh - 48px);overflow:auto;padding:24px;width:min(420px,100%)}.drum-app .signup-modal__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.drum-app .signup-modal__header h2{color:#fff;font:800 26px/1.05 Barlow Condensed,sans-serif;margin:0;text-transform:uppercase}.drum-app .signup-modal__tabs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:18px}.drum-app .signup-modal__tabs button{background:#1b2129;border:1px solid #4c5665;border-radius:4px;color:#b7bdc8;font-size:14px;font-weight:700;min-height:42px}.drum-app .signup-modal__tabs button.is-active{background:var(--yellow);border-color:#dba900;color:#11151b}.drum-app .signup-modal__close{background:#252b35;border:1px solid #485160;color:#fff;display:grid;font-size:24px;height:38px;place-items:center;width:38px}.drum-app .signup-modal__field{grid-gap:6px;color:#b7bdc8;display:grid;font-size:13px;gap:6px;margin-bottom:14px}.drum-app .signup-modal__field input{background:#1b2129;border:1px solid #4c5665;border-radius:4px;color:#fff;font-size:15px;min-height:46px;padding:0 14px}.drum-app .signup-modal__field input:focus{outline:2px solid var(--yellow);outline-offset:1px}.drum-app .signup-modal__actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}.drum-app .signup-modal__actions button{border:1px solid #4c5665;border-radius:4px;font-size:15px;font-weight:800;min-height:50px}.drum-app .signup-modal__primary{background:var(--yellow);border-color:#dba900!important;color:#11151b;grid-column:1/-1}.drum-app .signup-modal__primary:disabled{opacity:.55}.drum-app .signup-modal__secondary{background:#292f39;color:#f4f7fb}.drum-app .signup-modal__error{color:var(--red);font-size:13px;margin:0 0 12px}.drum-app .cognitive-activity-card .cognitive-thumb-fallback,.drum-app .cognitive-selection-cover .cognitive-thumb-fallback,.drum-app .selection-cover .song-thumb-fallback,.drum-app .song-row .song-thumb-fallback{background:#1c2a38;display:block;height:100%;min-height:66px;width:100%}.drum-app .records-table .record-row.empty-list{color:#687587;grid-column:1/-1;grid-template-columns:1fr;justify-items:start}.Login,.Login *{box-sizing:border-box}.Login{--bg:#f7f8fa;--surface:#fff;--ink:#191f28;--muted:#6b7684;--line:#edf0f3;--primary:#0064ff;--primary-strong:#0052d9;--shadow:0 12px 28px #191f2814;--weight-medium:500;--weight-semibold:600;--weight-bold:700;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55;min-height:100vh;width:100vw}.Login button,.Login input{font:inherit}.Login button{cursor:pointer}.login-screen{display:grid;min-height:100vh;padding:24px;place-items:center}.login-card{grid-gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px #191f280f;display:grid;gap:14px;padding:34px 32px 24px;width:min(100%,360px)}.login-brand{background:var(--primary);border-radius:10px;color:#fff;display:grid;font-size:15px;font-weight:var(--weight-bold);height:42px;place-items:center;width:42px}.login-heading{margin:6px 0 4px}.login-heading h1,.login-heading p{margin:0}.login-heading p{color:var(--muted);font-size:12px}.login-heading h1{font-family:Bungee,Arial Black,sans-serif!important;font-size:21px;font-weight:400;margin-top:3px}.login-field{grid-gap:6px;color:#4e5968;display:grid;font-size:12px;font-weight:var(--weight-medium);gap:6px}.login-field input{background:#fff;border:1px solid #dfe3e8;border-radius:7px;color:var(--ink);min-height:42px;outline:0;padding:0 11px;width:100%}.login-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0064ff1a}.login-submit{margin-top:4px;min-height:44px;width:100%}.login-links{align-items:center;display:flex;gap:10px;justify-content:center}.login-links-divider{color:var(--line);font-size:12px}.login-recovery{background:#0000;border:0;color:#6b7684;font-size:12px;padding:3px 0}.login-recovery:hover{color:var(--primary)}.login-copyright{color:var(--muted);font-size:12px;margin-top:12px;text-align:center}.SignUp,.SignUp *{box-sizing:border-box}.SignUp{--bg:#f7f8fa;--surface:#fff;--ink:#191f28;--muted:#6b7684;--line:#edf0f3;--primary:#0064ff;--primary-strong:#0052d9;--shadow:0 12px 28px #191f2814;--weight-medium:500;--weight-semibold:600;--weight-bold:700;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55;min-height:100vh;width:100vw}.SignUp button,.SignUp input{font:inherit}.SignUp button{cursor:pointer}.signup-screen{display:grid;min-height:100vh;padding:24px;place-items:center}.signup-card{grid-gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px #191f280f;display:grid;gap:14px;padding:34px 32px 24px;width:min(100%,360px)}.signup-brand{background:var(--primary);border-radius:10px;color:#fff;display:grid;font-size:15px;font-weight:var(--weight-bold);height:42px;place-items:center;width:42px}.signup-heading{margin:6px 0 4px}.signup-heading h1,.signup-heading p{margin:0}.signup-heading p{color:var(--muted);font-size:12px}.signup-heading h1{font-family:Bungee,Arial Black,sans-serif!important;font-size:21px;font-weight:400;margin-top:3px}.signup-field{grid-gap:6px;color:#4e5968;display:grid;font-size:12px;font-weight:var(--weight-medium);gap:6px}.signup-field input{background:#fff;border:1px solid #dfe3e8;border-radius:7px;color:var(--ink);min-height:42px;outline:0;padding:0 11px;width:100%}.signup-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0064ff1a}.signup-submit{margin-top:4px;min-height:44px;width:100%}.signup-back{background:#0000;border:0;color:#6b7684;font-size:12px;justify-self:center;padding:3px 0}.signup-back:hover{color:var(--primary)}.signup-copyright{color:var(--muted);font-size:12px;margin-top:12px;text-align:center}.app-shell,.app-shell *{box-sizing:border-box}.app-shell{--bg:#f7f8fa;--surface:#fff;--surface-soft:#f9fafb;--ink:#191f28;--muted:#6b7684;--line:#edf0f3;--primary:#0064ff;--primary-strong:#0052d9;--success:#00a661;--shadow:0 12px 28px #191f2814;--weight-medium:500;--weight-semibold:600}.app-shell h1,.app-shell h2,.app-shell h3,.app-shell p{margin-top:0}.app-shell h2{line-height:1.4;margin-bottom:5px}.app-shell h3{line-height:1.45;margin-bottom:6px}.app-shell p,.app-shell small{line-height:1.55}.app-shell input,.app-shell select{font:inherit}.metric-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(180px,1fr));margin-bottom:12px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px}.metric-card small,.metric-card span{display:block}.metric-card strong{display:block;font-size:24px;line-height:1.15;margin:6px 0 4px}.up{color:var(--success)}.panel-header p{margin-bottom:0}.dashboard-list,.ranking-list{grid-gap:10px;display:grid;gap:10px}.dashboard-content-panel{margin-top:14px}.dashboard-list-item{grid-gap:14px;align-items:center;border-bottom:1px solid var(--line);display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);padding:12px 0}.dashboard-list-item:last-child{border-bottom:0}.dashboard-list-item small,.dashboard-list-item strong{display:block}.dashboard-list-item small{color:var(--muted);margin-top:3px}.dashboard-meter{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(80px,1fr) auto}.rank-item{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:10px}.rank-item strong{display:block;margin-bottom:3px}.content-status-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.content-status-card{background:#fbfcfd;border:1px solid var(--line);border-radius:8px;padding:16px}.content-status-card h3,.content-status-card p{margin:0}.content-status-card p{color:var(--muted);font-size:12px;margin-top:3px}.content-counts{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.content-counts div{background:#fff;border:1px solid var(--line);border-radius:7px;padding:9px 10px}.content-counts span,.content-counts strong{display:block}.content-counts span{color:var(--muted);font-size:11px}.content-counts strong{font-size:17px;font-weight:var(--weight-semibold);margin-top:2px}.category-count-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.category-count-list span{align-items:center;background:#eef5ff;border-radius:999px;color:#4e5968;display:inline-flex;font-size:11px;gap:4px;min-height:26px;padding:0 8px}.category-count-list strong{color:var(--primary);font-weight:var(--weight-semibold)}.toast{background:var(--primary)}@media(max-width:1100px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.content-status-grid,.split-layout{grid-template-columns:1fr}}@media(max-width:760px){.page-spec-button{bottom:18px;right:18px}.app-shell{display:block;height:auto;overflow:visible}.topbar{align-items:stretch;flex-direction:column}.content-counts,.metric-grid{grid-template-columns:1fr}.workspace{height:auto;overflow-y:visible;padding:16px}}.Sidebar,.Sidebar *{box-sizing:border-box}.Sidebar{--surface:#fff;--ink:#191f28;--line:#edf0f3;--primary:#0064ff;--danger:#e54946;--weight-medium:500;--weight-semibold:600;--weight-bold:700;background:var(--surface);border-right:1px solid var(--line);color:var(--ink);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:18px 12px}.Sidebar button{cursor:pointer;font:inherit}.Sidebar svg{flex:0 0 18px;height:18px;width:18px}.brand{align-items:center;background:#0000;border:0;display:flex;gap:12px;margin-bottom:22px;min-height:56px;padding:0;text-align:left}.brand div:not(.brand-mark),.brand span,.brand strong{display:block}.brand strong{font-family:Bungee,Arial Black,sans-serif!important;font-size:15px;font-weight:400}.brand span{color:#aab8bf;font-size:11px}.brand-mark{background:var(--primary);border-radius:10px;color:#fff;display:grid;font-weight:var(--weight-bold);height:42px;place-items:center;width:42px}.main-nav{grid-gap:6px;display:grid;gap:6px}.nav-item{align-items:center;background:#0000;border:0;border-radius:10px;color:#4e5968;display:flex;font-size:13px;font-weight:var(--weight-medium);gap:10px;min-height:42px;padding:0 10px;text-align:left;text-decoration:none;width:100%}.nav-item.active,.nav-item:hover{background:#f2f6ff;color:var(--primary)}.nav-item:disabled{cursor:default;opacity:.55}.nav-item:disabled:hover{background:#0000;color:#4e5968}.nav-item-badge{background:#f2f4f6;border-radius:999px;color:#8b95a1;font-size:10px;font-weight:var(--weight-medium);margin-left:auto;padding:2px 6px;white-space:nowrap}.sidebar-bottom-actions{grid-gap:10px;display:grid;gap:10px;margin-top:auto}.sidebar-home-button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:#6b7684;display:flex;font-size:12px;font-weight:var(--weight-medium);gap:8px;min-height:40px;padding:0 10px}.sidebar-home-button:hover{background:#f2f7ff;border-color:#b9d3ff;color:var(--primary)}.sidebar-logout-button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:#6b7684;display:flex;font-size:12px;font-weight:var(--weight-medium);gap:8px;min-height:40px;padding:0 10px}.sidebar-logout-button:hover{background:#fff7f7;border-color:#ffd3d1;color:var(--danger)}.sidebar-spec-button{background:#f2f7ff;border:1px solid #b9d3ff;border-radius:50%;color:var(--primary);display:grid;height:40px;place-items:center;width:40px}.Members,.Members *{box-sizing:border-box}.Members{--bg:#f7f8fa;--surface:#fff;--surface-soft:#f9fafb;--ink:#191f28;--muted:#6b7684;--line:#edf0f3;--primary:#0064ff;--primary-strong:#0052d9;--success:#00a661;--warning:#f08c00;--danger:#e54946;--shadow:0 12px 28px #191f2814;--weight-medium:500;--weight-semibold:600}.Members button,.Members input,.Members select{font:inherit}.Members button{cursor:pointer}.person{align-items:center;display:flex;gap:10px;min-width:220px}.person>div{min-width:0}.person small,.person strong{display:block;line-height:1.35}.avatar{background:#eef6ff;border-radius:12px;color:var(--primary-strong);display:grid;font-weight:var(--weight-semibold);height:38px;place-items:center;width:38px}@media(max-width:760px){.page-spec-button{bottom:18px;right:18px}.app-shell{display:block;height:auto;overflow:visible}.topbar{align-items:stretch;flex-direction:column}.workspace{height:auto;overflow-y:visible;padding:16px}}.panel{box-shadow:none}.panel h3{font-size:14px;font-weight:var(--weight-semibold);line-height:1.45;margin-bottom:6px;margin-top:0}.panel p{color:var(--muted);font-size:12px;line-height:1.55;margin-top:0}.permission-checks{min-width:0}.permission-status-card{grid-gap:12px;align-content:start;display:grid;gap:12px}.permission-status-card h3{margin-bottom:0}.card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.card-actions .secondary-button,.permission-status-card .secondary-button{flex:0 0 auto;max-width:100%}.detail-hero h2{margin-bottom:6px;margin-top:0}.member-history-grid,.member-summary-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.member-history-grid>.panel,.member-summary-grid>.panel{min-height:150px}.history-open-card{display:flex;flex-direction:column;gap:16px;justify-content:space-between}.history-open-card p{margin-bottom:0;max-width:520px}.info-list{grid-gap:8px 12px;display:grid;font-size:13px;gap:8px 12px;grid-template-columns:120px 1fr}.info-list span{color:#8b95a1;font-weight:400}.info-list strong{color:#191f28;font-weight:var(--weight-medium)}@media(max-width:1100px){.member-history-grid,.member-summary-grid{grid-template-columns:1fr}}.Subscriptions,.Subscriptions *{box-sizing:border-box}.Subscriptions{--bg:#f7f8fa;--surface:#fff;--surface-soft:#f9fafb;--ink:#191f28;--muted:#6b7684;--line:#edf0f3;--primary:#0064ff;--primary-strong:#0052d9;--success:#00a661;--warning:#f08c00;--danger:#e54946;--shadow:0 12px 28px #191f2814;--weight-medium:500;--weight-semibold:600}.Subscriptions button,.Subscriptions input,.Subscriptions select{font:inherit}.Subscriptions button{cursor:pointer}.app-shell h1{line-height:1.35;margin-bottom:0;margin-top:0}.app-shell p{line-height:1.55}.tabbar{background:#f2f4f6;border:1px solid var(--line);border-radius:12px;display:flex;gap:10px;margin-bottom:12px;padding:3px;width:-webkit-fit-content;width:fit-content}.tab,.tabbar{align-items:center}.tab{background:#0000;border:1px solid #0000;border-radius:10px;color:#333d4b;display:inline-flex;font-size:13px;font-weight:var(--weight-medium);justify-content:center;min-height:38px;padding:0 11px;white-space:nowrap}.tab.active{background:var(--surface);box-shadow:0 1px 4px #191f2814}.subview.active{display:block}.implementation-note{color:#6b7684;font-size:12px;margin:12px 0 0}.toolbar{margin:12px 0}.inline-search{width:240px}.primary-button,.secondary-button{align-items:center;border-radius:10px;display:inline-flex;font-size:13px;gap:8px;justify-content:center;min-height:38px;padding:0 11px;white-space:nowrap}.badge.danger{background:#fff0f0;color:var(--danger)}.settings-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(240px,1fr))}.config-card svg{color:var(--primary);margin-bottom:10px}.config-card .secondary-button{margin-top:10px}.permission-checks{margin:8px 0}.issue-list{grid-gap:10px;display:grid;gap:10px;width:100%}.issue-item{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:10px}.issue-item strong{display:block;margin-bottom:3px}.issue-item small{color:var(--muted);display:block;font-size:12px}.modal-field input,.modal-field select{background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:13px;min-height:36px;padding:7px 10px;width:100%}@media(max-width:1100px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.settings-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:760px){.page-spec-button{bottom:18px;right:18px}.app-shell{display:block;height:auto;overflow:visible}.topbar{align-items:stretch;flex-direction:column}.modal-grid,.settings-grid{grid-template-columns:1fr}.workspace{height:auto;overflow-y:visible;padding:16px}}.Scores,.Scores *{box-sizing:border-box}.Scores{--bg:#f7f8fa;--surface:#fff;--ink:#191f28;--muted:#6b7684;--line:#edf0f3;--primary:#0064ff;--primary-strong:#0052d9;--success:#00a661;--warning:#f08c00;--danger:#e54946;--shadow:0 12px 28px #191f2814;--weight-medium:500;--weight-semibold:600}.Scores button,.Scores input,.Scores select{font:inherit}.Scores button{cursor:pointer}.button-row,.content-header,.filter-group,.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.content-header,.score-workbench{margin-bottom:12px}.score-workbench{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(150px,1fr)) auto}.score-workbench article{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:68px;padding:12px}.score-workbench small,.score-workbench span{display:block}.score-workbench span{color:#6b7684;font-size:11px;font-weight:var(--weight-medium)}.score-workbench strong{display:block;font-size:19px;font-weight:var(--weight-semibold);margin:4px 0 2px}.score-workbench .workbench-action{align-items:center;display:flex;min-width:190px}@keyframes score-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.score-skeleton-block,.score-skeleton-line{animation:score-skeleton-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#edf0f3,#f7f8fa 45%,#edf0f3);background-size:200% 100%;border-radius:8px;display:block}.score-skeleton-line{height:12px}.score-skeleton-line.short{width:48px}.score-skeleton-line.medium{height:18px;margin:6px 0 4px;width:88px}.score-skeleton-line.long{width:120px}.score-skeleton-line.button{border-radius:10px;height:34px;width:148px}.score-skeleton-card small.score-skeleton-line,.score-skeleton-card strong.score-skeleton-line{display:block}.score-skeleton-block.check{border-radius:4px;height:16px;width:16px}.score-skeleton-block.thumb{border-radius:10px;flex-shrink:0;height:36px;width:36px}.score-skeleton-song-text{display:flex;flex-direction:column;gap:6px;min-width:100px}.score-skeleton-row td{vertical-align:middle}.score-skeleton-row .score-skeleton-line{margin:0}.score-skeleton-line.register-title{border-radius:10px;height:28px;margin:8px 0 12px;width:min(280px,70%)}.score-skeleton-line.register-desc{border-radius:8px;height:14px;width:min(520px,92%)}.score-register-skeleton .section-title .score-skeleton-line{margin:0}.score-register-skeleton-field{display:flex;flex-direction:column;gap:8px}.score-register-skeleton-tabs{pointer-events:none}.score-skeleton-block.register-input{border-radius:10px;height:40px;width:100%}.score-skeleton-block.register-tab{border-radius:11px;height:34px;width:96px}.score-skeleton-block.register-badge{border-radius:999px;height:22px;width:88px}.score-skeleton-block.register-toggle{border-radius:8px;height:22px;margin-bottom:12px;width:180px}.score-skeleton-block.register-format{border-radius:8px;height:44px;width:100%}.score-skeleton-block.register-textarea{border-radius:12px;height:220px;width:100%}.table-wrap table{min-width:920px}.song-cell{align-items:center;display:flex;gap:10px;min-width:220px}.song-cell>div{min-width:0}.song-cell small,.song-cell strong{display:block;line-height:1.35;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb{background:#eff6ff;height:34px;width:34px}.free-level-cell{align-items:center;display:flex;gap:6px;white-space:nowrap}.free-level-cell .secondary-button{font-size:12px;min-height:30px;padding:0 8px}.preview-button{align-items:center;background:#eef6ff;border:1px solid #cfe1ff;border-radius:10px;color:var(--primary);display:inline-flex;font-size:12px;font-weight:var(--weight-medium);gap:6px;justify-content:center;min-height:32px;padding:0 10px}.preview-button:hover{background:#e5f1ff}.toggle{font-size:12px}.score-save-loading{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f7f8fab8;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:90}.score-save-loading-card{background:var(--surface);border-radius:18px;box-shadow:var(--shadow);padding:28px 24px;text-align:center;width:min(100%,360px)}.score-save-loading-spinner{animation:score-save-spin .9s linear infinite;color:var(--primary);display:inline-block;margin-bottom:14px}.score-save-loading-card h3{color:var(--ink);font-size:18px;font-weight:var(--weight-semibold);margin:0 0 8px}.score-save-loading-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}@keyframes score-save-spin{to{transform:rotate(1turn)}}.level-card-head,.section-title{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.level-card-head h3,.section-title h3{font-size:14px;font-weight:var(--weight-semibold);margin:0}.level-card-head span,.section-title span{color:var(--primary);font-size:11px;font-weight:var(--weight-medium)}.level-status-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.level-status-badges .badge{color:inherit}.modal-field textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;height:500px;resize:none}.compact-score-info{padding-bottom:12px}.score-basic-grid{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.score-upload-preview{align-items:center;color:#8b95a1;display:flex;font-size:11px;min-height:30px}.score-upload-preview img{border-radius:5px;height:30px;object-fit:cover;width:44px}.score-tabs{background:#f2f4f6;border-radius:14px;display:flex;gap:6px;margin-bottom:12px;padding:4px;width:-webkit-fit-content;width:fit-content}.score-tab{background:#0000;border:0;border-radius:11px;color:#6b7684;font-size:13px;font-weight:var(--weight-medium);min-height:34px;min-width:96px}.score-tab.active{background:#fff;box-shadow:0 1px 4px #191f2814;color:var(--primary)}.score-tab-panel{background:#fbfcfd;border:1px solid var(--line);border-radius:16px;padding:16px}.score-free-toggle{margin-bottom:12px}.score-format-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.score-format-option{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:#333d4b;cursor:pointer;display:flex;font-size:13px;gap:8px;min-height:44px;padding:10px 12px}.score-format-option:has(input:checked){background:#f4f9ff;border-color:#8bbcff;color:var(--primary)}.score-format-option input{accent-color:var(--primary);height:15px;margin:0;width:15px}.score-editor-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:220px minmax(220px,1fr);margin-bottom:10px}.score-preview-backdrop{background:#191f2873;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:30}.score-preview-window{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);max-height:90vh;overflow:auto;width:min(920px,96vw)}.preview-window-top{align-items:center;background:#fbfcfd;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.preview-window-top small,.preview-window-top strong{display:block}.preview-window-top small{color:var(--muted)}.score-visual-legend{color:#6b7684;display:flex;flex-wrap:wrap;font-size:12px;gap:8px 14px;margin-bottom:20px}.score-visual-legend span{align-items:center;display:inline-flex;gap:6px}.score-visual-legend i{background:var(--c);border-radius:999px;height:9px;width:9px}.playback-bar{grid-gap:8px;align-items:center;background:#fff;border-bottom:1px solid var(--line);display:grid;gap:8px;grid-template-columns:auto auto auto minmax(120px,1fr) auto;padding:10px 18px}.playback-bar button{background:#fff;border:1px solid var(--line);border-radius:7px;color:#333d4b;font-size:12px;min-height:32px;min-width:58px;padding:0 9px}.playback-bar button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.playback-bar input[type=range]{accent-color:var(--primary);width:100%}.playback-time{font-feature-settings:"tnum";color:#6b7684;font-size:12px;font-variant-numeric:tabular-nums;min-width:76px;text-align:right}.sheet{background:#fff;min-height:220px;padding:20px;position:relative}.drum-dot-sheet{grid-gap:22px;display:grid;gap:22px}.drum-dot-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:34px minmax(0,1fr)}.drum-dot-row-label{color:#8b95a1;font-size:11px;text-align:center}.drum-dot-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.drum-dot-measure{border-left:1.5px solid #8b95a1;display:grid;grid-template-columns:repeat(var(--slots),minmax(34px,1fr));min-height:76px}.drum-dot-measure:last-child{border-right:1.5px solid #8b95a1}.drum-dot-cell{display:grid;min-width:0;place-items:center;position:relative}.drum-dot-cell.is-playing:after{border:2px solid var(--primary);border-radius:8px;box-shadow:0 0 0 4px #0064ff1a;content:"";inset:4px;position:absolute}.drum-dot-hit{background:var(--c);border-radius:999px;box-shadow:0 3px 7px #191f2829,inset 0 0 0 1px #0000001f;height:31px;position:absolute;transform:translate(calc(var(--stack)*7px),calc(var(--stack)*-7px));width:31px;z-index:1}.drum-dot-hit.is-kick{height:12px;transform:translateY(31px);width:12px;z-index:0}.drum-dot-rest{border:1.5px solid #aeb8c5;border-radius:999px;height:28px;width:28px}.staff-score{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:auto;padding:18px 18px 28px}.staff-paper{min-width:720px}.staff-paper svg{display:block;height:auto;width:100%}.staff-paper.colorized .abcjs-note [data-name=a]{fill:#f04452;stroke:#f04452}.staff-paper.colorized .abcjs-note [data-name=e]{fill:#ff8a00;stroke:#ff8a00}.staff-paper.colorized .abcjs-note [data-name=d]{fill:#ffd43b;stroke:#ffd43b}.staff-paper.colorized .abcjs-note [data-name="=f"],.staff-paper.colorized .abcjs-note [data-name="^f"]{fill:#22c55e;stroke:#22c55e}.staff-paper.colorized .abcjs-note [data-name="^c"],.staff-paper.colorized .abcjs-note [data-name=c]{fill:#3182f6;stroke:#3182f6}.staff-paper.colorized .abcjs-note [data-name="=g"],.staff-paper.colorized .abcjs-note [data-name="^g"],.staff-paper.colorized .abcjs-note [data-name=D],.staff-paper.colorized .abcjs-note [data-name=g]{fill:#ff5fa2;stroke:#ff5fa2}.staff-paper.colorized .abcjs-note [data-name=A]{fill:#8b5cf6;stroke:#8b5cf6}.staff-paper.colorized .abcjs-note [data-name=F]{fill:#8b95a1;stroke:#8b95a1}.sheet-note{color:#8b95a1;font-size:12px;margin:16px 0 0}.sheet-note.sheet-note-error{color:#e03131}.abcjs-note.is-playing ellipse,.abcjs-note.is-playing path{fill:var(--primary)!important;stroke:var(--primary)!important}.abcjs-note.is-playing{filter:drop-shadow(0 0 4px rgba(0,100,255,.6))}@media(max-width:760px){.page-spec-button{bottom:18px;right:18px}.app-shell{display:block;height:auto;overflow:visible}.topbar{align-items:stretch;flex-direction:column}.score-editor-grid,.score-format-group,.score-workbench{grid-template-columns:1fr}.workspace{height:auto;overflow-y:visible;padding:16px}}@media(max-width:640px){.sheet{padding:16px}.drum-dot-row{gap:6px;grid-template-columns:24px minmax(0,1fr)}.drum-dot-measure{grid-template-columns:repeat(var(--slots),minmax(25px,1fr))}.playback-bar{grid-template-columns:repeat(3,auto) minmax(70px,1fr)}.playback-time{grid-column:1/-1;text-align:left}}.ScoreLogs,.ScoreLogs *{box-sizing:border-box}.ScoreLogs{--bg:#f7f8fa;--surface:#fff;--surface-soft:#f9fafb;--ink:#191f28;--muted:#6b7684;--line:#edf0f3;--primary:#0064ff;--success:#00a661;--weight-medium:500;--weight-semibold:600}.ScoreLogs button,.ScoreLogs input,.ScoreLogs select{font:inherit}.ScoreLogs button{cursor:pointer}.topbar{gap:20px;justify-content:space-between}.toolbar{margin-bottom:12px}.inline-search svg{color:#8b95a1;flex:0 0 auto}.song-cell.compact{align-items:center;display:flex;gap:10px;min-width:190px}.song-cell.compact small,.song-cell.compact strong{display:block;line-height:1.35}.thumb{background:#eef6ff;border-radius:12px;color:var(--primary);display:grid;height:30px;place-items:center;width:30px}.score-log-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.score-log-summary article{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px}.score-log-summary small,.score-log-summary span{color:var(--muted);display:block}.score-log-summary strong{display:block;font-size:20px;font-weight:var(--weight-medium);margin:5px 0 2px}@media(max-width:760px){.page-spec-button{bottom:18px;right:18px}.app-shell{display:block;height:auto;overflow:visible}.topbar{align-items:stretch;flex-direction:column}.score-log-summary{grid-template-columns:1fr}.workspace{height:auto;overflow-y:visible;padding:16px}}.Cognitive,.Cognitive *{box-sizing:border-box}.Cognitive{--bg:#f7f8fa;--surface:#fff;--ink:#191f28;--muted:#6b7684;--line:#edf0f3;--primary:#0064ff;--primary-strong:#0052d9;--shadow:0 12px 28px #191f2814;--weight-semibold:600}.Cognitive button{cursor:pointer;font:inherit}.app-shell h2{font-size:20px;margin:0 0 6px}.empty-state{background:#fff;border:1px dashed #d8dee8;border-radius:18px;display:grid;min-height:460px;padding:40px 20px;place-items:center;text-align:center}.empty-icon{background:#eef6ff;border-radius:16px;color:var(--primary);display:grid;height:58px;margin-bottom:14px;place-items:center;width:58px}@media(max-width:760px){.page-spec-button{bottom:18px;right:18px}.app-shell{display:block;height:auto;overflow:visible}.workspace{height:auto;overflow-y:visible;padding:16px}}.CognitiveLogs,.CognitiveLogs *{box-sizing:border-box}.CognitiveLogs{--bg:#f7f8fa;--surface:#fff;--surface-soft:#f9fafb;--ink:#191f28;--muted:#6b7684;--line:#edf0f3;--primary:#0064ff;--weight-medium:500;--weight-semibold:600}.CognitiveLogs button,.CognitiveLogs input,.CognitiveLogs select{font:inherit}.CognitiveLogs button{cursor:pointer}.app-shell h3{font-size:14px;font-weight:var(--weight-semibold);margin:0 0 6px}.app-shell p,.app-shell small{color:var(--muted);font-size:12px;margin:0}.split-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.compact-input,.date-filter,.filter{background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:13px;min-height:36px;padding:0 9px}.ghost-button,.secondary-button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:#333d4b;display:inline-flex;font-size:13px;font-weight:var(--weight-medium);gap:8px;justify-content:center;min-height:38px;padding:0 11px;white-space:nowrap}.ghost-button{background:#f5f7fa}.analytics-board.compact{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.config-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}.level-row{grid-gap:8px;align-items:center;display:grid;font-size:12px;gap:8px;grid-template-columns:72px 1fr auto;margin-top:8px}.progress{background:#e7edf2;border-radius:999px;height:8px;overflow:hidden}.progress span{background:var(--primary);border-radius:inherit;display:block;height:100%}.report-list{grid-gap:10px;display:grid;gap:10px}.report-item{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:10px}.report-item strong{display:block;margin-bottom:3px}.toast{box-shadow:0 12px 28px #191f2814}@media(max-width:1100px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.split-layout{grid-template-columns:1fr}}@media(max-width:760px){.page-spec-button{bottom:18px;right:18px}.app-shell{display:block;height:auto;overflow:visible}.panel-header{align-items:stretch;flex-direction:column}.workspace{height:auto;overflow-y:visible;padding:16px}}.Notices,.Notices *{box-sizing:border-box}.Notices{--bg:#f7f8fa;--surface:#fff;--ink:#191f28;--muted:#6b7684;--line:#edf0f3;--primary:#0064ff;--primary-strong:#0052d9;--success:#00a661;--warning:#f08c00;--danger:#e54946;--shadow:0 12px 28px #191f2814;--weight-medium:500;--weight-semibold:600}.Notices button,.Notices input,.Notices select{font:inherit}.Notices button{cursor:pointer}.title-area{align-items:center;display:flex;gap:12px}.back-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;color:#4e5968;display:inline-flex;font-size:13px;font-weight:var(--weight-medium);gap:5px;min-height:34px;padding:0 10px}.detail-stack{grid-gap:12px;display:grid;gap:12px}.detail-hero{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.detail-hero h2{font-size:21px;font-weight:var(--weight-semibold);margin:0 0 6px}.detail-hero p{color:var(--muted);font-size:13px;margin:0}.modal-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.modal-field,.modal-grid{margin-bottom:12px}.modal-field textarea{font-size:13px;line-height:1.7;min-height:200px;resize:vertical}.detail-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid var(--line);border-radius:16px;bottom:0;display:flex;gap:8px;justify-content:flex-end;padding:12px;position:-webkit-sticky;position:sticky;z-index:5}.panel-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.period-range{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:7px}.period-range span{color:var(--muted);font-size:12px}.date-filter,.filter{background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:13px;min-height:36px;padding:0 9px}.date-filter{width:136px}.table-wrap table{min-width:720px}.table-wrap tr:last-child td{border-bottom:0}.notice-title-cell{min-width:280px}.notice-title-cell small,.notice-title-cell strong{display:block;line-height:1.35}.notice-title-cell small{color:var(--muted);max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{align-items:center;background:#f2f4f6;border-radius:999px;color:#4e5968;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:var(--weight-medium);line-height:1;min-height:22px;padding:0 7px;white-space:nowrap}.badge.success{background:#e8f8f1;color:var(--success)}.badge.warning{background:#fff4e5;color:var(--warning)}.badge.primary{background:#eef6ff;color:var(--primary)}.row-actions{display:flex;gap:6px}@media(max-width:760px){.page-spec-button{bottom:18px;right:18px}.app-shell{display:block;height:auto;overflow:visible}.panel-header{align-items:stretch;flex-direction:column}.modal-grid{grid-template-columns:1fr}.workspace{height:auto;overflow-y:visible;padding:16px}}.Settings,.Settings *{box-sizing:border-box}.Settings{--bg:#f7f8fa;--surface:#fff;--ink:#191f28;--muted:#6b7684;--line:#edf0f3;--primary:#0064ff;--primary-strong:#0052d9;--danger:#e54946;--shadow:0 12px 28px #191f2814;--weight-medium:500;--weight-semibold:600}.Settings button,.Settings input,.Settings select{font:inherit}.Settings button{cursor:pointer}.settings-action-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(220px,1fr))}.settings-action-card{grid-gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;color:#333d4b;display:grid;gap:8px;justify-items:start;min-height:150px;padding:18px;text-align:left}.settings-action-card:hover{background:#fbfcff;border-color:#cfe1ff}.settings-action-card svg{color:var(--primary)}.settings-action-card strong{font-size:16px;font-weight:var(--weight-semibold)}.settings-action-card span{color:#6b7684;font-size:13px;line-height:1.5}.eyebrow{color:var(--primary);font-size:11px;font-weight:var(--weight-semibold);margin:0 0 6px}.icon-button,.icon-only,.primary-button,.secondary-button{align-items:center;border:1px solid #0000;border-radius:10px;display:inline-flex;font-size:13px;gap:8px;justify-content:center;min-height:38px;padding:0 13px;white-space:nowrap}.primary-button{border-color:var(--primary)}.secondary-button{border-color:var(--line);color:#333d4b;font-weight:var(--weight-medium);padding:0 11px}.secondary-button.danger{color:var(--danger)}.icon-button,.icon-only{background:var(--surface);border-color:var(--line);padding:0;width:38px}.icon-button:disabled,.icon-only:disabled{cursor:default;opacity:.35}.modal-backdrop{background:#14242c70;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:30}.modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(820px,100vh - 40px);overflow:hidden;width:min(760px,100%)}.modal-footer,.modal-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.modal-footer h2,.modal-header h2{font-size:17px;font-weight:var(--weight-semibold);margin:0}.modal-footer{border-bottom:0;border-top:1px solid var(--line);justify-content:flex-end}.modal-body{grid-gap:14px;display:grid;gap:14px;min-height:0;overflow:auto;padding:16px}.modal-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(180px,1fr))}.modal-field{grid-gap:6px;color:#40505d;display:grid;font-size:12px;font-weight:var(--weight-medium);gap:6px}.modal-field input,.modal-field select,.modal-field textarea{background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:13px;min-height:36px;padding:7px 10px;width:100%}.modal-section{grid-gap:10px;display:grid;gap:10px}.modal-section+.modal-section{border-top:1px solid var(--line);padding-top:14px}.modal-section h3{color:#333d4b;font-size:13px;font-weight:var(--weight-medium);margin:0}.modal-help{color:#8b95a1;font-size:12px;margin:0}.category-add-row{grid-template-columns:repeat(2,minmax(180px,1fr))}.category-add-row,.category-modal-list{grid-gap:10px;display:grid;gap:10px}.category-modal-row{grid-gap:10px;align-items:end;background:#fbfcfd;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto auto;padding:12px}.category-row-actions{align-items:center;display:inline-flex;gap:4px}.permission-modal-list{grid-gap:10px;display:grid;gap:10px}.permission-modal-row{align-items:center;background:#fbfcfd;border:1px solid var(--line);border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.permission-modal-row strong{display:block}.permission-checks{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.toggle{align-items:center;color:#333d4b;display:inline-flex;font-size:13px;gap:6px}.toggle input{accent-color:var(--primary)}@media(max-width:1100px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.settings-action-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:760px){.category-add-row,.category-modal-row,.modal-grid{grid-template-columns:1fr}.permission-modal-row{align-items:stretch;flex-direction:column}.page-spec-button{bottom:18px;right:18px}.app-shell{display:block;height:auto;overflow:visible}.settings-action-grid{grid-template-columns:1fr}.workspace{height:auto;overflow-y:visible;padding:16px}}.AdminSettings,.AdminSettings *{box-sizing:border-box}.AdminSettings{--bg:#f7f8fa;--surface:#fff;--ink:#191f28;--muted:#6b7684;--line:#edf0f3;--primary:#0064ff;--primary-strong:#0052d9;--shadow:0 12px 28px #191f2814;--weight-medium:500;--weight-semibold:600}.AdminSettings button{cursor:pointer;font:inherit}.app-shell{background:var(--bg);color:var(--ink);display:grid;font-size:14px;grid-template-columns:224px minmax(0,1fr);height:100vh;line-height:1.55;overflow:hidden}.app-shell h1{font-size:21px;margin:0}.app-shell h1,.app-shell h2{font-weight:var(--weight-semibold)}.app-shell h2{font-size:17px;margin:0 0 5px}.app-shell p{color:var(--muted);font-size:12px;margin:0}.workspace{height:100vh;min-height:0;min-width:0;overflow-y:auto;padding:22px 26px}.topbar{align-items:center;display:flex;margin-bottom:18px}.view.active{display:block}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0;padding:16px}.admin-account-panel{width:100%}.panel-header{margin-bottom:12px}.admin-account-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;padding-top:16px}.admin-account-row span,.admin-account-row strong{display:block}.admin-account-row strong{font-size:14px;font-weight:var(--weight-medium)}.admin-account-row span{color:var(--muted);font-size:12px;margin-top:3px}.primary-button{align-items:center;background:var(--primary);border:1px solid var(--primary);border-radius:10px;color:#fff;display:inline-flex;font-size:13px;font-weight:var(--weight-semibold);gap:8px;justify-content:center;min-height:38px;padding:0 13px;white-space:nowrap}.primary-button:hover{background:var(--primary-strong)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);display:inline-flex;font-size:13px;font-weight:var(--weight-semibold);gap:8px;justify-content:center;min-height:38px;padding:0 13px;white-space:nowrap}.secondary-button:hover{background:#f7f8fa;border-color:#dfe3e8}.secondary-button:disabled{cursor:not-allowed;opacity:.55}.pending-admins-panel{margin-top:18px;width:100%}.pending-admins-empty{border-top:1px solid var(--line);color:var(--muted);font-size:12px;padding-top:16px}.pending-admins-list{grid-gap:10px;border-top:1px solid var(--line);display:grid;gap:10px;list-style:none;margin:0;padding:16px 0 0}.pending-admin-row{align-items:center;display:flex;gap:18px;justify-content:space-between}.pending-admin-row span,.pending-admin-row strong{display:block}.pending-admin-row strong{font-size:14px;font-weight:var(--weight-medium)}.pending-admin-row span{color:var(--muted);font-size:12px;margin-top:3px}.pending-admin-actions{display:flex;flex-shrink:0;gap:8px}.admin-audit-panel,.admin-list-panel{margin-top:18px;width:100%}.admin-row-info{grid-gap:16px;align-items:center;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(4,1fr);min-width:0}.admin-row-info span,.admin-row-info strong{align-items:center;display:inline-flex;margin-top:0;min-width:0}.admin-row-info>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badges{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-top:0}.status-badge{align-items:center;background:#f1f3f5;border-radius:999px;color:var(--muted);display:inline-flex;font-size:11px;font-weight:var(--weight-medium);padding:2px 8px}.status-badge.active{background:#e6f0ff;color:var(--primary-strong)}.status-badge.suspended{background:#fff0f0;color:#e54946}.admin-account-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:18px}.admin-account-metrics article{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.admin-account-metrics article span{color:var(--muted);display:block;font-size:12px}.admin-account-metrics article strong{display:block;font-size:20px;font-weight:var(--weight-semibold);margin-top:6px}.admin-account-metrics article small{color:var(--muted);display:block;font-size:11px;margin-top:3px}.toolbar{justify-content:space-between;margin:14px 0 12px}.filter-group,.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.inline-search{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;display:inline-flex;gap:7px;min-height:36px;padding:0 10px;width:220px}.inline-search input{background:#0000;border:0;outline:0;width:100%}.filter,.inline-search input{color:var(--ink);font-size:13px}.filter{border:1px solid var(--line);border-radius:10px;min-height:36px;padding:0 9px}.filter,.table-wrap{background:var(--surface)}.table-wrap{border:1px solid var(--line);border-radius:14px;margin-top:12px;overflow:auto}.table-wrap table{border-collapse:collapse;font-size:13px;min-width:760px;width:100%}.table-wrap td,.table-wrap th{border-bottom:1px solid var(--line);padding:10px 11px;text-align:left;vertical-align:middle}.table-wrap th{background:#fbfcfd;color:#8b95a1;font-size:11px;font-weight:var(--weight-medium);position:-webkit-sticky;position:sticky;top:0;z-index:1}.table-wrap tbody tr:hover{background:#fbfcff}.identity-cell span,.identity-cell strong{display:block}.identity-cell span{color:var(--muted);font-size:12px;margin-top:2px}.role-edit-row td{background:#f9fafb}.icon-button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:inline-flex;height:32px;justify-content:center;width:32px}.icon-button:hover{background:#f7f8fa;border-color:#dfe3e8}.icon-button.danger{color:#e54946}.icon-button:disabled{cursor:not-allowed;opacity:.55}.inline-form{grid-gap:12px;background:#f9fafb;border:1px solid var(--line);border-radius:12px;display:grid;gap:12px;margin-top:14px;padding:14px}.form-field{grid-gap:6px;color:var(--muted);display:grid;font-size:12px;font-weight:var(--weight-medium);gap:6px}.form-field input,.form-field select{background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:13px;min-height:38px;padding:0 10px}.menu-checkbox-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.menu-checkbox{align-items:center;color:var(--ink);display:inline-flex;font-size:12px;font-weight:var(--weight-medium);gap:6px}.inline-form-actions{display:flex;gap:8px;justify-content:flex-end}.super-admin-badge{align-items:center;background:#fff4e0;border-radius:999px;color:#b8720a;display:inline-flex;font-size:11px;font-weight:var(--weight-semibold);padding:2px 8px}.page-spec-button{background:var(--primary);border:1px solid #d8e5ff;border-radius:50%;bottom:28px;box-shadow:0 8px 20px #0064ff3d;color:#fff;display:grid;height:48px;place-items:center;position:fixed;right:28px;width:48px;z-index:20}.page-spec-button:hover{background:var(--primary-strong)}.toast{background:#0064ff;border-radius:8px;bottom:20px;box-shadow:var(--shadow);color:#fff;max-width:340px;opacity:0;padding:12px 14px;pointer-events:none;position:fixed;right:20px;transform:translateY(18px);transition:.2s ease;z-index:20}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1100px){.app-shell{grid-template-columns:88px minmax(0,1fr)}}@media(max-width:760px){.page-spec-button{bottom:18px;right:18px}.app-shell{display:block;height:auto;overflow:visible}.admin-account-row,.pending-admin-row{align-items:stretch;flex-direction:column}.admin-account-metrics,.menu-checkbox-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.workspace{height:auto;overflow-y:visible;padding:16px}}
/*# sourceMappingURL=main.7d5610ed.css.map*/