*{box-sizing:border-box;margin:0;padding:0}:root{--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-laptop:1024px;--breakpoint-desktop:1200px;--font-size-hero:clamp(1.75rem,6vw,4rem);--font-size-h1:clamp(1.5rem,5vw,2.5rem);--font-size-h2:clamp(1.25rem,4vw,2rem);--font-size-h3:clamp(1.125rem,3.5vw,1.5rem);--font-size-body:clamp(0.875rem,2.5vw,1rem);--font-size-small:clamp(0.75rem,2vw,0.875rem);--font-size-input:max(16px,1rem);--space-xs:clamp(0.25rem,1vw,0.5rem);--space-sm:clamp(0.5rem,2vw,0.75rem);--space-md:clamp(0.75rem,3vw,1rem);--space-lg:clamp(1rem,4vw,1.5rem);--space-xl:clamp(1.5rem,5vw,2rem);--space-2xl:clamp(2rem,6vw,3rem);--touch-target-min:44px;--touch-target-comfortable:48px;--radius-sm:clamp(4px,1vw,8px);--radius-md:clamp(8px,1.5vw,12px);--radius-lg:clamp(12px,2vw,20px);--radius-xl:clamp(16px,2.5vw,24px);--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 10px 30px #00000026;--shadow-xl:0 20px 60px #0000001a;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:100;--z-sticky:500;--z-fixed:1000;--z-modal-backdrop:1050;--z-modal:1100;--z-popover:1200;--z-tooltip:1300}.app,body,html{max-width:100vw;overflow-x:hidden}.app{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;padding:clamp(10px,2vw,20px)}.chat-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:clamp(12px,2vw,24px);box-shadow:0 20px 60px #0000001a;display:flex;flex-direction:column;height:95vh;overflow:hidden;width:min(98%,1400px)}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;color:#fff;padding:clamp(16px,3vh,24px) clamp(20px,4vw,32px)}.header-content{justify-content:space-between}.header-actions{gap:16px}.header-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:clamp(6px,1vh,8px) clamp(10px,1.5vw,12px);transition:all .2s ease}.header-button:hover{background:#ffffff4d;transform:translateY(-1px)}.search-bar{align-items:center;background:#fff;border-radius:12px;display:flex;gap:8px;min-width:300px;padding:8px 12px}.search-bar input{border:none;color:#1e293b;flex:1 1;font-size:14px;outline:none}.search-bar button{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:18px;line-height:1;padding:0}.search-bar button:hover{color:#334155}.logo-section{display:flex;flex-direction:column;gap:8px}.logo{align-items:center;display:flex;gap:12px}.logo-icon{color:gold}.logo-icon,.logo-icon-img{filter:drop-shadow(0 2px 4px rgba(255,215,0,.3));height:32px;width:32px}.logo-icon-img{object-fit:contain}.logo-text{font-size:28px;font-weight:700;letter-spacing:-.5px}.subtitle{color:#fffc;font-size:14px;font-weight:400}.status-indicator{align-items:center;color:#ffffffe6;display:flex;font-size:14px;gap:8px}.status-dot{animation:pulse 2s infinite;background:#4ade80}.messages-container{overflow:hidden}.messages,.messages-container{display:flex;flex:1 1;flex-direction:column}.messages{gap:clamp(12px,2vh,16px);overflow-y:auto;padding:clamp(16px,3vw,24px);scroll-behavior:smooth}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:#0000}.messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:#0003}.message-wrapper{display:flex;margin-bottom:4px}.user-wrapper{justify-content:flex-end}.lumi-wrapper{justify-content:flex-start}.message-bubble{border-radius:clamp(16px,2.5vw,20px);box-shadow:0 2px 8px #00000014;max-width:min(92%,1200px);padding:clamp(12px,2vw,18px) clamp(16px,2.5vw,24px);position:relative;width:100%}.user-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:6px;color:#fff}.lumi-bubble{background:#f8fafc;border:1px solid #e2e8f0;border-bottom-left-radius:6px;color:#1e293b}.lumi-bubble.typing{background:#f1f5f9}.message-header{font-size:12px;justify-content:space-between;margin-bottom:8px;opacity:.8}.message-header,.sender-info{align-items:center;display:flex}.sender-info{font-weight:600;gap:6px}.message-time{align-items:center;display:flex;font-size:11px;gap:4px}.message-content{line-height:1.5}.message-content p{margin:0}.message-content h1,.message-content h2,.message-content h3{color:inherit;margin:12px 0 8px}.message-content ol,.message-content ul{margin:8px 0;padding-left:20px}.message-content li{margin:4px 0}.message-content strong{font-weight:600}.message-content em{font-style:italic}.message-content code{background:#0000001a;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em;padding:2px 6px}.user-bubble .message-content code{background:#fff3}.message-content pre{border-radius:8px;margin:12px 0;overflow:hidden}.message-content blockquote{border-left:4px solid #e2e8f0;color:#64748b;font-style:italic;margin:12px 0;padding-left:16px}.user-bubble .message-content blockquote{border-left-color:#ffffff4d;color:#fffc}.typing-indicator{align-items:center;display:flex;gap:12px}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typing 1.4s infinite;background:#94a3b8;border-radius:50%;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.typing-text{color:#64748b;font-size:14px;font-style:italic}.input-container{background:#f8fafc;border-top:1px solid #e2e8f0;padding:clamp(16px,3vh,24px) clamp(20px,4vw,32px)}.input-wrapper{align-items:flex-end;display:flex;gap:12px}.input-field{align-items:center;border-radius:16px;display:flex;flex:1 1;min-height:48px;padding:clamp(10px,1.5vh,12px) clamp(12px,2vw,16px);position:relative;transition:all .2s ease}.input-field:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-icon{color:#94a3b8;flex-shrink:0;margin-right:12px}.message-input{border:none;flex:1 1;font-family:inherit;font-size:16px;line-height:1.5;max-height:120px;min-height:24px;outline:none;overflow-y:auto;resize:none}.message-input::placeholder{color:#94a3b8}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;min-width:48px;padding:12px 16px;touch-action:manipulation;transition:all .2s ease}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.send-button:active{transform:translateY(0)}.send-button:disabled{background:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed;transform:none}.input-hint{color:#64748b;margin-top:8px;text-align:center}@media (min-width:1920px){.chat-container{width:min(95%,1600px)}.message-bubble{max-width:min(90%,1300px)}}@media (min-width:1200px) and (max-width:1919px){.chat-container{width:min(96%,1400px)}}@media (min-width:992px) and (max-width:1199px){.chat-container{width:min(94%,1100px)}.message-bubble{max-width:min(90%,950px)}}@media (min-width:768px) and (max-width:991px){.chat-container{height:94vh;width:96%}.message-bubble{font-size:15px;max-width:88%}.tab-navigation{flex-wrap:wrap;gap:6px}.tab-button{font-size:13px;padding:6px 12px}.header-content{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{justify-content:space-between;width:100%}}@media (min-width:600px) and (max-width:767px){.app{padding:8px}.chat-container{border-radius:12px;height:96vh;width:98%}.message-bubble{max-width:85%;padding:12px 16px}.logo-text{font-size:22px}.tab-button{font-size:12px;padding:6px 10px}.search-bar{min-width:200px}}@media (min-width:480px) and (max-width:599px){.app{padding:5px}.chat-container{border-radius:8px;height:98vh;width:100%}.chat-header{padding:12px 16px}.logo-text{font-size:20px}.messages{gap:10px;padding:12px}.message-bubble{font-size:14px;max-width:88%;padding:10px 14px}.input-container{padding:12px 16px}.tab-button{font-size:11px;gap:4px;padding:5px 8px}.tab-button svg{height:14px;width:14px}.header-content{align-items:flex-start;flex-direction:column;gap:10px}.header-actions{width:100%}.tab-navigation{justify-content:space-between;width:100%}}@media (max-width:479px){.app{padding:0}.chat-container{border-radius:0;height:100vh;width:100%}.chat-header{padding:10px 12px}.logo-text{font-size:18px}.subtitle{display:none;font-size:11px}.messages{gap:8px;padding:10px}.message-bubble{border-radius:12px;font-size:14px;max-width:90%;padding:8px 12px}.input-container{padding:10px 12px}.message-input{font-size:max(16px,1rem);font-size:var(--font-size-input)}.send-button{height:44px;min-width:44px;padding:8px}.tab-button{flex-shrink:0;font-size:0;min-width:40px;padding:8px 10px}.tab-button svg{height:18px;margin:0;width:18px}.header-content{align-items:stretch;flex-direction:column;gap:8px}.header-actions{display:flex;flex-direction:row;gap:6px}.header-actions,.tab-navigation{justify-content:flex-start;width:100%}.tab-navigation{gap:4px;margin-right:0;padding-bottom:4px}.mobile-header-row,.user-menu{align-items:center;display:flex}.mobile-header-row{gap:6px;margin-left:auto}.user-name{display:none}.search-bar{min-width:150px;padding:6px 8px}.input-hint{font-size:10px}.action-button{font-size:12px;padding:4px 8px}.message-actions{gap:6px;margin-top:8px;padding-top:6px}.action-button{font-size:0;justify-content:center;min-width:32px;padding:6px 8px}.action-button svg{flex-shrink:0;height:16px;width:16px}.logo-section{align-items:center;flex-direction:row}}.message-actions{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:8px}.action-button{background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;gap:6px;padding:6px 10px;transition:all .2s ease}.action-button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155;transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.action-button.bookmarked{background:#dbeafe;border-color:#60a5fa;color:#2563eb}.bookmarks-view{height:100%;overflow-y:auto;padding:24px}.bookmarks-title{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:600;gap:12px;margin-bottom:20px}.empty-bookmarks{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px;height:60%;justify-content:center}.empty-bookmarks p{font-size:16px}.bookmarks-list{display:flex;flex-direction:column;gap:16px}.bookmark-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s ease}.bookmark-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.bookmark-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.bookmark-date{color:#64748b;font-size:14px}.bookmark-type{background:#f1f5f9;color:#475569;font-size:12px;padding:4px 10px}.bookmark-summary,.bookmark-type{border-radius:6px;font-weight:500}.bookmark-summary{background:#f8fafc;color:#334155;font-size:14px;margin-bottom:12px;padding:8px 12px}.bookmark-conversation{display:flex;flex-direction:column;gap:8px}.bookmark-lumi-msg,.bookmark-user-msg{font-size:14px;line-height:1.6}.bookmark-user-msg{color:#475569}.bookmark-lumi-msg{color:#1e293b}.bookmark-lumi-msg strong,.bookmark-user-msg strong{color:#667eea;margin-right:6px}.header-button.active{background:#fff6;border-color:#ffffff80}.tab-navigation{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:clamp(6px,1vw,8px);margin-right:clamp(8px,2vw,16px);overflow-x:auto;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:clamp(12px,1.5vw,14px);font-weight:500;gap:6px;min-height:36px;padding:clamp(6px,1vh,8px) clamp(12px,2vw,16px);transition:all .2s;white-space:nowrap}.tab-button:hover{background:#f3f4f6}.tab-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.user-menu{align-items:center;border-left:1px solid #fff3;display:flex;gap:8px;margin-left:8px;padding-left:12px}.user-name{color:#fff;font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{background:#ef444433!important;border-color:#ef44444d!important;color:#fca5a5!important}.logout-button:hover{background:#ef44444d!important;border-color:#ef444480!important}.auth-loading{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh}.auth-loading-content{color:#fff;text-align:center}.auth-loading-icon{animation:pulse-glow 2s infinite;color:#60a5fa;margin-bottom:16px}.auth-loading-content h2{color:#94a3b8;font-size:18px;font-weight:500}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(96,165,250,.5));opacity:1}50%{filter:drop-shadow(0 0 16px rgba(96,165,250,.8));opacity:.7}}.video-analysis-container{flex:1 1;overflow-y:auto;padding:clamp(16px,3vw,20px)}.notes-container,.planning-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:clamp(16px,3vw,20px)}.chat-header-actions{align-items:center;display:flex;gap:clamp(6px,1vw,8px)}.mobile-header-row{align-items:center;display:flex;gap:8px}[data-theme=dark] .app{background:linear-gradient(135deg,#1e293b,#0f172a)}[data-theme=dark] .chat-container{background:#1e293bf2;border-color:#3341554d}[data-theme=dark] .chat-header{background:linear-gradient(135deg,#334155,#1e293b)}[data-theme=dark] .messages-container{background:#0f172a}[data-theme=dark] .message-bubble{background:#1e293b;border-color:#334155}[data-theme=dark] .user-bubble{background:linear-gradient(135deg,#475569,#334155);color:#f1f5f9}[data-theme=dark] .lumi-bubble{background:#1e293b;color:#e2e8f0}[data-theme=dark] .message-content{color:#e2e8f0}[data-theme=dark] .message-content code{background:#0f172a;color:#94a3b8}[data-theme=dark] .message-time{color:#94a3b8}[data-theme=dark] .action-button{background:#334155;border-color:#475569;color:#cbd5e1}[data-theme=dark] .action-button:hover{background:#475569;color:#f1f5f9}[data-theme=dark] .input-container{background:#1e293b;border-top-color:#334155}[data-theme=dark] .input-field{background:#0f172a;border-color:#334155}[data-theme=dark] .message-input{color:#f1f5f9}[data-theme=dark] .message-input::placeholder{color:#64748b}[data-theme=dark] .send-button{background:linear-gradient(135deg,#475569,#334155)}[data-theme=dark] .send-button:hover:not(:disabled){background:linear-gradient(135deg,#64748b,#475569)}[data-theme=dark] .input-hint{color:#64748b}[data-theme=dark] .tab-button{color:#94a3b8}[data-theme=dark] .tab-button:hover{background:#33415580;color:#f1f5f9}[data-theme=dark] .tab-button.active{background:#667eea33;color:#a5b4fc}[data-theme=dark] .header-button{background:#33415580;border-color:#47556980}[data-theme=dark] .header-button:hover{background:#475569b3}[data-theme=dark] .status-indicator span{color:#cbd5e1}[data-theme=dark] .typing-indicator{color:#94a3b8}[data-theme=dark] .empty-bookmarks{color:#64748b}[data-theme=dark] .notes-container,[data-theme=dark] .planning-container,[data-theme=dark] .video-analysis-container{background:#0f172a}.loading-spinner-container{align-items:center;display:flex;justify-content:center;padding:20px}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#667eea;height:50px;width:50px}.processing-status{background:#f8f9fa;border-radius:12px;margin:20px 0;padding:30px;text-align:center}[data-theme=dark] .processing-status{background:#3341554d}[data-theme=dark] .loading-spinner{border-color:#a5b4fc #334155 #334155}[data-theme=glass] .app{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:200% 200%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}[data-theme=glass] .chat-container{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:#ffffff40;border:1px solid #fff6;box-shadow:0 8px 32px #1f268726,inset 0 0 0 1px #ffffff1a}[data-theme=glass] .chat-header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fff3;border-bottom:1px solid #ffffff4d;color:#fff}[data-theme=glass] .logo-text{text-shadow:0 2px 10px #ffffff4d}[data-theme=glass] .subtitle{color:#fffffff2;text-shadow:0 1px 3px #0000001a}[data-theme=glass] .messages,[data-theme=glass] .messages-container{background:#0000}[data-theme=glass] .messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}[data-theme=glass] .messages::-webkit-scrollbar-thumb:hover{background:#fff6}[data-theme=glass] .message-bubble{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);background:#ffffff80;border:1px solid #ffffff80;box-shadow:0 4px 16px #1f26871a,inset 0 0 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .message-bubble:hover{background:#fff9;box-shadow:0 8px 24px #1f268726,inset 0 0 0 1px #ffffff4d;transform:translateY(-2px)}[data-theme=glass] .user-bubble{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#667eea4d;border:1px solid #fff6;box-shadow:0 4px 16px #667eea33,inset 0 0 0 1px #fff3;color:#1e293b}[data-theme=glass] .user-bubble:hover{background:#667eea66}[data-theme=glass] .lumi-bubble{background:#ffffff80;border:1px solid #ffffff80;color:#1e293b}[data-theme=glass] .message-header{opacity:.9}[data-theme=glass] .message-content{color:#1e293b}[data-theme=glass] .message-content code{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000014;border:1px solid #fff3}[data-theme=glass] .user-bubble .message-content code{background:#ffffff4d}[data-theme=glass] .message-time{color:#1e293bb3}[data-theme=glass] .action-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff6;color:#334155;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .action-button:hover{background:#ffffff80;border-color:#fff9;box-shadow:0 4px 12px #1f268726;transform:translateY(-2px)}[data-theme=glass] .action-button.bookmarked{background:#667eea66;border-color:#667eea99;color:#667eea}[data-theme=glass] .input-container{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff26;border-top:1px solid #ffffff4d}[data-theme=glass] .input-field{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff80;border:1px solid #ffffff80;box-shadow:inset 0 0 0 1px #ffffff1a}[data-theme=glass] .input-field:focus-within{background:#fff9;border-color:#ffffffb3;box-shadow:0 0 0 3px #667eea33,inset 0 0 0 1px #fff3}[data-theme=glass] .message-input{background:#0000;color:#1e293b}[data-theme=glass] .message-input::placeholder{color:#1e293b99}[data-theme=glass] .send-button{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#667eea80;border:1px solid #fff6;box-shadow:0 4px 16px #667eea4d,inset 0 0 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .send-button:hover:not(:disabled){background:#667eeab3;box-shadow:0 8px 24px #667eea66,inset 0 0 0 1px #ffffff4d;transform:translateY(-2px)}[data-theme=glass] .send-button:disabled{background:#94a3b84d;border-color:#fff3;color:#94a3b8cc}[data-theme=glass] .input-hint{color:#1e293bb3;text-shadow:0 1px 2px #ffffff80}[data-theme=glass] .tab-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .tab-button:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 2px 8px #1f26871a;transform:translateY(-1px)}[data-theme=glass] .tab-button.active{background:#ffffff80;border-color:#fff9;box-shadow:0 4px 12px #1f268726,inset 0 0 0 1px #fff3;color:#667eea}[data-theme=glass] .header-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .header-button:hover{background:#ffffff59;border-color:#ffffff80;box-shadow:0 2px 8px #1f26871a;transform:translateY(-1px)}[data-theme=glass] .header-button.active{background:#fff6;border-color:#fff9}[data-theme=glass] .status-indicator{color:#fff;text-shadow:0 1px 2px #0000001a}[data-theme=glass] .status-dot{background:#4ade80;box-shadow:0 0 10px #4ade8099}[data-theme=glass] .typing-indicator{color:#1e293bcc}[data-theme=glass] .typing-dots span{background:#667eea99}[data-theme=glass] .empty-bookmarks{color:#1e293b99}[data-theme=glass] .notes-container,[data-theme=glass] .planning-container,[data-theme=glass] .video-analysis-container{background:#0000}[data-theme=glass] .loading-spinner{border-color:#667eeacc #fff3 #fff3}[data-theme=glass] .processing-status{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff6;border:1px solid #ffffff80;box-shadow:0 4px 16px #1f26871a,inset 0 0 0 1px #fff3}[data-theme=glass] .search-bar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff80;border:1px solid #ffffff80}[data-theme=glass] .search-bar input{background:#0000;color:#1e293b}[data-theme=glass] .search-bar button{color:#1e293bb3}[data-theme=glass] .search-bar button:hover{color:#1e293b}[data-theme=glass] .message-actions{border-top:1px solid #ffffff4d}[data-theme=gold]{--gold-light:#f4e4bc;--gold-primary:#d4af37;--gold-dark:#aa8c2c;--gold-accent:#c9a227;--charcoal:#1a1a1a;--charcoal-light:#2a2a2a;--charcoal-medium:#3a3a3a;--gold-gradient:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c);--gold-gradient-horizontal:linear-gradient(90deg,#f4e4bc,#d4af37,#aa8c2c);--gold-shadow:0 0 40px #d4af374d;--gold-glow:0 0 20px #d4af3780}[data-theme=gold] .app{background:linear-gradient(180deg,#1a1a1a,#0d0d0d 50%,#1a1a1a);overflow:hidden;position:relative}[data-theme=gold] .app:before{animation:gold-orb-float 20s ease-in-out infinite;background:radial-gradient(circle,#d4af3726 0,#0000 70%);content:"";filter:blur(80px);height:600px;left:-200px;pointer-events:none;position:fixed;top:-200px;width:600px;z-index:0}[data-theme=gold] .app:after{animation:gold-orb-float 25s ease-in-out infinite reverse;background:radial-gradient(circle,#aa8c2c1f 0,#0000 70%);bottom:-100px;content:"";filter:blur(60px);height:400px;pointer-events:none;position:fixed;right:-100px;width:400px;z-index:0}@keyframes gold-orb-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,30px) scale(1.1)}}[data-theme=gold] .chat-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1af2;border:1px solid #d4af374d;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #d4af371a;position:relative;z-index:1}[data-theme=gold] .chat-header{background:linear-gradient(180deg,#2a2a2af2,#1a1a1af2);border-bottom:1px solid #d4af374d;position:relative}[data-theme=gold] .chat-header:after{background:linear-gradient(90deg,#0000,#d4af3780,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}[data-theme=gold] .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(212,175,55,.3))}[data-theme=gold] .logo-icon{color:#d4af37;filter:drop-shadow(0 0 10px rgba(212,175,55,.5))}[data-theme=gold] .subtitle{color:#f4e4bccc}[data-theme=gold] .messages-container{background:linear-gradient(180deg,#1a1a1afa,#0d0d0dfa)}[data-theme=gold] .messages{background:#0000}[data-theme=gold] .messages::-webkit-scrollbar{width:6px}[data-theme=gold] .messages::-webkit-scrollbar-track{background:#2a2a2a80}[data-theme=gold] .messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#aa8c2c);border-radius:3px}[data-theme=gold] .messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f4e4bc,#d4af37)}[data-theme=gold] .message-bubble{background:#2a2a2ae6;border:1px solid #d4af3733;box-shadow:0 4px 16px #0000004d;transition:all .4s ease}[data-theme=gold] .message-bubble:hover{border-color:#d4af3766;box-shadow:0 6px 24px #0006,0 0 20px #d4af371a}[data-theme=gold] .user-bubble{background:linear-gradient(135deg,#d4af3726,#aa8c2c1a);border:1px solid #d4af3766;color:#f5f3ef}[data-theme=gold] .lumi-bubble{background:#2a2a2ae6;border:1px solid #ffffff14;color:#f5f3ef}[data-theme=gold] .message-header{opacity:.9}[data-theme=gold] .sender-info{color:#f4e4bc}[data-theme=gold] .message-content{color:#f5f3ef;line-height:1.7}[data-theme=gold] .message-content code{background:#d4af371a;border:1px solid #d4af3733;color:#f4e4bc}[data-theme=gold] .message-content blockquote{border-left:4px solid #d4af3780;color:#f5f3efcc}[data-theme=gold] .message-time{color:#f4e4bc99}[data-theme=gold] .action-button{transition:all .4s ease}[data-theme=gold] .action-button:before{background:linear-gradient(90deg,#0000,#d4af374d,#0000);transition:.6s}[data-theme=gold] .action-button:hover:before{left:100%}[data-theme=gold] .action-button:hover{background:#d4af3726;border-color:#d4af3799;box-shadow:0 0 20px #d4af3733;color:#f4e4bc;transform:translateY(-2px)}[data-theme=gold] .action-button.bookmarked{background:#d4af3733;border-color:#d4af37;color:#f4e4bc}[data-theme=gold] .action-button svg{stroke:#f4e4bc!important;color:#f4e4bc!important}[data-theme=gold] .action-button svg circle,[data-theme=gold] .action-button svg line,[data-theme=gold] .action-button svg path,[data-theme=gold] .action-button svg polyline,[data-theme=gold] .action-button svg rect{stroke:#f4e4bc!important}[data-theme=gold] .action-button.secondary:hover{background:#d4af3726;border-color:#d4af3780}[data-theme=gold] .input-container{background:#1a1a1af2;border-top:1px solid #d4af3733;position:relative}[data-theme=gold] .input-container:before{background:linear-gradient(90deg,#0000,#d4af3766,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}[data-theme=gold] .input-field{background:#2a2a2ae6;border:1px solid #d4af3733;box-shadow:inset 0 2px 4px #0003}[data-theme=gold] .input-field:focus-within{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726,inset 0 2px 4px #0003}[data-theme=gold] .message-input{background:#0000;color:#f5f3ef}[data-theme=gold] .message-input::placeholder{color:#f4e4bc80}[data-theme=gold] .input-icon{color:#d4af3799}[data-theme=gold] .send-button{background:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c);border:none;box-shadow:0 4px 16px #d4af3766;color:#1a1a1a;overflow:hidden;position:relative;transition:all .4s ease}[data-theme=gold] .send-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}[data-theme=gold] .send-button:hover:before{left:100%}[data-theme=gold] .send-button:hover:not(:disabled){box-shadow:0 8px 24px #d4af3780;transform:translateY(-2px)}[data-theme=gold] .send-button:disabled{background:#3a3a3acc;box-shadow:none;color:#f4e4bc66}[data-theme=gold] .tab-button{background:#2a2a2acc;border:1px solid #d4af3733;color:#f4e4bcb3;overflow:hidden;position:relative;transition:all .4s ease}[data-theme=gold] .tab-button:before{background:linear-gradient(90deg,#0000,#d4af3733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}[data-theme=gold] .tab-button:hover:before{left:100%}[data-theme=gold] .tab-button:hover{background:#d4af371a;border-color:#d4af3766;color:#f4e4bc}[data-theme=gold] .tab-button.active{background:linear-gradient(135deg,#d4af3733,#aa8c2c26);border-color:#d4af37;box-shadow:0 0 15px #d4af3733;color:#f4e4bc}[data-theme=gold] .header-button{background:#2a2a2acc;border:1px solid #d4af374d;color:#f4e4bc;overflow:hidden;position:relative;transition:all .4s ease}[data-theme=gold] .header-button:before{background:linear-gradient(90deg,#0000,#d4af374d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}[data-theme=gold] .header-button:hover:before{left:100%}[data-theme=gold] .header-button:hover{background:#d4af3726;border-color:#d4af3799;transform:translateY(-1px)}[data-theme=gold] .header-button.active{background:#d4af3733;border-color:#d4af37}[data-theme=gold] .status-indicator{color:#f4e4bc}[data-theme=gold] .status-dot{background:#d4af37;box-shadow:0 0 10px #d4af3799}[data-theme=gold] .typing-indicator{color:#f4e4bccc}[data-theme=gold] .typing-dots span{background:#d4af37}[data-theme=gold] .empty-bookmarks{color:#f4e4bc99}[data-theme=gold] .notes-container,[data-theme=gold] .planning-container,[data-theme=gold] .video-analysis-container{background:linear-gradient(180deg,#1a1a1afa,#0d0d0dfa)}[data-theme=gold] .loading-spinner{border-color:#d4af37 #2a2a2a80 #2a2a2a80}[data-theme=gold] .processing-status{color:#f4e4bc}[data-theme=gold] .processing-status,[data-theme=gold] .search-bar{background:#2a2a2ae6;border:1px solid #d4af374d}[data-theme=gold] .search-bar input{background:#0000;color:#f5f3ef}[data-theme=gold] .search-bar input::placeholder{color:#f4e4bc80}[data-theme=gold] .search-bar button{color:#d4af37b3}[data-theme=gold] .search-bar button:hover{color:#d4af37}[data-theme=gold] .message-actions{border-top:1px solid #d4af3733}[data-theme=gold] .message-actions .action-button{background:#2a2a2acc;border:1px solid #d4af374d;color:#f4e4bc}[data-theme=gold] .message-actions .action-button svg{stroke:#f4e4bc!important;color:#f4e4bc!important}[data-theme=gold] .message-actions .action-button svg circle,[data-theme=gold] .message-actions .action-button svg line,[data-theme=gold] .message-actions .action-button svg path,[data-theme=gold] .message-actions .action-button svg polyline,[data-theme=gold] .message-actions .action-button svg rect{stroke:#f4e4bc!important}[data-theme=gold] .message-actions .action-button:hover{background:#d4af3726;border-color:#d4af3799}[data-theme=gold] .message-actions .action-button:hover svg{stroke:#f4e4bc!important;color:#f4e4bc!important}[data-theme=gold] .user-menu{border-left-color:#d4af374d}[data-theme=gold] .user-name{color:#f4e4bc}[data-theme=gold] .logout-button{background:#ef444426!important;border-color:#ef44444d!important;color:#fca5a5!important}[data-theme=gold] .logout-button:hover{background:#ef444440!important}[data-theme=gold] .video-analysis-upload{background:#1a1a1af2!important;border-color:#d4af374d!important;box-shadow:0 4px 20px #0000004d,inset 0 1px 0 #d4af371a!important}[data-theme=gold] .dropzone{background:#2a2a2acc!important;border-color:#d4af374d!important}[data-theme=gold] .dropzone:hover{background:#2a2a2ae6!important;border-color:#d4af3780!important}[data-theme=gold] .dropzone.dragactive{background:#d4af371a!important;border-color:#d4af37!important}[data-theme=gold] .dropzone.has-file{background:#10b9811a!important;border-color:#10b98180!important}[data-theme=gold] .dropzone p{color:#f4e4bcb3!important}[data-theme=gold] .preview-video{border-color:#d4af374d!important}[data-theme=gold] .file-name{color:#f5f3ef!important}[data-theme=gold] .file-size{color:#f4e4bc99!important}[data-theme=gold] .element-select{background:#2a2a2ae6!important;border-color:#d4af374d!important;color:#f5f3ef!important}[data-theme=gold] .element-select:focus{border-color:#d4af37!important;box-shadow:0 0 0 3px #d4af3726!important}[data-theme=gold] .element-select option{background:#2a2a2a!important;color:#f5f3ef!important}[data-theme=gold] .analyze-button{background:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c)!important;border:none!important;box-shadow:0 4px 16px #d4af3766!important;color:#1a1a1a!important}[data-theme=gold] .analyze-button:hover:not(:disabled){box-shadow:0 6px 24px #d4af3780!important;transform:translateY(-2px)}[data-theme=gold] .reset-button{background:#2a2a2ae6!important;border:1px solid #d4af374d!important;color:#f4e4bc!important}[data-theme=gold] .reset-button:hover{background:#d4af3726!important;border-color:#d4af3780!important}[data-theme=gold] .progress-bar{background:#2a2a2acc!important}[data-theme=gold] .progress-fill{background:linear-gradient(90deg,#f4e4bc,#d4af37 50%,#f4e4bc)!important;background-size:200% 100%!important}[data-theme=gold] .progress-text{color:#f4e4bc!important}[data-theme=gold] .processing-message{color:#f4e4bcb3!important}[data-theme=gold] .results-title{color:#d4af37!important}[data-theme=gold] .analysis-header-line{background:#2a2a2ae6!important;border-color:#d4af374d!important;color:#f5f3ef!important}[data-theme=gold] .header-divider{color:#d4af3766!important}[data-theme=gold] .key-measurements-full{background:linear-gradient(135deg,#d4af3733,#aa8c2c26)!important;border:1px solid #d4af3766!important;box-shadow:0 4px 20px #d4af3726!important}[data-theme=gold] .measurements-title{color:#f4e4bc!important}[data-theme=gold] .measurement-item{background:#1a1a1a80!important;border:1px solid #d4af3733!important}[data-theme=gold] .measurement-item:hover{background:#1a1a1ab3!important;border-color:#d4af3766!important}[data-theme=gold] .measurement-label{color:#f4e4bccc!important}[data-theme=gold] .measurement-value{color:#f4e4bc!important}[data-theme=gold] .measurement-subtext{color:#f4e4bc99!important}[data-theme=gold] .coaching-feedback{background:#2a2a2ae6!important;border:1px solid #d4af374d!important}[data-theme=gold] .coaching-feedback h5{color:#d4af37!important}[data-theme=gold] .feedback-content{color:#f5f3ef!important}[data-theme=gold] .new-analysis-button{background:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c)!important;box-shadow:0 4px 16px #d4af3766!important;color:#1a1a1a!important}[data-theme=gold] .new-analysis-button:hover{box-shadow:0 6px 24px #d4af3780!important}[data-theme=gold] .error-message{color:#fca5a5!important}[data-theme=gold] .retry-button{background:#ef444433!important;border:1px solid #ef444466!important;color:#fca5a5!important}[data-theme=gold] .retry-button:hover{background:#ef44444d!important}[data-theme=gold] .video-history{background:#2a2a2acc!important;border:1px solid #d4af3733!important}[data-theme=gold] .video-history h4{color:#f4e4bc!important}[data-theme=gold] .history-card{background:#1a1a1af2!important;border-color:#d4af374d!important}[data-theme=gold] .history-card:hover{border-color:#d4af3780!important;box-shadow:0 4px 20px #d4af3726!important}[data-theme=gold] .thumbnail{background:#2a2a2acc!important}[data-theme=gold] .no-thumbnail{color:#f4e4bc80!important}[data-theme=gold] .element-type{color:#f4e4bc!important}[data-theme=gold] .history-info .timestamp{color:#f4e4bc99!important}[data-theme=gold] .actions button{background:#2a2a2ae6!important;border-color:#d4af374d!important;color:#f4e4bc!important}[data-theme=gold] .actions button:hover{background:#d4af3726!important;border-color:#d4af3780!important}[data-theme=gold] .comparison-panel{background:#1a1a1af2!important;border-color:#d4af374d!important;box-shadow:0 4px 20px #0000004d!important}[data-theme=gold] .comparison-header{border-bottom-color:#d4af3733!important}[data-theme=gold] .header-icon{color:#d4af37!important}[data-theme=gold] .header-title{color:#f4e4bc!important}[data-theme=gold] .header-subtitle{color:#f4e4bc99!important}[data-theme=gold] .section-card{background:#2a2a2acc!important;border-color:#d4af3733!important}[data-theme=gold] .section-icon{color:#d4af37!important}[data-theme=gold] .section-title{color:#f4e4bc!important}[data-theme=gold] .section-loading{color:#f4e4bcb3!important}[data-theme=gold] .section-loading-spinner{border-color:#d4af37 #d4af374d #d4af374d!important}[data-theme=gold] .section-error{background:#ef44441a!important;border-color:#ef44444d!important}[data-theme=gold] .section-error-icon,[data-theme=gold] .section-error-message{color:#fca5a5!important}[data-theme=gold] .section-no-data{color:#f4e4bc99!important}[data-theme=gold] .frame-coaching{background:#1a1a1af2!important;border-color:#d4af374d!important;box-shadow:0 4px 20px #0000004d!important}[data-theme=gold] .coaching-header{border-bottom-color:#d4af374d!important}[data-theme=gold] .frame-number{color:#f4e4bc!important}[data-theme=gold] .frame-coaching .timestamp{color:#f4e4bc99!important}[data-theme=gold] .element-phase{background:#d4af3726!important;color:#d4af37!important}[data-theme=gold] .confidence-circle{color:#f4e4bc!important}[data-theme=gold] .confidence-circle:before{background:#2a2a2a!important}[data-theme=gold] .confidence-label{color:#f4e4bc99!important}[data-theme=gold] .coaching-section{background:#2a2a2acc!important;border-color:#d4af3733!important}[data-theme=gold] .section-header-coaching{background:#1a1a1ae6!important;border-bottom-color:#d4af3733!important}[data-theme=gold] .section-title-coaching{color:#f4e4bc!important}[data-theme=gold] .coaching-content{color:#f4e4bce6!important}[data-theme=gold] .biomechanics-grid{background:#2a2a2a99!important;border-color:#d4af3733!important}[data-theme=gold] .metric-label{color:#f4e4bc99!important}[data-theme=gold] .metric-delta.negative{color:#fca5a5!important}[data-theme=gold] .metric-delta.positive{color:#86efac!important}[data-theme=gold] .focus-item{background:#2a2a2acc!important;border-color:#d4af3733!important}[data-theme=gold] .focus-priority{background:#d4af3733!important;color:#d4af37!important}[data-theme=gold] .focus-text{color:#f5f3ef!important}[data-theme=gold] .pose-landmarks-loading{background:#1a1a1af2!important;border-color:#d4af3733!important}[data-theme=gold] .landmarks-title{color:#f4e4bc!important}[data-theme=dark] .video-analysis-upload{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .dropzone{background:#0f172a!important;border-color:#475569!important}[data-theme=dark] .dropzone:hover{background:#1e293b!important;border-color:#60a5fa!important}[data-theme=dark] .dropzone.dragactive{background:#3b82f61a!important;border-color:#3b82f6!important}[data-theme=dark] .dropzone.has-file{background:#10b9811a!important;border-color:#10b981!important}[data-theme=dark] .dropzone p{color:#94a3b8!important}[data-theme=dark] .preview-video{border-color:#475569!important}[data-theme=dark] .file-name{color:#f1f5f9!important}[data-theme=dark] .file-size{color:#94a3b8!important}[data-theme=dark] .element-select{background:#0f172a!important;border-color:#475569!important;color:#f1f5f9!important}[data-theme=dark] .element-select option{background:#1e293b!important;color:#f1f5f9!important}[data-theme=dark] .reset-button{background:#334155!important;border-color:#475569!important;color:#f1f5f9!important}[data-theme=dark] .reset-button:hover{background:#475569!important}[data-theme=dark] .progress-bar{background:#334155!important}[data-theme=dark] .processing-message,[data-theme=dark] .progress-text{color:#94a3b8!important}[data-theme=dark] .analysis-header-line{background:#0f172a!important;border-color:#334155!important;color:#e2e8f0!important}[data-theme=dark] .header-divider{color:#475569!important}[data-theme=dark] .key-measurements-full{background:linear-gradient(135deg,#334155,#1e293b)!important}[data-theme=dark] .coaching-feedback{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .coaching-feedback h5{color:#60a5fa!important}[data-theme=dark] .feedback-content{color:#e2e8f0!important}[data-theme=dark] .video-history{background:#0f172a!important}[data-theme=dark] .video-history h4{color:#f1f5f9!important}[data-theme=dark] .history-card{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .thumbnail{background:#334155!important}[data-theme=dark] .no-thumbnail{color:#64748b!important}[data-theme=dark] .element-type{color:#f1f5f9!important}[data-theme=dark] .history-info .timestamp{color:#94a3b8!important}[data-theme=dark] .actions button{background:#334155!important;border-color:#475569!important;color:#f1f5f9!important}[data-theme=dark] .actions button:hover{background:#475569!important}[data-theme=dark] .comparison-panel{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .comparison-header{border-bottom-color:#334155!important}[data-theme=dark] .header-title{color:#f1f5f9!important}[data-theme=dark] .header-subtitle{color:#94a3b8!important}[data-theme=dark] .section-card{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .section-title{color:#f1f5f9!important}[data-theme=dark] .section-loading{color:#94a3b8!important}[data-theme=dark] .section-loading-spinner{border-color:#3b82f6 #334155 #334155!important}[data-theme=dark] .section-no-data{color:#94a3b8!important}[data-theme=dark] .frame-coaching{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .coaching-header{border-bottom-color:#334155!important}[data-theme=dark] .frame-number{color:#f1f5f9!important}[data-theme=dark] .frame-coaching .timestamp{color:#94a3b8!important}[data-theme=dark] .element-phase{background:#3b82f633!important;color:#60a5fa!important}[data-theme=dark] .confidence-circle{color:#f1f5f9!important}[data-theme=dark] .confidence-circle:before{background:#1e293b!important}[data-theme=dark] .confidence-label{color:#94a3b8!important}[data-theme=dark] .coaching-section{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .section-header-coaching{background:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .section-title-coaching{color:#f1f5f9!important}[data-theme=dark] .coaching-content{color:#e2e8f0!important}[data-theme=dark] .biomechanics-grid{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .metric-label{color:#94a3b8!important}[data-theme=dark] .focus-item{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .focus-text{color:#e2e8f0!important}[data-theme=dark] .pose-landmarks-loading{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .landmarks-title{color:#f1f5f9!important}[data-theme=glass] .video-analysis-upload{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#ffffff1a!important;border-color:#fff3!important}[data-theme=glass] .dropzone{background:#ffffff0d!important;border-color:#fff3!important}[data-theme=glass] .dropzone:hover{background:#ffffff1a!important;border-color:#60a5fa80!important}[data-theme=glass] .dropzone.dragactive{background:#60a5fa1a!important;border-color:#60a5fa!important}[data-theme=glass] .dropzone.has-file{background:#10b9811a!important;border-color:#10b98180!important}[data-theme=glass] .dropzone p{color:#ffffffb3!important}[data-theme=glass] .preview-video{border-color:#fff3!important}[data-theme=glass] .file-name{color:#fff!important}[data-theme=glass] .file-size{color:#fff9!important}[data-theme=glass] .element-select{background:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}[data-theme=glass] .element-select option{background:#1e293b!important;color:#fff!important}[data-theme=glass] .analyze-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#3b82f6cc!important}[data-theme=glass] .reset-button{background:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}[data-theme=glass] .reset-button:hover{background:#fff3!important}[data-theme=glass] .progress-bar{background:#ffffff1a!important}[data-theme=glass] .processing-message,[data-theme=glass] .progress-text{color:#fffc!important}[data-theme=glass] .analysis-header-line{background:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}[data-theme=glass] .header-divider{color:#ffffff4d!important}[data-theme=glass] .key-measurements-full{background:linear-gradient(135deg,#667eea4d,#764ba24d)!important}[data-theme=glass] .coaching-feedback,[data-theme=glass] .key-measurements-full{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}[data-theme=glass] .coaching-feedback{background:#ffffff1a!important;border-color:#fff3!important}[data-theme=glass] .coaching-feedback h5{color:#93c5fd!important}[data-theme=glass] .feedback-content{color:#fff!important}[data-theme=glass] .video-history{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff0d!important}[data-theme=glass] .video-history h4{color:#fff!important}[data-theme=glass] .history-card{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border-color:#fff3!important}[data-theme=glass] .thumbnail{background:#ffffff1a!important}[data-theme=glass] .no-thumbnail{color:#ffffff80!important}[data-theme=glass] .element-type{color:#fff!important}[data-theme=glass] .history-info .timestamp{color:#fff9!important}[data-theme=glass] .actions button{background:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}[data-theme=glass] .actions button:hover{background:#fff3!important}[data-theme=glass] .comparison-panel{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff1a!important;border-color:#fff3!important}[data-theme=glass] .comparison-header{border-bottom-color:#ffffff1a!important}[data-theme=glass] .header-title{color:#fff!important}[data-theme=glass] .header-subtitle{color:#fff9!important}[data-theme=glass] .section-card{background:#ffffff0d!important;border-color:#ffffff1a!important}[data-theme=glass] .section-title{color:#fff!important}[data-theme=glass] .section-loading{color:#ffffffb3!important}[data-theme=glass] .section-loading-spinner{border-color:#60a5fa #fff3 #fff3!important}[data-theme=glass] .section-no-data{color:#fff9!important}[data-theme=glass] .frame-coaching{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff1a!important;border-color:#fff3!important}[data-theme=glass] .coaching-header{border-bottom-color:#ffffff26!important}[data-theme=glass] .frame-number{color:#fff!important}[data-theme=glass] .frame-coaching .timestamp{color:#fff9!important}[data-theme=glass] .element-phase{background:#60a5fa33!important;color:#93c5fd!important}[data-theme=glass] .confidence-circle{color:#fff!important}[data-theme=glass] .confidence-circle:before{background:#1e293be6!important}[data-theme=glass] .confidence-label{color:#fff9!important}[data-theme=glass] .coaching-section{background:#ffffff0d!important;border-color:#ffffff1a!important}[data-theme=glass] .section-header-coaching{background:#ffffff0d!important;border-bottom-color:#ffffff1a!important}[data-theme=glass] .section-title-coaching{color:#fff!important}[data-theme=glass] .coaching-content{color:#ffffffe6!important}[data-theme=glass] .biomechanics-grid{background:#ffffff0d!important;border-color:#ffffff1a!important}[data-theme=glass] .metric-label{color:#fff9!important}[data-theme=glass] .focus-item{background:#ffffff0d!important;border-color:#ffffff1a!important}[data-theme=glass] .focus-text{color:#ffffffe6!important}[data-theme=glass] .pose-landmarks-loading{background:#ffffff1a!important;border-color:#fff3!important}[data-theme=glass] .landmarks-title{color:#fff!important}[data-theme=gold] .trend-badge{background:#2a2a2ae6!important;border-color:#d4af374d!important}[data-theme=gold] .trend-text.trend-stable{color:#f4e4bcb3!important}[data-theme=gold] .motivation-message{background:linear-gradient(135deg,#d4af3726,#aa8c2c1a)!important;border-left-color:#d4af37!important}[data-theme=gold] .metrics-title,[data-theme=gold] .motivation-message p{color:#f4e4bc!important}[data-theme=gold] .metric-item{background:#2a2a2ae6!important;border-color:#d4af3733!important}[data-theme=gold] .improvement-item{background:#10b9811a!important;border-color:#10b9814d!important}[data-theme=gold] .regression-item{background:#f59e0b1a!important;border-color:#f59e0b4d!important}[data-theme=gold] .metric-name{color:#f4e4bc!important}[data-theme=gold] .metric-values{color:#f4e4bc99!important}[data-theme=gold] .metric-value{color:#f4e4bc!important}[data-theme=gold] .metric-divider{color:#d4af3766!important}[data-theme=gold] .no-changes{background:#2a2a2ae6!important;border-color:#d4af3733!important;color:#f4e4bc99!important}[data-theme=gold] .target-level-badge{background:linear-gradient(135deg,#d4af3733,#aa8c2c26)!important;border-color:#d4af3780!important;color:#f4e4bc!important}[data-theme=gold] .target-icon{color:#d4af37!important}[data-theme=gold] .percentile-container{background:#2a2a2ae6!important;border-color:#d4af3733!important}[data-theme=gold] .percentile-circle{background:#1a1a1af2!important}[data-theme=gold] .percentile-value{color:#f4e4bc!important}[data-theme=gold] .percentile-label{color:#f4e4bc99!important}[data-theme=gold] .percentile-description{color:#f4e4bcb3!important}[data-theme=gold] .section-subtitle{color:#f4e4bc!important}[data-theme=gold] .subtitle-icon{color:#d4af37!important}[data-theme=gold] .achievement-item{background:#10b9811a!important;border-color:#10b9814d!important}[data-theme=gold] .achievement-metric{color:#86efac!important}[data-theme=gold] .achievement-message{color:#86eface6!important}[data-theme=gold] .focus-area-item{background:#f59e0b1a!important;border-color:#f59e0b4d!important}[data-theme=gold] .focus-metric{color:#fcd34d!important}[data-theme=gold] .focus-gap{background:#f59e0b33!important;color:#fcd34d!important}[data-theme=gold] .focus-details{color:#fcd34dcc!important}[data-theme=gold] .focus-value{color:#fcd34d!important}[data-theme=gold] .focus-divider{color:#f59e0b80!important}[data-theme=gold] .focus-message{color:#fcd34dcc!important}[data-theme=gold] .summary-section{background:linear-gradient(135deg,#d4af3726,#aa8c2c1a)!important;border-left-color:#d4af37!important}[data-theme=gold] .summary-text{color:#f4e4bc!important}[data-theme=gold] .no-data-message{color:#f4e4bc99!important}[data-theme=gold] .consistency-gauge-container,[data-theme=gold] .no-data-message{background:#2a2a2ae6!important;border-color:#d4af3733!important}[data-theme=gold] .gauge-value{color:#f4e4bc!important}[data-theme=gold] .gauge-label{color:#f4e4bc99!important}[data-theme=gold] .rating-badge{background:#2a2a2ae6!important;border-color:#d4af3733!important}[data-theme=gold] .rating-text{color:#f4e4bc!important}[data-theme=gold] .sample-text{color:#f4e4bc99!important}[data-theme=gold] .metric-breakdown{background:#2a2a2ae6!important;border-color:#d4af3733!important}[data-theme=gold] .breakdown-title{color:#f4e4bc!important}[data-theme=gold] .breakdown-header{background:#1a1a1acc!important;color:#f4e4bcb3!important}[data-theme=gold] .breakdown-row{border-bottom-color:#d4af371a!important}[data-theme=gold] .metric-name-cell,[data-theme=gold] .score-value{color:#f4e4bc!important}[data-theme=gold] .variance-cell{color:#f4e4bc99!important}[data-theme=gold] .metrics-subtitle{color:#f4e4bc!important}[data-theme=gold] .consistent-tag{background:linear-gradient(135deg,#10b98133,#10b9811a)!important;border-color:#10b98166!important;color:#86efac!important}[data-theme=gold] .needs-work-tag{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a)!important;border-color:#f59e0b66!important;color:#fcd34d!important}[data-theme=dark] .trend-badge{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .trend-text.trend-stable{color:#94a3b8!important}[data-theme=dark] .motivation-message{background:linear-gradient(135deg,#3b82f626,#6366f11a)!important;border-left-color:#3b82f6!important}[data-theme=dark] .motivation-message p{color:#93c5fd!important}[data-theme=dark] .metrics-title{color:#f1f5f9!important}[data-theme=dark] .metric-item{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .improvement-item{background:#10b9811a!important;border-color:#10b9814d!important}[data-theme=dark] .regression-item{background:#f59e0b1a!important;border-color:#f59e0b4d!important}[data-theme=dark] .metric-name{color:#f1f5f9!important}[data-theme=dark] .metric-values{color:#94a3b8!important}[data-theme=dark] .metric-value{color:#f1f5f9!important}[data-theme=dark] .metric-divider{color:#475569!important}[data-theme=dark] .no-changes{background:#1e293b!important;border-color:#334155!important;color:#94a3b8!important}[data-theme=dark] .target-level-badge{background:linear-gradient(135deg,#f59e0b26,#d977061a)!important;border-color:#f59e0b66!important;color:#fcd34d!important}[data-theme=dark] .target-icon{color:#f59e0b!important}[data-theme=dark] .percentile-container{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .percentile-circle{background:#0f172a!important}[data-theme=dark] .percentile-value{color:#f1f5f9!important}[data-theme=dark] .percentile-description,[data-theme=dark] .percentile-label{color:#94a3b8!important}[data-theme=dark] .section-subtitle{color:#f1f5f9!important}[data-theme=dark] .achievement-item{background:#10b9811a!important;border-color:#10b9814d!important}[data-theme=dark] .achievement-metric{color:#86efac!important}[data-theme=dark] .achievement-message{color:#6ee7b7!important}[data-theme=dark] .focus-area-item{background:#f59e0b1a!important;border-color:#f59e0b4d!important}[data-theme=dark] .focus-metric{color:#fcd34d!important}[data-theme=dark] .focus-gap{background:#f59e0b33!important;color:#fcd34d!important}[data-theme=dark] .focus-details,[data-theme=dark] .focus-value{color:#fcd34d!important}[data-theme=dark] .focus-divider{color:#f59e0b!important}[data-theme=dark] .focus-message{color:#fcd34d!important}[data-theme=dark] .summary-section{background:linear-gradient(135deg,#3b82f626,#6366f11a)!important;border-left-color:#3b82f6!important}[data-theme=dark] .summary-text{color:#93c5fd!important}[data-theme=dark] .no-data-message{color:#94a3b8!important}[data-theme=dark] .consistency-gauge-container,[data-theme=dark] .no-data-message{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .gauge-value{color:#f1f5f9!important}[data-theme=dark] .gauge-label{color:#94a3b8!important}[data-theme=dark] .rating-badge{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .rating-text{color:#f1f5f9!important}[data-theme=dark] .sample-text{color:#94a3b8!important}[data-theme=dark] .metric-breakdown{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .breakdown-title{color:#f1f5f9!important}[data-theme=dark] .breakdown-header{background:#0f172a!important;color:#94a3b8!important}[data-theme=dark] .breakdown-row{border-bottom-color:#334155!important}[data-theme=dark] .metric-name-cell,[data-theme=dark] .score-value{color:#f1f5f9!important}[data-theme=dark] .variance-cell{color:#94a3b8!important}[data-theme=dark] .metrics-subtitle{color:#f1f5f9!important}[data-theme=dark] .consistent-tag{background:#10b98126!important;border-color:#10b9814d!important;color:#86efac!important}[data-theme=dark] .needs-work-tag{background:#f59e0b26!important;border-color:#f59e0b4d!important;color:#fcd34d!important}[data-theme=glass] .trend-badge{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border-color:#fff3!important}[data-theme=glass] .trend-text.trend-stable{color:#ffffffb3!important}[data-theme=glass] .motivation-message{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#3b82f626!important;border-left-color:#60a5fa!important}[data-theme=glass] .motivation-message p{color:#93c5fd!important}[data-theme=glass] .metrics-title{color:#fff!important}[data-theme=glass] .metric-item{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border-color:#fff3!important}[data-theme=glass] .improvement-item{background:#10b98126!important;border-color:#10b9814d!important}[data-theme=glass] .regression-item{background:#f59e0b26!important;border-color:#f59e0b4d!important}[data-theme=glass] .metric-name{color:#fff!important}[data-theme=glass] .metric-values{color:#fff9!important}[data-theme=glass] .metric-value{color:#fff!important}[data-theme=glass] .metric-divider{color:#ffffff4d!important}[data-theme=glass] .no-changes{background:#ffffff1a!important;border-color:#fff3!important;color:#fff9!important}[data-theme=glass] .target-level-badge{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#f59e0b26!important;border-color:#f59e0b4d!important;color:#fcd34d!important}[data-theme=glass] .target-icon{color:#fbbf24!important}[data-theme=glass] .percentile-container{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border-color:#fff3!important}[data-theme=glass] .percentile-circle{background:#1e293be6!important}[data-theme=glass] .percentile-value{color:#fff!important}[data-theme=glass] .percentile-label{color:#fff9!important}[data-theme=glass] .percentile-description{color:#ffffffb3!important}[data-theme=glass] .section-subtitle{color:#fff!important}[data-theme=glass] .achievement-item{background:#10b98126!important;border-color:#10b9814d!important}[data-theme=glass] .achievement-metric{color:#86efac!important}[data-theme=glass] .achievement-message{color:#6ee7b7!important}[data-theme=glass] .focus-area-item{background:#f59e0b26!important;border-color:#f59e0b4d!important}[data-theme=glass] .focus-metric{color:#fcd34d!important}[data-theme=glass] .focus-gap{background:#f59e0b33!important;color:#fcd34d!important}[data-theme=glass] .focus-details,[data-theme=glass] .focus-value{color:#fcd34d!important}[data-theme=glass] .focus-divider{color:#f59e0b80!important}[data-theme=glass] .focus-message{color:#fcd34d!important}[data-theme=glass] .summary-section{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#3b82f626!important;border-left-color:#60a5fa!important}[data-theme=glass] .summary-text{color:#93c5fd!important}[data-theme=glass] .no-data-message{background:#ffffff1a!important;border-color:#fff3!important;color:#fff9!important}[data-theme=glass] .consistency-gauge-container{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border-color:#fff3!important}[data-theme=glass] .gauge-value{color:#fff!important}[data-theme=glass] .gauge-label{color:#fff9!important}[data-theme=glass] .rating-badge{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border-color:#fff3!important}[data-theme=glass] .rating-text{color:#fff!important}[data-theme=glass] .sample-text{color:#fff9!important}[data-theme=glass] .metric-breakdown{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border-color:#fff3!important}[data-theme=glass] .breakdown-title{color:#fff!important}[data-theme=glass] .breakdown-header{background:#ffffff0d!important;color:#ffffffb3!important}[data-theme=glass] .breakdown-row{border-bottom-color:#ffffff1a!important}[data-theme=glass] .metric-name-cell,[data-theme=glass] .score-value{color:#fff!important}[data-theme=glass] .variance-cell{color:#fff9!important}[data-theme=glass] .metrics-subtitle{color:#fff!important}[data-theme=glass] .consistent-tag{background:#10b98126!important;border-color:#10b9814d!important;color:#86efac!important}[data-theme=glass] .needs-work-tag{background:#f59e0b26!important;border-color:#f59e0b4d!important;color:#fcd34d!important}.header-subtitle,.message-content,.message-content p,.motivation-message p,.section-no-data p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}@supports (padding:env(safe-area-inset-top)){.app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (max-width:479px){.chat-container{padding-bottom:env(safe-area-inset-bottom)}.input-container{padding-bottom:max(10px,env(safe-area-inset-bottom))}}}@media (max-width:479px){#root,.app,.chat-container,body,html{max-width:100vw;overflow-x:hidden}.chat-container{width:100%}.video-analysis-container{max-width:100%;overflow-x:hidden;padding:0}.tab-navigation{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.header-button,.tab-button{min-width:44px}.action-button,.header-button,.tab-button{min-height:44px;touch-action:manipulation}.send-button{min-height:48px;min-width:48px;touch-action:manipulation}}@media (max-width:768px) and (pointer:coarse){.action-button,.header-button,.tab-button{min-height:44px;min-width:44px}a,button,input,select,textarea{touch-action:manipulation}}@media (max-width:768px){input,select,textarea{font-size:16px!important}}@media (max-height:500px) and (orientation:landscape){.chat-container{height:100vh}.messages{max-height:calc(100vh - 180px)}.chat-header{padding:8px 16px}.logo-text{font-size:18px}.subtitle{display:none}}.mobile-bottom-nav{display:none}@media (max-width:767px){.mobile-bottom-nav{align-items:stretch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-top:1px solid #0000001a;bottom:0;box-shadow:0 -2px 20px #0000001a;display:flex;height:calc(64px + env(safe-area-inset-bottom, 0));justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1000}.mobile-nav-item{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;font-weight:500;gap:4px;justify-content:center;min-height:56px;padding:8px 4px;text-decoration:none;transition:all .2s ease}.mobile-nav-item .nav-icon,.mobile-nav-item i{font-size:20px;transition:transform .2s ease}.mobile-nav-item.active{color:#667eea}.mobile-nav-item.active .nav-icon,.mobile-nav-item.active i{transform:scale(1.1)}.mobile-nav-item:active{background:#667eea1a}.mobile-nav-label{font-size:10px;line-height:1.2}.tab-navigation{display:none!important}.chat-container{height:calc(100vh - 64px - env(safe-area-inset-bottom, 0));margin-bottom:calc(64px + env(safe-area-inset-bottom, 0))}.messages{gap:8px;padding:8px 4px 20px}.message-bubble{border-radius:12px;max-width:95%}.input-container{padding:10px 8px max(10px,env(safe-area-inset-bottom))}.input-field{padding:10px 12px}.notes-container,.planning-container{overflow-x:hidden;padding:8px 4px}.video-analysis-container{overflow-x:hidden;padding:0}.bookmarks-view{padding:12px 8px}.bookmarks-list{gap:12px}.bookmark-item{border-radius:8px;padding:12px}.chat-header{padding:12px 16px}.header-content{flex-wrap:wrap}.user-name{display:none}.status-indicator{display:none!important}.header-content{align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px;justify-content:space-between!important}.logo-section{align-items:center;flex-direction:row;flex-shrink:0;gap:8px}.logo{gap:8px}.logo-icon-img{height:28px;width:28px}.logo-text{font-size:18px}.header-actions{flex:1 1;justify-content:flex-end}.mobile-header-row{gap:6px}.chat-header-actions{align-items:center;display:flex;gap:6px}.header-button{min-height:36px;min-width:36px;padding:6px}.mobile-header-row,.user-menu{align-items:center;display:flex}.mobile-header-row{gap:8px;margin-left:auto}.logout-button{min-height:44px;min-width:44px}.app{align-items:stretch;padding:0}.chat-container{border-radius:0;max-width:100%;width:100%}}[data-theme=gold] .mobile-bottom-nav{background:#1a1a1afa;border-top-color:#d4af3733}[data-theme=gold] .mobile-nav-item{color:#f4e4bc99}[data-theme=gold] .mobile-nav-item.active{color:#d4af37}[data-theme=gold] .mobile-nav-item:active{background:#d4af371a}[data-theme=dark] .mobile-bottom-nav{background:#1e293bfa;border-top-color:#ffffff1a}[data-theme=dark] .mobile-nav-item{color:#94a3b8}[data-theme=dark] .mobile-nav-item.active{color:#818cf8}[data-theme=dark] .mobile-nav-item:active{background:#818cf81a}[data-theme=glass] .mobile-bottom-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff3;border-top-color:#ffffff4d}[data-theme=glass] .mobile-nav-item{color:#ffffffb3}[data-theme=glass] .mobile-nav-item.active{color:#fff}[data-theme=glass] .mobile-nav-item:active{background:#ffffff1a}@media (min-width:768px) and (max-width:1024px){.tab-navigation{display:flex!important}.mobile-bottom-nav{display:none!important}}@media (min-width:768px) and (max-width:900px) and (orientation:portrait){.chat-header{padding:12px 16px}.header-content{align-items:stretch;flex-direction:column;gap:10px}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.tab-navigation{-webkit-overflow-scrolling:touch;display:flex!important;flex:1 1;flex-wrap:nowrap!important;gap:6px;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin}.tab-navigation::-webkit-scrollbar{height:3px}.tab-navigation::-webkit-scrollbar-track{background:#0000001a;border-radius:2px}.tab-navigation::-webkit-scrollbar-thumb{background:#0000004d;border-radius:2px}.tab-button{flex-shrink:0;font-size:12px;max-width:none;min-width:auto;overflow:visible;padding:6px 10px;text-overflow:clip;white-space:nowrap}.tab-button svg{flex-shrink:0;height:14px;width:14px}.mobile-header-row{align-items:center;display:flex;flex-shrink:0;gap:8px}.user-menu{border-left:none;margin-left:0;padding-left:0}.user-name{display:none}.logo-text{font-size:22px}.subtitle{font-size:12px}}@media (width:768px) and (orientation:portrait){.tab-button{font-size:11px;gap:4px;padding:5px 8px}.tab-button svg{height:13px;width:13px}}@media (min-width:768px) and (max-width:900px) and (orientation:portrait){[data-theme=gold] .tab-navigation::-webkit-scrollbar-track{background:#d4af371a}[data-theme=gold] .tab-navigation::-webkit-scrollbar-thumb{background:#d4af3766}[data-theme=dark] .tab-navigation::-webkit-scrollbar-track{background:#33415580}[data-theme=dark] .tab-navigation::-webkit-scrollbar-thumb{background:#94a3b880}[data-theme=glass] .tab-navigation::-webkit-scrollbar-track{background:#ffffff1a}[data-theme=glass] .tab-navigation::-webkit-scrollbar-thumb{background:#ffffff4d}}.synchronized-pose-player{background:#000;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:100%;overflow:hidden;position:relative}.synchronized-pose-player.inline-fullscreen{background:#000;border-radius:0;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;max-width:none;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:fixed;right:0;top:0;width:100vw;z-index:9999}.synchronized-pose-player.inline-fullscreen .video-container{aspect-ratio:unset;background:#000;flex:1 1;min-height:0;overflow:hidden;position:relative;width:100%}.synchronized-pose-player.inline-fullscreen .main-video{height:auto!important;left:50%!important;margin:0!important;max-height:100%!important;max-width:100%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:auto!important}.synchronized-pose-player.inline-fullscreen .player-controls{flex-shrink:0;justify-content:center;width:100%}.synchronized-pose-player.inline-fullscreen .main-controls{justify-content:center}.synchronized-pose-player.inline-fullscreen .timeline-container{flex-shrink:0;width:100%}@media (orientation:landscape) and (max-height:500px){.synchronized-pose-player.inline-fullscreen{flex-direction:row;flex-wrap:wrap}.synchronized-pose-player.inline-fullscreen .video-container{flex:none;height:100%;position:relative;width:70%}.synchronized-pose-player.inline-fullscreen .main-video{left:50%!important;max-height:100%!important;max-width:100%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.synchronized-pose-player.inline-fullscreen .player-controls{flex-direction:column;height:100%;justify-content:center;padding:8px;width:30%}.synchronized-pose-player.inline-fullscreen .main-controls{flex-direction:column;gap:8px}.synchronized-pose-player.inline-fullscreen .secondary-controls{flex-direction:column;gap:8px;margin-top:12px}.synchronized-pose-player.inline-fullscreen .time-display{text-align:center}.synchronized-pose-player.inline-fullscreen .timeline-container{bottom:0;left:0;padding:4px 8px;position:absolute;right:0;width:100%}}.video-container{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative}.main-video{height:100%;object-fit:contain;width:100%}.pose-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.confidence-indicator{align-items:center;background:#000c;border-radius:6px;display:flex;gap:8px;padding:8px 12px;position:absolute;right:16px;top:16px;z-index:3}.confidence-bar{background:#ffffff4d;border-radius:2px;height:4px;overflow:hidden;width:60px}.confidence-fill{height:100%;transition:width .3s ease,background-color .3s ease}.confidence-text{color:#fff;font-size:12px;font-weight:600;min-width:30px}.connection-status{align-items:center;background:#000c;border-radius:4px;color:#fff;display:flex;font-size:12px;gap:6px;left:16px;padding:6px 10px;position:absolute;top:16px;z-index:3}.status-dot{background:#666;border-radius:50%;height:8px;transition:background-color .3s ease;width:8px}.connection-status.connected .status-dot{animation:pulse 2s infinite;background:#4caf50}.connection-status.error .status-dot{background:#f44336}.preload-indicator{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000f2;border:2px solid #60a5fa99;border-radius:8px;bottom:16px;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;gap:8px;left:50%;min-width:250px;padding:12px 20px;position:absolute;transform:translateX(-50%);z-index:10}.preload-bar{background:#fff3;border-radius:3px;height:6px;overflow:hidden;width:100%}.preload-fill{background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:3px;box-shadow:0 0 10px #60a5fa80;height:100%;transition:width .3s ease}.preload-text{color:#fff;font-size:12px;font-weight:600;text-align:center}.player-controls{background:linear-gradient(180deg,#000c,#000000e6);color:#fff}.control-btn,.frame-btn,.play-pause-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.control-btn:hover,.frame-btn:hover,.play-pause-btn:hover{background:#ffffff1a;transform:scale(1.05)}.control-btn.active{background:#60a5fa4d;color:#60a5fa}.play-pause-btn{background:#ffffff1a;margin:0 8px;padding:12px}.frame-step-btn{padding:6px!important}.time-display{align-items:center;gap:2px;min-width:120px}.frame-display{color:#ffffffb3;font-size:11px}.timeline-container{background:#000000e6;display:flex;flex-direction:column;gap:8px}.timeline{height:20px;padding:8px 0}.timeline-track{background:#ffffff4d;border-radius:2px;height:4px;overflow:visible}.timeline-progress{background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:2px;transition:width .1s ease}.timeline-thumb{box-shadow:0 2px 8px #0000004d;height:12px;top:-4px;transform:translateX(-50%);transition:left .1s ease;width:12px}.key-moment-marker{background:#fbbf24;border:2px solid #000c;border-radius:50%;cursor:pointer;height:8px;position:absolute;top:-2px;transform:translateX(-50%);transition:all .2s ease;width:8px;z-index:2}.key-moment-marker:hover{background:#f59e0b;transform:translateX(-50%) scale(1.3)}.frame-btn{background:#ffffff1a;font-size:12px;height:32px;width:32px}.settings-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border:1px solid #fff3;border-radius:8px;color:#fff;min-width:200px;position:absolute;right:16px;top:100%;z-index:10}.setting-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.setting-group select{background:#ffffff1a;margin-top:4px;padding:6px 8px;width:100%}.setting-group input[type=checkbox]{accent-color:#60a5fa;height:16px;width:16px}@media (max-width:768px){.player-controls{flex-direction:column;gap:12px;padding:12px}.main-controls,.secondary-controls{justify-content:center;width:100%}.time-display{margin-bottom:8px;order:-1}.timeline-container{padding:8px 12px}.settings-panel{left:8px;min-width:auto;right:8px}.confidence-indicator{padding:6px 8px;right:8px;top:8px}.connection-status{left:8px;padding:4px 8px;top:8px}}@media (max-width:480px){.synchronized-pose-player{border-radius:6px}.player-controls{gap:8px;padding:8px}.main-controls{flex-wrap:wrap;gap:8px}.secondary-controls{flex-wrap:wrap;gap:4px}.control-btn,.frame-btn,.play-pause-btn{padding:6px}.play-pause-btn{margin:0 4px;padding:10px}.time-display{font-size:12px;min-width:100px}.frame-display{font-size:10px}.timeline-container{padding:6px 8px}.frame-navigation{flex-wrap:wrap;font-size:12px;gap:8px;justify-content:center}.frame-btn{font-size:11px;height:28px;width:28px}.preload-indicator{font-size:11px;min-width:200px;padding:10px 14px}.confidence-indicator{padding:4px 6px;right:4px;top:4px}.confidence-bar{width:40px}.confidence-text{font-size:10px;min-width:24px}.connection-status{font-size:10px;left:4px;padding:3px 6px;top:4px}.status-dot{height:6px;width:6px}.settings-panel{font-size:13px;left:4px;padding:12px;right:4px}.setting-group label{font-size:13px}.setting-group select{font-size:13px;padding:6px}}.synchronized-pose-player:-webkit-full-screen .video-container,.synchronized-pose-player:fullscreen .video-container{height:calc(100vh - 140px - env(safe-area-inset-top, 0) - env(safe-area-inset-bottom, 0))}.loading-overlay{align-items:center;background:#000c;bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.error-message{background:#f44336e6;border-radius:6px;color:#fff;margin:16px;padding:12px 16px;text-align:center}.control-btn:focus,.frame-btn:focus,.play-pause-btn:focus{outline:2px solid #60a5fa;outline-offset:2px}.timeline:focus{border-radius:4px;outline:2px solid #60a5fa;outline-offset:4px}@media (prefers-contrast:high){.confidence-fill,.timeline-progress{background:#fff!important}.key-moment-marker{background:#ff0!important;border-color:#000!important}}@media (max-width:768px) and (pointer:coarse){.control-btn,.frame-btn,.play-pause-btn{min-height:44px;min-width:44px;touch-action:manipulation}.timeline{cursor:pointer;min-height:44px;padding:16px 0}.timeline-thumb{height:20px;top:-8px;width:20px}.synchronized-pose-player{touch-action:pan-x pan-y}.video-container{touch-action:pan-y pinch-zoom}}@supports (padding:env(safe-area-inset-bottom)){.timeline-container{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.player-controls{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}@media (max-width:768px) and (pointer:coarse){.video-container:after{background:#ffffff4d;border-radius:2px;bottom:8px;content:"";height:4px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;width:40px}.video-container:active:after{opacity:1}}.canvas-pose-player{background:#1a1a2e;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.canvas-pose-player.inline-fullscreen{background:#000;border-radius:0;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;max-width:none;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);position:fixed;right:0;top:0;width:100vw;z-index:9999}.canvas-pose-player.inline-fullscreen .video-canvas-container{aspect-ratio:unset;background:#000;flex:1 1;min-height:0;overflow:hidden;position:relative;width:100%}.canvas-pose-player.inline-fullscreen .pose-canvas{height:auto!important;left:50%!important;margin:0!important;max-height:100%!important;max-width:100%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:auto!important}.canvas-pose-player.inline-fullscreen .player-controls{flex-shrink:0;justify-content:center;width:100%}.canvas-pose-player.inline-fullscreen .main-controls{justify-content:center}.canvas-pose-player.inline-fullscreen .timeline-container{flex-shrink:0;width:100%}.frame-step-btn{height:32px!important;width:32px!important}.frame-navigation-inline{align-items:center;border-left:1px solid #fff3;color:#fff;display:flex;font-family:monospace;font-size:14px;gap:8px;margin-left:16px;padding-left:16px}@media (orientation:landscape) and (max-height:500px){.canvas-pose-player.inline-fullscreen{flex-direction:row;flex-wrap:wrap}.canvas-pose-player.inline-fullscreen .video-canvas-container{flex:none;height:100%;position:relative;width:70%}.canvas-pose-player.inline-fullscreen .pose-canvas{left:50%!important;max-height:100%!important;max-width:100%!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.canvas-pose-player.inline-fullscreen .player-controls{flex-direction:column;height:100%;justify-content:center;padding:8px;width:30%}.canvas-pose-player.inline-fullscreen .main-controls{flex-direction:column;gap:8px}.canvas-pose-player.inline-fullscreen .secondary-controls{flex-direction:column;gap:8px;margin-top:12px}.canvas-pose-player.inline-fullscreen .time-display{text-align:center}.canvas-pose-player.inline-fullscreen .timeline-container{bottom:0;left:0;padding:4px 8px;position:absolute;right:0;width:100%}}.canvas-pose-player.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-indicator{color:#fff;text-align:center}.spinner{border:4px solid #fff3;border-radius:50%;border-top-color:#0f0;height:48px;margin:0 auto 16px;width:48px}.canvas-pose-player.error{align-items:center;color:#ff6b6b;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:24px;text-align:center}.canvas-pose-player.error svg{margin-bottom:16px}.error-detail{color:#888;margin-top:8px}.sync-indicator{align-items:center;background:#0000004d;display:flex;font-size:12px;justify-content:space-between;padding:8px 16px}.sync-good{color:#0f0}.sync-fallback,.sync-good{align-items:center;display:flex;gap:6px}.sync-fallback{color:#fa0}.frame-count{color:#888}.video-canvas-container{aspect-ratio:16/9;background:#000;position:relative;width:100%}.pose-canvas{height:100%;object-fit:contain;width:100%}.player-controls{align-items:center;background:#00000080;display:flex;justify-content:space-between;padding:12px 16px}.main-controls{align-items:center;display:flex;gap:12px}.secondary-controls{align-items:center;display:flex;gap:8px}.control-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.control-btn:hover{background:#fff3}.control-btn.active{background:#00ff004d}.play-pause-btn{align-items:center;background:#0f0;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;height:48px;justify-content:center;transition:transform .1s,background .2s;width:48px}.play-pause-btn:hover{background:#0c0;transform:scale(1.05)}.time-display{color:#fff;display:flex;flex-direction:column;font-family:monospace;font-size:14px}.frame-display{color:#888;font-size:12px}.timeline-container{background:#0000004d;padding:12px 16px}.timeline{background:#ffffff1a;border-radius:4px;cursor:pointer;height:8px;position:relative}.timeline-track{height:100%;position:relative}.timeline-progress{background:#0f0;border-radius:4px;height:100%;transition:width .05s linear}.timeline-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:14px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:14px}.frame-navigation{align-items:center;display:flex;font-size:14px;gap:12px;justify-content:center;margin-top:12px}.frame-btn,.frame-navigation{color:#fff;font-family:monospace}.frame-btn{background:#0000;border:1px solid #fff3;border-radius:4px;cursor:pointer;padding:4px 12px;transition:background .2s,border-color .2s}.frame-btn:hover{background:#ffffff1a;border-color:#fff6}.settings-panel{background:#00000080;border-top:1px solid #ffffff1a;padding:16px}.setting-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.setting-group:last-child{margin-bottom:0}.setting-group label{color:#888;font-size:14px}.setting-group select{background:#0000004d;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.setting-group select:focus{border-color:#0f0;outline:none}.canvas-pose-player:fullscreen{background:#000;border-radius:0;display:flex;flex-direction:column;justify-content:center}.canvas-pose-player:fullscreen .video-canvas-container{flex:1 1;max-height:calc(100vh - 150px)}@media (max-width:768px){.player-controls{flex-direction:column;gap:12px}.main-controls,.secondary-controls{justify-content:center;width:100%}.time-display{text-align:center}}.frame-coaching{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:16px 0;max-height:600px;overflow-y:auto;padding:20px}.coaching-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.frame-info{display:flex;flex-direction:column;gap:8px}.frame-number{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px}.timestamp{color:#64748b;font-size:14px;font-weight:400}.element-phase{align-items:center;background:#3b82f61a;border-radius:6px;color:#1d4ed8;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 8px}.phase-icon{font-size:14px}.confidence-display{align-items:center;display:flex;flex-direction:column;gap:4px}.confidence-circle{align-items:center;background:conic-gradient(var(--color) calc(var(--confidence)*1turn),#e5e7eb 0deg);border-radius:50%;color:#1e293b;display:flex;font-size:14px;font-weight:700;height:60px;justify-content:center;position:relative;width:60px}.confidence-circle:before{background:#fff;border-radius:50%;content:"";height:46px;position:absolute;width:46px;z-index:1}.confidence-circle span{position:relative;z-index:2}.confidence-label{color:#64748b;font-size:11px;font-weight:500}.coaching-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:12px;width:32px}.coaching-content{display:flex;flex-direction:column;gap:20px}.coaching-message{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:10px;padding:16px;position:relative}.coaching-message h3{align-items:center;color:#1e40af;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.message-text{color:#1e293b;font-size:15px;line-height:1.6;margin:0}.priority-indicator{margin-top:12px}.priority-badge{color:#fff;display:inline-block;letter-spacing:.5px;padding:4px 8px}.coaching-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.section-header{background:#f8fafc;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.section-header:hover{background:#f1f5f9}.section-header h4{color:#1e293b;flex:1 1;font-size:14px;font-weight:600;margin:0}.expand-icon{color:#64748b;font-size:12px;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.section-content{padding:16px}.improvement-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px;padding:12px}.improvement-item:last-child{margin-bottom:0}.improvement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.current-vs-target{align-items:center;display:flex;font-size:13px;gap:8px}.current{color:#dc2626;font-weight:500}.arrow{color:#64748b;font-weight:700}.target{color:#059669;font-weight:500}.improvement-priority{border-radius:3px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.improvement-impact{color:#374151;font-size:13px;line-height:1.4}.action-steps{display:flex;flex-direction:column;gap:8px}.action-step{align-items:flex-start;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:10px;transition:all .2s ease}.action-step:hover{background:#e0f2fe;border-color:#0ea5e9;transform:translateY(-1px)}.step-number{align-items:center;background:#0ea5e9;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.step-text{color:#0c4a6e;font-size:14px;font-weight:500;line-height:1.4}.practice-drills{display:flex;flex-direction:column;gap:8px}.practice-drill{align-items:flex-start;background:#f0fdf4;border:1px solid #dcfce7;border-radius:6px;display:flex;gap:10px;padding:10px}.drill-icon{flex-shrink:0;font-size:16px;margin-top:2px}.drill-text{color:#15803d;font-size:14px;font-weight:500;line-height:1.4}.coaching-metrics{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-size:12px;gap:16px;padding:12px}.metric{display:flex;gap:4px}.metric-label{color:#64748b;font-weight:500}.metric-value{color:#1e293b}.empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:40px}.empty-state h3{color:#374151;margin:12px 0 8px}.empty-state p{font-size:14px;margin:0}.coaching-error{align-items:center;color:#dc2626;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:30px;text-align:center}@media (max-width:768px){.frame-coaching{margin:12px 0;padding:16px}.coaching-header{align-items:flex-start;flex-direction:column;gap:12px}.confidence-display{align-self:flex-end}.confidence-circle{font-size:12px;height:50px;width:50px}.confidence-circle:before{height:38px;width:38px}.current-vs-target{align-items:flex-start;flex-direction:column;gap:4px}.arrow{transform:rotate(90deg)}.coaching-metrics{flex-direction:column;gap:8px}}@media (max-width:480px){.frame-coaching{border-radius:8px;margin:8px 0;max-height:400px;padding:12px}.coaching-header{margin-bottom:12px;padding-bottom:10px}.frame-number{font-size:14px;gap:6px}.timestamp{font-size:12px}.element-phase{font-size:11px;padding:3px 6px}.confidence-circle{font-size:11px;height:44px;width:44px}.confidence-circle:before{height:34px;width:34px}.confidence-label{font-size:10px}.coaching-content{gap:12px}.coaching-message{border-radius:8px;padding:12px}.coaching-message h3{font-size:14px;margin-bottom:8px}.message-text{font-size:13px}.priority-badge{font-size:10px;padding:3px 6px}.coaching-section{border-radius:6px}.section-header{padding:10px 12px}.section-header h4{font-size:13px}.section-content{padding:12px}.improvement-item{margin-bottom:8px;padding:10px}.improvement-header{align-items:flex-start;flex-direction:column;gap:6px}.current-vs-target{font-size:12px}.improvement-priority{font-size:9px;padding:2px 5px}.improvement-impact{font-size:12px}.action-step{gap:8px;padding:8px}.step-number{font-size:10px;height:20px;width:20px}.step-text{font-size:12px}.practice-drill{gap:8px;padding:8px}.drill-icon{font-size:14px}.drill-text{font-size:12px}.coaching-metrics{font-size:11px;padding:10px}.empty-state{padding:24px 12px}.empty-state h3{font-size:14px;margin:8px 0 6px}.empty-state p{font-size:12px}}@media (prefers-contrast:high){.action-step,.coaching-message,.practice-drill{background:#fff;border-color:#000}}.section-header:focus{outline:2px solid #3b82f6;outline-offset:2px}.action-step:focus{outline:2px solid #0ea5e9;outline-offset:2px}.section-content{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.personal-best-section{display:flex;flex-direction:column;gap:16px}.trend-badge{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:12px 16px}.trend-icon{height:20px;width:20px}.trend-improving{color:#10b981}.trend-declining{color:#f59e0b}.trend-stable{color:#6b7280}.trend-text{font-size:14px;font-weight:600}.trend-text.trend-improving{color:#059669}.trend-text.trend-declining{color:#d97706}.trend-text.trend-stable{color:#4b5563}.motivation-message{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-left:4px solid #3b82f6;border-radius:6px;padding:12px 16px}.motivation-message p{word-wrap:break-word;color:#1e40af;font-size:14px;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;margin:0;overflow-wrap:break-word;word-break:break-word}.metrics-section{display:flex;flex-direction:column;gap:8px}.metrics-title{font-size:14px;font-weight:600;margin:0;padding:8px 0}.improvements-title{color:#059669}.regressions-title{color:#d97706}.metrics-list{display:flex;flex-direction:column;gap:8px}.metric-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.improvement-item{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.regression-item{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.metric-name{color:#374151;font-size:13px;font-weight:600}.metric-change{border-radius:4px;font-size:14px;font-weight:700;padding:2px 8px}.improvement-change{background:#d1fae5;color:#059669}.regression-change{background:#fef3c7;color:#d97706}.metric-values{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:6px}.metric-value-label{font-weight:500}.metric-value{color:#111827;font-weight:600}.metric-divider{color:#9ca3af;margin:0 4px}.no-changes{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:14px;padding:20px;text-align:center}.no-changes p{margin:0}@media (max-width:768px){.metric-header{align-items:flex-start;flex-direction:column;gap:4px}.metric-values{font-size:11px}}@media (max-width:480px){.personal-best-section{gap:12px}.trend-badge{flex-wrap:wrap;gap:6px;padding:10px 12px}.trend-icon{height:18px;width:18px}.trend-text{font-size:13px}.motivation-message{padding:10px 12px}.motivation-message p{font-size:13px}.metrics-section{gap:6px}.metrics-title{font-size:13px;padding:6px 0}.metrics-list{gap:6px}.metric-item{padding:10px}.metric-header{margin-bottom:6px}.metric-name{font-size:12px}.metric-change{font-size:12px;padding:2px 6px}.metric-values{font-size:10px;gap:4px}.no-changes{font-size:13px;padding:16px}}.elite-comparison-section{display:flex;flex-direction:column;gap:16px}.target-level-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:6px;color:#92400e;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 14px}.target-icon{color:#d97706;height:16px;width:16px}.percentile-container{border:1px solid #e5e7eb;border-radius:8px;padding:20px}.percentile-circle,.percentile-container{align-items:center;background:#fff;display:flex;flex-direction:column}.percentile-circle{border:8px solid;border-radius:50%;box-shadow:0 4px 6px #0000000d;height:120px;justify-content:center;margin-bottom:12px;width:120px}.percentile-value{font-size:36px;font-weight:700;line-height:1}.percentile-label{color:#6b7280;font-size:12px;font-weight:500;margin-top:4px}.percentile-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0;max-width:300px;text-align:center}.section-subtitle{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 8px}.subtitle-icon{color:#3b82f6}.achievements-list,.achievements-section,.focus-areas-list,.focus-areas-section{display:flex;flex-direction:column;gap:8px}.achievement-item{align-items:flex-start;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:6px;display:flex;gap:10px;padding:12px}.achievement-badge{flex-shrink:0;font-size:18px}.achievement-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.achievement-metric{color:#059669;font-size:13px;font-weight:600}.achievement-message{color:#047857;font-size:12px;line-height:1.4}.focus-area-item{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:6px;display:flex;gap:10px;padding:12px}.focus-badge{flex-shrink:0;font-size:18px}.focus-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.focus-header{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between}.focus-metric{color:#92400e;font-size:13px;font-weight:600}.focus-gap{background:#fef3c7;border-radius:4px;color:#d97706;font-size:12px;font-weight:600;padding:2px 8px}.focus-details{align-items:center;color:#78350f;display:flex;flex-wrap:wrap;font-size:12px;gap:6px}.focus-label{font-weight:500}.focus-value{color:#92400e;font-weight:600}.focus-divider{color:#d97706;margin:0 2px}.focus-message{color:#78350f;font-size:12px;line-height:1.4;margin:0}.summary-section{background:linear-gradient(135deg,#e0e7ff,#dbeafe);border-left:4px solid #3b82f6;border-radius:6px;padding:12px 16px}.summary-text{color:#1e40af;font-size:13px;line-height:1.5;margin:0}.no-data-message{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:14px;padding:20px;text-align:center}.no-data-message p{margin:0}@media (max-width:768px){.percentile-circle{border-width:6px;height:100px;width:100px}.percentile-value{font-size:28px}.focus-header{align-items:flex-start;flex-direction:column}.focus-details{font-size:11px}}@media (max-width:480px){.elite-comparison-section{gap:12px}.target-level-badge{flex-wrap:wrap;font-size:12px;padding:8px 10px}.target-icon{height:14px;width:14px}.percentile-container{padding:12px}.percentile-circle{border-width:5px;height:80px;margin-bottom:8px;width:80px}.percentile-value{font-size:22px}.percentile-label{font-size:10px}.percentile-description{font-size:11px;max-width:100%}.section-subtitle{font-size:13px;margin-bottom:6px}.subtitle-icon{height:14px;width:14px}.achievement-item,.focus-area-item{gap:8px;padding:10px}.achievement-badge,.focus-badge{font-size:16px}.achievement-metric,.focus-metric{font-size:12px}.achievement-message,.focus-gap,.focus-message{font-size:11px}.focus-gap{padding:2px 6px}.focus-details{font-size:10px;gap:4px}.summary-section{padding:10px 12px}.summary-text{font-size:12px}.no-data-message{font-size:13px;padding:16px}}.consistency-section{display:flex;flex-direction:column;gap:16px}.consistency-gauge-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;padding:20px}.consistency-gauge{align-items:center;display:flex;flex-direction:column;height:120px;justify-content:flex-end;position:relative;width:200px}.gauge-svg{height:100%;left:0;position:absolute;top:0;width:100%}.gauge-value{font-size:36px;font-weight:700;line-height:1;margin-bottom:4px;z-index:1}.gauge-label{color:#6b7280;font-size:12px;font-weight:500;z-index:1}.rating-badge{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;justify-content:center;padding:12px 16px}.rating-icon{height:20px;width:20px}.rating-good{color:#10b981}.rating-warning{color:#f59e0b}.rating-text{color:#374151;font-size:14px;font-weight:600}.sample-info{padding:8px;text-align:center}.sample-text{color:#6b7280;font-size:12px}.metric-breakdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.breakdown-title{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.breakdown-table{display:flex;flex-direction:column;gap:4px}.breakdown-header{background:#f9fafb;border-radius:4px;color:#6b7280;font-size:12px;font-weight:600}.breakdown-header,.breakdown-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:2fr 2fr 1fr;padding:8px}.breakdown-row{border-bottom:1px solid #f3f4f6}.breakdown-row:last-child{border-bottom:none}.breakdown-cell{align-items:center;display:flex;font-size:12px}.metric-name-cell{color:#374151;font-weight:500}.score-cell{gap:8px;position:relative}.score-bar{border-radius:4px;height:20px;min-width:20px;transition:width .5s ease-in-out}.score-value{color:#111827;font-weight:600;margin-left:8px}.variance-cell{color:#6b7280;justify-content:flex-end}.consistent-metrics,.needs-work-metrics{display:flex;flex-direction:column;gap:8px}.metrics-subtitle{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0}.subtitle-icon{height:16px;width:16px}.metrics-tags{display:flex;flex-wrap:wrap;gap:6px}.metric-tag{border-radius:4px;font-size:12px;font-weight:500;padding:6px 12px}.consistent-tag{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #86efac;color:#047857}.needs-work-tag{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}@media (max-width:768px){.consistency-gauge{height:100px;width:160px}.gauge-value{font-size:28px}.breakdown-header,.breakdown-row{gap:4px;grid-template-columns:2fr 1.5fr 1fr;padding:6px}.breakdown-cell{font-size:11px}.score-bar{height:16px}}@media (max-width:480px){.consistency-section{gap:12px}.consistency-gauge-container{padding:12px}.consistency-gauge{height:90px;width:140px}.gauge-value{font-size:24px}.gauge-label{font-size:10px}.rating-badge{flex-wrap:wrap;gap:6px;justify-content:center;padding:10px 12px}.rating-icon{height:18px;width:18px}.rating-text{font-size:13px}.sample-text{font-size:11px}.metric-breakdown{padding:10px}.breakdown-title{font-size:13px;margin-bottom:10px}.breakdown-header,.breakdown-row{gap:3px;grid-template-columns:1.5fr 1.5fr 1fr;padding:5px}.breakdown-cell{font-size:10px}.score-bar{height:14px;min-width:16px}.score-value{font-size:10px;margin-left:4px}.metrics-subtitle{font-size:12px}.subtitle-icon{height:14px;width:14px}.metrics-tags{gap:4px}.metric-tag{font-size:11px;padding:4px 8px}}.progress-chart-section{display:flex;flex-direction:column;gap:16px}.chart-controls{background:#fff;border:1px solid #e5e7eb;border-radius:6px;gap:12px;justify-content:space-between;padding:12px}.chart-controls,.period-selector{align-items:center;display:flex;flex-wrap:wrap}.period-selector{gap:8px}.period-icon{color:#6b7280;height:18px;width:18px}.period-label{color:#374151;font-size:13px;font-weight:500}.period-buttons{display:flex;flex-wrap:wrap;gap:6px}.period-button{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.period-button:hover{background:#f9fafb;border-color:#9ca3af}.period-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.chart-container{min-height:300px;padding:20px;position:relative}.chart-container,.chart-summary{background:#fff;border:1px solid #e5e7eb;border-radius:6px}.chart-summary{padding:12px}.summary-stats{display:flex;flex-wrap:wrap;gap:24px}.summary-stat{display:flex;flex-direction:column;gap:4px}.stat-label{color:#6b7280;font-size:12px;font-weight:500}.stat-value{color:#111827;font-size:14px;font-weight:600}.data-notice{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;display:flex;gap:8px;padding:10px 12px}.notice-icon{color:#d97706;flex-shrink:0;height:16px;width:16px}.notice-text{color:#92400e;font-size:12px;line-height:1.4}@media (max-width:768px){.chart-controls,.period-selector{align-items:flex-start;flex-direction:column}.period-buttons,.period-selector{width:100%}.period-button{flex:1 1;min-width:60px}.chart-container{min-height:250px;padding:12px}.summary-stats{flex-direction:column;gap:12px}}@media (max-width:480px){.progress-chart-section{gap:12px}.chart-controls{gap:10px;padding:10px}.period-selector{gap:6px}.period-icon{height:16px;width:16px}.period-label{font-size:12px}.period-buttons{gap:4px}.period-button{font-size:11px;min-width:50px;padding:5px 8px}.chart-container{min-height:200px;padding:10px}.chart-summary{padding:10px}.summary-stats{gap:10px}.stat-label{font-size:11px}.stat-value{font-size:13px}.data-notice{gap:6px;padding:8px 10px}.notice-icon{height:14px;width:14px}.notice-text{font-size:11px}}.comparison-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;margin:24px 0;max-width:100%;overflow-x:hidden;padding:24px}.comparison-header{border-bottom:2px solid #f3f4f6;margin-bottom:24px;padding-bottom:16px}.header-content{align-items:center;display:flex;gap:12px}.header-icon{color:#3b82f6;height:32px;width:32px}.header-title{color:#111827;font-size:24px;font-weight:700;margin:0}.header-subtitle{word-wrap:break-word;color:#6b7280;font-size:14px;margin:4px 0 0;overflow-wrap:break-word;word-break:break-word}.comparison-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:100%}.section-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:20px}.section-card-wide{grid-column:1/-1}.section-header{gap:8px;margin-bottom:16px}.section-icon{color:#3b82f6;height:20px;width:20px}.section-title{color:#374151;font-size:16px;font-weight:600;margin:0}.section-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.section-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:12px;width:32px}.section-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:flex;flex-direction:column;padding:30px 20px}.section-error-icon{color:#dc2626;height:32px;margin-bottom:8px;width:32px}.section-error-message{color:#991b1b;font-size:14px;margin:0;text-align:center}.section-no-data{color:#6b7280;font-size:14px;padding:30px 20px;text-align:center}@media (max-width:768px){.comparison-panel{margin:16px 0;padding:16px}.comparison-sections{grid-template-columns:1fr}.header-title{font-size:20px}.section-card{padding:16px}}@media (max-width:480px){.comparison-panel{border-radius:8px;margin:12px 0;padding:12px}.comparison-header{margin-bottom:16px;padding-bottom:12px}.header-content{flex-wrap:wrap;gap:8px}.header-icon{height:24px;width:24px}.header-title{font-size:18px}.header-subtitle{font-size:12px}.section-card{border-radius:6px;padding:12px}.section-header{margin-bottom:12px}.section-icon{height:16px;width:16px}.section-title{font-size:14px}.section-loading{padding:24px 12px}.section-loading-spinner{height:24px;width:24px}.section-error,.section-no-data{font-size:13px;padding:20px 12px}}@media (max-width:375px){.comparison-panel{border-radius:6px;margin:8px 0;padding:8px}.comparison-sections{gap:12px}.header-title{font-size:16px}.header-subtitle{font-size:11px}.section-card{padding:10px}.section-title{font-size:13px}}.air-time-display{margin:8px 0}.air-time-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.air-time-label{color:#333;font-weight:500}.air-time-value{font-family:Courier New,monospace;font-size:1.1em;font-weight:700}.reliability-badge{border-radius:4px;box-shadow:0 1px 3px #0003;color:#fff;display:inline-block;font-size:.75em;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.confidence-score{color:#666;font-size:.85em;font-style:italic}.correction-details{align-items:flex-start;background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;display:flex;font-size:.9em;gap:6px;margin-top:8px;padding:8px 12px}.correction-icon{flex-shrink:0;font-size:1.1em}.correction-text{flex:1 1}.correction-info{color:#666;font-size:.9em}.error-message{align-items:flex-start;background-color:#f8d7da;border-left:4px solid #dc3545;border-radius:4px;color:#721c24;margin-top:8px;padding:10px 12px}.error-icon{flex-shrink:0;font-size:1.2em}.error-content{flex:1 1;font-size:.9em}.error-content strong{display:block;margin-bottom:4px}.error-content small{color:#5a1a1f;font-size:.9em}.air-time-diagnostics{color:#999;font-size:.8em;margin-top:4px}@media (max-width:768px){.air-time-main{align-items:flex-start;flex-direction:column;gap:4px}.reliability-badge{margin-top:4px}.confidence-score{margin-left:0}}@media (max-width:480px){.air-time-display{margin:6px 0}.air-time-main{gap:3px}.air-time-label{font-size:12px}.air-time-value{font-size:1em}.reliability-badge{font-size:.7em;letter-spacing:.3px;padding:2px 6px}.confidence-score{font-size:.8em}.correction-details{font-size:.85em;gap:5px;padding:6px 10px}.correction-icon{font-size:1em}.correction-info{font-size:.85em}.error-message{gap:6px;padding:8px 10px}.error-icon{font-size:1.1em}.error-content{font-size:.85em}.air-time-diagnostics{font-size:.75em}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.reliability-badge[style*=dc3545]{animation:pulse-warning 2s ease-in-out infinite}.reliability-badge:hover{cursor:help;transform:scale(1.05);transition:transform .2s ease}.planning-tab{background:linear-gradient(180deg,#f8fafc 0,#e2e8f0);display:flex;flex-direction:column;height:100%}.planning-nav{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:12px;overflow-x:auto;padding:24px 32px;scrollbar-width:none}.planning-nav::-webkit-scrollbar{display:none}.nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;color:#ffffffe6;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.nav-btn:hover{background:#fff3;border-color:#ffffff80;color:#fff;transform:translateY(-2px)}.nav-btn.active{background:#fff;border-color:#fff;box-shadow:0 4px 8px #00000026;color:#667eea}.planning-content{flex:1 1;overflow-y:auto;padding:32px}.planning-wizard{margin:0 auto;max-width:1200px;min-width:300px;width:85%}.wizard-header{margin-bottom:40px;text-align:center}.wizard-header svg{color:#667eea;filter:drop-shadow(0 4px 6px rgba(102,126,234,.3));margin-bottom:20px}.wizard-header h2{color:#1e293b;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.wizard-header p{color:#64748b;font-size:16px;line-height:1.6}.wizard-form{background:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:32px}.checkbox-label{gap:8px}.checkbox-label input[type=checkbox]{height:18px;width:18px}.generate-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 6px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.3px;padding:16px;transition:all .3s ease;width:100%}.generate-button:hover:not(:disabled){box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.schedule-view{margin:0 auto;max-width:1000px}.schedule-header{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;justify-content:space-between;margin-bottom:32px;padding:28px}.schedule-header,.schedule-title{align-items:flex-start;display:flex}.schedule-title{gap:16px}.schedule-title svg{color:#667eea;filter:drop-shadow(0 2px 4px rgba(102,126,234,.3));flex-shrink:0}.schedule-title h2{color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.schedule-title p{color:#64748b;font-size:15px;line-height:1.6;margin:0}.schedule-actions{display:flex;gap:12px}.action-button{border:2px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;color:#1e293b;font-size:14px;padding:10px 20px}.action-button svg{color:#1e293b}.action-button:hover{background:#667eea!important;border-color:#667eea;box-shadow:0 4px 6px #667eea4d;color:#fff!important;transform:translateY(-2px)}.action-button:hover svg{color:#fff!important}.action-button.secondary{background:#fff;border-color:#e2e8f0;color:#1e293b!important}.action-button.secondary svg{color:#1e293b!important}.action-button.secondary:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;color:#0f172a!important}.action-button.secondary:hover svg{color:#0f172a!important}.schedule-goal{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px 24px}.schedule-goal h3{align-items:center;color:#1e40af;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 12px}.schedule-goal h3 svg{color:#3b82f6}.schedule-goal p{color:#1e3a5f;font-size:15px;line-height:1.6;margin:0}.rationale-panel{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86efac;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.rationale-panel h3{align-items:center;color:#166534;display:flex;font-size:20px;gap:8px;margin:0 0 20px}.rationale-panel h3 svg{color:#22c55e}.rationale-sections{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.rationale-section{background:#fff;border-left:3px solid #22c55e;border-radius:8px;padding:16px}.rationale-section h4{color:#166534;font-size:15px;font-weight:600;margin:0 0 12px}.rationale-section ul{color:#475569;font-size:14px;line-height:1.6;margin:0;padding-left:20px}.rationale-section li{margin-bottom:8px}.rationale-section li:last-child{margin-bottom:0}.rationale-markdown{color:#334155;font-size:14px;line-height:1.7}.rationale-markdown h2{color:#166534;font-size:18px;font-weight:600;margin:24px 0 16px}.rationale-markdown h3{border-bottom:2px solid #86efac;color:#166534;font-size:16px;font-weight:600;margin:20px 0 12px;padding-bottom:8px}.rationale-markdown ul{margin:12px 0;padding-left:24px}.rationale-markdown li{color:#475569;margin-bottom:8px}.rationale-markdown p{color:#475569;margin:12px 0}.rationale-markdown strong{color:#166534;font-weight:600}.rationale-markdown code{background:#f1f5f9;border-radius:4px;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}@media (max-width:768px){.rationale-sections{grid-template-columns:1fr}}.optimizations-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:20px}.optimizations-panel h3{align-items:center;color:#1e293b;display:flex;font-size:18px;gap:8px;margin:0 0 16px}.optimizations-list{display:flex;flex-direction:column;gap:12px}.optimization-card{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:box-shadow .2s}.optimization-card:hover{box-shadow:0 2px 8px #0000001a}.optimization-card.priority-high{border-left:4px solid #ef4444}.optimization-card.priority-medium{border-left:4px solid #f59e0b}.optimization-card.priority-low{border-left:4px solid #60a5fa}.optimization-header{align-items:center;background:#fafafa;cursor:pointer;display:flex;gap:8px;padding:12px 16px}.optimization-header:hover{background:#f5f5f5}.optimization-title{color:#334155;flex:1 1;font-size:14px;font-weight:500}.optimization-details{background:#fff;border-top:1px solid #e2e8f0;padding:16px}.optimization-description{color:#475569;font-size:14px;margin:0 0 12px}.actionable-steps{margin-bottom:12px}.actionable-steps strong{color:#334155;display:block;font-size:13px;margin-bottom:8px}.actionable-steps ul{color:#475569;font-size:13px;margin:0;padding-left:20px}.actionable-steps li{margin-bottom:4px}.rationale{background:#f8fafc;border-radius:6px;color:#475569;font-size:13px;padding:12px}.rationale strong{color:#334155}.weekly-schedule{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:28px}.weekly-schedule h3{color:#1e293b;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0 0 24px}.week-card{border:2px solid #e2e8f0;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.week-card:hover{border-color:#667eea;box-shadow:0 4px 6px #667eea33}.week-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.week-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.week-info h4{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 6px}.week-meta{color:#64748b;font-size:13px}.week-sessions{background:#fff;display:flex;flex-direction:column;gap:12px;padding:16px}.session-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;overflow:hidden;transition:all .3s ease}.session-card:hover{border-color:#cbd5e1;box-shadow:0 4px 8px #0000001a;transform:translateX(4px)}.session-intensity-bar{flex-shrink:0;width:8px}.session-content{flex:1 1;padding:16px}.session-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.session-date{color:#1e293b;font-size:14px;font-weight:600}.session-intensity{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.intensity-max,.intensity-peak,.intensity-very_hard{background:#f3e8ff;color:#6b21a8}.intensity-hard,.intensity-high{background:#fee2e2;color:#991b1b}.intensity-moderate{background:#fef3c7;color:#854d0e}.intensity-light,.intensity-low,.intensity-recovery,.intensity-rest{background:#dcfce7;color:#166534}.session-type{color:#64748b}.session-focus,.session-type{font-size:13px;margin-bottom:8px}.session-focus{color:#334155}.session-focus strong{color:#1e293b}.session-drills{font-size:13px;margin-bottom:8px}.session-drills strong{color:#1e293b;display:block;margin-bottom:4px}.session-drills ul{color:#475569;margin:0;padding-left:20px}.session-drills li{margin-bottom:2px}.session-drills li p{display:inline;margin:0}.session-raw-content{background:#f1f5f9;border-left:3px solid #94a3b8;border-radius:6px;color:#475569;font-size:13px;margin-top:8px;padding:12px}.session-raw-content ul{margin:8px 0;padding-left:20px}.session-raw-content li{margin-bottom:4px}.session-raw-content p{margin:4px 0}.session-raw-content strong{color:#334155}.session-notes{background:#f8fafc;border-radius:4px;color:#64748b;font-size:13px;font-style:italic;padding:8px}.profile-view{margin:0 auto;max-width:800px}.profile-view h2{color:#1e293b;font-size:24px;margin:0 0 24px}.profile-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:20px}.profile-section h3{color:#334155;font-size:16px;margin:0 0 12px}.profile-item{align-items:center;background:#f8fafc;border-radius:6px;color:#334155;display:flex;font-size:14px;gap:12px;margin-bottom:8px;padding:10px}.priority-badge{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.priority-badge.priority-high{background:#fee2e2;color:#991b1b}.priority-badge.priority-medium{background:#fef3c7;color:#92400e}.priority-badge.priority-low{background:#dbeafe;color:#1e40af}.date-badge{background:#e0e7ff;border-radius:4px;color:#3730a3;font-size:11px;font-weight:500;padding:2px 8px}.health-status div{color:#475569;font-size:14px;padding:8px}.health-status strong{color:#1e293b}.schedules-list-view{margin:0 auto;max-width:1200px}.schedules-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.schedules-header h2{color:#1e293b;font-size:24px;margin:0}.schedules-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.schedule-card{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px;transition:all .3s ease}.schedule-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.schedule-card-header h3{color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 16px}.schedule-card-meta{margin-bottom:16px}.schedule-card-meta p{color:#64748b;font-size:14px;margin:0 0 8px}.schedule-card-meta strong{color:#334155;font-weight:500}.schedule-card-actions{border-top:2px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px}.modal-content{max-height:90vh;max-width:600px;overflow-y:auto}.modal-header{justify-content:space-between}.close-button{background:none;border-radius:4px;padding:4px;transition:background .2s,color .2s}.textarea-field{background:#f8fafc}.training-request-input{font-size:16px;min-height:300px;padding:16px 20px}.session-edit-form{flex:1 1;padding:16px}.drill-edit-row{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px}.drill-edit-row .input-field,.drill-edit-row .textarea-field{flex:1 1}.edit-actions{border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:16px}.icon-button{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s}.icon-button:hover{background:#f8fafc;border-color:#94a3b8;color:#334155}.icon-button.danger{border-color:#fca5a5;color:#dc2626}.icon-button.danger:hover{background:#fef2f2;border-color:#f87171}.action-button.danger{border-color:#fca5a5;color:#dc2626!important}.action-button.danger:hover{background:#fef2f2;border-color:#f87171;color:#dc2626!important}.action-button.danger:hover svg{color:#dc2626!important}.rename-input-group{align-items:center;display:flex;gap:8px}.rename-input-group .input-field{flex:1 1;margin:0}.raw-context-display{background:#f8fafc;border-radius:8px;color:#334155;font-size:14px;line-height:1.7;padding:16px}.raw-context-display h1,.raw-context-display h2,.raw-context-display h3{color:#1e293b;margin-bottom:8px;margin-top:16px}.raw-context-display h1{font-size:20px}.raw-context-display h2{font-size:18px}.raw-context-display h3{font-size:16px}.raw-context-display ol,.raw-context-display ul{margin:8px 0;padding-left:24px}.raw-context-display li{margin-bottom:4px}.raw-context-display p{margin:8px 0}.raw-context-display strong{color:#1e293b}[data-theme=dark] .raw-context-display{background:#0f172a;color:#cbd5e1}[data-theme=dark] .raw-context-display h1,[data-theme=dark] .raw-context-display h2,[data-theme=dark] .raw-context-display h3,[data-theme=dark] .raw-context-display strong{color:#f1f5f9}[data-theme=glass] .raw-context-display{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff6;color:#334155}[data-theme=glass] .raw-context-display h1,[data-theme=glass] .raw-context-display h2,[data-theme=glass] .raw-context-display h3,[data-theme=glass] .raw-context-display strong{color:#1e293b}@media (max-width:768px){.planning-wizard{min-width:0;min-width:auto;width:95%}.training-request-input{font-size:15px;min-height:250px}.form-row{grid-template-columns:1fr}.schedule-header{flex-direction:column;gap:16px}.schedule-actions{flex-wrap:wrap;width:100%}.action-button{flex:1 1 auto}.rationale-sections,.schedules-grid{grid-template-columns:1fr}.modal-content{margin:20px;max-height:calc(100vh - 40px)}}@media (max-width:480px){.planning-nav{gap:6px;padding:8px}.nav-btn{flex-shrink:0;font-size:13px;padding:10px 14px;white-space:nowrap}.nav-btn svg{flex-shrink:0;height:16px;width:16px}.planning-content{padding:8px 4px}.planning-wizard{width:100%}.wizard-header h2{font-size:24px}.wizard-form{border-radius:8px;padding:12px 8px}.generate-button{font-size:15px;padding:14px}.schedule-header{border-radius:8px;padding:12px 8px}.schedule-title h2{font-size:18px}.schedule-actions{flex-direction:column}.action-button{justify-content:center;width:100%}.weekly-schedule{border-radius:8px;padding:12px 8px}.weekly-schedule h3{font-size:18px}.week-header{padding:10px 8px}.week-info h4{font-size:16px}.session-card{flex-direction:column}.session-intensity-bar{height:4px;width:100%}.schedule-card{border-radius:8px;padding:12px 8px}.schedule-card-header h3{font-size:16px}.empty-state{border-radius:8px;padding:32px 8px}.empty-state h3{font-size:20px}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-body,.modal-header{padding:16px}.modal-footer{flex-direction:column;gap:8px;padding:12px 16px}.modal-footer .action-button{justify-content:center;width:100%}}@media (min-width:769px) and (max-width:1024px){.planning-wizard{width:90%}}@media (min-width:1025px){.planning-wizard{width:85%}}[data-theme=gold] .planning-tab{background:linear-gradient(180deg,#1a1a1a,#0d0d0d)}[data-theme=gold] .planning-nav{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-bottom:1px solid #d4af374d;position:relative}[data-theme=gold] .planning-nav:after{background:linear-gradient(90deg,#0000,#d4af3780,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}[data-theme=gold] .nav-btn{background:#2a2a2acc;border:1px solid #d4af374d;color:#f4e4bccc;overflow:hidden;position:relative}[data-theme=gold] .nav-btn:before{background:linear-gradient(90deg,#0000,#d4af3733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}[data-theme=gold] .nav-btn:hover:before{left:100%}[data-theme=gold] .nav-btn:hover{background:#d4af3726;border-color:#d4af3780;color:#f4e4bc}[data-theme=gold] .nav-btn.active{background:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c);border-color:#d4af37;box-shadow:0 4px 16px #d4af374d;color:#1a1a1a}[data-theme=gold] .planning-content{background:linear-gradient(180deg,#1a1a1afa,#0d0d0dfa)}[data-theme=gold] .wizard-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4bc,#d4af37);-webkit-background-clip:text;background-clip:text}[data-theme=gold] .wizard-header p{color:#f4e4bcb3}[data-theme=gold] .wizard-header svg{color:#d4af37;filter:drop-shadow(0 0 10px rgba(212,175,55,.5))}[data-theme=gold] .schedules-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4bc,#d4af37);-webkit-background-clip:text;background-clip:text}[data-theme=gold] .schedules-header .action-button{background:#2a2a2acc;border:1px solid #d4af374d;color:#f4e4bc}[data-theme=gold] .schedules-header .action-button svg{color:#f4e4bc}[data-theme=gold] .schedules-header .action-button:hover{background:#d4af3726;border-color:#d4af3780}[data-theme=gold] .empty-state,[data-theme=gold] .optimizations-panel,[data-theme=gold] .profile-section,[data-theme=gold] .schedule-card,[data-theme=gold] .schedule-header,[data-theme=gold] .weekly-schedule,[data-theme=gold] .wizard-form{background:#2a2a2ae6;border:1px solid #d4af374d}[data-theme=gold] .input-field,[data-theme=gold] .textarea-field{background:#1a1a1ae6;border-color:#d4af374d;color:#f5f3ef}[data-theme=gold] .input-field:focus,[data-theme=gold] .textarea-field:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726}[data-theme=gold] .generate-button{background:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c);box-shadow:0 4px 16px #d4af3766;color:#1a1a1a;overflow:hidden;position:relative}[data-theme=gold] .generate-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}[data-theme=gold] .generate-button:hover:not(:disabled):before{left:100%}[data-theme=gold] .generate-button:hover:not(:disabled){box-shadow:0 8px 24px #d4af3780}[data-theme=gold] .schedule-title h2{color:#f4e4bc}[data-theme=gold] .schedule-title p{color:#f4e4bcb3}[data-theme=gold] .schedule-title svg{color:#d4af37}[data-theme=gold] .action-button{border-color:#d4af374d;color:#f4e4bc!important}[data-theme=gold] .action-button:hover{background:#d4af3726!important;border-color:#d4af3799!important;color:#f4e4bc!important}[data-theme=gold] .action-button:hover svg{color:#f4e4bc!important}[data-theme=gold] .action-button.secondary:hover{background:#d4af3726!important;border-color:#d4af3780!important;color:#f4e4bc!important}[data-theme=gold] .action-button.secondary svg{color:#f4e4bc!important}[data-theme=gold] .action-button.danger{background:#dc262626;border-color:#dc26264d;color:#f87171}[data-theme=gold] .action-button.danger:hover{background:#dc262640;border-color:#dc262680;color:#f87171}[data-theme=gold] .action-button.danger svg{color:#f87171}[data-theme=gold] .schedule-goal{background:linear-gradient(135deg,#d4af371a,#aa8c2c0d);border-color:#d4af3766}[data-theme=gold] .schedule-goal h3{color:#f4e4bc}[data-theme=gold] .schedule-goal h3 svg{color:#d4af37}[data-theme=gold] .schedule-goal p{color:#f4e4bccc}[data-theme=gold] .rationale-panel{background:linear-gradient(135deg,#22c55e14,#10b9810d);border-color:#22c55e4d}[data-theme=gold] .rationale-panel h3{color:#4ade80}[data-theme=gold] .rationale-section{background:#2a2a2acc;border-left-color:#22c55e}[data-theme=gold] .rationale-section h4{color:#4ade80}[data-theme=gold] .rationale-section ul{color:#f4e4bccc}[data-theme=gold] .weekly-schedule h3{color:#f4e4bc}[data-theme=gold] .week-card{border-color:#d4af374d}[data-theme=gold] .week-card:hover{border-color:#d4af37}[data-theme=gold] .week-header{background:linear-gradient(135deg,#2a2a2ae6,#1a1a1ae6)}[data-theme=gold] .week-info h4{color:#f4e4bc}[data-theme=gold] .week-meta{color:#f4e4bc99}[data-theme=gold] .week-sessions{background:#1a1a1af2}[data-theme=gold] .session-card{background:#2a2a2acc;border-color:#d4af3733}[data-theme=gold] .session-card:hover{border-color:#d4af3766}[data-theme=gold] .session-date{color:#f4e4bc}[data-theme=gold] .session-drills,[data-theme=gold] .session-focus,[data-theme=gold] .session-type{color:#f4e4bccc}[data-theme=gold] .session-drills strong,[data-theme=gold] .session-focus strong{color:#f4e4bc}[data-theme=gold] .session-notes{background:#1a1a1acc;color:#f4e4bcb3}[data-theme=gold] .schedule-card-header h3{color:#f4e4bc}[data-theme=gold] .schedule-card-meta p{color:#f4e4bcb3}[data-theme=gold] .schedule-card-meta strong{color:#f4e4bc}[data-theme=gold] .schedule-card-actions .action-button{background:#2a2a2acc;border-color:#d4af374d;color:#f4e4bc!important}[data-theme=gold] .schedule-card-actions .action-button svg{color:#f4e4bc!important}[data-theme=gold] .schedule-card-actions .action-button:hover{background:#d4af3726;border-color:#d4af3780}[data-theme=gold] .schedule-card-actions .action-button.secondary{background:#2a2a2a99;border-color:#d4af3733;color:#f4e4bc!important}[data-theme=gold] .schedule-card-actions .action-button.secondary svg{color:#f4e4bc!important}[data-theme=gold] .schedule-card-actions .action-button.danger{background:#dc262626;border-color:#dc26264d;color:#f87171!important}[data-theme=gold] .schedule-card-actions .action-button.danger svg{color:#f87171!important}[data-theme=gold] .schedule-actions .action-button{background:#2a2a2acc;border:1px solid #d4af374d;color:#f4e4bc!important}[data-theme=gold] .schedule-actions .action-button svg{color:#f4e4bc!important}[data-theme=gold] .schedule-actions .action-button:hover{background:#d4af3726;border-color:#d4af3780;color:#f4e4bc!important}[data-theme=gold] .schedule-actions .action-button.secondary{background:#2a2a2a99;border-color:#d4af3733;color:#f4e4bc!important}[data-theme=gold] .schedule-actions .action-button.secondary:hover{background:#d4af3726;border-color:#d4af3780;color:#f4e4bc!important}[data-theme=gold] .empty-state h3{color:#f4e4bc}[data-theme=gold] .empty-state p{color:#f4e4bcb3}[data-theme=gold] .modal-header{border-bottom-color:#d4af374d}[data-theme=gold] .modal-footer{border-top-color:#d4af374d}[data-theme=gold] .raw-context-display{background:#1a1a1ae6;border:1px solid #d4af374d;color:#f4e4bce6}[data-theme=gold] .raw-context-display h1,[data-theme=gold] .raw-context-display h2,[data-theme=gold] .raw-context-display h3,[data-theme=gold] .raw-context-display strong{color:#f4e4bc}.notes-tab{background:#f8fafc;display:flex;flex-direction:column;height:100%}.notes-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;justify-content:space-between;padding:24px 32px}.notes-header,.notes-title{align-items:center;display:flex}.notes-title{gap:12px;margin:0}.notes-title svg{color:#fff;flex-shrink:0}.notes-title h2{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.header-actions{gap:12px}.action-button,.header-actions{align-items:center;display:flex}.action-button{background:#fff;border:2px solid #fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#667eea;cursor:pointer;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.action-button.secondary{background:#fff3;border-color:#fff6;color:#fff}.action-button.secondary:hover:not(:disabled){background:#ffffff4d;border-color:#fff9}.action-button.active{background:#fff;border-color:#fff;color:#667eea}.action-button:hover:not(:disabled){background:#fffffff2;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.action-button:disabled{cursor:not-allowed;opacity:.6}.notes-content{background:linear-gradient(180deg,#f8fafc 0,#e2e8f0);flex:1 1;overflow-y:auto;padding:32px}.notes-controls{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:32px;padding:24px}.search-bar{margin-bottom:20px;position:relative}.search-bar svg{color:#94a3b8;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:15px;padding:14px 16px 14px 48px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.filter-controls{gap:16px}.date-range-filter,.filter-controls{align-items:center;display:flex;flex-wrap:wrap}.date-range-filter{gap:12px}.date-range-filter label{color:#64748b;font-size:14px;font-weight:600}.date-input{-webkit-text-fill-color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;font-size:14px;padding:10px 14px;transition:all .3s ease}.date-input::placeholder{-webkit-text-fill-color:#94a3b8;color:#94a3b8}.date-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.sort-control{align-items:center;display:flex;gap:12px}.sort-control label{color:#64748b;font-size:14px;font-weight:600}.sort-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;font-size:14px;padding:10px 14px;transition:all .3s ease}.sort-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.clear-filters-button{align-items:center;background:#fef2f2;border:2px solid #fecaca;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;margin-left:auto;padding:10px 16px;transition:all .3s ease}.clear-filters-button:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 6px #dc26264d;color:#fff;transform:translateY(-2px)}.notes-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.note-card{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;height:100%;padding:24px;transition:all .3s ease}.note-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.note-card-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:16px}.note-card-header h3{color:#1e293b;flex:1 1;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 12px}.note-card-meta{flex-shrink:0;flex-wrap:wrap;gap:12px;margin-bottom:16px}.note-card-meta,.note-date{align-items:center;display:flex}.note-date{color:#64748b;font-size:13px;font-weight:500;gap:6px}.note-category{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:600}.memorized-badge,.note-category{border-radius:8px;color:#fff;letter-spacing:.3px;padding:6px 12px}.memorized-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;font-size:12px;font-weight:700;gap:4px}.note-card-content{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;flex:1 1;font-size:14px;line-height:1.7;margin-bottom:16px;overflow:hidden}.note-card-actions{border-top:2px solid #f1f5f9;display:flex;flex-shrink:0;gap:8px;margin-top:auto;padding-top:16px}.note-card-actions .action-button{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:none;color:#667eea;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;justify-content:center;padding:10px 16px;transition:all .3s ease}.note-card-actions .action-button:hover{background:#667eea;border-color:#667eea;box-shadow:0 4px 6px #667eea4d;color:#fff;transform:translateY(-2px)}.note-card-actions .action-button.secondary{background:#fff;border-color:#e2e8f0;color:#64748b}.note-card-actions .action-button.secondary:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;color:#334155}.note-card-actions .action-button.danger{background:#fff;border-color:#fecaca;color:#dc2626}.note-card-actions .action-button.danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 6px #dc26264d;color:#fff}.note-form-container{margin:0 auto;max-width:800px}.form-header{margin-bottom:24px}.back-button{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#64748b;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 16px}.back-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155;transform:translateX(-4px)}.form-header h2{color:#1e293b;font-size:28px;font-weight:700;margin:0}.note-form{background:#fff;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:32px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px}.required-indicator{color:#dc2626;margin-left:4px}.input-field{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.input-field:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.textarea-field{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:15px;line-height:1.6;min-height:200px;padding:14px 16px;resize:vertical;transition:all .3s ease;width:100%}.textarea-field:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.input-hint{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-actions{border-top:2px solid #f1f5f9;gap:12px;margin-top:32px;padding-top:24px}.form-actions .action-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.form-actions .action-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.form-actions .action-button:disabled{cursor:not-allowed;opacity:.6}.form-actions .action-button:not(.secondary):not(.memorize-button){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.form-actions .action-button:not(.secondary):not(.memorize-button):hover:not(:disabled){box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.form-actions .action-button.memorize-button{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#0000;color:#fff}.form-actions .action-button.memorize-button:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 12px #f59e0b66;transform:translateY(-2px)}.note-detail-container{margin:0 auto;max-width:800px}.note-detail{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.note-detail-header{border-bottom:2px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.note-detail-title{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 16px}.note-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.note-detail-content{color:#334155;font-size:15px;line-height:1.8;margin-bottom:24px;white-space:pre-wrap}.note-detail-footer{border-top:1px solid #e2e8f0;padding-top:24px}.note-timestamps{color:#64748b;display:flex;font-size:13px;gap:24px;margin-bottom:20px}.note-timestamps strong{color:#475569}.note-detail-actions{display:flex;gap:12px}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-state svg{margin-bottom:16px}.spinner{animation:spin 1s linear infinite}.empty-state{background:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:80px 20px;text-align:center}.empty-state svg{color:#cbd5e1;margin-bottom:20px}.empty-state h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 12px}.empty-state p{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 32px}.empty-state .generate-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 6px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.empty-state .generate-button:hover{box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b}.error-message,.success-message{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:20px 24px}.modal-header svg{color:#dc2626;flex-shrink:0}.modal-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.modal-body{padding:24px}.modal-body p{color:#475569;font-size:14px;line-height:1.6;margin:0}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}@media (max-width:768px){.notes-header{align-items:flex-start;flex-direction:column;gap:12px}.new-note-button{justify-content:center;width:100%}.notes-content,.notes-filters{padding:16px}.filter-controls{align-items:stretch;flex-direction:column}.filter-group{align-items:flex-start;flex-direction:column}.date-range-inputs{flex-direction:column;width:100%}.date-input{width:100%}.form-row{grid-template-columns:1fr}.note-card{padding:16px}.note-actions{flex-wrap:wrap}.note-action-button{flex:1 1 auto}.form-actions{flex-direction:column}.form-button{justify-content:center;width:100%}.note-detail{padding:20px}.note-detail-title{font-size:24px}.note-detail-actions,.note-timestamps{flex-direction:column}.note-timestamps{gap:8px}}@media (max-width:480px){.notes-header{padding:12px 8px}.notes-title h2{font-size:22px}.header-actions{flex-direction:column;gap:8px;width:100%}.header-actions .action-button{justify-content:center;width:100%}.notes-content{padding:8px 4px}.notes-controls{border-radius:8px;padding:12px 8px}.notes-controls,.search-bar{margin-bottom:12px}.search-input{font-size:14px;padding:12px 12px 12px 40px}.filter-controls{gap:12px}.date-range-filter{flex-direction:column;gap:8px;width:100%}.date-range-filter label{text-align:left;width:100%}.date-input{width:100%}.sort-control{flex-direction:column;gap:8px;width:100%}.sort-select{width:100%}.clear-filters-button{justify-content:center;margin-left:0;width:100%}.notes-grid{gap:16px;grid-template-columns:1fr}.note-card{padding:14px}.note-card-header h3{font-size:16px}.note-card-content{font-size:13px}.note-card-actions{flex-direction:column;gap:8px}.note-card-actions .action-button{justify-content:center;width:100%}.note-form-container{padding:0}.note-form{border-radius:12px;padding:16px}.form-header h2{font-size:22px}.textarea-field{min-height:150px}.form-actions{gap:8px}.form-actions .action-button{font-size:14px;padding:10px 16px}.note-detail-container{padding:0}.note-detail{border-radius:12px;padding:16px}.note-detail-title{font-size:20px;margin-bottom:12px}.note-detail-meta{gap:8px}.note-detail-content{font-size:14px}.note-detail-actions{gap:8px}.note-detail-actions .action-button{justify-content:center;width:100%}.empty-state{padding:40px 16px}.empty-state h3{font-size:20px}.empty-state p{font-size:14px;margin-bottom:24px}.modal-content{margin:10px;max-height:calc(100vh - 20px)}}.back-button:focus,.date-input:focus,.filter-select:focus,.form-button:focus,.new-note-button:focus,.note-action-button:focus,.search-input:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.date-input,.filter-select,.input-field,.note-card,.search-input,.textarea-field{border:2px solid #334155}}@media (prefers-reduced-motion:reduce){.back-button,.form-button,.new-note-button,.note-action-button,.note-card{transition:none}.spinner{animation:none}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-theme=dark] .notes-tab{background:#0f172a}[data-theme=dark] .notes-content{background:linear-gradient(180deg,#0f172a 0,#1e293b)}[data-theme=dark] .empty-state,[data-theme=dark] .note-card,[data-theme=dark] .note-detail,[data-theme=dark] .note-form,[data-theme=dark] .notes-controls{background:#1e293b;border-color:#334155}[data-theme=dark] .empty-state h3,[data-theme=dark] .form-header h2,[data-theme=dark] .note-card-header h3,[data-theme=dark] .note-detail-title{color:#f1f5f9}[data-theme=dark] .empty-state p,[data-theme=dark] .note-card-content,[data-theme=dark] .note-detail-content{color:#cbd5e1}[data-theme=dark] .date-input,[data-theme=dark] .input-field,[data-theme=dark] .search-input,[data-theme=dark] .sort-select,[data-theme=dark] .textarea-field{-webkit-text-fill-color:#f1f5f9;background:#0f172a;border-color:#334155;color:#f1f5f9}[data-theme=dark] .date-input:focus,[data-theme=dark] .input-field:focus,[data-theme=dark] .search-input:focus,[data-theme=dark] .sort-select:focus,[data-theme=dark] .textarea-field:focus{background:#1e293b;border-color:#667eea}[data-theme=dark] .date-range-filter label,[data-theme=dark] .form-group label,[data-theme=dark] .sort-control label{color:#cbd5e1}[data-theme=dark] .input-hint,[data-theme=dark] .note-date,[data-theme=dark] .note-timestamps{color:#94a3b8}[data-theme=dark] .back-button,[data-theme=dark] .note-card-actions .action-button{background:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] .back-button:hover,[data-theme=dark] .note-card-actions .action-button:hover{background:#475569;border-color:#64748b}[data-theme=dark] .modal-content{background:#1e293b}[data-theme=dark] .modal-footer,[data-theme=dark] .modal-header{border-color:#334155}[data-theme=dark] .modal-header h3{color:#f1f5f9}[data-theme=dark] .modal-body p{color:#cbd5e1}[data-theme=glass] .notes-content,[data-theme=glass] .notes-tab{background:#0000}[data-theme=glass] .empty-state,[data-theme=glass] .note-card,[data-theme=glass] .note-detail,[data-theme=glass] .note-form,[data-theme=glass] .notes-controls{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff6;border:1px solid #ffffff80}[data-theme=glass] .empty-state h3,[data-theme=glass] .form-header h2,[data-theme=glass] .note-card-header h3,[data-theme=glass] .note-detail-title{color:#1e293b}[data-theme=glass] .empty-state p,[data-theme=glass] .note-card-content,[data-theme=glass] .note-detail-content{color:#334155}[data-theme=glass] .date-input,[data-theme=glass] .input-field,[data-theme=glass] .search-input,[data-theme=glass] .sort-select,[data-theme=glass] .textarea-field{-webkit-text-fill-color:#1e293b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff80;color:#1e293b}[data-theme=glass] .date-input:focus,[data-theme=glass] .input-field:focus,[data-theme=glass] .search-input:focus,[data-theme=glass] .sort-select:focus,[data-theme=glass] .textarea-field:focus{background:#ffffffb3;border-color:#667eea99}[data-theme=glass] .date-range-filter label,[data-theme=glass] .form-group label,[data-theme=glass] .sort-control label{color:#334155}[data-theme=glass] .back-button,[data-theme=glass] .note-card-actions .action-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff6;border:1px solid #ffffff80;color:#334155}[data-theme=glass] .back-button:hover,[data-theme=glass] .note-card-actions .action-button:hover{background:#fff9;border-color:#ffffffb3}[data-theme=glass] .modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006}[data-theme=glass] .modal-content{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#fff6;border:1px solid #ffffff80}[data-theme=gold] .notes-tab{background:linear-gradient(180deg,#1a1a1a,#0d0d0d)}[data-theme=gold] .notes-header{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-bottom:1px solid #d4af374d;position:relative}[data-theme=gold] .notes-header:after{background:linear-gradient(90deg,#0000,#d4af3780,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}[data-theme=gold] .notes-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4bc,#d4af37);-webkit-background-clip:text;background-clip:text}[data-theme=gold] .notes-title svg{color:#d4af37;filter:drop-shadow(0 0 8px rgba(212,175,55,.4))}[data-theme=gold] .notes-content{background:linear-gradient(180deg,#1a1a1afa,#0d0d0dfa)}[data-theme=gold] .action-button{background:#2a2a2acc;border:1px solid #d4af374d;color:#f4e4bc;overflow:hidden;position:relative}[data-theme=gold] .action-button:before{background:linear-gradient(90deg,#0000,#d4af3733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}[data-theme=gold] .action-button:hover:not(:disabled):before{left:100%}[data-theme=gold] .action-button:hover:not(:disabled){background:#d4af3726;border-color:#d4af3799;box-shadow:0 4px 12px #d4af374d;color:#f4e4bc;transform:translateY(-2px)}[data-theme=gold] .action-button.secondary{background:#2a2a2a99;border-color:#d4af3733;color:#f4e4bc!important}[data-theme=gold] .action-button.secondary:hover:not(:disabled){background:#d4af3726;border-color:#d4af3780;color:#f4e4bc!important}[data-theme=gold] .note-card-actions .action-button.secondary{background:#2a2a2acc;border-color:#d4af374d;color:#f4e4bc!important}[data-theme=gold] .note-card-actions .action-button.secondary:hover{background:#d4af3733;border-color:#d4af3780;color:#f4e4bc!important}[data-theme=gold] .empty-state,[data-theme=gold] .note-card,[data-theme=gold] .note-detail,[data-theme=gold] .note-form,[data-theme=gold] .notes-controls{background:#2a2a2ae6;border:1px solid #d4af374d}[data-theme=gold] .note-card:hover{border-color:#d4af3780;box-shadow:0 8px 24px #0000004d,0 0 20px #d4af3726}[data-theme=gold] .empty-state h3,[data-theme=gold] .form-header h2,[data-theme=gold] .note-card-header h3,[data-theme=gold] .note-detail-title{color:#f4e4bc}[data-theme=gold] .empty-state p,[data-theme=gold] .note-card-content,[data-theme=gold] .note-detail-content{color:#f4e4bccc}[data-theme=gold] .note-category{background:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c);color:#1a1a1a}[data-theme=gold] .memorized-badge{background:linear-gradient(135deg,#d4af37,#aa8c2c);color:#1a1a1a}[data-theme=gold] .note-date{color:#f4e4bc99}[data-theme=gold] .date-input,[data-theme=gold] .input-field,[data-theme=gold] .search-input,[data-theme=gold] .sort-select,[data-theme=gold] .textarea-field{-webkit-text-fill-color:#f5f3ef;background:#1a1a1ae6;border:1px solid #d4af374d;color:#f5f3ef}[data-theme=gold] .date-input:focus,[data-theme=gold] .input-field:focus,[data-theme=gold] .search-input:focus,[data-theme=gold] .sort-select:focus,[data-theme=gold] .textarea-field:focus{background:#2a2a2ae6;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726}[data-theme=gold] .search-bar svg{color:#d4af3799}[data-theme=gold] .date-range-filter label,[data-theme=gold] .form-group label,[data-theme=gold] .sort-control label{color:#f4e4bc}[data-theme=gold] .input-hint{color:#f4e4bc80}[data-theme=gold] .note-timestamps{color:#f4e4bc99}[data-theme=gold] .note-timestamps strong{color:#f4e4bc}[data-theme=gold] .back-button{background:#2a2a2acc;border-color:#d4af374d;color:#f4e4bc}[data-theme=gold] .back-button:hover{background:#d4af3726;border-color:#d4af3780}[data-theme=gold] .note-card-actions .action-button{background:#2a2a2acc;border-color:#d4af374d;color:#f4e4bc}[data-theme=gold] .note-card-actions .action-button:hover{background:#d4af3733;border-color:#d4af3780;color:#f4e4bc}[data-theme=gold] .note-card-actions .action-button.danger{border-color:#dc262666;color:#f87171}[data-theme=gold] .note-card-actions .action-button.danger:hover{background:#dc262633;border-color:#dc262699}[data-theme=gold] .form-actions .action-button:not(.secondary):not(.memorize-button){background:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c);border-color:#0000;color:#1a1a1a;overflow:hidden;position:relative}[data-theme=gold] .form-actions .action-button:not(.secondary):not(.memorize-button):before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}[data-theme=gold] .form-actions .action-button:not(.secondary):not(.memorize-button):hover:not(:disabled):before{left:100%}[data-theme=gold] .form-actions .action-button:not(.secondary):not(.memorize-button):hover:not(:disabled){box-shadow:0 8px 24px #d4af3780}[data-theme=gold] .form-actions .action-button.memorize-button{background:linear-gradient(135deg,#d4af37,#aa8c2c);color:#1a1a1a}[data-theme=gold] .form-actions .action-button.secondary{background:#2a2a2acc;border:1px solid #d4af374d;color:#f4e4bc!important}[data-theme=gold] .form-actions .action-button.secondary svg{color:#f4e4bc!important}[data-theme=gold] .form-actions .action-button.secondary:hover:not(:disabled){background:#d4af3726;border-color:#d4af3780;color:#f4e4bc!important}[data-theme=gold] .header-actions .action-button.secondary{background:#2a2a2acc;border:1px solid #d4af374d;color:#f4e4bc!important}[data-theme=gold] .header-actions .action-button.secondary svg{color:#f4e4bc!important}[data-theme=gold] .header-actions .action-button.secondary:hover{background:#d4af3726;border-color:#d4af3780;color:#f4e4bc!important}[data-theme=gold] .clear-filters-button{background:#dc26261a;border-color:#dc26264d;color:#f87171}[data-theme=gold] .clear-filters-button:hover{background:#dc262633;border-color:#dc262680}[data-theme=gold] .empty-state svg{color:#d4af3780}[data-theme=gold] .empty-state .generate-button{background:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c);color:#1a1a1a;overflow:hidden;position:relative}[data-theme=gold] .empty-state .generate-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}[data-theme=gold] .empty-state .generate-button:hover:before{left:100%}[data-theme=gold] .loading-state{color:#f4e4bcb3}[data-theme=gold] .error-message{background:#dc262626;border-color:#dc26264d;color:#f87171}[data-theme=gold] .success-message{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}[data-theme=gold] .modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3}[data-theme=gold] .modal-content{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:1px solid #d4af374d}[data-theme=gold] .modal-footer,[data-theme=gold] .modal-header{border-color:#d4af374d}[data-theme=gold] .modal-header h3{color:#f4e4bc}[data-theme=gold] .modal-body p{color:#f4e4bccc}.statistics-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}.statistics-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.header-content h2{font-size:24px;font-weight:600;margin:0 0 8px}.statistics-meta{align-items:center;display:flex;font-size:14px;gap:8px;opacity:.9}.close-button{background:#fff3;border-radius:50%;color:#fff;font-size:20px;height:32px;transition:background .2s;width:32px}.close-button:hover{background:#ffffff4d}.statistics-content{padding:24px}.statistics-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;overflow:hidden}.section-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.section-header.clickable{cursor:pointer;transition:background .2s}.section-header.clickable:hover{background:#f3f4f6}.section-title{align-items:center;display:flex;gap:12px}.section-title h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.section-content{padding:20px}.priority-issues-list{display:flex;flex-direction:column;gap:16px}.priority-issue-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:box-shadow .2s}.priority-issue-card:hover{box-shadow:0 4px 12px #0000001a}.issue-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.issue-rank{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.issue-title-section{flex:1 1}.issue-name{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.issue-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.trend-icon{flex-shrink:0}.trend-icon.worsening{color:#ef4444}.trend-icon.improving{color:#10b981}.trend-icon.stable{color:#6b7280}.trend-icon.new{color:#3b82f6}.frequency-badge{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:13px;padding:4px 8px}.jump-tags{display:flex;flex-wrap:wrap;gap:4px}.jump-tag{background:#dbeafe;border-radius:12px;color:#1e40af;font-size:12px;font-weight:500;padding:2px 8px}.jump-tag.more{background:#e5e7eb;color:#6b7280}.priority-score{border-radius:8px;flex-shrink:0;font-size:20px;font-weight:700;padding:8px 16px}.priority-score.critical{background:#fee2e2;color:#991b1b}.priority-score.high{background:#fed7aa;color:#9a3412}.priority-score.medium{background:#fef3c7;color:#92400e}.priority-score.low{background:#e5e7eb;color:#374151}.issue-cues,.issue-focus,.issue-impact{font-size:14px;line-height:1.6;margin-top:12px}.issue-cues strong,.issue-focus strong,.issue-impact strong{color:#374151;display:block;margin-bottom:6px}.cues-list{display:flex;flex-wrap:wrap;gap:6px}.cue-badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;color:#166534;font-size:13px;padding:4px 10px}.jump-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.jump-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.jump-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.jump-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.issue-count-badge{background:#dbeafe;border-radius:12px;color:#1e40af;font-size:13px;font-weight:500;padding:4px 10px}.jump-issues-list,.phase-issues-list{list-style:none;margin:0;padding:0}.jump-issues-list li,.phase-issues-list li{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:6px 0}.jump-issues-list li:last-child,.phase-issues-list li:last-child{border-bottom:none}.freq{color:#6b7280;font-size:13px}.phase-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.phase-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.phase-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.phase-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.phase-patterns{border-top:1px solid #f3f4f6;color:#6b7280;font-size:13px;font-style:italic;margin-top:12px;padding-top:12px}.alignment-list{display:flex;flex-direction:column;gap:16px}.alignment-section h4{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 8px}.alignment-section ul{list-style:none;margin:0;padding:0}.alignment-section li{color:#374151;font-size:14px;padding:6px 0}.progress-sections{display:flex;flex-direction:column;gap:20px}.progress-section{border-left:4px solid;padding-left:16px}.progress-section.improving{border-color:#10b981}.progress-section.persistent{border-color:#f59e0b}.progress-section.new{border-color:#3b82f6}.progress-section.resolved{border-color:#6b7280}.progress-section h4{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.progress-section ul{list-style:none;margin:0;padding:0}.progress-section li{color:#374151;font-size:14px;line-height:1.6;padding:8px 0}.insights-sections{display:flex;flex-direction:column;gap:24px}.insight-section h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.insight-section ol,.insight-section ul{margin:0;padding-left:20px}.insight-section li{color:#374151;font-size:14px;line-height:1.6;padding:6px 0}.cue-context{color:#6b7280;font-size:13px;font-style:italic}.statistics-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.statistics-loading .spinner{animation:spin 1s linear infinite;color:#667eea;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.statistics-loading p{color:#374151;font-size:16px;margin:8px 0}.statistics-loading .hint{color:#6b7280;font-size:14px}.statistics-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.statistics-error svg{color:#ef4444;margin-bottom:16px}.statistics-error p{color:#374151;font-size:16px;margin:8px 0}.error-detail{color:#6b7280;font-size:14px}.retry-button{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:16px;padding:10px 20px;transition:background .2s}.retry-button:hover{background:#5568d3}.statistics-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.statistics-empty svg{color:#9ca3af;margin-bottom:16px}.statistics-empty h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.statistics-empty p{color:#6b7280;font-size:15px;margin:8px 0}.statistics-empty .hint{color:#9ca3af;font-size:14px}.no-data{color:#6b7280;font-size:14px;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.jump-grid,.phase-grid{grid-template-columns:1fr}.statistics-header{padding:16px}.header-content h2{font-size:20px}.statistics-content{padding:16px}.issue-header{flex-direction:column;gap:12px}.priority-score{align-self:flex-start}}@media (max-width:480px){.statistics-panel{border-radius:8px;margin-bottom:16px}.statistics-header{flex-wrap:wrap;gap:8px;padding:12px}.header-content h2{font-size:18px;margin-bottom:4px}.statistics-meta{flex-wrap:wrap;font-size:12px}.close-button{font-size:16px;height:28px;width:28px}.statistics-content{padding:12px}.statistics-section{border-radius:6px;margin-bottom:16px}.section-header{padding:12px}.section-title h3{font-size:15px}.section-content{padding:12px}.priority-issues-list{gap:12px}.priority-issue-card{border-radius:6px;padding:12px}.issue-header{gap:8px;margin-bottom:10px}.issue-rank{font-size:13px;height:28px;width:28px}.issue-name{font-size:14px;margin-bottom:6px}.issue-meta{gap:6px}.frequency-badge{font-size:11px;padding:3px 6px}.jump-tag{font-size:10px;padding:2px 6px}.priority-score{border-radius:6px;font-size:16px;padding:6px 12px}.issue-cues,.issue-focus,.issue-impact{font-size:13px;margin-top:10px}.cues-list{gap:4px}.cue-badge{font-size:11px;padding:3px 8px}.jump-card,.phase-card{border-radius:6px;padding:12px}.jump-header h4,.phase-header h4{font-size:14px}.issue-count-badge{font-size:11px;padding:3px 8px}.jump-issues-list li,.phase-issues-list li{font-size:13px;padding:5px 0}.freq{font-size:11px}.phase-patterns{font-size:12px}.alignment-section h4{font-size:14px}.alignment-section li{font-size:13px}.progress-sections{gap:16px}.progress-section{border-left-width:3px;padding-left:12px}.progress-section h4{font-size:14px;margin-bottom:10px}.progress-section li{font-size:13px;padding:6px 0}.insight-section h4{font-size:14px;margin-bottom:10px}.insight-section li{font-size:13px;padding:5px 0}.cue-context{font-size:12px}.statistics-empty,.statistics-error,.statistics-loading{padding:40px 16px}.statistics-error p,.statistics-loading p{font-size:14px}.error-detail,.statistics-loading .hint{font-size:13px}.statistics-empty h3{font-size:18px}.statistics-empty p{font-size:14px}.retry-button{font-size:13px;padding:8px 16px}.no-data{font-size:13px;padding:16px}}.settings-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 32px}.settings-header h2{color:#1e293b;font-size:24px;font-weight:600;margin:0}.close-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:8px;touch-action:manipulation;transition:all .2s ease}.close-button:hover{background:#f1f5f9;color:#334155}.settings-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding:16px 32px 0}.settings-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;min-height:44px;padding:12px 20px;touch-action:manipulation;transition:all .2s ease}.settings-tab:hover{background:#f8fafc;color:#334155}.settings-tab.active{border-bottom-color:#667eea;color:#667eea}.settings-content{flex:1 1;overflow-y:auto;padding:32px}.settings-section h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 8px}.section-description{color:#64748b;font-size:14px;margin:0 0 24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#334155;font-size:14px;font-weight:500}.form-group input,.form-group select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 14px;transition:all .2s ease}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text]{-webkit-text-fill-color:#1e293b;background-color:#fff;color:#1e293b}.form-group input::placeholder{-webkit-text-fill-color:#94a3b8;color:#94a3b8}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group small{color:#64748b;font-size:12px}.form-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.save-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;min-height:44px;padding:12px 24px;touch-action:manipulation;transition:all .2s ease}.save-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.5}.info-box{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:14px;gap:12px;padding:12px 16px}.file-editor{gap:24px}.file-editor,.file-section{display:flex;flex-direction:column}.file-section{gap:12px}.file-header{align-items:center;display:flex;justify-content:space-between}.file-header h4{color:#334155;font-size:16px;font-weight:600;margin:0}.save-button-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.save-button-small:hover:not(:disabled){box-shadow:0 2px 8px #667eea66;transform:translateY(-1px)}.save-button-small:disabled{cursor:not-allowed;opacity:.5}.file-textarea{border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;line-height:1.6;min-height:200px;padding:14px;resize:vertical;width:100%}.file-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.theme-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.theme-card{border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s ease}.theme-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.theme-card.active{background:#f8faff;border-color:#667eea}.theme-card h4{color:#1e293b;font-size:16px;font-weight:600;margin:12px 0 4px}.theme-card p{color:#64748b;font-size:13px;margin:0}.theme-preview{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:120px;overflow:hidden;width:100%}.light-preview{background:#fff}.dark-preview{background:#1e293b}.glass-preview{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);position:relative}.preview-header{background:linear-gradient(135deg,#667eea,#764ba2);height:30px}.glass-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3}.preview-content{display:flex;flex-direction:column;gap:8px;padding:12px}.light-preview .preview-content{background:#f8fafc}.dark-preview .preview-content{background:#0f172a}.glass-content{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff4d}.preview-line{border-radius:4px;height:8px}.light-preview .preview-line{background:#cbd5e1}.dark-preview .preview-line{background:#334155}.glass-line{background:#ffffff80;border:1px solid #fff6}.preview-line.short{width:60%}.status-message{animation:slideUp .3s ease;border-radius:8px;bottom:24px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:500;left:50%;padding:12px 24px;position:absolute;transform:translateX(-50%)}.status-message.success{background:#10b981;color:#fff}.status-message.error{background:#ef4444;color:#fff}[data-theme=dark] .settings-modal{background:#1e293b}[data-theme=dark] .settings-header{border-bottom-color:#334155}[data-theme=dark] .settings-header h2{color:#f1f5f9}[data-theme=dark] .close-button{color:#94a3b8}[data-theme=dark] .close-button:hover{background:#334155;color:#f1f5f9}[data-theme=dark] .settings-tabs{border-bottom-color:#334155}[data-theme=dark] .settings-tab{color:#94a3b8}[data-theme=dark] .settings-tab:hover{background:#334155;color:#f1f5f9}[data-theme=dark] .settings-section h3{color:#f1f5f9}[data-theme=dark] .section-description{color:#94a3b8}[data-theme=dark] .form-group label{color:#cbd5e1}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{-webkit-text-fill-color:#f1f5f9;background:#0f172a;border-color:#334155;color:#f1f5f9}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{border-color:#667eea}[data-theme=dark] .form-group small{color:#94a3b8}[data-theme=dark] .info-box{background:#1e3a5f;border-color:#2563eb;color:#93c5fd}[data-theme=dark] .file-header h4{color:#cbd5e1}[data-theme=dark] .file-textarea{background:#0f172a;border-color:#334155;color:#f1f5f9}[data-theme=dark] .file-textarea:focus{border-color:#667eea}[data-theme=dark] .theme-card{border-color:#334155}[data-theme=dark] .theme-card:hover{border-color:#475569}[data-theme=dark] .theme-card.active{background:#1e3a5f}[data-theme=dark] .theme-card h4{color:#f1f5f9}[data-theme=dark] .theme-card p{color:#94a3b8}.full-width{grid-column:1/-1}.slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#3b82f6 0,#3b82f6 50%,#e2e8f0 0,#e2e8f0);border-radius:3px;cursor:pointer;height:6px;margin:12px 0;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.1)}.slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.slider::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.1)}.setting-value{background:#eff6ff;border-radius:12px;color:#3b82f6;float:right;font-size:14px;font-weight:600;padding:4px 12px}.reset-button{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;min-height:44px;padding:12px 24px;touch-action:manipulation;transition:all .2s ease}.reset-button:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.reset-button:disabled{cursor:not-allowed;opacity:.5}.info-box div{flex:1 1}.info-box strong{color:#1e293b;display:block;margin-bottom:4px}.info-box p{color:#64748b;font-size:14px;margin:0}[data-theme=dark] .slider{background:linear-gradient(90deg,#3b82f6 0,#3b82f6 50%,#334155 0,#334155)}[data-theme=dark] .setting-value{background:#1e3a5f;color:#60a5fa}[data-theme=dark] .reset-button{background:#334155;border-color:#475569;color:#cbd5e1}[data-theme=dark] .reset-button:hover:not(:disabled){background:#475569;border-color:#64748b}[data-theme=dark] .info-box strong{color:#f1f5f9}[data-theme=dark] .info-box p{color:#94a3b8}.checkbox-label{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.checkbox-label span{flex:1 1}[data-theme=dark] .checkbox-label{color:#cbd5e1}[data-theme=glass] .settings-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006}[data-theme=glass] .settings-modal{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:#ffffff4d;border:1px solid #fff6;box-shadow:0 8px 32px #1f268733}[data-theme=glass] .settings-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff3;border-bottom:1px solid #ffffff4d}[data-theme=glass] .settings-header h2{color:#1e293b}[data-theme=glass] .close-button{color:#1e293bb3}[data-theme=glass] .close-button:hover{background:#ffffff4d;color:#1e293b}[data-theme=glass] .settings-tabs{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #ffffff4d}[data-theme=glass] .settings-tab{color:#1e293bcc;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .settings-tab:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;color:#1e293b}[data-theme=glass] .settings-tab.active{background:#ffffff4d;border-bottom-color:#667eeab3;color:#667eea}[data-theme=glass] .settings-content{background:#0000}[data-theme=glass] .settings-section h3{color:#1e293b}[data-theme=glass] .section-description{color:#1e293bcc}[data-theme=glass] .form-group label{color:#334155}[data-theme=glass] .form-group input,[data-theme=glass] .form-group select{-webkit-text-fill-color:#1e293b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #ffffff80;color:#1e293b}[data-theme=glass] .form-group input:focus,[data-theme=glass] .form-group select:focus{background:#fff9;border-color:#667eea99;box-shadow:0 0 0 3px #667eea26}[data-theme=glass] .form-group small{color:#1e293bb3}[data-theme=glass] .save-button{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#667eea80;border:1px solid #fff6;box-shadow:0 4px 16px #667eea4d}[data-theme=glass] .save-button:hover:not(:disabled){background:#667eeab3;box-shadow:0 8px 24px #667eea66;transform:translateY(-1px)}[data-theme=glass] .reset-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff6;color:#475569}[data-theme=glass] .reset-button:hover:not(:disabled){background:#ffffff80;border-color:#fff9}[data-theme=glass] .info-box{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#eff6ff80;border:1px solid #bfdbfe80;color:#1e40af}[data-theme=glass] .info-box strong{color:#1e293b}[data-theme=glass] .info-box p{color:#1e293bcc}[data-theme=glass] .file-header h4{color:#334155}[data-theme=glass] .save-button-small{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#667eea80;border:1px solid #fff6}[data-theme=glass] .save-button-small:hover:not(:disabled){background:#667eeab3;box-shadow:0 4px 12px #667eea66}[data-theme=glass] .file-textarea{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff80;border:1px solid #ffffff80;color:#1e293b}[data-theme=glass] .file-textarea:focus{background:#fff9;border-color:#667eea99;box-shadow:0 0 0 3px #667eea26}[data-theme=glass] .theme-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff4d;border:2px solid #fff6;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .theme-card:hover{background:#fff6;border-color:#fff9;box-shadow:0 8px 24px #1f268726;transform:translateY(-2px)}[data-theme=glass] .theme-card.active{background:#667eea33;border-color:#667eea99;box-shadow:0 4px 16px #667eea33}[data-theme=glass] .theme-card h4{color:#1e293b}[data-theme=glass] .theme-card p{color:#1e293bcc}[data-theme=glass] .slider{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(90deg,#667eea80 0,#667eea80 50%,#ffffff4d 0,#ffffff4d)}[data-theme=glass] .slider::-webkit-slider-thumb{background:#667eeacc;box-shadow:0 2px 8px #667eea66}[data-theme=glass] .slider::-moz-range-thumb{background:#667eeacc;box-shadow:0 2px 8px #667eea66}[data-theme=glass] .setting-value{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#eff6ff80;border:1px solid #667eea4d;color:#667eea}[data-theme=glass] .checkbox-label{color:#334155}[data-theme=glass] .checkbox-label input[type=checkbox]{accent-color:#667eeacc}[data-theme=glass] .status-message{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=glass] .status-message.success{background:#10b981e6}[data-theme=glass] .status-message.error{background:#ef4444e6}.empty-notes{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;padding:32px;text-align:center}.empty-notes p{font-size:14px;margin:0}.memorized-notes-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto}.memorized-note-item{background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.memorized-note-item .note-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.note-title{color:#334155;flex:1 1;font-weight:600}.note-category{background:#e2e8f0;border-radius:12px;color:#475569;font-size:12px;padding:4px 10px}.note-textarea{min-height:100px}[data-theme=dark] .empty-notes{color:#94a3b8}[data-theme=dark] .empty-notes,[data-theme=dark] .memorized-note-item{background:#0f172a;border-color:#334155}[data-theme=dark] .note-title{color:#f1f5f9}[data-theme=dark] .note-category{background:#334155;color:#94a3b8}[data-theme=glass] .empty-notes{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border-color:#fff6;color:#1e293bcc}[data-theme=glass] .memorized-note-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border-color:#ffffff80}[data-theme=glass] .note-title{color:#334155}[data-theme=glass] .note-category{background:#fff6;border:1px solid #ffffff80;color:#475569}.gold-preview{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);overflow:hidden;position:relative}.gold-preview:before{background:radial-gradient(circle,#d4af3733 0,#0000 70%);content:"";filter:blur(15px);height:80px;left:-20px;position:absolute;top:-20px;width:80px}.gold-header{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-bottom:1px solid #d4af374d;position:relative}.gold-header:after{background:linear-gradient(90deg,#0000,#d4af3780,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.gold-content{background:#1a1a1af2}.gold-line{background:linear-gradient(90deg,#f4e4bc,#d4af37,#aa8c2c);overflow:hidden;position:relative}.gold-line:after{animation:gold-shine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes gold-shine{0%{left:-100%}50%,to{left:100%}}[data-theme=gold] .settings-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3}[data-theme=gold] .settings-modal{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:1px solid #d4af374d;box-shadow:0 20px 60px #0009,0 0 40px #d4af371a}[data-theme=gold] .settings-header{background:linear-gradient(180deg,#2a2a2ae6,#1a1a1ae6);border-bottom:1px solid #d4af374d;position:relative}[data-theme=gold] .settings-header:after{background:linear-gradient(90deg,#0000,#d4af3780,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}[data-theme=gold] .settings-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c);-webkit-background-clip:text;background-clip:text}[data-theme=gold] .close-button{color:#f4e4bcb3}[data-theme=gold] .close-button:hover{background:#d4af3726;color:#f4e4bc}[data-theme=gold] .settings-tabs{background:#1a1a1a80;border-bottom:1px solid #d4af3733}[data-theme=gold] .settings-tab{color:#f4e4bcb3;transition:all .4s ease}[data-theme=gold] .settings-tab:hover{background:#d4af371a;color:#f4e4bc}[data-theme=gold] .settings-tab.active{background:#d4af371a;border-bottom-color:#d4af37;color:#f4e4bc}[data-theme=gold] .settings-content{background:#0000}[data-theme=gold] .settings-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f4e4bc,#d4af37);-webkit-background-clip:text;background-clip:text}[data-theme=gold] .section-description{color:#f4e4bcb3}[data-theme=gold] .form-group label{color:#f4e4bc}[data-theme=gold] .form-group input,[data-theme=gold] .form-group select{-webkit-text-fill-color:#f5f3ef;background:#2a2a2ae6;border:1px solid #d4af374d;color:#f5f3ef}[data-theme=gold] .form-group input:focus,[data-theme=gold] .form-group select:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726}[data-theme=gold] .form-group input::placeholder{-webkit-text-fill-color:#f4e4bc80;color:#f4e4bc80}[data-theme=gold] .form-group small{color:#f4e4bc99}[data-theme=gold] .save-button{background:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c);border:none;box-shadow:0 4px 16px #d4af3766;color:#1a1a1a;overflow:hidden;position:relative;transition:all .4s ease}[data-theme=gold] .save-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}[data-theme=gold] .save-button:hover:not(:disabled):before{left:100%}[data-theme=gold] .save-button:hover:not(:disabled){box-shadow:0 8px 24px #d4af3780;transform:translateY(-2px)}[data-theme=gold] .save-button:disabled{background:#3a3a3acc;box-shadow:none;color:#f4e4bc66}[data-theme=gold] .save-button-small{background:linear-gradient(135deg,#f4e4bc,#d4af37,#aa8c2c);border:none;box-shadow:0 2px 8px #d4af374d;color:#1a1a1a;overflow:hidden;position:relative}[data-theme=gold] .save-button-small:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}[data-theme=gold] .save-button-small:hover:not(:disabled):before{left:100%}[data-theme=gold] .save-button-small:hover:not(:disabled){box-shadow:0 4px 12px #d4af3766}[data-theme=gold] .reset-button{background:#2a2a2acc;border:1px solid #d4af374d;color:#f4e4bc;overflow:hidden;position:relative}[data-theme=gold] .reset-button:before{background:linear-gradient(90deg,#0000,#d4af3733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}[data-theme=gold] .reset-button:hover:not(:disabled):before{left:100%}[data-theme=gold] .reset-button:hover:not(:disabled){background:#d4af3726;border-color:#d4af3780}[data-theme=gold] .info-box{background:#d4af371a;border:1px solid #d4af374d;color:#f4e4bc}[data-theme=gold] .info-box strong{color:#f4e4bc}[data-theme=gold] .info-box p{color:#f4e4bccc}[data-theme=gold] .file-header h4{color:#f4e4bc}[data-theme=gold] .file-textarea{background:#2a2a2ae6;border:1px solid #d4af374d;color:#f5f3ef}[data-theme=gold] .file-textarea:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af3726}[data-theme=gold] .theme-card{background:#2a2a2acc;border:2px solid #d4af3733;transition:all .4s ease}[data-theme=gold] .theme-card:hover{background:#d4af371a;border-color:#d4af3780;box-shadow:0 8px 24px #0000004d,0 0 20px #d4af3726;transform:translateY(-4px)}[data-theme=gold] .theme-card.active{background:#d4af3726;border-color:#d4af37;box-shadow:0 0 20px #d4af3733}[data-theme=gold] .theme-card h4{color:#f4e4bc}[data-theme=gold] .theme-card p{color:#f4e4bcb3}[data-theme=gold] .slider{background:linear-gradient(90deg,#d4af3780 0,#d4af3780 50%,#3a3a3a80 0,#3a3a3a80)}[data-theme=gold] .slider::-webkit-slider-thumb{background:linear-gradient(135deg,#f4e4bc,#d4af37);box-shadow:0 2px 8px #d4af3766}[data-theme=gold] .slider::-moz-range-thumb{background:linear-gradient(135deg,#f4e4bc,#d4af37);box-shadow:0 2px 8px #d4af3766}[data-theme=gold] .setting-value{background:#d4af3726;border:1px solid #d4af374d;color:#f4e4bc}[data-theme=gold] .checkbox-label{color:#f4e4bc}[data-theme=gold] .checkbox-label input[type=checkbox]{accent-color:#d4af37}[data-theme=gold] .status-message{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=gold] .status-message.success{background:linear-gradient(135deg,#f4e4bc,#d4af37);color:#1a1a1a}[data-theme=gold] .status-message.error{background:#ef4444e6}[data-theme=gold] .empty-notes{background:#2a2a2a80;border-color:#d4af374d;color:#f4e4bcb3}[data-theme=gold] .memorized-note-item{background:#2a2a2acc;border-color:#d4af374d}[data-theme=gold] .note-title{color:#f4e4bc}[data-theme=gold] .note-category{background:#d4af3726;border:1px solid #d4af374d;color:#f4e4bc}@media (max-width:768px){.settings-modal{max-height:95vh;width:95%}.settings-header{padding:16px 20px}.settings-header h2{font-size:20px}.settings-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;padding:12px 16px 0;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{flex-shrink:0;font-size:14px;padding:10px 16px;white-space:nowrap}.settings-content{padding:20px}.form-grid,.theme-options{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:8px}.reset-button,.save-button{justify-content:center;width:100%}.file-header{align-items:flex-start;flex-direction:column;gap:8px}.save-button-small{width:100%}}@media (max-width:480px){.settings-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.settings-header{padding:12px 16px}.settings-header h2{font-size:18px}.settings-tabs{gap:4px;padding:8px 12px 0}.settings-tab{font-size:13px;padding:8px 12px}.settings-content{padding:16px}.settings-section h3{font-size:18px}.form-group label,.section-description{font-size:13px}.form-group input,.form-group select{font-size:16px;padding:10px 12px}.theme-card{padding:14px}.theme-card h4{font-size:14px}.theme-card p{font-size:12px}.theme-preview{height:100px}.file-textarea{font-size:12px;min-height:150px}.reset-button,.save-button{font-size:14px;padding:10px 20px}.info-box{flex-direction:column;font-size:13px;padding:10px 12px;text-align:center}.memorized-notes-list{max-height:250px}.memorized-note-item{padding:10px}.memorized-note-item .note-header{align-items:flex-start;flex-direction:column;gap:6px}}.landing-page{--gold-light:#f4e4bc;--gold-primary:#d4af37;--gold-dark:#aa8c2c;--gold-accent:#c9a227;--cream:#faf8f5;--charcoal:#1a1a1a;--charcoal-light:#2a2a2a;--charcoal-medium:#3a3a3a;--text-light:#fff;--text-cream:#f5f3ef;--text-muted:#ffffffb3;--text-subtle:#ffffff80;--gradient-gold:linear-gradient(135deg,var(--gold-light),var(--gold-primary),var(--gold-dark));--gradient-gold-horizontal:linear-gradient(90deg,var(--gold-light),var(--gold-primary),var(--gold-dark));--bg-gradient:linear-gradient(180deg,#1a1a1a,#0d0d0d 50%,#1a1a1a);--transition:all 0.4s cubic-bezier(0.25,0.1,0.25,1);--shadow-gold:0 0 40px #d4af374d;--font-size-hero:clamp(2rem,8vw,4.5rem);--font-size-section:clamp(1.5rem,5vw,3rem);--font-size-body:clamp(0.95rem,3vw,1.15rem);--font-size-input:max(16px,1rem);--space-section:clamp(3rem,8vh,8rem);--space-container:clamp(1rem,4vw,2rem);--touch-target-min:44px;background:var(--charcoal);color:var(--text-light);font-family:Raleway,-apple-system,sans-serif;line-height:1.7;min-height:100vh;overflow-x:hidden}.landing-page .background-effects{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:10}.landing-page .gradient-orb{border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.landing-page .orb-1{animation:orb-float 20s ease-in-out infinite;background:radial-gradient(circle,var(--gold-primary) 0,#0000 70%);height:600px;left:-200px;top:-200px;width:600px}.landing-page .orb-2{animation:orb-float 25s ease-in-out infinite reverse;background:radial-gradient(circle,var(--gold-dark) 0,#0000 70%);bottom:-100px;height:400px;right:-100px;width:400px}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,30px) scale(1.1)}}.landing-page .light-rays{background:radial-gradient(ellipse at top center,#d4af371a 0,#0000 60%);height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100%}.landing-page .snow-particles{height:100%;overflow:hidden;position:absolute;width:100%}.landing-page .snowflake{animation:snowfall 15s linear infinite;background:#fff9;border-radius:50%;height:4px;position:absolute;width:4px}@keyframes snowfall{0%{opacity:0;transform:translateY(-10vh) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(110vh) translateX(100px) rotate(1turn)}}.landing-page .header{background:#0000;left:0;padding:1.25rem 3rem;position:fixed;right:0;top:0;transition:var(--transition);z-index:1000}.landing-page .header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1af2;border-bottom:1px solid #d4af3733}.landing-page .nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.landing-page .nav-brand{align-items:center;display:flex;gap:1rem}.landing-page .brand-mark svg{filter:drop-shadow(0 0 10px rgba(212,175,55,.5))}.landing-page .brand-text{display:flex;flex-direction:column}.landing-page .brand-name{font-family:Cinzel,serif;font-size:1.5rem;font-weight:600}.landing-page .brand-name,.landing-page .brand-skating{-webkit-text-fill-color:#0000;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text}.landing-page .brand-skating{font-size:1rem;font-weight:400}.landing-page .brand-tagline{color:var(--text-muted);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.landing-page .nav-menu{display:flex;gap:3rem;list-style:none;margin:0;padding:0}.landing-page .nav-menu a{color:var(--text-muted);font-size:.9rem;font-weight:500;letter-spacing:.05em;position:relative;text-decoration:none;transition:var(--transition)}.landing-page .nav-menu a:after{background:var(--gradient-gold-horizontal);bottom:-4px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.landing-page .nav-menu a:hover{color:var(--gold-light)}.landing-page .nav-menu a:hover:after{width:100%}.landing-page .nav-cta{align-items:center;display:flex;gap:2rem}.landing-page .link-text{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:none;transition:var(--transition)}.landing-page .link-text:hover{color:var(--gold-light)}.landing-page .btn-gold{background:var(--gradient-gold);border:none;border-radius:4px;color:var(--charcoal);cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.05em;overflow:hidden;padding:.75rem 1.75rem;position:relative;text-decoration:none;transition:var(--transition)}.landing-page .btn-gold:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}.landing-page .btn-gold:hover:before{left:100%}.landing-page .btn-gold:hover{box-shadow:var(--shadow-gold);transform:translateY(-2px)}.landing-page .hero{grid-gap:clamp(1.5rem,4vw,3rem);align-items:center;display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1600px;min-height:100vh;padding:clamp(6rem,12vh,8rem) clamp(1rem,4vw,3rem) clamp(2rem,6vh,4rem);position:relative;z-index:1}.landing-page .hero-container{max-width:600px}.landing-page .hero-badge{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:4px;display:inline-flex;gap:.75rem;margin-bottom:2rem;padding:.5rem 1.25rem}.landing-page .badge-icon{color:var(--gold-primary)}.landing-page .badge-text{color:var(--gold-light);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.landing-page .hero-headline{word-wrap:break-word;font-family:Cinzel,serif;font-size:var(--font-size-hero);font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;margin-bottom:1.5rem;max-width:100%;overflow-wrap:break-word}.landing-page .hero-headline .line{animation:line-reveal .8s forwards;display:block;opacity:0;transform:translateY(40px)}.landing-page .hero-headline .line-1{animation-delay:.2s}.landing-page .hero-headline .line-2{animation-delay:.4s}.landing-page .hero-headline em{-webkit-text-fill-color:#0000;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;font-style:normal}@keyframes line-reveal{to{opacity:1;transform:translateY(0)}}.landing-page .hero-lead{word-wrap:break-word;animation:fade-up .8s .6s forwards;color:var(--text-muted);font-size:var(--font-size-body);margin-bottom:2.5rem;max-width:100%;opacity:0}@keyframes fade-up{to{opacity:1}}.landing-page .hero-actions{align-items:center;animation:fade-up .8s .8s forwards;display:flex;gap:2.5rem;margin-bottom:4rem;opacity:0}.landing-page .btn-primary-gold{align-items:center;background:var(--gradient-gold);border:none;border-radius:4px;box-shadow:0 10px 40px #d4af374d;color:var(--charcoal);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:1rem;letter-spacing:.05em;padding:1.25rem 2.5rem;text-decoration:none;transition:var(--transition)}.landing-page .btn-primary-gold:hover{box-shadow:0 15px 50px #d4af3766;transform:translateY(-3px)}.landing-page .btn-primary-gold i{transition:transform .3s ease}.landing-page .btn-primary-gold:hover i{transform:translateX(5px)}.landing-page .hero-video-trigger{cursor:pointer;gap:1rem}.landing-page .hero-video-trigger,.landing-page .video-icon{align-items:center;display:flex;transition:var(--transition)}.landing-page .video-icon{background:#d4af371a;border:1px solid #d4af374d;border-radius:50%;height:55px;justify-content:center;width:55px}.landing-page .play-triangle{border-bottom:7px solid #0000;border-left:12px solid var(--gold-primary);border-top:7px solid #0000;height:0;margin-left:3px;width:0}.landing-page .hero-video-trigger span{color:var(--text-muted);font-weight:500}.landing-page .hero-video-trigger:hover .video-icon{background:var(--gold-primary);border-color:var(--gold-primary)}.landing-page .hero-video-trigger:hover .play-triangle{border-left-color:var(--charcoal)}.landing-page .hero-video-trigger:hover span{color:var(--gold-light)}.landing-page .hero-accolades{align-items:center;animation:fade-up .8s 1s forwards;display:flex;gap:2.5rem;opacity:0}.landing-page .accolade{text-align:center}.landing-page .accolade-value{-webkit-text-fill-color:#0000;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;display:block;font-family:Cinzel,serif;font-size:1.5rem;font-weight:600}.landing-page .accolade-label{color:var(--text-subtle);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.landing-page .accolade-divider{background:linear-gradient(180deg,#0000,var(--gold-dark),#0000);height:40px;width:1px}.landing-page .hero-artwork{align-items:center;display:flex;height:600px;justify-content:flex-start;padding-left:50px;position:relative}.landing-page .artwork-frame{align-items:center;display:flex;height:550px;justify-content:center;position:relative;width:450px}.landing-page .visual-ring{animation:ring-rotate 20s linear infinite;border:1px solid #d4af3733;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.landing-page .ring-1{border-color:#d4af374d;height:320px;width:320px}.landing-page .ring-2{animation-direction:reverse;animation-duration:25s;height:400px;width:400px}.landing-page .ring-3{animation-duration:30s;height:480px;width:480px}@keyframes ring-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.landing-page .frame-glow{animation:glow-pulse 4s ease-in-out infinite;background:radial-gradient(circle,#d4af3766 0,#0000 70%);filter:blur(60px);height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.landing-page .skater-scene{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.landing-page .skater-hero-image{animation:elegant-float 8s ease-in-out infinite;filter:drop-shadow(0 0 35px rgba(212,175,55,.4));max-height:900px;max-width:200%;object-fit:contain}@keyframes elegant-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.landing-page .sparkles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.landing-page .sparkle{animation:sparkle 3s infinite;background:var(--gold-light);border-radius:50%;height:6px;position:absolute;width:6px}.landing-page .s1{animation-delay:0s;left:20%;top:10%}.landing-page .s2{animation-delay:.5s;right:15%;top:30%}.landing-page .s3{animation-delay:1s;left:10%;top:60%}.landing-page .s4{animation-delay:1.5s;bottom:20%;right:25%}.landing-page .s5{animation-delay:2s;left:50%;top:45%}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.landing-page .floating-cards{height:100%;pointer-events:none;position:absolute;width:100%}.landing-page .stat-card{align-items:center;animation:card-float 5s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1ae6;border:1px solid #d4af374d;border-radius:8px;display:flex;gap:.75rem;padding:1rem 1.25rem;position:absolute}.landing-page .card-1{animation-delay:0s;left:0;top:8%}.landing-page .card-2{animation-delay:1s;left:55%;top:38%}.landing-page .card-3{animation-delay:2s;bottom:15%;left:-5%}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-page .stat-icon{align-items:center;background:#d4af371a;border-radius:8px;color:var(--gold-primary);display:flex;height:40px;justify-content:center;width:40px}.landing-page .stat-value{color:var(--gold-light);display:block;font-size:1.1rem;font-weight:700}.landing-page .stat-name{color:var(--text-subtle);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.landing-page section{position:relative;z-index:1}.landing-page .section-container{margin:0 auto;max-width:1200px;padding:var(--space-section) var(--space-container)}.landing-page .section-header{align-items:center;background:#0000!important;border:none!important;display:flex;flex-direction:column;margin-bottom:5rem;padding:0!important;text-align:center}.landing-page .section-ornament{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;max-width:300px;width:100%}.landing-page .section-ornament.left{justify-content:flex-start}.landing-page .ornament-line{background:var(--gradient-gold-horizontal);flex-shrink:0;height:1px;width:60px}.landing-page .ornament-diamond{color:var(--gold-primary);font-size:.75rem}.landing-page .section-headline{font-family:Cinzel,serif;font-size:var(--font-size-section);font-weight:600;margin-bottom:1rem}.landing-page .section-subheadline{color:var(--text-muted);font-size:1.1rem;margin:0 auto;max-width:600px}.landing-page .excellence{background:linear-gradient(180deg,var(--charcoal),var(--charcoal-light))}.landing-page .excellence-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr)}.landing-page .excellence-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;opacity:0;padding:3rem 2rem;text-align:center;transform:translateY(40px);transition:var(--transition)}.landing-page .excellence-item.revealed{opacity:1;transform:translateY(0)}.landing-page .excellence-item:hover{border-color:#d4af374d;transform:translateY(-10px)}.landing-page .excellence-item.featured{background:linear-gradient(180deg,#d4af371a,#0000);border-color:#d4af374d}.landing-page .excellence-visual{height:80px;margin:0 auto 2rem;position:relative;width:80px}.landing-page .visual-bg{background:#d4af371a;border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.landing-page .visual-icon{color:var(--gold-primary);font-size:1.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.landing-page .excellence-content h3{font-family:Cinzel,serif;font-size:1.5rem;margin-bottom:1rem}.landing-page .excellence-content p{color:var(--text-muted);font-size:.95rem;line-height:1.8}.landing-page .capabilities{background:var(--charcoal-light)}.landing-page .capabilities-showcase{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-template-columns:1fr 1fr}.landing-page .showcase-content .section-ornament{margin-bottom:1rem}.landing-page .showcase-title{font-family:Cinzel,serif;font-size:2.5rem;margin-bottom:1.5rem}.landing-page .showcase-description{color:var(--text-muted);line-height:1.8;margin-bottom:3rem}.landing-page .capability-list{display:flex;flex-direction:column;gap:1.5rem}.landing-page .capability{display:flex;gap:1.25rem;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.landing-page .capability.revealed{opacity:1;transform:translateY(0)}.landing-page .capability-marker{background:var(--gradient-gold);border-radius:50%;flex-shrink:0;height:12px;margin-top:6px;width:12px}.landing-page .capability-text h4{font-size:1.1rem;margin-bottom:.25rem}.landing-page .capability-text p{color:var(--text-subtle);font-size:.9rem}.landing-page .showcase-visual{position:relative}.landing-page .analysis-preview{background:#1a1a1ae6;border:1px solid #d4af374d;border-radius:12px;box-shadow:0 30px 80px #00000080;overflow:hidden}.landing-page .preview-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.landing-page .preview-title{font-size:.9rem;font-weight:600}.landing-page .preview-status{align-items:center;color:var(--gold-light);display:flex;font-size:.8rem;gap:.5rem}.landing-page .status-dot{animation:pulse 2s infinite;background:var(--gold-primary);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.landing-page .preview-body{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.landing-page .pose-visualization{align-items:center;display:flex;justify-content:center}.landing-page .pose-svg{height:220px;width:150px}.landing-page .pose-line{stroke:var(--gold-primary);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(212,175,55,.5))}.landing-page .pose-joint{fill:var(--gold-light);filter:drop-shadow(0 0 4px rgba(244,228,188,.8))}.landing-page .pose-joint.head{fill:var(--gold-primary)}.landing-page .analysis-data{display:flex;flex-direction:column;gap:1.25rem}.landing-page .data-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:100px 1fr 60px}.landing-page .data-label{color:var(--text-subtle);font-size:.85rem}.landing-page .data-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.landing-page .bar-fill{animation:fill-grow 1.5s ease-out forwards;background:var(--gradient-gold-horizontal);border-radius:3px;height:100%;width:var(--width)}@keyframes fill-grow{0%{width:0}}.landing-page .data-value{color:var(--gold-light);font-size:.85rem;font-weight:600;text-align:right}.landing-page .preview-footer{align-items:center;background:#d4af371a;border-top:1px solid #d4af3733;display:flex;justify-content:space-between;padding:1rem 1.5rem}.landing-page .footer-text{color:var(--text-muted);font-size:.85rem}.landing-page .footer-score{color:var(--gold-light);font-weight:700}.landing-page .journey{background:linear-gradient(180deg,var(--charcoal-light),var(--charcoal))}.landing-page .journey-timeline{display:flex;justify-content:space-between;padding-top:3rem;position:relative}.landing-page .timeline-track{background:linear-gradient(90deg,var(--gold-light),var(--gold-primary),var(--gold-dark),var(--gold-primary),var(--gold-light));height:2px;left:10%;position:absolute;right:10%;top:3rem}.landing-page .journey-step{opacity:0;position:relative;text-align:center;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease;width:22%}.landing-page .journey-step.revealed{opacity:1;transform:translateY(0)}.landing-page .step-marker{align-items:center;background:var(--charcoal);border:2px solid var(--gold-primary);border-radius:50%;display:flex;height:50px;justify-content:center;margin:0 auto 1.5rem;position:relative;transition:var(--transition);width:50px;z-index:2}.landing-page .marker-number{color:var(--gold-primary);font-family:Cinzel,serif;font-size:1rem}.landing-page .step-card h3{font-family:Cinzel,serif;font-size:1.25rem;margin-bottom:.75rem}.landing-page .step-card p{color:var(--text-muted);font-size:.9rem;line-height:1.7}.landing-page .step-visual{color:var(--gold-primary);font-size:2rem;margin-top:1.5rem;opacity:.5}.landing-page .membership{background:var(--charcoal)}.landing-page .membership-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.landing-page .membership-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;opacity:0;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transform:translateY(40px);transition:var(--transition)}.landing-page .membership-card.revealed{opacity:1;transform:translateY(0)}.landing-page .card-shine{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}.landing-page .membership-card:hover .card-shine{left:100%}.landing-page .membership-card:hover{border-color:#d4af374d;transform:translateY(-10px)}.landing-page .membership-card.featured{background:linear-gradient(180deg,#d4af3726,#d4af370d);border-color:var(--gold-primary);transform:scale(1.05)}.landing-page .membership-card.featured:hover{transform:scale(1.05) translateY(-10px)}.landing-page .membership-card.featured.revealed{transform:scale(1.05)}.landing-page .featured-ribbon{background:var(--gradient-gold);color:var(--charcoal);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 3rem;position:absolute;right:-3rem;top:1.5rem;transform:rotate(45deg)}.landing-page .card-tier{color:var(--gold-light);font-family:Cinzel,serif;font-size:1.5rem;margin-bottom:1.5rem}.landing-page .card-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center;margin-bottom:1rem}.landing-page .card-price .currency{color:var(--text-muted);font-size:1.5rem}.landing-page .card-price .amount{-webkit-text-fill-color:#0000;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700}.landing-page .card-price .period{color:var(--text-subtle)}.landing-page .card-description{border-bottom:1px solid #ffffff1a;color:var(--text-muted);font-size:.9rem;margin-bottom:2rem;padding-bottom:2rem}.landing-page .card-features{list-style:none;margin-bottom:2rem;padding:0;text-align:left}.landing-page .card-features li{align-items:center;color:var(--text-muted);display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 0}.landing-page .card-features li i{color:var(--gold-primary)}.landing-page .btn-tier{background:#0000;border:1px solid #d4af374d;border-radius:4px;color:var(--gold-light);cursor:pointer;display:block;font-weight:600;padding:1rem;text-decoration:none;transition:var(--transition);width:100%}.landing-page .btn-tier:hover{background:#d4af371a;border-color:var(--gold-primary)}.landing-page .btn-tier-gold{background:var(--gradient-gold);border:none;border-radius:4px;color:var(--charcoal);cursor:pointer;display:block;font-weight:600;padding:1rem;text-decoration:none;transition:var(--transition);width:100%}.landing-page .btn-tier-gold:hover{box-shadow:var(--shadow-gold)}.landing-page .hidden{display:none!important}.landing-page .coming-soon-badge{align-items:center;animation:badge-pulse 2s ease-in-out infinite;background:#d4af3726;border:1px solid #d4af3766;border-radius:20px;color:var(--gold-light);display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.1em;margin-left:1rem;padding:.4rem 1rem;text-transform:uppercase}.landing-page .coming-soon-badge i{color:var(--gold-primary);font-size:.75rem}@keyframes badge-pulse{0%,to{box-shadow:0 0 0 0 #d4af3766}50%{box-shadow:0 0 20px 5px #d4af3733}}.landing-page .auth-section{overflow:hidden;padding:8rem 0;position:relative}.landing-page .auth-bg{bottom:0;left:0;position:absolute;right:0;top:0}.landing-page .auth-gradient{background:radial-gradient(ellipse,#d4af3733 0,#0000 60%);filter:blur(60px);height:800px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:800px}.landing-page .auth-content{margin:0 auto;max-width:500px;position:relative;text-align:center;z-index:1}.landing-page .auth-header h2{font-family:Cinzel,serif;font-size:2.5rem;margin-bottom:1rem}.landing-page .auth-header p{color:var(--text-muted);margin-bottom:2.5rem}.landing-page .auth-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1acc;border:1px solid #d4af374d;border-radius:8px;display:flex;gap:0;justify-content:center;margin-bottom:2rem;padding:.25rem}.landing-page .auth-tab{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:var(--transition)}.landing-page .auth-tab:hover{color:var(--gold-light)}.landing-page .auth-tab.active{background:var(--gradient-gold);color:var(--charcoal)}.landing-page .auth-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1acc;border:1px solid #d4af374d;border-radius:12px;padding:2.5rem}.landing-page .form-fields-single{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.landing-page .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.landing-page .form-field{text-align:left}.landing-page .form-field label{color:var(--text-muted);display:block;font-size:.85rem;margin-bottom:.5rem}.landing-page .form-field input,.landing-page .form-field select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-light);font-size:var(--font-size-input);padding:1rem 1.25rem;transition:var(--transition);width:100%}.landing-page .form-field input::placeholder{color:var(--text-subtle)}.landing-page .form-field input:focus,.landing-page .form-field select:focus{border-color:var(--gold-primary);box-shadow:0 0 20px #d4af3733;outline:none}.landing-page .form-field select{-webkit-appearance:none;appearance:none;cursor:pointer}.landing-page .form-field select option{background:var(--charcoal)}.landing-page .form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.landing-page .checkbox-label{align-items:flex-start;color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.landing-page .checkbox-label input[type=checkbox]{accent-color:var(--gold-primary);cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;min-width:18px;width:18px}.landing-page .forgot-link{background:none;border:none;color:var(--gold-light);cursor:pointer;font-size:.9rem;text-decoration:none;transition:var(--transition)}.landing-page .forgot-link:hover{color:var(--gold-primary);text-decoration:underline}.landing-page .btn-submit-gold{align-items:center;background:var(--gradient-gold);border:none;border-radius:6px;color:var(--charcoal);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.25rem;transition:var(--transition);width:100%}.landing-page .btn-submit-gold:hover{box-shadow:var(--shadow-gold);transform:translateY(-2px)}.landing-page .btn-submit-gold:disabled{cursor:not-allowed;opacity:.7;transform:none}.landing-page .auth-divider{align-items:center;display:flex;margin:1.5rem 0}.landing-page .auth-divider:after,.landing-page .auth-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.landing-page .auth-divider span{color:var(--text-subtle);font-size:.85rem;padding:0 1rem}.landing-page .social-auth{display:flex;gap:1rem;margin-bottom:1.5rem}.landing-page .social-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:.75rem;justify-content:center;padding:1rem;transition:var(--transition)}.landing-page .social-btn:hover{background:#ffffff1a;border-color:#d4af374d}.landing-page .social-btn i{font-size:1.25rem}.landing-page .social-btn.google:hover{border-color:#ea4335}.landing-page .social-btn.apple:hover{border-color:#fff}.landing-page .terms-checkbox{justify-content:flex-start;margin-bottom:1.5rem;text-align:left}.landing-page .terms-checkbox .terms-text{flex:1 1;line-height:1.5}.landing-page .terms-checkbox a{color:var(--gold-light);text-decoration:none}.landing-page .terms-checkbox a:hover{text-decoration:underline}.landing-page .form-disclaimer{color:var(--text-subtle);font-size:.85rem;margin-top:1.5rem}.landing-page .form-disclaimer i{color:var(--gold-primary);margin-right:.5rem}.landing-page .auth-error-banner{background:#dc354533;border:1px solid #dc354580;border-radius:8px;color:#ff6b6b;font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.landing-page .footer{background:var(--charcoal-light);border-top:1px solid #d4af3733}.landing-page .footer-container{margin:0 auto;max-width:1200px;padding:4rem 2rem 2rem}.landing-page .footer-top{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:3rem}.landing-page .footer-brand{align-items:center;display:flex;gap:1rem}.landing-page .footer-tagline{color:var(--text-subtle);font-size:.9rem}.landing-page .footer-links{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(4,1fr);margin-bottom:3rem}.landing-page .link-group h4{color:var(--gold-light);font-size:1rem;margin-bottom:1.25rem}.landing-page .link-group a{color:var(--text-muted);display:block;font-size:.9rem;margin-bottom:.75rem;text-decoration:none;transition:color .3s ease}.landing-page .link-group a:hover{color:var(--gold-primary)}.landing-page .footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:2rem}.landing-page .footer-bottom p{color:var(--text-subtle);font-size:.9rem}.landing-page .social-icons{display:flex;gap:1rem}.landing-page .social-icons a{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:var(--text-muted);display:flex;height:40px;justify-content:center;text-decoration:none;transition:var(--transition);width:40px}.landing-page .social-icons a:hover{background:var(--gradient-gold);border-color:#0000;color:var(--charcoal)}@media (max-width:1200px){.landing-page .hero{grid-template-columns:1fr;text-align:center}.landing-page .hero-container{margin:0 auto;max-width:700px}.landing-page .hero-artwork{height:400px;justify-content:center;margin-top:2rem;padding-left:0}.landing-page .artwork-frame{height:380px;width:300px}.landing-page .ring-1{height:220px;width:220px}.landing-page .ring-2{height:280px;width:280px}.landing-page .ring-3{height:340px;width:340px}.landing-page .skater-hero-image{max-height:600px;max-width:150%}.landing-page .floating-cards{display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-top:1.5rem;position:relative}.landing-page .stat-card{animation:none;bottom:auto!important;left:auto!important;position:relative;right:auto!important;top:auto!important}.landing-page .hero-accolades,.landing-page .hero-actions{justify-content:center}.landing-page .section-header{text-align:center}.landing-page .section-ornament{justify-content:center}}@media (max-width:992px){.landing-page .nav-menu{display:none}.landing-page .hero-headline{font-size:3.5rem}.landing-page .excellence-grid{grid-template-columns:1fr;margin:0 auto;max-width:500px}.landing-page .capabilities-showcase{grid-template-columns:1fr}.landing-page .journey-timeline{flex-direction:column;gap:3rem}.landing-page .timeline-track{display:none}.landing-page .journey-step{margin:0 auto;max-width:400px;width:100%}.landing-page .membership-grid{grid-template-columns:1fr;margin:0 auto;max-width:400px}.landing-page .membership-card.featured,.landing-page .membership-card.featured.revealed{transform:none}}@media (max-width:768px){.landing-page .header{padding:1rem}.landing-page .nav-cta,.landing-page .nav-menu{display:none}.landing-page .hero{grid-template-columns:1fr;min-height:auto;padding:calc(env(safe-area-inset-top, 0px) + 5rem) 1rem 2rem;text-align:center}.landing-page .hero-container{max-width:100%;order:1}.landing-page .hero-artwork{height:350px;justify-content:center;margin-top:2rem;order:2;padding-left:0}.landing-page .artwork-frame{height:320px;width:260px}.landing-page .ring-1{height:180px;width:180px}.landing-page .ring-2{height:230px;width:230px}.landing-page .ring-3{height:280px;width:280px}.landing-page .skater-hero-image{max-height:450px;max-width:130%}.landing-page .hero-headline{font-size:clamp(1.75rem,7vw,2.75rem)}.landing-page .hero-actions{align-items:center;flex-direction:column;gap:1rem}.landing-page .btn-primary-gold,.landing-page .hero-video-trigger{justify-content:center;max-width:320px;width:100%}.landing-page .hero-accolades{flex-wrap:wrap;gap:1rem;justify-content:center}.landing-page .accolade-divider{display:none}.landing-page .section-container{padding:3rem 1rem}.landing-page .section-headline{font-size:clamp(1.5rem,5vw,2.25rem)}.landing-page .form-grid{grid-template-columns:1fr}.landing-page .footer-top{flex-direction:column;gap:1rem;text-align:center}.landing-page .footer-links{grid-template-columns:repeat(2,1fr)}.landing-page .footer-bottom{flex-direction:column;gap:1rem;text-align:center}.landing-page .auth-header h2{font-size:clamp(1.5rem,5vw,2rem)}.landing-page .auth-tabs,.landing-page .social-auth{flex-direction:column}.landing-page .form-options{align-items:flex-start;flex-direction:column;gap:1rem}.landing-page .excellence-grid{grid-template-columns:1fr}.landing-page .floating-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem;position:relative}.landing-page .stat-card{animation:none;bottom:auto!important;left:auto!important;padding:.6rem .8rem;position:relative;right:auto!important;top:auto!important}.landing-page .stat-icon{font-size:.9rem;height:30px;width:30px}.landing-page .stat-value{font-size:.9rem}.landing-page .stat-name{font-size:.65rem}.landing-page .section-ornament{justify-content:center;width:100%}.landing-page .ornament-line{min-width:40px;width:40px}.landing-page .journey-timeline{padding-left:1.5rem}.landing-page .auth-content{padding:1.5rem}.landing-page .terms-checkbox{font-size:.85rem;line-height:1.5;text-align:left}}@media (max-width:480px){.landing-page .hero-headline{font-size:clamp(1.5rem,6vw,2.25rem)}.landing-page .hero-lead{font-size:.9rem}.landing-page .hero-artwork{height:280px;margin-top:1.5rem}.landing-page .artwork-frame{height:260px;width:200px}.landing-page .ring-1{height:140px;width:140px}.landing-page .ring-2{height:180px;width:180px}.landing-page .ring-3{height:220px;width:220px}.landing-page .skater-hero-image{max-height:350px;max-width:120%}.landing-page .floating-cards{gap:.3rem}.landing-page .stat-card{gap:.4rem;padding:.4rem .6rem}.landing-page .stat-icon{border-radius:4px;font-size:.75rem;height:24px;width:24px}.landing-page .stat-value{font-size:.75rem}.landing-page .stat-name{font-size:.55rem}.landing-page .ornament-line{min-width:30px;width:30px}.landing-page .section-headline{font-size:clamp(1.25rem,5vw,1.75rem)}.landing-page .preview-body{grid-template-columns:1fr}.landing-page .coming-soon-badge{display:block;margin:.75rem auto 0;width:-webkit-fit-content;width:fit-content}.landing-page input,.landing-page select,.landing-page textarea{font-size:16px!important}.landing-page .auth-tab,.landing-page .btn-primary-gold,.landing-page .btn-submit-gold,.landing-page .social-btn{min-height:48px;touch-action:manipulation}.landing-page .footer-links{gap:1.5rem;grid-template-columns:1fr}.landing-page .capabilities-showcase{grid-template-columns:1fr}.landing-page .showcase-visual{order:-1}}@media (pointer:coarse){.landing-page a,.landing-page button,.landing-page input,.landing-page select{min-height:44px}}.legal-page{background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e);color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;min-height:100vh}.legal-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ff2;border-bottom:1px solid #d4af371a;left:0;padding:0 2rem;position:fixed;right:0;top:0;z-index:1000}.legal-nav{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px}.legal-brand,.legal-nav{align-items:center;display:flex}.legal-brand{color:#fff;font-size:1.25rem;font-weight:600;gap:.75rem;text-decoration:none}.legal-brand img{height:32px;width:32px}.back-button,.legal-brand .brand-skating{color:#d4af37}.back-button{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.back-button:hover{background:#d4af3733;border-color:#d4af3780}.legal-content{padding-bottom:4rem;padding-top:100px}.legal-container{margin:0 auto;max-width:900px;padding:0 2rem}.legal-title-section{border-bottom:1px solid #d4af3733;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.legal-title-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.75rem;font-weight:700;margin-bottom:1rem}.legal-effective-date,.legal-last-updated{color:#888;font-size:.95rem;margin:.25rem 0}.legal-effective-date strong,.legal-last-updated strong{color:#d4af37}.legal-intro{background:#d4af370d;border:1px solid #d4af371a;border-radius:12px;margin-bottom:2.5rem;padding:1.5rem 2rem}.legal-intro p{color:silver;margin:.75rem 0}.legal-intro p:first-child{margin-top:0}.legal-intro p:last-child{margin-bottom:0}.legal-toc{background:#1a1a2ecc;border:1px solid #d4af3726;border-radius:12px;margin-bottom:3rem;padding:1.5rem 2rem}.legal-toc h2{border-bottom:1px solid #d4af3733;color:#d4af37;font-size:1.25rem;margin-bottom:1rem;padding-bottom:.75rem}.legal-toc ol{column-count:2;column-gap:2rem;margin:0;padding-left:1.25rem}.legal-toc li{break-inside:avoid;margin:.5rem 0;page-break-inside:avoid}.legal-toc a{color:#a0a0a0;font-size:.95rem;text-decoration:none;transition:color .2s ease}.legal-toc a:hover{color:#d4af37}.legal-body{padding-bottom:2rem}.legal-body section{border-bottom:1px solid #ffffff0d;margin-bottom:2.5rem;padding-bottom:2rem}.legal-body section:last-child{border-bottom:none}.legal-body h2{border-left:3px solid #d4af37;color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.25rem;padding-left:1rem}.legal-body h3{color:#d4af37;font-size:1.15rem;font-weight:600;margin-bottom:.75rem;margin-top:1.5rem}.legal-body p{color:silver;margin:.75rem 0}.legal-body ol,.legal-body ul{color:silver;margin:1rem 0;padding-left:1.5rem}.legal-body li{margin:.5rem 0}.legal-body li strong{color:#e0e0e0}.legal-body a{color:#d4af37;text-decoration:none;transition:color .2s ease}.legal-body a:hover{color:#f0d060;text-decoration:underline}.warning-box{background:#ff64641a;border:1px solid #ff64644d;border-radius:8px;color:#ffb3b3;margin:1rem 0;padding:1rem 1.25rem}.warning-box strong{color:#ff8080}.highlight-box{background:#d4af371a;border:1px solid #d4af374d;border-radius:8px;color:#e0d0a0;margin:1rem 0;padding:1rem 1.25rem}.highlight-box strong{color:#d4af37}.contact-info{background:#1a1a2e99;border:1px solid #d4af371a;border-radius:8px;margin:1rem 0;padding:1rem 1.5rem}.contact-info p{margin:.5rem 0}.contact-info strong{color:#d4af37}.acknowledgment{background:linear-gradient(135deg,#d4af371a,#d4af370d);border:1px solid #d4af3733;border-radius:12px;margin-top:2rem;padding:1.5rem 2rem;text-align:center}.acknowledgment p{color:#d0d0d0;font-size:1rem;font-weight:500;margin:0}.legal-related{border-top:1px solid #d4af3733;margin-top:3rem;padding-top:2rem}.legal-related h3{color:#888;font-size:1.1rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.related-links{display:flex;flex-wrap:wrap;gap:1rem}.related-link{align-items:center;background:#d4af371a;border:1px solid #d4af3733;border-radius:8px;color:#d4af37;display:flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease}.related-link:hover{background:#d4af3733;border-color:#d4af3766;transform:translateY(-2px)}.related-link i{font-size:1rem}.legal-footer{background:#0a0a0ff2;border-top:1px solid #d4af371a;padding:1.5rem 2rem}.legal-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:900px}.legal-footer p{color:#666;font-size:.9rem;margin:0}.legal-footer-links{display:flex;gap:1.5rem}.legal-footer-links a{color:#888;font-size:.9rem;text-decoration:none;transition:color .2s ease}.legal-footer-links a:hover{color:#d4af37}@media (max-width:768px){.legal-header{padding:0 1rem}.legal-nav{height:60px}.legal-brand{font-size:1.1rem}.legal-brand img{height:28px;width:28px}.back-button span{display:none}.legal-content{padding-top:80px}.legal-container{padding:0 1rem}.legal-title-section h1{font-size:2rem}.legal-toc{padding:1rem 1.25rem}.legal-toc ol{column-count:1;padding-left:1rem}.legal-intro{padding:1rem 1.25rem}.legal-body h2{font-size:1.3rem}.legal-body h3{font-size:1.05rem}.related-links{flex-direction:column}.related-link{justify-content:center}.legal-footer-content{flex-direction:column;text-align:center}}@media (max-width:480px){.legal-title-section h1{font-size:1.75rem}.legal-body{font-size:.95rem}.legal-body h2{font-size:1.2rem;padding-left:.75rem}.legal-body ol,.legal-body ul{padding-left:1.25rem}}@media print{.legal-page{background:#fff;color:#000}.back-button,.legal-footer,.legal-header,.legal-related{display:none}.legal-content{padding-top:0}.legal-title-section h1{-webkit-text-fill-color:#000;background:none;color:#000}.acknowledgment,.contact-info,.highlight-box,.legal-intro,.legal-toc,.warning-box{background:#f5f5f5;border-color:#ddd}.legal-body h2{border-left-color:#333;color:#000}.legal-body h3,.legal-body li,.legal-body p,.legal-intro p,.legal-toc h2{color:#333}.legal-body a{color:#06c}}html{scroll-behavior:smooth}.legal-page ::selection{background:#d4af374d;color:#fff}.legal-page::-webkit-scrollbar{width:10px}.legal-page::-webkit-scrollbar-track{background:#1a1a2e}.legal-page::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:5px}.legal-page::-webkit-scrollbar-thumb:hover{background:#d4af3780}
/*# sourceMappingURL=main.dcf2f723.css.map*/