@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--spotify-green: #1ed760;--spotify-green-border: #1db954;--spotify-green-press: #169c46;--bg-base: #121212;--bg-surface: #181818;--bg-surface-hi: #1f1f1f;--bg-card: #252525;--bg-card-alt: #272727;--bg-tinted-hover: #2a2a2a;--text-base: #ffffff;--text-bright: #fdfdfd;--text-subdued: #b3b3b3;--text-near-white: #cbcbcb;--text-on-green: #000000;--text-negative: #f3727f;--text-warning: #ffa42b;--text-announcement: #539df5;--border-default: #4d4d4d;--border-muted: #7c7c7c;--border-separator: #b3b3b3;--border-green: #1db954;--bg-light: #eeeeee;--text-on-light: #181818;--shadow-card: rgba(0,0,0,.3) 0px 8px 8px;--shadow-dialog: rgba(0,0,0,.5) 0px 8px 24px;--shadow-input-inset: rgb(18,18,18) 0px 1px 0px, rgb(124,124,124) 0px 0px 0px 1px inset;--shadow-input-focus: rgb(18,18,18) 0px 1px 0px, rgb(255,255,255) 0px 0px 0px 1px inset;--radius-badge: 2px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 20px;--radius-large-pill: 100px;--radius-pill: 500px;--radius-full: 9999px;--radius-circle: 50%;--space-1: 1px;--space-2: 2px;--space-3: 3px;--space-4: 4px;--space-5: 5px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-15: 15px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--font-title: "Manrope", "SpotifyMixUITitle", "CircularSp-Arab","CircularSp-Hebr","CircularSp-Cyrl","CircularSp-Grek","CircularSp-Deva", "Helvetica Neue", helvetica, arial, "Hiragino Sans","Hiragino Kaku Gothic ProN","Meiryo","MS Gothic", sans-serif;--font-ui: "Manrope", "SpotifyMixUI", "CircularSp-Arab","CircularSp-Hebr","CircularSp-Cyrl","CircularSp-Grek","CircularSp-Deva", "Helvetica Neue", helvetica, arial, "Hiragino Sans","Hiragino Kaku Gothic ProN","Meiryo","MS Gothic", sans-serif;--fs-section: 1.5rem;--fs-feature: 1.125rem;--fs-body: 1rem;--fs-button: .875rem;--fs-small: .75rem;--fs-badge: .66rem;--fs-micro: .625rem;--track-button-wide: 2px;--track-button: 1.4px;--track-button-tight: .14px}.ds-section-title{font-family:var(--font-title);font-size:var(--fs-section);font-weight:700;line-height:normal;color:var(--text-base)}.ds-feature{font-family:var(--font-ui);font-size:var(--fs-feature);font-weight:600;line-height:1.3;color:var(--text-base)}.ds-body-bold{font-family:var(--font-ui);font-size:var(--fs-body);font-weight:700;color:var(--text-base)}.ds-body{font-family:var(--font-ui);font-size:var(--fs-body);font-weight:400;color:var(--text-base)}.ds-button-uppercase{font-family:var(--font-ui);font-size:var(--fs-button);font-weight:700;line-height:1;letter-spacing:var(--track-button);text-transform:uppercase}.ds-button{font-family:var(--font-ui);font-size:var(--fs-button);font-weight:700;letter-spacing:var(--track-button-tight)}.ds-nav-active{font-family:var(--font-ui);font-size:var(--fs-button);font-weight:700;color:var(--text-base)}.ds-nav{font-family:var(--font-ui);font-size:var(--fs-button);font-weight:400;color:var(--text-subdued)}.ds-caption-bold{font-family:var(--font-ui);font-size:var(--fs-button);font-weight:700;line-height:1.5}.ds-caption{font-family:var(--font-ui);font-size:var(--fs-button);font-weight:400;color:var(--text-subdued)}.ds-small-bold{font-family:var(--font-ui);font-size:var(--fs-small);font-weight:700;line-height:1.5}.ds-small{font-family:var(--font-ui);font-size:var(--fs-small);font-weight:400;color:var(--text-subdued)}.ds-badge{font-family:var(--font-ui);font-size:var(--fs-badge);font-weight:600;line-height:1.33;text-transform:capitalize}.ds-micro{font-family:var(--font-ui);font-size:var(--fs-micro);font-weight:400}html,body{margin:0;padding:0;background:var(--bg-base);color:var(--text-base);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--accent: #22FFB2;--accent-border: #1ed19a;--accent-press: #17a677;--accent-soft: rgba(34, 255, 178, .12);--accent-glow: rgba(34, 255, 178, .35);--density-unit: 1;--pad-sm: calc(8px * var(--density-unit));--pad-md: calc(12px * var(--density-unit));--pad-lg: calc(16px * var(--density-unit));--pad-xl: calc(20px * var(--density-unit));--gap-sm: calc(8px * var(--density-unit));--gap-md: calc(12px * var(--density-unit));--gap-lg: calc(16px * var(--density-unit))}[data-mode=light]{--bg-base: #f6f6f4;--bg-surface: #ffffff;--bg-surface-hi: #efefec;--bg-card: #ffffff;--bg-card-alt: #f0f0ed;--bg-tinted-hover: #e8e8e4;--text-base: #121212;--text-bright: #000000;--text-subdued: #5e5e5e;--text-near-white: #3d3d3d;--border-default: #d4d4d2;--border-muted: #a8a8a6}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-base);color:var(--text-base);font-family:var(--font-ui);overscroll-behavior:none;overflow:hidden}*,*:before,*:after{box-sizing:border-box}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,textarea{font-family:inherit}.page{position:absolute;inset:0;background:var(--bg-base);color:var(--text-base);display:flex;flex-direction:column;overflow:hidden}.scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.page-gradient{position:absolute;top:0;left:0;right:0;height:340px;background:linear-gradient(180deg,var(--accent-soft) 0%,transparent 100%);pointer-events:none;z-index:0}.t-display{font-family:var(--font-title);font-weight:800;font-size:34px;line-height:1.05;letter-spacing:-.02em;color:var(--text-bright)}.t-title{font-family:var(--font-title);font-weight:700;font-size:22px;line-height:1.15;letter-spacing:-.01em;color:var(--text-bright)}.t-section{font-family:var(--font-title);font-weight:700;font-size:18px;color:var(--text-bright)}.t-body{font-size:15px;line-height:1.45;color:var(--text-base)}.t-subdued{font-size:13px;color:var(--text-subdued)}.t-caption{font-size:11px;color:var(--text-subdued);letter-spacing:.02em}.t-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.tab-bar{flex-shrink:0;display:flex;align-items:stretch;background:#121212eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);padding:8px 0 6px;z-index:50}[data-mode=light] .tab-bar{background:#ffffffeb;border-top:1px solid rgba(0,0,0,.08)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-subdued);padding:4px 0;transition:color .15s ease-out}.tab-item.active{color:var(--text-bright)}.tab-item.active .tab-dot{opacity:1}.tab-item svg{width:24px;height:24px}.tab-label{font-size:10px;font-weight:600;letter-spacing:.01em}.tab-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .15s ease-out}.card{background:var(--bg-surface);border-radius:12px;padding:var(--pad-lg)}.card-elev{background:var(--bg-card)}.card-outline{background:transparent;border:1px solid var(--border-default)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;height:44px;border-radius:9999px;font-weight:700;font-size:14px;letter-spacing:.02em;transition:transform .12s ease-out,background .15s ease-out,color .15s ease-out}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#001f12}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 92%,white)}.btn-ghost{background:transparent;color:var(--text-base);border:1px solid var(--border-muted)}.btn-dark{background:var(--bg-surface-hi);color:var(--text-base)}.btn-full{width:100%}.btn-icon-circle{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#001f12;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -4px var(--accent-glow);transition:transform .12s ease-out}.btn-icon-circle:hover{transform:scale(1.04)}.btn-icon-circle:active{transform:scale(.97)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;background:var(--bg-surface-hi);color:var(--text-base);font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s ease-out}.chip.active{background:var(--accent);color:#001f12}.chip-outline{background:transparent;border:1px solid var(--border-muted)}.input{width:100%;height:48px;border-radius:6px;background:transparent;color:var(--text-base);padding:0 14px;font-size:15px;outline:none;box-shadow:var(--shadow-input-inset);border:0}.input:focus{box-shadow:var(--shadow-input-focus)}.segmented{display:flex;background:var(--bg-surface-hi);border-radius:9999px;padding:3px;gap:2px}.segmented button{flex:1;padding:8px 12px;border-radius:9999px;font-size:12px;font-weight:600;color:var(--text-subdued);transition:all .15s ease-out}.segmented button.active{background:var(--text-base);color:var(--bg-base)}.progress-track{width:100%;height:4px;background:#ffffff14;border-radius:9999px;overflow:hidden}[data-mode=light] .progress-track{background:#00000014}.progress-fill{height:100%;background:var(--accent);border-radius:9999px;transition:width .4s cubic-bezier(.2,.8,.2,1)}.hero-gradient{position:relative;padding:24px 20px 28px;color:#001f12;background:linear-gradient(135deg,var(--accent) 0%,#0ec98a 100%);border-radius:16px;overflow:hidden}.hero-gradient:after{content:"";position:absolute;right:-40px;bottom:-40px;width:180px;height:180px;border-radius:50%;background:#ffffff2e;filter:blur(40px)}.page-enter{animation:pageIn .32s cubic-bezier(.2,.8,.2,1)}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-slide-right{animation:slideRight .32s cubic-bezier(.2,.8,.2,1)}@keyframes slideRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;transition:background .15s ease-out}.row:hover{background:var(--bg-tinted-hover)}.ico{width:20px;height:20px;display:inline-block}.ico-lg{width:24px;height:24px}.ico-xl{width:28px;height:28px}.accent-glow{box-shadow:0 0 0 4px var(--accent-soft)}.bubble{padding:12px 14px;border-radius:16px;font-size:14px;line-height:1.45;max-width:84%}.bubble-ai{background:var(--bg-surface-hi);color:var(--text-base);border-top-left-radius:4px}.bubble-user{background:var(--accent);color:#001f12;border-top-right-radius:4px;margin-left:auto;font-weight:600}.bubble-action{background:var(--bg-surface);border:1px solid var(--border-default);border-top-left-radius:4px;cursor:pointer;transition:background .15s ease-out}.bubble-action:hover{background:var(--bg-tinted-hover)}.course-tile{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;background:var(--bg-surface);transition:background .15s ease-out;cursor:pointer}.course-tile:hover{background:var(--bg-card)}.course-thumb{width:56px;height:56px;border-radius:6px;flex-shrink:0;background:var(--bg-surface-hi);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--text-base)}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:88vh;overflow-y:auto;background:var(--bg-surface);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -12px 32px #0006;z-index:60;animation:sheetUp .32s cubic-bezier(.2,.8,.2,1);padding:8px 0 32px}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:36px;height:4px;background:var(--border-default);border-radius:9999px;margin:0 auto 12px}.h-scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px;scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.h-scroll>*{scroll-snap-align:start}.tweaks-panel{position:fixed;top:20px;right:20px;width:280px;background:#1a1a1a;color:#fff;border-radius:14px;border:1px solid rgba(255,255,255,.08);padding:16px;font-family:var(--font-ui);box-shadow:0 12px 40px #0006;z-index:1000;font-size:13px}.tweaks-panel h4{margin:0 0 4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#22ffb2}.tweaks-row{margin-top:12px}.tweaks-row label{display:block;font-size:11px;color:#b3b3b3;margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}.tweaks-seg{display:flex;gap:2px;background:#000;border-radius:9999px;padding:2px}.tweaks-seg button{flex:1;padding:6px 8px;border-radius:9999px;font-size:11px;font-weight:600;color:#b3b3b3}.tweaks-seg button.on{background:#fff;color:#000}.tweaks-swatches{display:flex;gap:6px}.tweaks-swatches button{width:28px;height:28px;border-radius:50%;border:2px solid transparent}.tweaks-swatches button.on{border-color:#fff}.ring-wrap{position:relative;width:120px;height:120px}.ring-wrap svg{transform:rotate(-90deg)}.ring-track{stroke:#ffffff14;fill:none}[data-mode=light] .ring-track{stroke:#00000014}.ring-fill{stroke:var(--accent);fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1)}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}