*{box-sizing:border-box}body{margin:0;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--ml-app-bg);color:var(--ml-text);line-height:1.5;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.app-container{max-width:100%;margin:0 auto;padding:0}.drag-container{overscroll-behavior:none}.draggable{touch-action:none;-webkit-user-drag:none;user-select:none}@media (min-width: 768px){body{padding:24px}.app-container{max-width:600px;padding:24px;background:var(--ml-surface);border-radius:16px;box-shadow:0 4px 16px #0000001a}}@media (min-width: 1024px){.app-container{max-width:800px}}button,input,select{min-height:44px;font-size:16px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--ml-border)}.app-title{font-size:24px;font-weight:600;color:var(--ml-text);margin:0}.loading{display:flex;align-items:center;justify-content:center;padding:48px;font-size:16px;color:var(--ml-muted-text)}:root{-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true],.allow-selection{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.ml-no-callout,.ml-no-callout *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media (prefers-reduced-motion: reduce){*{animation:none!important}}:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,1px,1px)!important;white-space:nowrap!important;border:0!important}.coach-tip{position:fixed;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--ml-border);background:var(--ml-surface);box-shadow:0 6px 20px #00000014}.coach-tip button{border:1px solid var(--ml-border);background:var(--ml-surface);border-radius:8px;padding:6px 10px;cursor:pointer;font-weight:600}:root{--ml-bg-start: #f6f4ff;--ml-bg-end: #fdfcf9;--ml-glass: rgba(255, 255, 255, .7);--ml-glass-border: rgba(0, 0, 0, .06);--ml-radius: 14px;--ml-shadow: 0 10px 30px rgba(0, 0, 0, .08);--ml-btn-bg: rgba(255, 255, 255, .65);--ml-btn-bg-hover: rgba(255, 255, 255, .8);--ml-btn-border: rgba(0, 0, 0, .08);--ml-btn-text: #263238}body{margin:0;background:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-light{--ml-bg-start: #f6f4ff;--ml-bg-end: #fdfcf9;--ml-glass: rgba(255, 255, 255, .7);--ml-glass-border: rgba(0, 0, 0, .06);--ml-btn-bg: rgba(255, 255, 255, .65);--ml-btn-bg-hover: rgba(255, 255, 255, .8);--ml-btn-border: rgba(0, 0, 0, .08);--ml-btn-text: #263238;color-scheme:light}.theme-dark{--ml-bg-start: #1b1f23;--ml-bg-end: #24292f;--ml-glass: rgba(36, 41, 47, .6);--ml-glass-border: rgba(255, 255, 255, .08);--ml-btn-bg: rgba(255, 255, 255, .06);--ml-btn-bg-hover: rgba(255, 255, 255, .1);--ml-btn-border: rgba(255, 255, 255, .14);--ml-btn-text: #e6edf3;color-scheme:dark}:root{--ml-border: #e5e7eb}.theme-light{--ml-border: #e5e7eb}.theme-dark{--ml-border: #373e47}@media (prefers-color-scheme: dark){:root{--ml-bg-start: #0b0d10;--ml-bg-end: #12161b;--ml-glass: rgba(13, 17, 23, .7);--ml-glass-border: rgba(255, 255, 255, .08);--ml-btn-bg: rgba(255, 255, 255, .08);--ml-btn-bg-hover: rgba(255, 255, 255, .12);--ml-btn-border: rgba(255, 255, 255, .12);--ml-btn-text: #e5e7eb;color-scheme:dark}}html.theme-light{color-scheme:light}html.theme-dark{color-scheme:dark}@media (prefers-color-scheme: dark){html.theme-light{--ml-bg-start: #f6f4ff;--ml-bg-end: #fdfcf9;--ml-app-bg: linear-gradient(160deg, var(--ml-bg-start), var(--ml-bg-end));--ml-glass: rgba(255, 255, 255, .7);--ml-glass-border: rgba(0, 0, 0, .06);--ml-btn-bg: rgba(255, 255, 255, .65);--ml-btn-bg-hover: rgba(255, 255, 255, .8);--ml-btn-border: rgba(0, 0, 0, .08);--ml-btn-text: #263238;--ml-surface: rgba(255, 255, 255, .96);--ml-text: #1d1d1f;--ml-muted-text: #6b7280;--ml-border: #e5e7eb}}@media (prefers-color-scheme: light){html.theme-dark{--ml-bg-start: #1b1f23;--ml-bg-end: #24292f;--ml-app-bg: linear-gradient(160deg, var(--ml-bg-start), var(--ml-bg-end));--ml-glass: rgba(36, 41, 47, .6);--ml-glass-border: rgba(255, 255, 255, .08);--ml-btn-bg: rgba(255, 255, 255, .06);--ml-btn-bg-hover: rgba(255, 255, 255, .1);--ml-btn-border: rgba(255, 255, 255, .14);--ml-btn-text: #e6edf3;--ml-surface: #2d333b;--ml-text: #e6edf3;--ml-muted-text: #9ba1a6;--ml-border: #373e47}}:root{--ml-bg-start: #f6f4ff;--ml-bg-end: #fdfcf9;--ml-glass: rgba(255, 255, 255, .7);--ml-glass-border: rgba(0, 0, 0, .06);--ml-app-bg: linear-gradient(160deg, var(--ml-bg-start), var(--ml-bg-end));--ml-surface: rgba(255, 255, 255, .96);--ml-text: #1d1d1f;--ml-muted-text: #6b7280;--ml-border: #e5e7eb;--ml-radius: 14px;--ml-shadow: 0 10px 30px rgba(0, 0, 0, .08);--ml-btn-bg: rgba(255, 255, 255, .65);--ml-btn-bg-hover: rgba(255, 255, 255, .8);--ml-btn-border: rgba(0, 0, 0, .08);--ml-btn-text: #263238;color-scheme:light}html,body,#root{min-height:100%}html{background:var(--ml-app-bg)}body{margin:0;background:transparent;color:var(--ml-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ml-card{background:var(--ml-glass);border:1px solid var(--ml-glass-border);border-radius:var(--ml-radius);box-shadow:var(--ml-shadow);backdrop-filter:blur(8px)}.ml-btn{background:var(--ml-btn-bg);border:1px solid var(--ml-btn-border);border-radius:999px;color:var(--ml-btn-text);padding:9px 14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.ml-btn:hover{background:var(--ml-btn-bg-hover)}.ml-subtle-title{font-weight:700;letter-spacing:.2px;opacity:.85}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.theme-light{--ml-bg-start: #f6f4ff;--ml-bg-end: #fdfcf9;--ml-app-bg: linear-gradient(160deg, var(--ml-bg-start), var(--ml-bg-end));--ml-glass: rgba(255, 255, 255, .7);--ml-glass-border: rgba(0, 0, 0, .06);--ml-btn-bg: rgba(255, 255, 255, .65);--ml-btn-bg-hover: rgba(255, 255, 255, .8);--ml-btn-border: rgba(0, 0, 0, .08);--ml-btn-text: #263238;--ml-surface: rgba(255, 255, 255, .96);--ml-text: #1d1d1f;--ml-muted-text: #6b7280;--ml-border: #e5e7eb;color-scheme:light}.theme-dark{--ml-bg-start: #1b1f23;--ml-bg-end: #24292f;--ml-app-bg: linear-gradient(160deg, var(--ml-bg-start), var(--ml-bg-end));--ml-glass: rgba(36, 41, 47, .6);--ml-glass-border: rgba(255, 255, 255, .08);--ml-btn-bg: rgba(255, 255, 255, .06);--ml-btn-bg-hover: rgba(255, 255, 255, .1);--ml-btn-border: rgba(255, 255, 255, .14);--ml-btn-text: #e6edf3;--ml-surface: #2d333b;--ml-text: #e6edf3;--ml-muted-text: #9ba1a6;--ml-border: #373e47;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not(.theme-light):not(.theme-dark){--ml-bg-start: #1b1f23;--ml-bg-end: #24292f;--ml-app-bg: linear-gradient(160deg, var(--ml-bg-start), var(--ml-bg-end));--ml-glass: rgba(36, 41, 47, .6);--ml-glass-border: rgba(255, 255, 255, .08);--ml-btn-bg: rgba(255, 255, 255, .06);--ml-btn-bg-hover: rgba(255, 255, 255, .1);--ml-btn-border: rgba(255, 255, 255, .14);--ml-btn-text: #e6edf3;--ml-surface: #2d333b;--ml-text: #e6edf3;--ml-muted-text: #9ba1a6;--ml-border: #373e47;color-scheme:dark}}