@import"https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&family=Roboto:wght@300;400;500;700&display=swap";._roleBadge_1nryl_1{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--neutral-line);color:var(--ink-secondary);background:var(--bg-surface)}._roleBadgeAdmin_1nryl_15{border-color:#b42318;color:#b42318}._roleBadgeTeacher_1nryl_20{border-color:#0e9384;color:#0e9384}._roleBadgeComposer_1nryl_25{border-color:#6941c6;color:#6941c6}._roleBadgeStudent_1nryl_30{border-color:var(--neutral-line);color:var(--ink-muted)}._loadingSkeleton_1qtmw_1{padding:var(--space-xl);max-width:1200px;margin:0 auto}._loadingSkeletonSimple_1qtmw_7{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--ink-muted);font-size:15px}._loadingSkeletonHeader_1qtmw_16{margin-bottom:var(--space-xl)}._skeletonTitle_1qtmw_20{height:32px;width:240px;border-radius:var(--radius-soft);margin-bottom:var(--space-md)}._skeletonSubtitle_1qtmw_27{height:20px;width:180px;border-radius:var(--radius-soft)}._loadingSkeletonList_1qtmw_33{display:flex;flex-direction:column;gap:var(--space-md)}._skeletonItem_1qtmw_39{background:var(--panel-bg);padding:var(--space-lg);border-radius:var(--radius-card);border:1px solid var(--neutral-line)}._skeletonItemLine_1qtmw_46{height:16px;border-radius:var(--radius-soft);margin-bottom:var(--space-sm)}._skeletonItemLine_1qtmw_46:last-child{margin-bottom:0}._loadingSkeletonForm_1qtmw_56{display:flex;flex-direction:column;gap:var(--space-lg)}._skeletonField_1qtmw_62{display:flex;flex-direction:column;gap:var(--space-sm)}._skeletonLabel_1qtmw_68{height:16px;width:120px;border-radius:var(--radius-soft)}._skeletonInput_1qtmw_74{height:40px;border-radius:var(--radius-soft)}@keyframes _shimmer_1qtmw_89{0%{background-position:-1000px 0}to{background-position:1000px 0}}._shimmer_1qtmw_89{background:linear-gradient(90deg,var(--neutral-line) 0%,var(--bg-surface) 50%,var(--neutral-line) 100%);background-size:1000px 100%;animation:_shimmer_1qtmw_89 2s infinite linear}._errorMessage_1qtmw_101{padding:var(--space-xl);max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:center;min-height:300px}._errorMessageContent_1qtmw_111{text-align:center;background:var(--panel-bg);padding:var(--space-2xl);border-radius:var(--radius-card);border:1px solid var(--neutral-line)}._errorMessageContent_1qtmw_111 h2{margin:0 0 var(--space-md) 0;color:var(--ink-primary);font-size:20px;font-weight:600}._errorMessageContent_1qtmw_111 p{margin:0 0 var(--space-lg) 0;color:var(--ink-secondary);font-size:15px;line-height:1.5}._errorRetryButton_1qtmw_133{background:var(--accent-primary);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-soft);font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}._errorRetryButton_1qtmw_133:hover{background:var(--accent-primary-soft)}._errorRetryButton_1qtmw_133:active{transform:scale(.98)}._recordingTimer_1leis_2{min-width:48px;text-align:right;font-variant-numeric:tabular-nums}._recordingMeter_1leis_9{flex:1 1 80px;min-width:60px;max-width:120px;height:8px;border-radius:999px;background:var(--neutral-line);overflow:hidden}._recordingMeterBar_1leis_19{height:100%;background:var(--accent-primary);width:0%;transition:width .1s linear}._recordingWaveform_1leis_27{height:36px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;align-items:end;background:var(--bg-surface);border:1px solid var(--neutral-line);border-radius:10px;padding:4px;margin-top:4px}._recordingWaveform_1leis_27 span{display:block;width:100%;border-radius:6px;background:var(--accent-primary);opacity:.6}._recordingWaveform_1leis_27._empty_1leis_49{background:var(--bg-page)}._recordingList_1leis_54{display:grid;gap:4px;margin-top:var(--space-xs);max-width:100%}._recordingEmpty_1leis_61{font-size:12px;color:var(--ink-muted);padding:4px 0}._recordingListHeader_1leis_67{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink-secondary)}._recordingMenu_1leis_75{position:relative}._recordingMenu_1leis_75 summary{cursor:pointer;list-style:none}._recordingMenu_1leis_75 summary::-webkit-details-marker{display:none}._recordingMenu_1leis_75 button{margin-top:4px}._recordingListRows_1leis_92{display:grid;gap:6px;max-height:180px;overflow-y:scroll;scrollbar-gutter:stable;padding-right:2px}._recordingRow_1leis_102{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-xs);align-items:center;padding:4px 0;border-bottom:1px dashed var(--neutral-line);font-size:12px;color:var(--ink-secondary)}._recordingRow_1leis_102:last-child{border-bottom:none}._recordingMeta_1leis_117{display:flex;align-items:center;gap:var(--space-xs);min-width:0}._recordingTitle_1leis_124{border:1px solid var(--neutral-line);border-radius:8px;padding:4px 6px;font-size:12px;background:var(--bg-page);color:var(--ink-primary);min-width:140px}._recordingSub_1leis_134{font-size:11px;color:var(--ink-muted);white-space:nowrap}._recordingRow_1leis_102 audio{width:140px;height:24px}._osmdContainer_rko2y_3{width:100%;height:auto;overflow:auto}._contentPreview_rko2y_9{position:relative;width:100%;height:auto;min-height:0;max-height:75vh;border-radius:var(--radius-soft);--content-bg: var(--bg-page);--content-border: var(--neutral-line);--content-empty: var(--ink-muted);--content-fullscreen-btn-bg: rgba(255, 255, 255, .9);background:var(--content-bg);display:grid;place-items:center;overflow:hidden}._contentPreviewFixed_rko2y_26{height:75vh;min-height:360px}._contentPreviewAuto_rko2y_31{overflow:auto}._contentPreviewFixed_rko2y_26 ._osmdContainer_rko2y_3{height:100%}._contentFrame_rko2y_39{width:100%;height:100%;border:0}._contentCrop_rko2y_45{width:100%;height:100%;overflow:hidden}._contentCrop_rko2y_45 ._contentFrame_rko2y_39{transform-origin:top left}._contentFrameFullscreen_rko2y_55{width:100%;height:100%}._soundsliceFrame_rko2y_60{width:100%;height:75vh;border:0}._youtubeFrame_rko2y_66{width:100%;border:0;display:block}._contentImage_rko2y_73{max-width:100%;max-height:100%;transform-origin:center}._contentImageFullscreen_rko2y_79{width:100%;height:100%;object-fit:contain}._contentEmpty_rko2y_85{font-size:12px;color:var(--content-empty)}._fullscreenBtn_rko2y_90{position:absolute;top:6px;right:6px;background:var(--content-fullscreen-btn-bg)}._contentOverlay_rko2y_98{position:fixed;inset:0;background:#14100cf0;display:grid;grid-template-rows:auto 1fr;z-index:1000}._overlayToolbar_rko2y_107{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:#fff9f114;border-bottom:1px solid rgba(255,255,255,.1)}._overlayTitle_rko2y_117{font-size:14px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._overlayActions_rko2y_126{display:inline-flex;align-items:center;gap:var(--space-sm)}._overlayBody_rko2y_132{width:100%;height:100%;overflow:auto;padding:var(--space-lg);display:grid;place-items:center}._pdfCrop_rko2y_142{display:grid;gap:6px}._pdfCropViewer_rko2y_147{position:relative;height:320px;border-radius:var(--radius-soft);--content-crop-bg: var(--bg-surface);--content-crop-border: var(--neutral-line);--content-crop-highlight: var(--accent-primary);--content-crop-fill: rgba(47, 88, 78, .12);border:1px dashed var(--content-crop-border);overflow:hidden;background:var(--content-crop-bg)}._pdfCropViewer_rko2y_147 ._contentFrame_rko2y_39{width:100%;height:100%}._pdfCropFrame_rko2y_165{pointer-events:none}._pdfCropOverlay_rko2y_169{position:absolute;inset:0;cursor:crosshair}._pdfCropRect_rko2y_175{position:absolute;border:2px solid var(--content-crop-highlight);background:var(--content-crop-fill);border-radius:6px;pointer-events:none}._pdfCropActions_rko2y_183{display:flex;align-items:center;justify-content:space-between}._pdfExtractOverlay_rko2y_190{position:fixed;inset:0;background:#14100cbf;display:grid;grid-template-rows:auto 1fr auto;z-index:1200}._pdfExtractToolbar_rko2y_199{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border-bottom:1px solid var(--neutral-line)}._pdfExtractTitle_rko2y_209{font-size:16px;font-weight:500;color:var(--ink-primary)}._pdfExtractActions_rko2y_215{display:inline-flex;align-items:center;gap:var(--space-sm)}._pdfExtractSummary_rko2y_221{font-size:12px;color:var(--ink-secondary);white-space:nowrap}._pdfExtractBody_rko2y_227{display:grid;place-items:center;padding:var(--space-md);overflow:auto}._pdfExtractFooter_rko2y_234{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border-top:1px solid var(--neutral-line)}._variations_94kj2_1{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;border-top:1px solid var(--border-color)}._toggleRow_94kj2_9{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}._modeToggles_94kj2_17{display:flex;gap:.5rem}._toggleButton_94kj2_22{padding:.25rem .75rem;border:1px solid var(--border-color);background:transparent;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;color:var(--text-secondary)}._toggleButton_94kj2_22:hover{background:var(--bg-hover)}._toggleButtonActive_94kj2_36{background:var(--bg-surface-active);color:var(--primary-color);border-color:var(--primary-color);font-weight:500}._srsControls_94kj2_43{display:flex;gap:.5rem}._srsBtn_94kj2_48{padding:.4rem .8rem;border:none;border-radius:var(--radius-sm);color:#fff;font-size:.9rem;cursor:pointer;font-weight:500;transition:filter .2s}._srsBtn_94kj2_48:hover{filter:brightness(1.1)}._srsAgain_94kj2_63{background-color:#e53935}._srsHard_94kj2_68{background-color:#fb8c00}._srsGood_94kj2_73{background-color:#43a047}._srsEasy_94kj2_78{background-color:#1e88e5}._variationAxis_94kj2_84{display:flex;flex-direction:column;gap:.5rem}._variationAxisTitle_94kj2_90{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}._variationGrid_94kj2_97{display:flex;flex-wrap:wrap;gap:.5rem}._variationTile_94kj2_103{padding:.5rem;min-width:2.5rem;text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-subtle);font-size:1rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}._variationTile_94kj2_103._done_94kj2_115{background:transparent;opacity:.6;text-decoration:line-through}._variationTile_94kj2_103._current_94kj2_121{border-color:var(--primary-color);background:var(--bg-surface-active);color:var(--primary-color);font-weight:700;box-shadow:0 0 0 1px var(--primary-color)}._container_b56ko_1,._resourceList_b56ko_7{display:flex;flex-direction:column;gap:.5rem}._resourceItem_b56ko_13{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;background-color:var(--bg-surface-secondary, #f3f4f6);border-radius:6px;font-size:.9rem}._resourceContent_b56ko_24{flex:1;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}._resourceActions_b56ko_31{display:flex;gap:.25rem;flex-shrink:0}._resourceLink_b56ko_37{color:var(--primary-color, #2563eb);text-decoration:none}._resourceLink_b56ko_37:hover{text-decoration:underline}._editButton_b56ko_46,._deleteButton_b56ko_47{background:none;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}._editButton_b56ko_46:hover,._deleteButton_b56ko_47:hover{background-color:var(--bg-hover, #e5e7eb);color:var(--text-primary, #111827)}._saveButton_b56ko_65{background:none;border:none;color:var(--accent-primary, #f97316);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}._saveButton_b56ko_65:hover{background-color:var(--bg-hover, #e5e7eb)}._editForm_b56ko_81{display:flex;gap:.5rem;align-items:center}._addForm_b56ko_87{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}._input_b56ko_94{flex:1;padding:.5rem;border:1px solid var(--border-color, #d1d5db);border-radius:4px;font-size:.9rem}._addButton_b56ko_102{padding:.5rem 1rem;background-color:var(--accent-primary, #f97316);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500}._addButton_b56ko_102:hover{background-color:var(--accent-primary-hover, #ea580c)}._cancelButton_b56ko_118{padding:.5rem;background:none;border:1px solid var(--border-color, #d1d5db);color:var(--text-secondary, #6b7280);border-radius:4px;cursor:pointer;font-size:.9rem}._cancelButton_b56ko_118:hover{background-color:var(--bg-surface-secondary, #f3f4f6);color:var(--text-primary, #111827)}._emptyState_b56ko_133{font-size:.9rem;color:var(--text-secondary, #6b7280);font-style:italic;padding:.5rem 0}._showAddButton_b56ko_140{align-self:flex-start;background:none;border:1px dashed var(--border-color, #d1d5db);color:var(--text-secondary, #6b7280);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.25rem}._showAddButton_b56ko_140:hover{border-color:var(--accent-primary, #f97316);color:var(--accent-primary, #f97316)}._quotaIndicator_1j4hy_3{padding:var(--space-md);border:1px solid var(--neutral-line);border-radius:var(--radius-card);background:var(--bg-surface)}._quotaHeader_1j4hy_10{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-sm)}._quotaLabel_1j4hy_17{font-size:14px;font-weight:500;color:var(--ink-primary)}._quotaValues_1j4hy_23{font-size:13px;color:var(--ink-secondary)}._quotaValues_1j4hy_23 strong{color:var(--ink-primary);font-weight:600}._separator_1j4hy_33{margin:0 var(--space-xs);color:var(--ink-muted)}._progressBar_1j4hy_38{height:8px;background:var(--neutral-bg);border-radius:4px;overflow:hidden;margin-bottom:var(--space-sm)}._progressFill_1j4hy_46{height:100%;background:var(--accent-primary);transition:width .3s ease,background-color .3s ease;border-radius:4px}._normal_1j4hy_54 ._progressFill_1j4hy_46{background:var(--accent-primary)}._nearLimit_1j4hy_58 ._progressFill_1j4hy_46{background:var(--warning-primary)}._atLimit_1j4hy_62 ._progressFill_1j4hy_46{background:var(--error-primary)}._quotaDetails_1j4hy_66{font-size:13px;line-height:1.4}._infoText_1j4hy_71{margin:0;color:var(--ink-muted)}._warningText_1j4hy_76{margin:0;color:var(--ink-secondary);font-weight:500}._atLimit_1j4hy_62 ._warningText_1j4hy_76{color:var(--error-primary)}._nearLimit_1j4hy_58 ._warningText_1j4hy_76{color:var(--warning-primary)}._testPanel_1v3d1_3{display:flex;flex-direction:column;gap:1.5rem}._settingsSection_1v3d1_10{padding:1rem;background:var(--bg-overlay, #f5f5f5);border-radius:8px;border:2px solid var(--primary, #2563eb)}._settingsSection_1v3d1_10 h3{margin:0 0 1rem;font-size:1rem;color:var(--text-primary, #111)}._permissionWarning_1v3d1_23{padding:1rem;background:var(--warning-bg, #fef3c7);border:1px solid var(--warning, #f59e0b);border-radius:8px;margin-bottom:1rem}._permissionWarning_1v3d1_23 p{margin:0 0 .75rem}._settingsControls_1v3d1_35{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}._settingsControls_1v3d1_35 label{display:flex;flex-direction:column;gap:.5rem}._settingsControls_1v3d1_35 label span{font-weight:500;font-size:.9rem}._settingsControls_1v3d1_35 select{padding:.5rem;border:1px solid var(--border, #e5e7eb);border-radius:4px;font-size:.95rem}._recordSection_1v3d1_60{display:flex;flex-direction:column;gap:1rem}._recordControls_1v3d1_66{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}._recordButton_1v3d1_73,._stopButton_1v3d1_74{display:flex;align-items:center;gap:.5rem;font-size:1rem;padding:.75rem 1.5rem}._recordButton_1v3d1_73{background-color:var(--error, #dc2626);color:#fff;border:none}._recordButton_1v3d1_73:hover:not(:disabled){background-color:var(--error-dark, #b91c1c)}._recordButton_1v3d1_73:disabled{opacity:.5;cursor:not-allowed}._recordIcon_1v3d1_97,._stopIcon_1v3d1_98{font-size:1.2rem}._timer_1v3d1_102{font-family:Monaco,Menlo,monospace;font-size:1.25rem;font-weight:600;color:var(--error, #dc2626);padding:.5rem 1rem;background:var(--bg-overlay, #f5f5f5);border-radius:8px;min-width:80px;text-align:center}._liveFeedback_1v3d1_115{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-overlay, #f5f5f5);border-radius:8px;border:2px solid var(--error, #dc2626)}._errorMessage_1v3d1_126{padding:1rem;background:var(--error-bg, #fee2e2);border:1px solid var(--error, #dc2626);border-radius:8px;color:var(--error-text, #991b1b)}._errorMessage_1v3d1_126 strong{display:block;margin-bottom:.25rem}._playbackSection_1v3d1_140{padding:1.5rem;background:var(--success-bg, #d1fae5);border:2px solid var(--success, #10b981);border-radius:8px}._playbackSection_1v3d1_140 h4{margin:0 0 1rem;font-size:1.1rem;color:var(--success-text, #065f46)}._playbackControls_1v3d1_153{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}._timeDisplay_1v3d1_160{font-family:Monaco,Menlo,monospace;font-size:1rem;font-weight:500;color:var(--text-subtle, #666)}._seekBar_1v3d1_167{width:100%;height:8px;border-radius:4px;background:var(--bg-overlay, #f5f5f5);outline:none;cursor:pointer}._seekBar_1v3d1_167::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary, #2563eb);cursor:pointer}._seekBar_1v3d1_167::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary, #2563eb);cursor:pointer;border:none}._statusMessage_1v3d1_196{padding:1rem;background:var(--bg-overlay, #f5f5f5);border-radius:8px;border-left:4px solid var(--primary, #2563eb)}._statusMessage_1v3d1_196 p{margin:0 0 .75rem;font-weight:500}._statusMessage_1v3d1_196 ol{margin:0;padding-left:1.5rem}._statusMessage_1v3d1_196 li{margin:.5rem 0;line-height:1.6}@media(max-width:768px){._recordControls_1v3d1_66{flex-direction:column;align-items:stretch}._recordButton_1v3d1_73,._stopButton_1v3d1_74{width:100%;justify-content:center}._timer_1v3d1_102{text-align:center}._playbackControls_1v3d1_153{flex-direction:column;align-items:stretch}._timeDisplay_1v3d1_160{text-align:center}}._subtitle_1350w_3{color:var(--text-subtle, #666);margin-top:.25rem;font-size:1rem}._platformTabs_1350w_10{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border, #e5e7eb)}._tab_1350w_17{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:500;cursor:pointer;color:var(--text-subtle, #666);transition:all .2s}._tab_1350w_17:hover{color:var(--text-primary, #111);background-color:var(--bg-overlay, #f5f5f5)}._tab_1350w_17._active_1350w_34{color:var(--primary, #2563eb);border-bottom-color:var(--primary, #2563eb);font-weight:600}._testSection_1350w_41{background:var(--bg-highlight, #fef3c7);border:2px solid var(--warning, #f59e0b)}._testIntro_1350w_46{margin-bottom:1.5rem;font-size:1rem}._soundTest_1350w_51{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border, #e5e7eb)}._soundTest_1350w_51 h3{margin-bottom:.5rem;font-size:1.1rem}._soundTest_1350w_51 p{margin:.5rem 0}._soundControls_1350w_66{display:flex;gap:.75rem;align-items:center;margin:1rem 0}._soundSelect_1350w_73{flex:1;max-width:200px}._helper_1350w_78{color:var(--text-subtle, #666);font-size:.9rem;margin-top:.5rem}._recordingTest_1350w_84 h3{margin-bottom:.5rem;font-size:1.1rem}._recordingTest_1350w_84 p{margin:.5rem 0 1rem}._guideContent_1350w_94,._overview_1350w_101{display:flex;flex-direction:column;gap:1.5rem}._statsRow_1350w_107{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}._stat_1350w_107{display:flex;flex-direction:column;padding:1rem;background:var(--bg-overlay, #f5f5f5);border-radius:8px;text-align:center}._statLabel_1350w_122{font-size:.85rem;color:var(--text-subtle, #666);margin-bottom:.25rem}._statValue_1350w_128{font-size:1.25rem;font-weight:600;color:var(--primary, #2563eb)}._whatYouNeed_1350w_134 h3{margin-bottom:.75rem;font-size:1rem}._whatYouNeed_1350w_134 ul{list-style:none;padding:0}._whatYouNeed_1350w_134 li{padding:.5rem 0;font-size:.95rem}._analogy_1350w_150{background:var(--bg-overlay, #f5f5f5);padding:1rem;border-radius:8px;margin:1rem 0}._analogy_1350w_150 p{margin-bottom:.5rem}._analogy_1350w_150 ul{margin:0;padding-left:1.5rem}._highlight_1350w_166{background:var(--bg-highlight, #dbeafe);padding:1rem;border-radius:8px;border-left:4px solid var(--primary, #2563eb);font-size:1rem}._stepHeader_1350w_175{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}._stepHeader_1350w_175 h2{margin:0;font-size:1.25rem}._expandBtn_1350w_187{background:var(--primary, #2563eb);color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}._expandBtn_1350w_187:hover{background:var(--primary-dark, #1d4ed8)}._stepSummary_1350w_207{font-size:1rem}._stepSummary_1350w_207 ol,._stepSummary_1350w_207 ul{margin:.5rem 0;padding-left:1.75rem}._stepSummary_1350w_207 li{margin:.75rem 0;line-height:1.6}._stepSummary_1350w_207 strong{color:var(--primary, #2563eb)}._stepSummary_1350w_207 ._btn_1350w_226{display:inline-block;margin-left:.5rem}._warningNote_1350w_231{color:var(--warning, #f59e0b);font-size:.9rem;margin-top:.5rem;font-weight:500}._stepDetails_1350w_238{margin-top:1.5rem;padding:1.5rem;background:var(--bg-overlay, #f5f5f5);border-radius:8px;border-left:4px solid var(--primary, #2563eb);animation:_slideDown_1350w_1 .3s ease-out}@keyframes _slideDown_1350w_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._stepDetails_1350w_238 h3{margin:1rem 0 .5rem;font-size:1rem;color:var(--text-primary, #111)}._stepDetails_1350w_238 h3:first-child{margin-top:0}._stepDetails_1350w_238 ol,._stepDetails_1350w_238 ul{margin:.5rem 0;padding-left:1.75rem}._stepDetails_1350w_238 li{margin:.5rem 0;line-height:1.6}._stepDetails_1350w_238 code{background:var(--bg-highlight, #fff);padding:.2rem .5rem;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.9rem}._stepDetails_1350w_238 kbd{background:var(--bg-highlight, #fff);padding:.2rem .5rem;border-radius:4px;border:1px solid var(--border, #e5e7eb);font-family:Monaco,Menlo,monospace;font-size:.85rem;box-shadow:0 1px 2px #0000001a}._stepTime_1350w_298{color:var(--text-subtle, #666);font-size:.9rem;margin-bottom:1rem}._stepContent_1350w_304 h3{margin:1.5rem 0 .75rem;font-size:1.05rem;color:var(--text-primary, #111)}._stepContent_1350w_304 ol,._stepContent_1350w_304 ul{margin:.75rem 0;padding-left:1.75rem}._stepContent_1350w_304 li{margin:.5rem 0;line-height:1.6}._stepContent_1350w_304 code{background:var(--bg-overlay, #f5f5f5);padding:.2rem .5rem;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.9rem}._stepContent_1350w_304 kbd{background:var(--bg-overlay, #f5f5f5);padding:.2rem .5rem;border-radius:4px;border:1px solid var(--border, #e5e7eb);font-family:Monaco,Menlo,monospace;font-size:.85rem;box-shadow:0 1px 2px #0000001a}._successBox_1350w_340,._warningBox_1350w_341,._infoBox_1350w_342{padding:1rem;border-radius:8px;margin:1.5rem 0;font-weight:500}._successBox_1350w_340{background:var(--success-bg, #d1fae5);border:1px solid var(--success, #10b981);color:var(--success-text, #065f46)}._warningBox_1350w_341{background:var(--warning-bg, #fef3c7);border:1px solid var(--warning, #f59e0b);color:var(--warning-text, #92400e)}._infoBox_1350w_342{background:var(--info-bg, #dbeafe);border:1px solid var(--info, #3b82f6);color:var(--info-text, #1e40af)}._infoBox_1350w_342 ul{margin-top:.5rem;padding-left:1.5rem}._troubleshootingContent_1350w_378,._faqContent_1350w_379{display:flex;flex-direction:column;gap:1.5rem}._troubleItem_1350w_385,._faqItem_1350w_386{padding:1.25rem;background:var(--bg-overlay, #f5f5f5);border-radius:8px;border-left:4px solid var(--primary, #2563eb)}._troubleItem_1350w_385 h3,._faqItem_1350w_386 h3{margin:0 0 .75rem;font-size:1rem;color:var(--text-primary, #111)}._troubleItem_1350w_385 p,._faqItem_1350w_386 p{margin:.5rem 0}._troubleItem_1350w_385 ol,._troubleItem_1350w_385 ul{margin:.5rem 0;padding-left:1.75rem}._troubleItem_1350w_385 li{margin:.25rem 0;line-height:1.6}._faqItem_1350w_386 ul{margin-top:.5rem;padding-left:1.5rem}@media(max-width:768px){._platformTabs_1350w_10{flex-direction:column}._tab_1350w_17{border-bottom:none;border-left:3px solid transparent;text-align:left}._tab_1350w_17._active_1350w_34{border-bottom:none;border-left-color:var(--primary, #2563eb)}._statsRow_1350w_107{grid-template-columns:1fr}._soundControls_1350w_66{flex-direction:column;align-items:stretch}._soundSelect_1350w_73{max-width:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-800:oklch(43.2% .095 166.913);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-600:oklch(54.6% .245 262.881);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:var(--radius-xl);--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-xl:var(--shadow-xl);--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--accent-primary);--color-primary-hover:var(--accent-primary-hover);--color-page:var(--bg-page);--color-ink-primary:var(--ink-primary);--color-ink-secondary:var(--ink-secondary);--color-ink-muted:var(--ink-muted);--color-line:var(--neutral-line);--color-warmup:var(--cat-warmup);--color-technique:var(--cat-technique);--color-repertoire:var(--cat-repertoire);--color-skill:var(--cat-skill);--radius-card:var(--radius-card);--radius-soft:var(--radius-soft);--radius-pill:var(--radius-pill)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-0\.5{top:calc(var(--spacing)*.5)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-6{top:calc(var(--spacing)*6)}.top-\[20\%\]{top:20%}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.bottom-0\.5{bottom:calc(var(--spacing)*.5)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-\[999\]{z-index:999}.z-\[10000\]{z-index:10000}.z-\[20000\]{z-index:20000}.col-span-full{grid-column:1/-1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.-mr-1{margin-right:calc(var(--spacing)*-1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-10{margin-right:calc(var(--spacing)*10)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.aspect-square{aspect-ratio:1}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-24{height:calc(var(--spacing)*24)}.h-\[80vh\]{height:80vh}.h-\[300px\]{height:300px}.h-\[350px\]{height:350px}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-\[140px\]{max-height:140px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[52px\]{min-height:52px}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-\[1\.5px\]{width:1.5px}.w-\[calc\(33\.33\%-1px\)\]{width:calc(33.33% - 1px)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[1280px\]{max-width:1280px}.max-w-\[1800px\]{max-width:1800px}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-\[2\]{flex:2}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[200\%\]{--tw-translate-x:200%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)!important}.animate-\[progress_2s_ease-in-out_infinite\]{animation:2s ease-in-out infinite progress}.animate-pulse{animation:var(--animate-pulse)}.cursor-col-resize{cursor:col-resize}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-soft{border-radius:var(--radius-soft)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#cbd5e1\]\/40{border-color:#cbd5e166}.border-\[\#cbd5e1\]\/60{border-color:#cbd5e199}.border-amber-100{border-color:var(--color-amber-100)}.border-blue-100{border-color:var(--color-blue-100)}.border-emerald-100{border-color:var(--color-emerald-100)}.border-green-100{border-color:var(--color-green-100)}.border-line{border-color:var(--color-line)}.border-orange-100{border-color:var(--color-orange-100)}.border-primary,.border-primary\/10{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/10{border-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.border-primary\/30{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/30{border-color:color-mix(in oklab,var(--color-primary)30%,transparent)}}.border-red-100{border-color:var(--color-red-100)}.border-red-400{border-color:var(--color-red-400)}.border-rose-100{border-color:var(--color-rose-100)}.border-slate-50{border-color:var(--color-slate-50)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-100\/50{border-color:#f1f5f980}@supports (color:color-mix(in lab,red,red)){.border-slate-100\/50{border-color:color-mix(in oklab,var(--color-slate-100)50%,transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/50{border-color:#e2e8f080}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/50{border-color:color-mix(in oklab,var(--color-slate-200)50%,transparent)}}.border-slate-200\/60{border-color:#e2e8f099}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/60{border-color:color-mix(in oklab,var(--color-slate-200)60%,transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab,red,red)){.border-white\/60{border-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-\[\#cbd5e1\]\/40{background-color:#cbd5e166}.bg-\[\#dee4ed\]{background-color:#dee4ed}.bg-\[\#fcfcfc\]{background-color:#fcfcfc}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-50\/40{background-color:#eff6ff66}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/40{background-color:color-mix(in oklab,var(--color-blue-50)40%,transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-50\/50{background-color:#fff7ed80}@supports (color:color-mix(in lab,red,red)){.bg-orange-50\/50{background-color:color-mix(in oklab,var(--color-orange-50)50%,transparent)}}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-page{background-color:var(--color-page)}.bg-primary,.bg-primary\/5{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/10{background-color:#f8fafc1a}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/10{background-color:color-mix(in oklab,var(--color-slate-50)10%,transparent)}}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/50{background-color:color-mix(in oklab,var(--color-slate-50)50%,transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/40{background-color:#0f172b66}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/40{background-color:color-mix(in oklab,var(--color-slate-900)40%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-8{padding-top:calc(var(--spacing)*8)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-7{padding-left:calc(var(--spacing)*7)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[32px\]{font-size:32px}.text-\[42px\]{font-size:42px}.text-\[56px\]{font-size:56px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#64748b\]{color:#64748b}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-800{color:var(--color-emerald-800)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-ink-muted{color:var(--color-ink-muted)}.text-ink-primary{color:var(--color-ink-primary)}.text-ink-secondary,.text-ink-secondary\/70{color:var(--color-ink-secondary)}@supports (color:color-mix(in lab,red,red)){.text-ink-secondary\/70{color:color-mix(in oklab,var(--color-ink-secondary)70%,transparent)}}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-primary{color:var(--color-primary)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-repertoire{color:var(--color-repertoire)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-skill{color:var(--color-skill)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-technique{color:var(--color-technique)}.text-warmup{color:var(--color-warmup)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.accent-primary{accent-color:var(--color-primary)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_2px_rgba\(255\,107\,53\,0\.2\)\]{--tw-shadow:0 0 0 2px var(--tw-shadow-color,#ff6b3533);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-orange-500\/10{--tw-shadow-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.shadow-orange-500\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-orange-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-orange-500\/20{--tw-shadow-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.shadow-orange-500\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-orange-500)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-primary\/20{--tw-shadow-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.shadow-primary\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-slate-200\/50{--tw-shadow-color:#e2e8f080}@supports (color:color-mix(in lab,red,red)){.shadow-slate-200\/50{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-slate-200)50%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-slate-300\/50{--tw-shadow-color:#cad5e280}@supports (color:color-mix(in lab,red,red)){.shadow-slate-300\/50{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-slate-300)50%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-primary{--tw-ring-color:var(--color-primary)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);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,)}.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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-90:is(:where(.group):is([open],:popover-open,:open) *){rotate:90deg}.group-open\:bg-primary:is(:where(.group):is([open],:popover-open,:open) *){background-color:var(--color-primary)}@media(hover:hover){.group-hover\:bg-primary:is(:where(.group):hover *){background-color:var(--color-primary)}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--color-primary)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/opt-expanded\:text-primary:is(:where(.group\/opt-expanded):hover *){color:var(--color-primary)}}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.focus-within\:border-primary\/30:focus-within{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.focus-within\:border-primary\/30:focus-within{border-color:color-mix(in oklab,var(--color-primary)30%,transparent)}}@media(hover:hover){.hover\:w-2:hover{width:calc(var(--spacing)*2)}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-red-100:hover{border-color:var(--color-red-100)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-amber-700:hover{background-color:var(--color-amber-700)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-orange-50:hover{background-color:var(--color-orange-50)}.hover\:bg-orange-50\/30:hover{background-color:#fff7ed4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-orange-50\/30:hover{background-color:color-mix(in oklab,var(--color-orange-50)30%,transparent)}}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-primary\/10:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.hover\:bg-primary\/20:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:text-ink-primary:hover{color:var(--color-ink-primary)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-rose-500:hover{color:var(--color-rose-500)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-primary:focus,.focus\:border-primary\/30:focus{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.focus\:border-primary\/30:focus{border-color:color-mix(in oklab,var(--color-primary)30%,transparent)}}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-primary\/20:focus{--tw-ring-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-primary\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(min-width:48rem){.md\:w-64{width:calc(var(--spacing)*64)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:p-4{padding:calc(var(--spacing)*4)}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_380px\]{grid-template-columns:1fr 380px}.lg\:grid-cols-\[240px_1fr\]{grid-template-columns:240px 1fr}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}:root{--bg-page: #F0F2F4;--bg-surface: #FFFFFF;--bg-surface-hover: #F8FAFC;--bg-sidebar: #E2E8F0;--ink-primary: #0F172A;--ink-secondary: #475569;--ink-muted: #94A3B8;--neutral-line: rgba(226, 232, 240, .6);--accent-primary: #DE4D2E;--accent-primary-hover: #C53D22;--accent-primary-soft: rgba(222, 77, 46, .1);--accent-secondary: #B0C4DE;--radius-card: 16px;--radius-soft: 8px;--radius-pill: 999px;--radius-xl: 24px;--space-xxs: 4px;--space-xs: 6px;--space-sm: 10px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--cat-warmup: #D97706;--cat-technique: #059669;--cat-repertoire: #4F46E5;--cat-skill: #7C3AED;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--color-primary: var(--accent-primary);--border-color: var(--neutral-line);--text-primary: var(--ink-primary);--text-secondary: var(--ink-secondary);--bg-card: var(--bg-surface)}*{box-sizing:border-box}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink-primary);background-color:var(--bg-page);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,.font-display{font-family:"PT Serif",serif}a{text-decoration:none;color:inherit;transition:color .2s ease}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.app-shell{min-height:100vh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.top-nav{max-width:1280px;margin:0 auto;padding:12px var(--space-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);border-bottom:1px solid var(--neutral-line);background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.brand{font-family:"PT Serif",serif;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--accent-primary)}.nav-group{position:relative;display:flex;align-items:center}.burger-btn{border:1px solid var(--neutral-line);background:var(--bg-surface);border-radius:10px;padding:4px 10px;font-size:16px;cursor:pointer;color:var(--ink-secondary)}.nav-menu{position:absolute;right:0;top:34px;display:grid;gap:6px;padding:8px;background:var(--bg-surface);border:1px solid var(--neutral-line);border-radius:12px;box-shadow:var(--shadow-soft);z-index:50}.nav-user{font-size:11px;color:var(--ink-muted);padding:0 10px 4px;display:flex;align-items:center;gap:8px}.topbar-info{flex:1;display:flex;justify-content:center}.role-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-muted)}.role-label{font-size:12px;color:var(--ink-muted)}.topbar-session{display:inline-flex;gap:12px;font-size:12px;color:var(--ink-muted);white-space:nowrap}.nav-link{padding:8px 14px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:13px;color:var(--ink-secondary)}.nav-link--admin{border-color:var(--neutral-line);color:var(--ink-muted)}.nav-link.active{border-color:var(--neutral-line);background:var(--bg-surface);color:var(--ink-primary)}.nav-button{background:transparent;cursor:pointer}.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:20px}.auth-card{width:min(420px,100%);background:var(--bg-surface);border:1px solid var(--neutral-line);border-radius:18px;padding:24px;display:grid;gap:14px;box-shadow:var(--shadow-soft)}.auth-title{font-size:20px;font-weight:600}.auth-subtitle{font-size:12px;color:var(--ink-secondary)}.auth-field{display:grid;gap:6px;font-size:12px;color:var(--ink-secondary)}.auth-field input{border:1px solid var(--neutral-line);border-radius:10px;padding:10px 12px;font-size:14px}.auth-error{color:#b42318;font-size:12px}.auth-submit{border:none;border-radius:999px;padding:10px 16px;font-weight:600;background:var(--accent-primary);color:#fff;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:default}.auth-divider{width:min(420px,100%);display:flex;align-items:center;justify-content:center;margin:4px 0;position:relative}.auth-divider:before{content:"";position:absolute;left:0;right:0;height:1px;background:var(--neutral-line)}.auth-divider span{position:relative;background:#fff;padding:0 10px;font-size:12px;color:var(--ink-secondary)}.auth-social-buttons{width:min(420px,100%);display:grid;grid-template-columns:1fr;gap:12px}.auth-provider-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px solid var(--neutral-line);border-radius:999px;background:#fff;font-weight:500;font-size:14px;color:var(--ink-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.auth-provider-button:hover{background:var(--bg-surface-d1);transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.auth-icon{width:20px;height:20px}.auth-toggle{border:none;background:transparent;color:var(--ink-secondary);font-size:12px;cursor:pointer;text-align:center;padding:8px 0 0}.page{max-width:1280px;margin:0 auto;padding:var(--space-sm) var(--space-md) var(--space-xl);display:grid;gap:var(--space-md)}.page-header h1{font-family:"PT Serif",serif;font-weight:700;font-size:48px;margin:0;letter-spacing:-.02em}.page-header p{margin:4px 0 0;color:var(--ink-secondary)}.layout{display:grid;grid-template-columns:2.6fr .9fr;gap:var(--space-lg);align-items:start}.layout-resizable{grid-template-columns:minmax(0,1fr) var(--space-sm) var(--sidebar-width, 320px);gap:var(--space-sm)}.layout-resizable>.card{min-width:0}.layout-resizable>.tools-panel{min-width:0}.tools-panel,.tools-panel .tool{overflow:hidden}.layout-divider{align-self:stretch;width:var(--space-sm);cursor:col-resize;position:relative}.layout-divider:before{content:"↔";position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-muted);font-size:12px}.layout-divider:hover:before{color:var(--ink-primary)}.stack{display:grid;gap:var(--space-lg)}.card{background:var(--bg-surface);border-radius:var(--radius-card);padding:var(--space-lg);border:1px solid var(--neutral-line);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-md)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.card h2{font-family:"PT Serif",serif;font-weight:700;font-size:24px;margin:0 0 4px;letter-spacing:-.01em}.drag-handle{font-size:18px;letter-spacing:2px;color:var(--ink-muted);-webkit-user-select:none;user-select:none}.card p{margin:0;color:var(--ink-muted);font-size:13px}.field-group{display:grid;gap:var(--space-sm)}.field-row{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}label{font-size:13px;color:var(--ink-secondary);display:grid;gap:var(--space-xs)}input[type=text],input[type=number],select,textarea{border:1px solid var(--neutral-line);border-radius:12px;padding:10px 12px;background:#fff;font-size:14px;color:var(--ink-primary)}textarea{min-height:72px;resize:vertical}.chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.chip-input{display:flex;gap:var(--space-xs);align-items:center}.chip{padding:6px 10px;border-radius:var(--radius-pill);background:var(--accent-highlight);font-size:12px;color:var(--ink-secondary)}.radio-grid{display:grid;gap:var(--space-xs)}.radio-row{display:flex;align-items:center;gap:var(--space-sm);padding:8px 10px;border-radius:12px;border:1px solid var(--neutral-line);background:#fff;font-size:13px;color:var(--ink-secondary)}.axis-row{display:grid;gap:var(--space-sm);grid-template-columns:1.2fr 1fr 2fr;align-items:center;padding:10px;border:1px dashed var(--neutral-line);border-radius:12px;background:#fff;font-size:13px}.axis-actions{display:flex;justify-content:flex-end}.plus-btn{width:28px;height:28px;border-radius:50%;border:none;background:var(--accent-highlight);color:var(--ink-secondary);font-size:18px;cursor:pointer}.helper{font-size:12px;color:var(--ink-muted)}.helper.error{color:#a1493f}.details-hint{border:1px dashed var(--neutral-line);border-radius:12px;padding:8px 10px;background:#fff;font-size:12px;color:var(--ink-secondary)}.details-hint summary{cursor:pointer;font-weight:500;color:var(--ink-primary)}.checkbox-row{display:grid;gap:var(--space-xs);font-size:13px;color:var(--ink-secondary)}.checkbox-row label{display:flex;align-items:center;gap:var(--space-xs)}.summary{position:sticky;top:var(--space-lg);display:grid;gap:var(--space-md)}.summary h3{font-family:Playfair Display,Times New Roman,serif;font-weight:400;margin:0;font-size:22px}.summary-item{display:grid;gap:4px;font-size:13px;color:var(--ink-secondary)}.summary-item strong{color:var(--ink-primary);font-weight:500}.content-list{display:grid;gap:var(--space-sm)}.content-row{display:grid;grid-template-columns:28px 1fr;gap:var(--space-sm);align-items:start;padding:10px;border:1px dashed var(--neutral-line);border-radius:12px;background:#fff}.content-fields{display:grid;gap:var(--space-sm)}.content-row-head{display:grid;grid-template-columns:1fr auto;gap:var(--space-xs);align-items:center}.content-meta{display:grid;gap:var(--space-xs);font-size:12px;color:var(--ink-muted)}.footer{position:sticky;bottom:0;background:#fff9f1f2;border-top:1px solid var(--neutral-line);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:flex-end;box-shadow:var(--shadow-soft)}.btn{border:none;padding:10px 16px;border-radius:var(--radius-pill);font-weight:500;font-size:13px;cursor:pointer;transition:background .25s ease}.btn.primary{background:var(--accent-primary);color:#fff}.btn.primary:hover{background:var(--accent-primary-soft)}.btn.secondary{background:transparent;border:1px solid var(--neutral-line);color:var(--ink-primary)}.btn.ghost{background:transparent;color:var(--ink-secondary)}.btn.danger{background:#b42318;color:#fff}.btn.danger:hover{background:#d92d20}.screen-label{font-family:Playfair Display,Times New Roman,serif;font-size:22px;font-weight:400;margin:0 0 var(--space-sm)}.session-bar{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-md);align-items:center;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--neutral-line);border-radius:var(--radius-soft);box-shadow:var(--shadow-soft)}.session-time{font-size:16px;font-weight:500;padding:6px 12px;border-radius:var(--radius-pill);background:var(--accent-highlight);display:inline-flex;align-items:center;gap:10px;min-width:150px}.session-time span{font-family:Playfair Display,Times New Roman,serif;font-size:18px;min-width:5ch;text-align:right;font-variant-numeric:tabular-nums}.session-title strong{font-family:Playfair Display,Times New Roman,serif;font-size:18px;font-weight:400}.session-title small{color:var(--ink-muted);font-size:12px}.session-title{display:inline-flex;gap:10px;align-items:center;font-size:12px;color:var(--ink-muted);white-space:nowrap}.session-actions{display:flex;gap:var(--space-sm);align-items:center}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.card-title{flex:1;min-width:0}.card-header h2{margin:0 0 6px;font-family:Playfair Display,Times New Roman,serif;font-size:26px;font-weight:400}.title-short{display:none}.card-header p{margin:0;color:var(--ink-secondary);font-size:12px}.card-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.context-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--accent-sand);font-size:12px;color:var(--ink-secondary)}.primary-block{display:grid;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-soft);background:var(--accent-peach)}.notation-window{height:auto;max-height:75vh;width:100%;min-width:0;border-radius:var(--radius-soft);background:var(--bg-surface);border:1px dashed var(--neutral-line);display:flex;align-items:flex-start;justify-content:flex-start;color:var(--ink-muted);font-size:12px;position:relative}.expand-dot{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:10px;border:1px solid var(--neutral-line);background:var(--bg-surface);display:grid;place-items:center;color:var(--ink-muted);font-size:12px}.notes-panel,.knowledge-panel{--notes-bg: var(--bg-surface);--notes-border: var(--neutral-line);--notes-ink: var(--ink-primary);--notes-muted: var(--ink-secondary);border:1px solid var(--notes-border);border-radius:var(--radius-soft);padding:var(--space-sm);background:var(--notes-bg)}.notes-panel h4,.knowledge-panel summary{margin:0 0 8px;font-weight:500;color:var(--notes-ink)}.note-entry{font-size:12px;color:var(--notes-muted);padding:8px 0;border-bottom:1px dashed var(--notes-border)}.note-entry:last-child{border-bottom:none}.tools-panel{background:var(--bg-surface);border:1px solid var(--neutral-line);border-radius:var(--radius-soft);padding:var(--space-md);display:grid;gap:var(--space-sm);position:sticky;top:var(--space-lg);box-shadow:var(--shadow-soft)}.tool{border:1px solid var(--neutral-line);border-radius:var(--radius-soft);padding:var(--space-sm);background:var(--bg-surface);display:grid;gap:var(--space-xs);font-size:12px;color:var(--ink-secondary)}.tool-section{gap:4px}.tool-section-header{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.tool-section-toggle{border:0;background:transparent;font-size:14px;color:var(--ink-secondary);width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0}.tool-section-title{font-family:Playfair Display,Times New Roman,serif;font-weight:400;font-size:16px;color:var(--ink-primary)}.tool-section-subtitle{margin-left:auto;font-size:12px;font-weight:600;color:var(--ink-primary);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-section-body{display:grid;gap:6px}.tool.item-timer{padding:var(--space-md);background:var(--accent-highlight);border-color:var(--accent-primary-soft)}.tool.item-timer.is-done{border-width:2px;border-color:var(--accent-primary);background:var(--accent-peach)}.item-actions{display:flex;gap:var(--space-xs);align-items:center}.context-panel{display:grid;gap:4px;font-size:12px}.tool h3{margin:0;font-family:Playfair Display,Times New Roman,serif;font-weight:400;font-size:16px}.item-timer{display:grid;gap:var(--space-xs)}.item-timer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.item-timer .item-timer-variant{font-size:34px;font-weight:700;color:var(--ink-primary)}.item-timer-time{font-family:Playfair Display,Times New Roman,serif;font-size:28px;color:var(--ink-primary);min-width:6ch;text-align:right;font-variant-numeric:tabular-nums}.item-timer-controls{display:flex;gap:6px;flex-wrap:nowrap}.item-timer-controls .btn{flex:1;justify-content:center}.item-timer-controls .icon-btn{width:100%}.item-timer-controls .btn.done{background:var(--accent-primary);color:#fff;font-weight:700;letter-spacing:.04em}.srs-grading-row{display:flex;gap:4px;width:100%;margin-bottom:var(--space-xs)}.srs-grading-row .btn{flex:1;padding:8px 4px;font-size:11px;text-transform:uppercase;font-weight:600;color:#fff;border:none}.srs-grading-row .srs-again{background-color:#e53935}.srs-grading-row .srs-hard{background-color:#fb8c00}.srs-grading-row .srs-good{background-color:#43a047}.srs-grading-row .srs-easy{background-color:#1e88e5}.tempo-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.tempo-control{display:inline-flex;gap:6px;align-items:center;padding:4px 8px;border-radius:var(--radius-pill);border:1px solid var(--neutral-line);background:var(--bg-surface);font-size:12px}.tempo-control button{border:none;background:var(--accent-highlight);border-radius:50%;width:22px;height:22px;cursor:pointer;color:var(--ink-secondary)}.inline-field{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-secondary)}.inline-field input{width:70px;padding:4px 6px;font-size:12px}.beat-grid{display:grid;grid-template-columns:repeat(var(--beat-count, 4),minmax(0,1fr));gap:4px}.beat-btn{border:1px solid var(--metronome-border);border-radius:999px;background:var(--metronome-beat-bg);width:100%;height:22px;cursor:pointer;color:var(--ink-secondary)}.beat-grid[data-beats="8"] .beat-btn{border-radius:50%}.beat-btn.accent{background:var(--metronome-accent-soft);border-color:var(--metronome-accent);color:var(--metronome-ink)}.beat-btn.mute{opacity:.3}.beat-btn.active{outline:2px solid var(--metronome-accent)}.ramp-panel{border:1px solid var(--metronome-border);border-radius:12px;padding:6px var(--space-sm);font-size:12px;color:var(--ink-secondary)}.ramp-panel summary{cursor:pointer;font-weight:500}.ramp-grid{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:6px}.ramp-progress{flex:1 1 120px;height:6px;border-radius:999px;background:var(--metronome-progress-bg);overflow:hidden}.ramp-progress span{display:block;height:100%;width:0%;background:var(--metronome-accent);transition:width .2s linear}.recordings-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.recordings-title{font-size:16px;font-weight:500;color:var(--ink-primary)}.recordings-controls{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:nowrap;font-size:12px;color:var(--ink-secondary)}.recorder-tool{display:grid;gap:6px;background:var(--bg-surface);border:1px solid var(--neutral-line);border-radius:12px;padding:8px;width:100%;min-width:0}.recorder-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.recorder-header h3{font-size:16px}.recorder-track-name{color:var(--ink-primary);font-weight:600;font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recorder-controls{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.recorder-volume{display:inline-flex;align-items:center;gap:4px;color:var(--ink-secondary)}.recorder-volume input{width:70px}.recorder-timer{font-variant-numeric:tabular-nums;min-width:4ch;text-align:right;color:var(--ink-primary)}.recorder-progress{display:flex;align-items:center}.recorder-scrubber{width:100%;appearance:none;height:6px;background:var(--neutral-line);border-radius:999px;outline:none}.recorder-scrubber::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--bg-surface)}.recorder-scrubber::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--bg-surface)}.recorder-progress-line{width:100%;height:6px;border-radius:999px;background:var(--neutral-line)}.recorder-progress-line.is-recording{animation:recorderPulse 1.2s ease-in-out infinite}.recorder-list{display:grid;gap:2px;max-height:88px;overflow-y:auto;scrollbar-gutter:stable}.recorder-list-row{display:flex;align-items:center;gap:6px;min-width:0}.recorder-list-button{border:1px solid transparent;background:transparent;text-align:left;font-size:12px;color:var(--ink-secondary);padding:4px 6px;border-radius:8px;cursor:pointer;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recorder-list-row.is-active .recorder-list-button{font-weight:600;color:var(--ink-primary);border-color:var(--neutral-line);background:var(--accent-highlight)}.recorder-list-row .icon-btn{margin-left:auto}.recorder-title-input{border:1px solid var(--neutral-line);border-radius:8px;padding:4px 6px;font-size:12px;background:var(--bg-page);color:var(--ink-primary);flex:1;min-width:0}.recorder-tempo{display:inline-flex;align-items:center;gap:6px}.recorder-tempo-label{font-size:11px;color:var(--ink-secondary)}.recorder-tempo-value{font-size:11px;color:var(--ink-primary);min-width:36px}.recorder-tempo-slider{flex:1;min-width:120px}.recorder-tempo-slider::-webkit-slider-runnable-track{height:6px;background:#e5ddd2;border-radius:999px}.recorder-tempo-slider::-moz-range-track{height:6px;background:#e5ddd2;border-radius:999px}.recorder-tempo-slider::-moz-range-progress{background:#e5ddd2;height:6px;border-radius:999px}@keyframes recorderPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.expandable-card summary{list-style:none}.expandable-card summary::-webkit-details-marker{display:none}.expandable-card-summary{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-secondary)}.optional-toggle label{display:inline-flex;align-items:center;gap:6px}.side-by-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.panel{display:grid;gap:4px;border:1px solid var(--neutral-line);border-radius:12px;padding:6px;background:#fff}.panel-title{font-size:12px;color:var(--ink-secondary)}.notes-inline textarea{width:100%;min-height:64px;resize:vertical;font-size:12px;padding:6px 8px}.notes-inline .note-entry{font-size:12px;color:var(--ink-muted)}.notes-inline{display:grid;gap:6px}.notes-display{max-height:120px;overflow:auto;padding:6px 8px;border:1px dashed var(--neutral-line);border-radius:10px;background:#fff;font-size:12px;color:var(--ink-secondary)}.notes-display p{margin:0 0 4px}.notes-display p:last-child{margin-bottom:0}.notes-display ul,.notes-display ol{margin:4px 0 4px 16px;padding:0}.notes-empty{color:var(--ink-muted)}.notes-modal{position:fixed;inset:0;background:#0c0a0873;display:grid;place-items:center;z-index:40;padding:var(--space-lg)}.notes-modal-card{width:min(840px,90vw);max-height:85vh;background:var(--bg-surface);border-radius:var(--radius-card);border:1px solid var(--neutral-line);box-shadow:var(--shadow-soft);padding:var(--space-md);display:grid;gap:var(--space-sm)}.notes-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.modal-overlay{position:fixed;inset:0;background:#0c0a0873;display:grid;place-items:center;z-index:50;padding:var(--space-lg)}.modal{min-width:280px;max-width:420px;background:var(--bg-surface);border-radius:var(--radius-card);border:1px solid var(--neutral-line);box-shadow:var(--shadow-soft);padding:var(--space-md);display:grid;gap:var(--space-sm)}.modal h3{margin:0;font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.today-grid{display:grid;gap:var(--space-md)}.today-card{background:var(--bg-surface);border:1px solid var(--neutral-line);border-radius:var(--radius-card);padding:var(--space-lg);box-shadow:var(--shadow-soft);display:grid;gap:var(--space-sm)}.today-card h2{margin:0;font-family:Playfair Display,Times New Roman,serif;font-weight:400}.today-card .meta{color:var(--ink-muted);font-size:13px}.card.compact{gap:var(--space-sm)}.badge{color:var(--ink-secondary);padding-left:12px;text-transform:uppercase;min-width:92px;position:relative}.badge:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:2px;background:var(--cat-warmup)}.badge.technique:before{background:var(--cat-technique)}.badge.repertoire:before{background:var(--cat-repertoire)}.badge.skill:before{background:var(--cat-skill)}.item-title{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlapping-badge{position:absolute;top:-8px;left:20px;background:var(--ink-secondary);color:#fff;font-size:10px;font-weight:700;padding:2px 10px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 4px #0000001a;z-index:10}.badge-group{background:#0d9488}.badge-optional{background:#78716c}.overlapping-badge+.overlapping-badge{left:85px}.row-category-sidebar{width:140px;color:var(--ink-secondary);font-size:.85rem;letter-spacing:.05em;font-weight:500;text-transform:uppercase;border-right:1px solid var(--neutral-line);margin-right:var(--space-md);flex-shrink:0}@media(max-width:600px){.row-category-sidebar{display:none}}.item-meta{margin-top:4px;font-size:12px;color:var(--ink-muted);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.item-total-pill{padding:2px 8px;border-radius:var(--radius-pill);background:var(--row-pill-bg);font-size:12px;color:var(--row-pill-ink);white-space:nowrap}.temp-chip{font-size:11px;padding:2px 6px;border-radius:var(--radius-pill);background:transparent;border:1px solid var(--neutral-line);color:var(--ink-muted);font-weight:500;font-style:italic}.item-controls{display:flex;align-items:center;gap:10px;color:var(--ink-muted);font-size:13px}.adjust{display:inline-flex;gap:6px;align-items:center;padding:2px 6px;border-radius:var(--radius-pill);background:var(--accent-highlight);font-weight:500;color:var(--ink-secondary)}.icon-btn{border:none;font-size:16px;cursor:pointer;color:var(--ink-muted);border-radius:var(--radius-pill);padding:6px 10px;background:#f5eee4}.icon-btn:hover{color:var(--ink-primary)}.icon-btn.subtle{color:var(--ink-muted)}.icon-btn.alert{color:#a1493f}.drag{letter-spacing:2px;font-weight:500;color:#b5b7bb;font-size:16px}.file-picker{display:grid;gap:6px}.file-picker select,.file-picker input[type=file]{font-size:12px}.file-explorer-field{display:grid;gap:6px}.file-explorer-field-row{display:flex;gap:8px;align-items:center;min-width:0}.file-explorer-selection{font-size:13px;color:var(--ink-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-explorer-selection.muted{color:var(--ink-muted)}.file-explorer-import{position:relative;overflow:hidden}.file-explorer-input{display:none}.file-explorer-import input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-explorer-overlay{position:fixed;inset:0;background:#17131094;display:flex;align-items:center;justify-content:center;z-index:1200}.file-explorer-dialog{width:min(820px,92vw);background:#fffdf8;border-radius:18px;border:1px solid rgba(224,216,207,.7);box-shadow:0 30px 70px #17131033;display:grid;gap:12px;padding:16px}.file-explorer-header{display:flex;justify-content:space-between;align-items:center;font-weight:600}.file-explorer-actions{display:flex;gap:8px}.file-explorer-body{display:grid;grid-template-columns:240px 1fr;gap:12px;align-items:start}.file-explorer-tree{display:grid;gap:8px;background:#fff;border-radius:12px;padding:8px;border:1px solid rgba(224,216,207,.6)}.file-explorer-tree-actions{display:flex;justify-content:flex-start}.file-tree-row{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--ink-secondary);background:#fff}.file-tree-row.selected{background:#58786929;color:var(--ink-primary);font-weight:600}.file-tree-icon{font-size:12px}.file-explorer-list{display:grid;gap:10px;background:#fff;border-radius:12px;padding:8px;border:1px solid rgba(224,216,207,.6);min-width:0}.file-list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:none;background:#fff;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--ink-secondary);width:100%;text-align:left}.file-list-row.loading{cursor:default;color:var(--ink-muted);position:relative;overflow:hidden}.file-list-row.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#f5eee400 10%,#f5eee4b3,#f5eee400 90%);transform:translate(-100%);animation:fileRowShimmer 1.6s infinite}.file-list-row.selected{background:#58786929;color:var(--ink-primary);font-weight:600}.file-list-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list-kind{font-size:11px;color:var(--ink-muted);text-transform:uppercase}@keyframes fileRowShimmer{to{transform:translate(100%)}}.file-explorer-upload{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-muted)}.file-explorer-folder-empty{font-size:13px;color:var(--ink-muted)}.page-header{display:flex;align-items:center;gap:var(--space-sm)}.tool-head{font-weight:600;font-size:14px;color:var(--ink-primary)}.file-explorer-tool .file-explorer-toolbar{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:var(--space-sm);align-items:center;font-size:12px}.file-explorer-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.breadcrumb-crumb{border:1px solid rgba(224,216,207,.6);background:#fffdf8;border-radius:999px;padding:2px 8px;font-size:11px;color:var(--ink-secondary);cursor:pointer}.breadcrumb-crumb.current{color:var(--ink-primary);font-weight:600}.breadcrumb-crumb.drop-target{outline:2px solid rgba(88,120,105,.35)}.file-explorer-pane{display:grid;grid-template-columns:240px 1fr;gap:var(--space-sm);align-items:start}.file-explorer-tool .file-explorer-tree,.file-explorer-tool .file-explorer-list{height:340px;overflow:auto}.file-explorer-import-input{display:none}.file-explorer-list.drop-active{outline:2px dashed rgba(88,120,105,.45);outline-offset:-6px;background:#cfe8d933}.file-tree-row.drop-target{outline:2px dashed rgba(88,120,105,.35);outline-offset:-2px}.file-list-row.dragging{opacity:.6}.context-menu{min-width:160px;background:#fffdf8;border-radius:10px;border:1px solid rgba(224,216,207,.7);box-shadow:0 16px 30px #17131033;padding:6px;font-size:12px}.context-menu-item{padding:6px 8px;border-radius:8px;cursor:pointer;color:var(--ink-secondary)}.context-menu-item:hover{background:#5878691f;color:var(--ink-primary)}.context-menu-item.danger:hover{background:#bd4e4526;color:#b1493d}.compact-list{display:grid;gap:4px;margin-top:6px}.compact-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--ink-secondary)}.compact-row-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-crop{display:grid;gap:6px}.pdf-crop-viewer{position:relative;height:320px;border-radius:var(--radius-soft);--content-crop-bg: var(--bg-surface);--content-crop-border: var(--neutral-line);--content-crop-highlight: var(--accent-primary);--content-crop-fill: rgba(47, 88, 78, .12);border:1px dashed var(--content-crop-border);overflow:hidden;background:var(--content-crop-bg)}.pdf-crop-viewer .content-frame{width:100%;height:100%}.pdf-crop-frame{pointer-events:none}.pdf-crop-overlay{position:absolute;inset:0;cursor:crosshair}.pdf-crop-rect{position:absolute;border:2px solid var(--content-crop-highlight);background:var(--content-crop-fill);border-radius:6px;pointer-events:none}.pdf-crop-actions{display:flex;align-items:center;justify-content:space-between}.pdf-extract-overlay{position:fixed;inset:0;background:#14100cbf;display:grid;grid-template-rows:auto 1fr auto;z-index:1200}.pdf-extract-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border-bottom:1px solid var(--neutral-line)}.pdf-extract-title{font-size:16px;font-weight:500;color:var(--ink-primary)}.pdf-extract-actions{display:inline-flex;align-items:center;gap:var(--space-sm)}.pdf-extract-summary{font-size:12px;color:var(--ink-secondary);white-space:nowrap}.pdf-extract-body{display:grid;grid-template-columns:var(--thumbs-width, 180px) 10px 1fr;gap:var(--space-sm);padding:var(--space-sm);background:#fbf7f0;height:100%;min-height:0}.pdf-extract-pages{display:grid;gap:4px;overflow-y:auto;padding-right:4px;min-height:0}.pdf-page{border:1px solid var(--neutral-line);border-radius:10px;background:#fff;padding:6px;cursor:pointer;text-align:center;font-size:11px;color:var(--ink-secondary);display:grid;gap:4px}.pdf-page.selected{border-color:var(--accent-primary);color:var(--ink-primary);font-weight:600;box-shadow:0 0 0 1px var(--accent-primary) inset}.pdf-page img{width:100%;height:auto;display:block;border-radius:6px}.pdf-page span{font-size:10px;color:inherit}.pdf-extract-resizer{cursor:col-resize;background:transparent;position:relative}.pdf-extract-resizer:before{content:"";position:absolute;inset:0;margin:auto;width:2px;height:32px;background:var(--neutral-line);border-radius:999px}.pdf-extract-preview{border:1px solid var(--neutral-line);border-radius:var(--radius-soft);overflow:hidden;background:#fff;min-height:0}.pdf-extract-frame{width:100%;height:100%;border:0}.pdf-extract-error{padding:4px var(--space-md)}.pdf-extract-name{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border-top:1px solid var(--neutral-line)}.pdf-extract-name input{min-width:240px}.pdf-extract-save-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-secondary)}.pdf-page-selector{display:grid;gap:6px;border:1px dashed var(--neutral-line);border-radius:var(--radius-soft);padding:var(--space-xs);background:var(--bg-surface)}.pdf-page-selector-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink-secondary)}.pdf-page-selector-view{border-radius:var(--radius-soft);overflow:hidden;border:1px solid var(--neutral-line);height:220px}.pdf-page-frame{width:100%;height:100%;border:0}.pdf-page-selector-controls{display:grid;gap:6px}.page-nav{display:inline-flex;gap:var(--space-xs);align-items:center}.page-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.page-action-buttons{display:inline-flex;gap:var(--space-xs);align-items:center}.header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.chip-btn{border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit}.chip-close{font-size:12px;color:var(--ink-muted)}.axis-row{display:grid;gap:var(--space-xs);border:1px dashed var(--neutral-line);border-radius:12px;padding:10px;background:#fff}.axis-main{display:grid;grid-template-columns:160px 1fr auto;gap:var(--space-xs);align-items:center}.axis-values input{width:100%}.empty-state{font-size:13px;color:var(--ink-muted)}@media(max-width:980px){.layout{grid-template-columns:1fr}.summary,.footer{position:static}.side-by-side{grid-template-columns:1fr}}@media(max-width:900px){.session-bar{grid-template-columns:1fr}.session-actions{justify-content:flex-start;flex-wrap:wrap}.title-full{display:none}.title-short{display:inline}}