.practice-module__XUdCtG__container{max-width:1200px;margin:0 auto;padding:24px}.practice-module__XUdCtG__pageTitle{font-size:var(--fs-title);margin-bottom:24px;font-weight:700}.practice-module__XUdCtG__sectionTitle{font-size:var(--fs-head);margin-bottom:16px;font-weight:600}.practice-module__XUdCtG__sectionSubtitle{font-size:var(--fs-body);color:var(--text-body);margin:-12px 0 12px}.practice-module__XUdCtG__cardContextSection{background:linear-gradient(#eef2fb 0%,#f7f9fc 100%);border:1px solid #c5d0e3;border-radius:12px;margin-bottom:24px;padding:16px 18px}.practice-module__XUdCtG__cardContextTitle{font-size:var(--fs-head);color:var(--text-ink);margin:0 0 12px;font-weight:700}.practice-module__XUdCtG__cardContextList{flex-direction:column;gap:8px;display:flex}.practice-module__XUdCtG__cardContextItem{background:linear-gradient(180deg, var(--card-a), var(--card-b));color:inherit;border:1px solid #96afe124;border-radius:8px;flex-direction:column;gap:2px;min-height:44px;padding:12px 14px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.practice-module__XUdCtG__cardContextItem:hover{border-color:#96afe147;box-shadow:0 2px 6px #040a1c66}.practice-module__XUdCtG__cardContextItemTitle{font-size:var(--fs-subhead);color:var(--text-ink);font-weight:600}.practice-module__XUdCtG__cardContextItemComposer{font-size:var(--fs-body);color:var(--text-sub)}.practice-module__XUdCtG__cardContextEmpty{font-size:var(--fs-body);color:var(--text-body);text-align:center;background:linear-gradient(180deg, var(--card-a), var(--card-b));border:1px dashed #96afe140;border-radius:8px;padding:20px}.practice-module__XUdCtG__recommendSection{margin-bottom:32px}.practice-module__XUdCtG__recommendCard{background:var(--card-in);border-left:4px solid #2b5bc4;border-radius:12px;margin-bottom:12px;padding:16px}.practice-module__XUdCtG__recommendLabel{font-size:var(--fs-subhead);margin-bottom:4px;font-weight:600}.practice-module__XUdCtG__recommendReason{font-size:var(--fs-body);color:var(--text-body);margin-bottom:8px}.practice-module__XUdCtG__recommendItems{flex-wrap:wrap;gap:8px;display:flex}.practice-module__XUdCtG__recommendChip{color:var(--text-on-accent);font-size:var(--fs-body);background:#2b5bc4;border-radius:20px;padding:6px 14px;text-decoration:none;transition:background .2s;display:inline-block}.practice-module__XUdCtG__recommendChip:hover{background:#24518f}.practice-module__XUdCtG__categorySection{margin-top:8px}.practice-module__XUdCtG__categoryGrid{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.practice-module__XUdCtG__categoryGrid::-webkit-scrollbar{display:none}.practice-module__XUdCtG__categoryCard{background:linear-gradient(180deg, var(--card-a), var(--card-b));width:116px;color:inherit;border:1px solid #96afe124;border-radius:14px;flex-direction:column;flex:none;align-items:center;padding:18px 12px 16px;text-decoration:none;transition:box-shadow .2s,transform .15s;display:flex}.practice-module__XUdCtG__categoryCard:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3c1e281a}.practice-module__XUdCtG__catIconTile{border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:10px;display:grid;box-shadow:0 4px 10px #3c1e2829}.practice-module__XUdCtG__categoryName{font-size:var(--fs-subhead);text-align:center;font-weight:700;line-height:1.3}.practice-module__XUdCtG__categoryCount{font-size:var(--fs-body);color:var(--text-muted);margin-top:3px}.practice-module__XUdCtG__listHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.practice-module__XUdCtG__filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.practice-module__XUdCtG__filterSelect{font-size:var(--fs-body);border:1px solid #ccc;border-radius:6px;padding:6px 12px}.practice-module__XUdCtG__itemList{grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:12px;display:grid}.practice-module__XUdCtG__itemCard{background:linear-gradient(180deg, var(--card-a), var(--card-b));color:inherit;border:1px solid #96afe124;border-radius:12px;align-items:center;gap:13px;padding:10px 12px;text-decoration:none;transition:box-shadow .2s,border-color .15s;display:flex}.practice-module__XUdCtG__itemCard:hover{border-color:#c3a9b2;box-shadow:0 5px 16px #3c142317}.practice-module__XUdCtG__itemCardBody{flex-direction:column;flex:1;min-width:0;display:flex}.practice-module__XUdCtG__itemTitle{font-size:var(--fs-subhead);margin-bottom:4px;font-weight:600}.practice-module__XUdCtG__itemComposer{font-size:var(--fs-body);color:var(--text-sub);margin-bottom:2px}.practice-module__XUdCtG__itemMeta{font-size:var(--fs-body);color:var(--text-sub)}.practice-module__XUdCtG__itemDescription{font-size:var(--fs-body);color:var(--text-body);margin-top:4px}.practice-module__XUdCtG__itemHistory{font-size:var(--fs-body);color:var(--text-link);margin-top:4px}.practice-module__XUdCtG__badge{font-size:var(--fs-caption);border-radius:10px;padding:2px 8px;font-weight:500;display:inline-block}.practice-module__XUdCtG__badgeBeginner{color:var(--text-good);background:#e8f5e9}.practice-module__XUdCtG__badgeIntermediate{color:var(--text-error);background:#e0872b29}.practice-module__XUdCtG__badgeAdvanced{color:var(--text-error);background:#fce4ec}.practice-module__XUdCtG__cardHeader{justify-content:space-between;align-items:flex-start;margin-bottom:2px;display:flex}.practice-module__XUdCtG__cardTitle{font-size:var(--fs-subhead);color:var(--text-ink);font-weight:600}.practice-module__XUdCtG__cardTitleFull{font-size:var(--fs-body);color:var(--text-ink);font-weight:600;line-height:1.45}.practice-module__XUdCtG__cardSubtitle{font-size:var(--fs-caption);color:var(--text-muted);letter-spacing:.02em;margin-bottom:8px}.practice-module__XUdCtG__cardStars{flex-shrink:0;gap:1px;margin-left:8px;display:flex}.practice-module__XUdCtG__starFilled{color:var(--text-master);font-size:var(--fs-body);line-height:1}.practice-module__XUdCtG__starEmpty{color:var(--text-muted);font-size:var(--fs-body);line-height:1}.practice-module__XUdCtG__chipRow{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.practice-module__XUdCtG__chipBlue{font-size:var(--fs-caption);color:var(--text-link);background:#eff6ff;border-radius:10px;padding:2px 8px;font-weight:500;display:inline-block}.practice-module__XUdCtG__chipGreen{font-size:var(--fs-caption);color:var(--text-good);background:#f0fdf4;border-radius:10px;padding:2px 8px;font-weight:500;display:inline-block}.practice-module__XUdCtG__chipGray{font-size:var(--fs-caption);color:var(--text-body);background:#f3f4f6;border-radius:10px;padding:2px 8px;font-weight:500;display:inline-block}.practice-module__XUdCtG__chipPurple{font-size:var(--fs-caption);color:#6b21a8;background:#faf5ff;border-radius:10px;padding:2px 8px;font-weight:500;display:inline-block}.practice-module__XUdCtG__cardFooter{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;display:flex}.practice-module__XUdCtG__cardFooterLabel{font-size:var(--fs-caption);color:var(--text-muted)}.practice-module__XUdCtG__cardFooterValue{font-size:var(--fs-body);color:var(--text-body);margin-top:1px}.practice-module__XUdCtG__cardFooterEmpty{font-size:var(--fs-body);color:var(--text-muted)}.practice-module__XUdCtG__scoreBadge{font-size:var(--fs-caption);color:var(--text-good);background:#dcfce7;border-radius:10px;padding:2px 9px;font-weight:500;display:inline-block}.practice-module__XUdCtG__detailHeader{margin-bottom:16px}.practice-module__XUdCtG__detailTitle{font-size:var(--fs-head);font-weight:700}.practice-module__XUdCtG__detailMeta{font-size:var(--fs-body);color:var(--text-sub);margin-top:4px}.practice-module__XUdCtG__detailDescription{font-size:var(--fs-subhead);color:var(--text-body);background:var(--card-in);border-radius:8px;margin-top:8px;padding:12px}.practice-module__XUdCtG__historyPanel{margin-top:16px}.practice-module__XUdCtG__historyItem{cursor:pointer;border-bottom:1px solid #96afe11f;padding:8px 12px}.practice-module__XUdCtG__historyItem:hover{background:#96afe114}.practice-module__XUdCtG__historyActive{background:#e3f2fd}.practice-module__XUdCtG__historyDate{font-size:var(--fs-body);font-weight:500}.practice-module__XUdCtG__historyScore{font-size:var(--fs-body);color:var(--text-link)}.practice-module__XUdCtG__emptyState{text-align:center;color:var(--text-muted);font-size:var(--fs-subhead);padding:40px}.practice-module__XUdCtG__tabRow{border-bottom:2px solid #96afe124;gap:4px;margin-bottom:20px;display:flex}.practice-module__XUdCtG__tab{font-size:var(--fs-body);cursor:pointer;color:var(--text-sub);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 18px;font-weight:500;transition:color .15s,border-color .15s}.practice-module__XUdCtG__tab:hover{color:var(--text-link)}.practice-module__XUdCtG__tabActive{color:var(--text-link);border-bottom-color:#2b5bc4}.practice-module__XUdCtG__viewSection{margin-bottom:28px}.practice-module__XUdCtG__sectionCount{font-size:var(--fs-body);color:var(--text-muted);font-weight:400}.practice-module__XUdCtG__railSection{margin-bottom:6px}.practice-module__XUdCtG__railLabel{font-size:var(--fs-subhead);color:var(--text-ink);margin:22px 0 12px;font-weight:700}.practice-module__XUdCtG__itemRail{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.practice-module__XUdCtG__itemRail::-webkit-scrollbar{display:none}.practice-module__XUdCtG__familyGrid{flex-wrap:wrap;gap:14px;display:flex}.practice-module__XUdCtG__railCard{width:160px;color:inherit;box-sizing:border-box;appearance:none;text-align:left;cursor:pointer;background:linear-gradient(180deg, var(--card-a), var(--card-b));border:1px solid #96afe124;border-radius:14px;flex-direction:column;flex:0 0 160px;padding:8px 8px 12px;font-family:inherit;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:flex}.practice-module__XUdCtG__railCard:hover{border-color:#96afe147;box-shadow:0 4px 12px #040a1c66}.practice-module__XUdCtG__railCard .practice-module__XUdCtG__matCover{border-radius:10px;flex:none;width:100%;margin:0}.practice-module__XUdCtG__railCardTitle{font-size:var(--fs-body);color:var(--text-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:9px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.practice-module__XUdCtG__railCardMeta{font-size:var(--fs-caption);align-items:center;gap:8px;margin-top:5px;display:flex}.practice-module__XUdCtG__railPos{color:var(--text-sub)}.practice-module__XUdCtG__railBest{color:var(--text-master);font-weight:600}.practice-module__XUdCtG__railUnpracticed{color:var(--text-muted)}.practice-module__XUdCtG__railSub{font-size:var(--fs-caption);color:var(--text-sub);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:3px;line-height:1.3;display:-webkit-box;overflow:hidden}.practice-module__XUdCtG__railCard .practice-module__XUdCtG__railBest{font-size:var(--fs-caption);margin-top:3px}.practice-module__XUdCtG__searchInput{background:var(--card-in);width:100%;max-width:360px;color:var(--text-ink);font-size:var(--fs-body);border:1px solid #96afe124;border-radius:10px;outline:none;margin-bottom:12px;padding:8px 12px;font-family:inherit}.practice-module__XUdCtG__searchInput::placeholder{color:var(--text-muted)}.practice-module__XUdCtG__searchInput:focus{border-color:#96afe14d}.practice-module__XUdCtG__statsRow{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.practice-module__XUdCtG__statCard{background:var(--card-in);border-radius:10px;flex:1;min-width:100px;padding:14px 16px}.practice-module__XUdCtG__statValue{font-size:var(--fs-title);color:var(--text-ink);font-weight:700;line-height:1}.practice-module__XUdCtG__statUnit{font-size:var(--fs-body);color:var(--text-sub);font-weight:400}.practice-module__XUdCtG__statLabel{font-size:var(--fs-caption);color:var(--text-muted);margin-top:4px}.practice-module__XUdCtG__statBar{background:#96afe124;border-radius:2px;height:4px;margin-top:8px}.practice-module__XUdCtG__statBarFill{background:#2b5bc4;border-radius:2px;height:100%}.practice-module__XUdCtG__recScroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.practice-module__XUdCtG__recScroll::-webkit-scrollbar{display:none}.practice-module__XUdCtG__recCard{width:140px;color:inherit;background:linear-gradient(180deg, var(--card-a), var(--card-b));border:1px solid #96afe124;border-radius:10px;flex-shrink:0;text-decoration:none;transition:box-shadow .2s;display:block;overflow:hidden}.practice-module__XUdCtG__recCard:hover{box-shadow:0 3px 10px #040a1c66}.practice-module__XUdCtG__recCardInner{flex-direction:column;gap:4px;padding:12px;display:flex}.practice-module__XUdCtG__recReason{font-size:var(--fs-label);border-radius:8px;margin-bottom:2px;padding:2px 7px;font-weight:600;display:inline-block}.practice-module__XUdCtG__reasonWeakness{color:var(--text-error);background:#fce4ec}.practice-module__XUdCtG__reasonContinue{color:var(--text-good);background:#e8f5e9}.practice-module__XUdCtG__reasonUntried{color:var(--text-link);background:#e8eaf6}.practice-module__XUdCtG__reasonSameKey{color:var(--text-error);background:#e0872b29}.practice-module__XUdCtG__recTitle{font-size:var(--fs-subhead);color:var(--text-ink);font-weight:600}.practice-module__XUdCtG__recSubtitle{font-size:var(--fs-label);color:var(--text-muted)}.practice-module__XUdCtG__recLast{font-size:var(--fs-label);color:var(--text-link);margin-top:2px}.practice-module__XUdCtG__keyGrid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.practice-module__XUdCtG__keyCell{background:linear-gradient(180deg, var(--card-a), var(--card-b));cursor:pointer;text-align:center;border:1px solid #96afe124;border-radius:8px;padding:14px 8px;transition:box-shadow .15s,transform .15s}.practice-module__XUdCtG__keyCell:hover{transform:translateY(-1px);box-shadow:0 3px 8px #040a1c66}.practice-module__XUdCtG__groupGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.practice-module__XUdCtG__groupCell{background:linear-gradient(180deg, var(--card-a), var(--card-b));cursor:pointer;text-align:left;border:1px solid #96afe124;border-radius:10px;padding:16px;transition:box-shadow .15s}.practice-module__XUdCtG__groupCell:hover{box-shadow:0 3px 10px #040a1c66}.practice-module__XUdCtG__groupCellKey{font-size:var(--fs-subhead);color:var(--text-ink);margin-bottom:4px;font-weight:600}.practice-module__XUdCtG__groupCellCount{font-size:var(--fs-body);color:var(--text-sub)}.practice-module__XUdCtG__groupBack{font-size:var(--fs-body);color:var(--text-link);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;display:inline-flex}.practice-module__XUdCtG__groupBack:hover{text-decoration:underline}.practice-module__XUdCtG__infoPanel{background:linear-gradient(180deg, var(--card-a), var(--card-b));border-radius:12px;padding:20px;box-shadow:0 1px 4px #040a1c66}.practice-module__XUdCtG__infoPanelCategory{font-size:var(--fs-caption);border-radius:10px;margin-bottom:8px;padding:2px 10px;font-weight:500;display:inline-block}.practice-module__XUdCtG__infoPanelCategoryScale{color:var(--text-good);background:#e1f5ee}.practice-module__XUdCtG__infoPanelCategoryArpeggio{color:var(--text-link);background:#e6f1fb}.practice-module__XUdCtG__infoPanelCategoryEtude{color:var(--text-link);background:#96afe129}.practice-module__XUdCtG__infoPanelTitle{font-size:var(--fs-subhead);color:var(--text-ink);margin:8px 0 4px;font-weight:500}.practice-module__XUdCtG__infoPanelComposer{font-size:var(--fs-body);color:var(--text-sub);margin-bottom:4px}.practice-module__XUdCtG__infoPanelStars{color:var(--text-master);font-size:var(--fs-subhead);letter-spacing:1px;margin-bottom:14px}.practice-module__XUdCtG__infoPanelStarEmpty{color:var(--text-muted)}.practice-module__XUdCtG__infoPanelDivider{border:none;border-top:1px solid #96afe124;margin:12px 0}.practice-module__XUdCtG__infoPanelMeta{font-size:var(--fs-body);flex-direction:column;gap:10px;display:flex}.practice-module__XUdCtG__infoPanelMetaRow{justify-content:space-between;display:flex}.practice-module__XUdCtG__infoPanelMetaLabel{color:var(--text-muted)}.practice-module__XUdCtG__infoPanelMetaValue{color:var(--text-ink);font-weight:500}.practice-module__XUdCtG__infoPanelTagSection{margin-top:2px}.practice-module__XUdCtG__infoPanelTagLabel{font-size:var(--fs-caption);color:var(--text-muted);margin-bottom:6px}.practice-module__XUdCtG__infoPanelTag{font-size:var(--fs-caption);border-radius:12px;margin:2px;padding:2px 10px;display:inline-block}.practice-module__XUdCtG__infoPanelTagPrimary{color:var(--text-error);background:#fce4ec}.practice-module__XUdCtG__infoPanelTagNormal{color:var(--text-body);background:#f0f0f0}.practice-module__XUdCtG__infoPanelDescription{font-size:var(--fs-body);color:var(--text-body);line-height:1.5}.practice-module__XUdCtG__infoPanelHistory{font-size:var(--fs-body)}.practice-module__XUdCtG__infoPanelHistoryItem{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:6px 0;display:flex}.practice-module__XUdCtG__infoPanelHistoryDate{color:var(--text-body);font-size:var(--fs-body)}.practice-module__XUdCtG__infoPanelHistoryScore{color:var(--text-link);font-size:var(--fs-body);font-weight:500}.practice-module__XUdCtG__infoPanelEmpty{font-size:var(--fs-body);color:var(--text-muted);padding:8px 0}.practice-module__XUdCtG__starTabs{gap:6px;margin:8px 0 14px;padding-bottom:2px;display:flex;overflow-x:auto}.practice-module__XUdCtG__starTab{appearance:none;letter-spacing:.04em;color:var(--text-sub);cursor:pointer;white-space:nowrap;background:#96afe11a;border:1px solid #0000;border-radius:999px;flex:none;padding:5px 12px;font-family:inherit;font-size:11.5px;font-weight:800}.practice-module__XUdCtG__starTabActive{color:var(--gold);background:#e8b23c29;border-color:#e8b23c57}.practice-module__XUdCtG__matList{grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:12px;display:grid}.practice-module__XUdCtG__matRow{background:linear-gradient(180deg, var(--card-a), var(--card-b));color:inherit;border:1px solid #e7e2e4;border-radius:14px;align-items:center;gap:13px;padding:10px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform 80ms;display:flex}.practice-module__XUdCtG__matRow:hover{border-color:#c3a9b2;box-shadow:0 5px 16px #3c142317}.practice-module__XUdCtG__matRow:active{transform:scale(.995)}.practice-module__XUdCtG__matCover{aspect-ratio:1;background:linear-gradient(150deg,#3f78d4,#24447e);border-radius:12px;flex:0 0 76px;place-items:center;width:76px;display:grid;position:relative;overflow:hidden}.practice-module__XUdCtG__matCover svg{opacity:.9}.practice-module__XUdCtG__matCover img{object-fit:cover;width:100%;height:100%}.practice-module__XUdCtG__matStar{font-size:var(--fs-caption);color:var(--text-on-accent);font-variant-numeric:tabular-nums;background:#0000004d;border-radius:999px;align-items:center;gap:2px;padding:1.5px 7px 1.5px 6px;font-weight:800;display:inline-flex;position:absolute;top:5px;right:5px}.practice-module__XUdCtG__matInfo{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.practice-module__XUdCtG__matTitle{font-size:var(--fs-subhead);color:var(--text-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.32;display:-webkit-box;overflow:hidden}.practice-module__XUdCtG__matComposer{font-size:var(--fs-body);color:var(--text-sub)}.practice-module__XUdCtG__matMeta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.practice-module__XUdCtG__matChip{font-size:var(--fs-caption);color:var(--text-body);white-space:nowrap;background:#f1edf0;border-radius:999px;padding:2px 8px;font-weight:700}.practice-module__XUdCtG__matCrown{min-width:22px;height:22px;font-size:var(--fs-subhead);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;border-radius:999px;place-items:center;padding:0 3px;line-height:1;display:grid;position:absolute;top:5px;right:5px}.practice-module__XUdCtG__matDesc{font-size:var(--fs-body);color:var(--text-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.practice-module__XUdCtG__matBest{font-size:var(--fs-body);color:var(--text-master);font-variant-numeric:tabular-nums;margin-top:2px;font-weight:800}.practice-module__XUdCtG__basicTop{align-items:center;gap:10px;margin-top:3px;display:flex}.practice-module__XUdCtG__posCircle{font-size:var(--fs-caption);color:var(--text-body);white-space:nowrap;border:1.5px solid #c9c2c5;border-radius:999px;padding:2px 11px;font-weight:700;line-height:1.5}.practice-module__XUdCtG__lastPracticed{font-size:var(--fs-caption);color:var(--text-sub)}.practice-module__XUdCtG__basicDivider{border-top:1px solid #96afe11f;margin:5px 0 4px}.practice-module__XUdCtG__basicBottom{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.practice-module__XUdCtG__basicDesc{min-width:0;font-size:var(--fs-body);color:var(--text-body);-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:1;line-height:1.4;display:-webkit-box;overflow:hidden}.practice-module__XUdCtG__basicScore{font-size:var(--fs-subhead);color:var(--text-master);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:800}.practice-module__XUdCtG__basicUnpracticed{font-size:var(--fs-body);color:var(--text-muted);white-space:nowrap;font-weight:600}