@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Exo+2:wght@300;400;500;600;700&display=swap";:root,[data-theme=dark]{--office-bg-primary: #0A0A10;--office-bg-secondary: #0F0F16;--office-bg-card: #111119;--office-bg-hover: rgba(255, 255, 255, .03);--office-bg-input: rgba(255, 255, 255, .02);--office-border: #1F1F2A;--office-border-hover: rgba(0, 240, 255, .3);--office-border-selected: rgba(0, 240, 255, .5);--office-text-primary: #FFFFFF;--office-text-secondary: #B0B0C8;--office-text-muted: #6E6E85;--office-text-dim: #4A4A5E;--office-accent: #00F0FF;--office-accent-bg: rgba(0, 240, 255, .05);--office-accent-glow: rgba(0, 240, 255, .1);--office-gradient-ai: linear-gradient(90deg, #7B61FF 0%, #00F0FF 100%);--office-shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--office-shadow-hover: 0 8px 24px rgba(0, 0, 0, .4);--office-shadow-glow: 0 0 15px rgba(0, 240, 255, .1);--office-glass-bg: rgba(15, 15, 22, .85);--office-glass-blur: blur(12px);--office-overlay-bg: rgba(0, 0, 0, .6)}[data-theme=light]{--office-bg-primary: #F5F5F8;--office-bg-secondary: #FFFFFF;--office-bg-card: #FFFFFF;--office-bg-hover: rgba(0, 0, 0, .02);--office-bg-input: rgba(0, 0, 0, .03);--office-border: #E0E0E8;--office-border-hover: rgba(123, 97, 255, .3);--office-border-selected: rgba(123, 97, 255, .5);--office-text-primary: #1A1A2E;--office-text-secondary: #4A4A5E;--office-text-muted: #8888A0;--office-text-dim: #B0B0C8;--office-accent: #7B61FF;--office-accent-bg: rgba(123, 97, 255, .06);--office-accent-glow: rgba(123, 97, 255, .1);--office-gradient-ai: linear-gradient(90deg, #7B61FF 0%, #06b6d4 100%);--office-shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--office-shadow-hover: 0 8px 20px rgba(0, 0, 0, .1);--office-shadow-glow: 0 0 12px rgba(123, 97, 255, .08);--office-glass-bg: rgba(255, 255, 255, .85);--office-glass-blur: blur(12px);--office-overlay-bg: rgba(0, 0, 0, .3)}@media(prefers-color-scheme:light){[data-theme=auto]{--office-bg-primary: #F5F5F8;--office-bg-secondary: #FFFFFF;--office-bg-card: #FFFFFF;--office-bg-hover: rgba(0, 0, 0, .02);--office-bg-input: rgba(0, 0, 0, .03);--office-border: #E0E0E8;--office-border-hover: rgba(123, 97, 255, .3);--office-border-selected: rgba(123, 97, 255, .5);--office-text-primary: #1A1A2E;--office-text-secondary: #4A4A5E;--office-text-muted: #8888A0;--office-text-dim: #B0B0C8;--office-accent: #7B61FF;--office-accent-bg: rgba(123, 97, 255, .06);--office-accent-glow: rgba(123, 97, 255, .1);--office-gradient-ai: linear-gradient(90deg, #7B61FF 0%, #06b6d4 100%);--office-shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--office-shadow-hover: 0 8px 20px rgba(0, 0, 0, .1);--office-shadow-glow: 0 0 12px rgba(123, 97, 255, .08);--office-glass-bg: rgba(255, 255, 255, .85);--office-glass-blur: blur(12px);--office-overlay-bg: rgba(0, 0, 0, .3)}}[data-theme] .office-card-hover,[data-theme] .office-glass,[data-theme] .office-skeleton,[data-theme] .office-drop-zone-active{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}@keyframes office-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.office-skeleton{background:linear-gradient(90deg,var(--office-bg-card) 25%,rgba(255,255,255,.06) 50%,var(--office-bg-card) 75%);background-size:800px 100%;animation:office-shimmer 1.5s infinite linear;border-radius:4px}[data-theme=light] .office-skeleton{background:linear-gradient(90deg,#f0f0f4 25%,#e0e0e8,#f0f0f4 75%);background-size:800px 100%}.office-skeleton-card{border:1px solid var(--office-border);border-radius:4px;padding:12px;display:flex;flex-direction:column;gap:8px}.office-skeleton-card .sk-preview{height:120px;border-radius:4px}.office-skeleton-card .sk-title{height:14px;width:70%;border-radius:2px}.office-skeleton-card .sk-meta{height:10px;width:40%;border-radius:2px}.office-skeleton-suggestion{height:72px;border:1px solid var(--office-border);border-radius:4px}.office-skeleton-chat{display:flex;flex-direction:column;gap:6px;padding:12px}.office-skeleton-chat .sk-line{height:12px;border-radius:2px}.office-skeleton-chat .sk-line:nth-child(1){width:90%}.office-skeleton-chat .sk-line:nth-child(2){width:60%}.office-skeleton-fade-enter{opacity:0;transform:translateY(4px)}.office-skeleton-fade-active{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}.office-card-hover{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.office-card-hover:hover{transform:translateY(-4px);box-shadow:var(--office-shadow-hover);border-color:var(--office-border-hover)}@keyframes office-pulse-border{0%,to{border-color:var(--office-accent);box-shadow:0 0 #00f0ff33}50%{border-color:var(--office-accent);box-shadow:0 0 0 8px #00f0ff00}}.office-drop-zone-active{animation:office-pulse-border 1.2s infinite;border-style:dashed!important;background:var(--office-accent-bg)!important}@keyframes office-drop-land{0%{transform:scale(.9);opacity:.5}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.office-drop-landed{animation:office-drop-land .4s ease-out}@keyframes office-gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.office-progress-gradient{background:linear-gradient(90deg,#7b61ff,#00f0ff,#7b61ff);background-size:200% 100%;animation:office-gradient-flow 2s ease infinite}@keyframes office-stagger-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.office-stagger-item{opacity:0;animation:office-stagger-in .3s ease forwards}.office-stagger-item:nth-child(1){animation-delay:0s}.office-stagger-item:nth-child(2){animation-delay:.05s}.office-stagger-item:nth-child(3){animation-delay:.1s}.office-stagger-item:nth-child(4){animation-delay:.15s}.office-stagger-item:nth-child(5){animation-delay:.2s}.office-stagger-item:nth-child(6){animation-delay:.25s}.office-stagger-item:nth-child(7){animation-delay:.3s}.office-stagger-item:nth-child(8){animation-delay:.35s}.office-stagger-item:nth-child(9){animation-delay:.4s}.office-stagger-item:nth-child(10){animation-delay:.45s}@keyframes office-fade-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.office-scroll-reveal{opacity:0}.office-scroll-reveal.visible{animation:office-fade-slide-up .5s ease forwards}.office-tilt-card{transform-style:preserve-3d;perspective:600px;transition:transform .15s ease}@keyframes office-check-pulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.office-check-done{animation:office-check-pulse .4s ease-out}.office-view-transition{transition:all .25s ease}.office-glass{background:var(--office-glass-bg);backdrop-filter:var(--office-glass-blur);-webkit-backdrop-filter:var(--office-glass-blur);border:1px solid rgba(255,255,255,.08)}[data-theme=light] .office-glass{border:1px solid rgba(0,0,0,.06)}@media(prefers-reduced-motion:reduce){.office-card-hover:hover{transform:none}.office-stagger-item{animation:none;opacity:1}.office-scroll-reveal{opacity:1}.office-skeleton,.office-drop-zone-active,.office-progress-gradient{animation:none}[data-theme] *{transition:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{min-height:100dvh}body{min-height:100dvh;overscroll-behavior-y:auto}#root{min-height:100dvh;overflow:hidden}html.mobile-landscape,html.mobile-landscape body,html.mobile-landscape #root{overflow:hidden!important;height:100%!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;touch-action:manipulation!important}html.mobile-landscape #root>div{height:100dvh!important;overflow:hidden!important}html.mobile-landscape .main-scroll{overflow-y:auto!important;flex:1!important}html.mobile-landscape aside{height:100dvh!important;overflow-y:auto!important}body{font-family:"Exo 2",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-x pan-y;background-color:#021214}.main-scroll::-webkit-scrollbar{width:6px}.main-scroll::-webkit-scrollbar-track{background:transparent}.main-scroll::-webkit-scrollbar-thumb{background:var(--accent-dim, rgba(0, 242, 255, .15));border-radius:3px}.main-scroll{scrollbar-width:thin;scrollbar-color:var(--accent-dim, rgba(0, 242, 255, .15)) transparent}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-glow, rgba(0, 242, 255, .7))}70%{box-shadow:0 0 0 10px #00f2ff00}to{box-shadow:0 0 #00f2ff00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px);max-height:0;overflow:hidden}to{opacity:1;transform:translateY(0);max-height:2000px;overflow:hidden}}@keyframes neonPulse{0%{text-shadow:0 0 8px var(--accent-glow, rgba(0, 242, 255, .6))}50%{text-shadow:0 0 18px var(--accent-glow, rgba(0, 242, 255, .9)),0 0 30px var(--accent-glow, rgba(0, 242, 255, .3))}to{text-shadow:0 0 8px var(--accent-glow, rgba(0, 242, 255, .6))}}@keyframes glintSlide{0%{transform:translate(-120%)}to{transform:translate(400%)}}@keyframes office-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.pulse-dot-anim{animation:pulse 2s infinite}.spin-anim{animation:spin 4s linear infinite}.workout-card-hover{transition:.3s transform,.3s border-color,.3s box-shadow}.workout-card-hover:hover{transform:translateY(-4px)!important;border-color:var(--accent, #00f2ff)!important;box-shadow:0 4px 20px var(--accent-dim, rgba(0, 242, 255, .1)),0 0 30px var(--accent-dim, rgba(0, 242, 255, .08))!important}.nav-item-hover{transition:all .3s cubic-bezier(.2,.8,.2,1)}.nav-item-hover:hover{background:var(--accent-dim, rgba(0, 242, 255, .05))!important;color:var(--text-main, #e0ffff)!important}.play-btn-hover{transition:.3s}.play-btn-hover:hover{background:var(--accent, #00f2ff)!important;color:#000!important;box-shadow:0 0 10px var(--accent, #00f2ff)!important}.filter-pill-hover{transition:.3s}.filter-pill-hover:hover{border-color:var(--accent-dim, rgba(0, 242, 255, .15))!important;color:var(--text-main, #e0ffff)!important}.action-pill-hover{transition:.2s}.action-pill-hover:hover{border-color:var(--accent-dim, rgba(0, 242, 255, .15))!important;color:var(--accent, #00f2ff)!important;background:var(--accent-dim, rgba(0, 242, 255, .05))!important}.recipe-card-hover{transition:.2s}.recipe-card-hover:hover{background:#ffffff0d!important}.cta-btn-hover{transition:.3s}.cta-btn-hover:hover{background:var(--accent, #00f2ff)!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:0 0 25px var(--accent-glow, rgba(0, 242, 255, .6))!important}.control-btn-hover{transition:.2s}.control-btn-hover:hover{background:var(--accent-dim, rgba(0, 242, 255, .15))!important}.ai-input-el:focus{border-color:var(--accent, #00f2ff)!important;box-shadow:0 0 10px var(--accent-dim, rgba(0, 242, 255, .15))!important;outline:none}.theme-switcher-btn{transition:.2s;cursor:pointer}.theme-switcher-btn:hover{transform:scale(1.15)}.theme-switcher-btn.active{box-shadow:0 0 8px var(--accent, #00f2ff)}.glass-convex{position:relative;overflow:hidden}.glass-convex:before{content:"";position:absolute;top:6px;left:12px;width:35%;height:10px;border-radius:50px;background:var(--highlight, rgba(0, 242, 255, .1));opacity:.3;transform:rotate(-5deg);pointer-events:none}.neon-heading{animation:neonPulse 3s ease-in-out infinite}.progress-glow{box-shadow:0 0 8px var(--accent-glow, rgba(0, 242, 255, .6))}@keyframes spinAnim{to{transform:rotate(360deg)}}.spin-anim{animation:spinAnim 1s linear infinite}@keyframes spin-disc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes statusPulse{0%{opacity:1}50%{opacity:.55}to{opacity:1}}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.md-content{font-size:14px;line-height:1.7;color:#d1d5db;word-wrap:break-word;overflow-wrap:break-word}.md-content>*:first-child{margin-top:0}.md-content>*:last-child{margin-bottom:0}.md-content h1{font-size:1.4em;font-weight:600;color:#f3f4f6;margin:20px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.md-content h2{font-size:1.2em;font-weight:600;color:#f3f4f6;margin:16px 0 8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}.md-content h3{font-size:1.05em;font-weight:600;color:#e5e7eb;margin:14px 0 6px}.md-content h4{font-size:1em;font-weight:500;color:#d1d5db;margin:12px 0 4px}.md-content p{margin:8px 0}.md-content strong{color:#f3f4f6;font-weight:600}.md-content em{color:#c4b5fd;font-style:italic}.md-content ul,.md-content ol{padding-left:20px;margin:8px 0}.md-content li{margin:4px 0;padding-left:4px}.md-content li::marker{color:#7b61ff}.md-content ul li{list-style-type:"▸ "}.md-table-wrap{overflow-x:auto;margin:12px 0;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.md-table{width:100%;border-collapse:collapse;font-size:13px}.md-thead{background:#7b61ff1a}.md-th{padding:10px 14px;text-align:left;font-weight:600;color:#c4b5fd;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.md-td{padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.04);color:#d1d5db}.md-table tr:nth-child(2n){background:#ffffff05}.md-table tr:hover{background:#7b61ff0d}.md-code-block{margin:12px 0;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0d0d14}.md-code-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.md-code-lang{font-family:JetBrains Mono,monospace;font-size:11px;color:#7b61ff;text-transform:lowercase}.md-code-pre{margin:0;padding:14px;overflow-x:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;color:#e5e7eb;background:transparent}.md-code-pre code{font-family:inherit;font-size:inherit;background:none;padding:0}.md-inline-code{background:#7b61ff1f;color:#c4b5fd;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.9em}.md-link{color:#7b61ff;text-decoration:none;border-bottom:1px solid rgba(123,97,255,.3);transition:all .2s}.md-link:hover{color:#a78bfa;border-bottom-color:#a78bfa}.md-blockquote{border-left:3px solid #7B61FF;padding:8px 16px;margin:12px 0;background:#7b61ff0d;color:#9ca3af;border-radius:0 6px 6px 0}.md-blockquote p{margin:4px 0}.md-content hr{border:none;height:1px;background:#ffffff14;margin:16px 0}.mobile-landscape-wrapper{width:100%;height:100%;background:#0a0a0f}.mobile-landscape-content{width:100%;height:100%}@media(orientation:landscape){.mobile-landscape-wrapper{display:flex;justify-content:center;align-items:stretch;background:#0a0a0f;position:relative;overflow:hidden}.mobile-landscape-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0a0a0f00 30%,#0a0a0ff2 70%);pointer-events:none;z-index:1}.mobile-landscape-content{max-width:100dvh;width:100%;height:100%;position:relative;z-index:2;box-shadow:-30px 0 60px #0a0a0fcc,30px 0 60px #0a0a0fcc}}