*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;background-color:#1a1625;color:#fff}body{overflow-x:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.auth-container{max-width:600px;margin:0 auto;padding:80px 20px}.space-canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.space-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:2}.space-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}@keyframes slowZoom{0%{background-size:100% auto}to{background-size:110% auto}}.floating-agents-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1001}.game-leaderboard{width:100%;padding:20px;background:#0000001a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:100px}.leaderboard-columns{display:flex;flex-direction:column;gap:24px}.leaderboard-column{background:#ffffff1a;border-radius:12px;padding:16px;box-shadow:0 8px 32px #0000001a}.leaderboard-column.space-theme{position:relative;padding:24px;background:linear-gradient(135deg,#2a3042cc,#1c192bcc);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.space-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.space-title-section{display:flex;align-items:center;gap:12px}.space-icon{width:24px;height:24px}.space-growth{background:#34c75926;color:#34c759;padding:4px 8px;border-radius:6px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px}.scroll-container{position:relative;display:flex;align-items:center;gap:16px}.scroll-content{flex:1;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.scroll-content::-webkit-scrollbar{display:none}.space-theme .column-content{display:flex;gap:16px;min-width:min-content}.space-theme .leaderboard-item{min-width:280px;flex-shrink:0;background:linear-gradient(135deg,#b0ebeb,#ffdae4);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease;box-shadow:0 8px 32px #0000001a}.space-theme .leaderboard-item:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000026;border:1px solid rgba(255,255,255,.3)}.space-item-header{display:flex;justify-content:space-between;align-items:flex-start}.space-item-title{color:#1a1a2e;font-size:18px;font-weight:600;margin:0}.space-item-rank{background:#fff6;color:#1a1a2e;padding:4px 12px;border-radius:6px;font-size:14px;font-weight:600}.space-item-score{font-size:36px;font-weight:700;color:#1a1a2e;margin:8px 0}.space-item-growth{color:#10b981;font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px;background:#10b9811a;padding:4px 8px;border-radius:6px;width:fit-content}.scroll-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:50%;cursor:pointer;z-index:10;border:none;color:#fff;transition:all .2s ease;flex-shrink:0}.scroll-button:hover{background:#ffffff1a}.scroll-button:disabled{opacity:.3;cursor:not-allowed}.learning-theme{background:linear-gradient(135deg,#2a3042cc,#1c192bcc);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.learning-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.learning-title-section{display:flex;align-items:center;gap:12px}.learning-title{color:#fff!important;font-size:24px!important;font-weight:600!important}.learning-subtitle{color:#ffffff80;font-size:14px;margin-left:auto}.learning-theme .column-content{display:flex;flex-direction:column;gap:12px}.learning-theme .leaderboard-item{display:grid;grid-template-columns:50px minmax(200px,1fr) 120px 80px 180px;gap:12px;align-items:center;padding:10px 16px;background:#ffffff0d;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.learning-theme .leaderboard-item:hover{transform:scale(1.02);border:1px solid rgba(255,200,0,.9);box-shadow:0 0 7px #ffc800e6,0 0 24px #ffc80099,0 0 36px #ffc80066;z-index:2}.learning-theme .rank{font-size:16px;font-weight:600;color:#ffffffb3;background:#ffffff0d;border-radius:6px;text-align:center;padding:4px 8px}.learning-theme .title-section{display:flex;flex-direction:column;gap:4px;flex:1}.learning-theme .title{color:#fff;font-weight:500;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duration-indicator{font-size:12px;color:#fff;background:#ffffff1a;padding:2px 8px;border-radius:12px;white-space:nowrap;text-align:center}.learning-theme .score{font-weight:600;color:#ffffffe6;font-size:16px;background:#ffffff0d;padding:4px 12px;border-radius:6px;margin-right:16px}.learning-theme .progress-label{font-size:14px;color:#ffffff80;margin-left:auto;padding:4px 0;background:#ffffff0d;border-radius:6px}.learning-theme .learning-progress{display:flex;align-items:center;gap:12px;justify-self:end}.learning-theme .progress-bar{width:100px;height:8px;background:transparent;border-radius:4px;overflow:hidden;border:1px solid rgba(82,0,41,.6)}.learning-theme .progress-fill{height:100%;background:linear-gradient(90deg,#f07,#f07);border-radius:4px;transition:width .3s ease}.learning-theme .progress-label{font-size:12px;font-weight:500;color:#fff;white-space:nowrap;min-width:60px}.learning-theme .progress-label.no-progress{color:#ffffff80;font-style:italic}@media (max-width: 768px){.space-theme .leaderboard-item{min-width:260px}}.learning-buttons{display:flex;gap:8px}.ai-shuffle-button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b98133,#34d39933);border:1px solid rgba(16,185,129,.3);border-radius:20px;padding:8px 16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.ai-shuffle-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#10b9811a,#34d3991a);opacity:0;transition:opacity .2s ease}.ai-shuffle-button:hover:not(:disabled){transform:translateY(-1px);border-color:#10b98180;box-shadow:0 4px 12px #10b98126}.ai-shuffle-button:hover:not(:disabled):before{opacity:1}.ai-shuffle-button:active:not(:disabled){transform:translateY(1px)}.ai-shuffle-button:disabled{cursor:not-allowed;opacity:.7}.ai-shuffle-button .shuffle-icon{font-size:20px;color:#10b981;filter:drop-shadow(0 0 4px rgba(16,185,129,.3));transform:rotate(0);transition:transform .3s ease}.ai-shuffle-button:hover:not(:disabled) .shuffle-icon{transform:rotate(-180deg)}.ai-shuffle-button.is-shuffling .shuffle-icon{animation:shuffle-spin 1.5s linear infinite}@keyframes shuffle-spin{0%{transform:rotate(0)}25%{transform:rotate(-180deg)}50%{transform:rotate(-180deg)}75%{transform:rotate(-360deg)}to{transform:rotate(-360deg)}}.learning-theme .title-wrapper{display:flex;align-items:center;gap:12px;min-width:0}.resource-type-tag{display:flex;align-items:center;padding:4px}.resource-type-icon{font-size:24px}.resource-type-tag.youtube .resource-type-icon{color:#c4302b}.resource-type-tag.linkedin .resource-type-icon{color:#0077b5}.resource-type-tag.pdf .resource-type-icon{color:#f40f02}.resource-type-tag.twitter .resource-type-icon{color:#fff}.resource-type-tag.google_doc .resource-type-icon,.resource-type-tag.google_drive .resource-type-icon{color:#4285f4}.resource-type-tag.notion .resource-type-icon{color:#fff}.resource-type-tag.chatgpt .resource-type-icon{color:#10a37f}.resource-type-tag.webpage .resource-type-icon{color:#fff}.title-section{display:flex;flex-direction:column;gap:4px}.resource-date{font-size:.85rem;color:#fff9;min-width:100px;text-align:right;padding-right:16px;white-space:nowrap;transition:color .3s cubic-bezier(.4,0,.2,1)}.learning-theme .leaderboard-item:hover .resource-date,.learning-theme .leaderboard-item:hover .title,.learning-theme .leaderboard-item:hover .duration-indicator{color:#fffffff2;text-shadow:0 0 8px rgba(255,200,0,.4)}.sparkline-container{display:inline-block;margin-top:8px}.sparkline-svg{display:block}.sparkline-path-animated{stroke-dasharray:1000;stroke-dashoffset:1000;animation:sparkline-draw 1s ease-out forwards}.sparkline-fill-animated{opacity:0;animation:sparkline-fade-in .8s ease-out .3s forwards}.sparkline-dot-animated{opacity:0;transform-origin:center;animation:sparkline-dot-pop .4s ease-out forwards}@keyframes sparkline-draw{to{stroke-dashoffset:0}}@keyframes sparkline-fade-in{to{opacity:1}}@keyframes sparkline-dot-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.trend-arrow{animation:trend-pulse 2s ease-in-out infinite}@keyframes trend-pulse{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}.metrics-section{display:flex;gap:16px;margin-bottom:24px}.metric-card{flex:1;background:linear-gradient(135deg,#b0ebeb,#ffdae4);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;transition:all .3s ease;box-shadow:0 8px 32px #0000001a}.metric-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000026;border:1px solid rgba(255,255,255,.3)}.metric-card:nth-child(1){background:linear-gradient(135deg,#b0ebeb,#ffdae4)}.metric-card:nth-child(2){background:linear-gradient(135deg,#ffdcb5,#ffb6c1)}.metric-card:nth-child(3){background:linear-gradient(135deg,#bbd2ff,#ffc6ff)}.metric-header{display:flex;align-items:center;gap:8px;color:#1a1a2e;font-size:18px;margin-bottom:12px;font-weight:500}.metric-header svg{font-size:20px;color:#1a1a2e}.metric-values{display:flex;flex-direction:column;gap:8px}.metric-main{font-size:32px;font-weight:700;color:#1a1a2e;display:flex;align-items:baseline;gap:8px}.metric-period{margin-left:4px;font-size:16px;font-weight:500;color:#1a1a2e}.metric-card .sparkline-container{width:100%;max-width:140px;margin-top:4px;padding:4px 0}.metric-card .sparkline-svg{width:100%;height:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.suggested-content{width:100%;padding:32px;background:linear-gradient(135deg,#2a3042cc,#1c192bcc);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.suggested-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.suggested-header-content{display:flex;align-items:center;gap:16px}.suggested-icon{font-size:48px!important;color:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.5));animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(251,191,36,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 16px rgba(251,191,36,.8));transform:scale(1.05)}}.suggested-title{color:#fff!important;font-size:24px!important;font-weight:600!important;margin-bottom:4px!important}.suggested-subtitle{color:#fff9!important;font-size:14px!important}.suggested-actions{display:flex;gap:12px}.create-space-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b5cf64d}.create-space-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.create-space-button:disabled{opacity:.7;cursor:not-allowed}.suggested-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:24px}.suggested-card{position:relative;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.suggested-card:hover{transform:translateY(-4px);background:#ffffff14;box-shadow:0 8px 24px #0003}.suggested-card.selected{background:#8b5cf626;border-width:2px;box-shadow:0 8px 24px #8b5cf64d}.suggested-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.resource-icon{font-size:32px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#ffffff0d}.resource-icon.youtube{color:red!important;background:#fff;filter:drop-shadow(0 0 8px rgba(255,0,0,.3))}.suggested-card:hover .resource-icon.youtube{filter:drop-shadow(0 0 12px rgba(255,0,0,.4))}.select-button{color:#fff9!important;transition:all .3s ease!important}.select-button:hover{color:#ffffffe6!important;background:#ffffff1a!important}.select-button.selected{color:#8b5cf6!important;background:#8b5cf633!important}.suggested-card-content{margin-bottom:16px}.suggested-card-title{color:#fff!important;font-size:16px!important;font-weight:600!important;margin-bottom:8px!important;line-height:1.4!important;height:2.8em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.suggested-card-description{color:#fff9!important;font-size:14px!important;line-height:1.5!important;height:3em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.suggested-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.category-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;border:1px solid}.time-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;color:#ffffffb3;background:#ffffff1a}.selected-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf64d,#6366f14d);display:flex;align-items:center;justify-content:center;border-radius:12px;pointer-events:none}.selected-overlay .checkmark{width:64px;height:64px;border-radius:50%;background:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;box-shadow:0 4px 16px #8b5cf680;animation:checkmark-pop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkmark-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.suggested-footer{text-align:center;padding:16px;background:#fbbf241a;border-radius:8px;border:1px solid rgba(251,191,36,.2)}.suggested-footer-text{color:#fbbf24!important;font-size:14px!important;font-weight:500!important}@media (max-width: 1024px){.suggested-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.suggested-content{padding:20px}.suggested-header{flex-direction:column;align-items:flex-start}.suggested-grid{grid-template-columns:1fr}.create-space-button{width:100%;justify-content:center}}.compact-space-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;overflow:hidden}.compact-space-card:hover{font-size:1em;box-shadow:0 2px 3px #0000004d;transform:translateY(-1px);background-color:#2c2d31;border:1px solid rgba(255,200,0,.9);box-shadow:0 0 7px #ffc800e6,0 0 24px #ffc800cc,0 0 36px #ffc80099;z-index:100}.compact-space-card .card-content{display:flex;align-items:center;gap:1rem;width:100%;height:100%;overflow:hidden}.compact-space-card .icon-container{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;align-items:center;justify-content:center}.compact-space-card .space-icon{color:#06e19e;font-size:1.5rem}.compact-space-card .text-content{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-width:0}.compact-space-card .space-title{color:#ffffffe6;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-space-card .space-date{color:#fff;font-size:.75rem}.compact-space-card .space-meta{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.compact-space-card .space-stats{display:flex;gap:8px;align-items:center}.compact-space-card .content-count{display:flex;color:#06e19e;gap:4px;align-items:center}.compact-space-card .shared-count{color:#06e19e;display:flex;gap:4px;align-items:center}.compact-space-card .highlight-count{color:gold;display:flex;gap:4px;align-items:center}.compact-space-card .card-menu-button{opacity:0;transition:opacity .2s ease}.compact-space-card:hover .card-menu-button{opacity:1}.compact-space-card .card-edit-mode{flex:1;display:flex;gap:.5rem;align-items:center}.compact-space-card .card-edit-actions{display:flex;gap:.25rem}.recent-spaces-container{min-height:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(135deg,#2a3042cc,#1c192bcc);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin:16px 0;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recent-spaces-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.recent-spaces-title{color:#fff!important;font-size:24px!important;font-weight:600!important;text-transform:none!important;letter-spacing:normal!important}.recent-spaces-grid-container{flex:1;min-height:0;overflow-y:auto;padding:16px}.recent-spaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;align-content:start;padding-bottom:24px}.recent-spaces-grid-container::-webkit-scrollbar{width:8px}.recent-spaces-grid-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.recent-spaces-grid-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.recent-spaces-grid-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) rgba(255,255,255,.05)}@media (min-width: 1600px){.recent-spaces-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1599px) and (min-width: 1200px){.recent-spaces-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1199px) and (min-width: 768px){.recent-spaces-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.recent-spaces-container{margin:12px 0}.recent-spaces-header{padding:12px 16px}.recent-spaces-grid{grid-template-columns:1fr;gap:12px}}.home-container{position:relative;width:100%;height:100vh;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e)}.home-content{position:relative;z-index:10;padding:24px;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.home-content:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent);pointer-events:none}.home-content::-webkit-scrollbar{width:8px}.home-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.home-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.home-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.faq-container{max-width:1200px;margin:0 auto;padding:2rem}.faq-header{text-align:center;margin-bottom:3rem}.faq-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.faq-subtitle{font-size:1.125rem;color:#9ca3af;margin:0}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem;align-items:start}.faq-card{background:#1e1e1e;border:1px solid #2d2d2d;border-radius:16px;padding:1.5rem;transition:all .2s ease-in-out;height:fit-content}.faq-card:hover{border-color:#404040;transform:translateY(-1px)}.faq-question{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .75rem;line-height:1.4}.faq-answer{font-size:1.25rem;color:#a3a3a3;line-height:1.5;margin:0}@media (max-width: 768px){.faq-container{padding:1rem}.faq-grid{grid-template-columns:1fr;gap:.75rem}.faq-title{font-size:2rem}.faq-card{padding:1.25rem}.faq-question{font-size:1rem}.faq-answer{font-size:.85rem}}.upgrade-container{min-height:100vh;height:100vh;overflow-y:auto;background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#fff}.upgrade-main{max-width:1200px;margin:0 auto;padding:24px 20px 32px}.upgrade-header{text-align:center;margin-bottom:32px}.upgrade-header h1{font-size:32px;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,#6b4fbb,#8b5fbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upgrade-header p{font-size:16px;color:#a9a9a9;margin:0}.billing-toggle{display:flex;justify-content:center;margin-bottom:32px;background:#ffffff0d;border-radius:10px;padding:4px;width:fit-content;margin-left:auto;margin-right:auto}.billing-toggle button{padding:10px 20px;border:none;background:transparent;color:#a9a9a9;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.billing-toggle button.active{background:#6b4fbb;color:#fff}.billing-toggle button:hover:not(.active){color:#fff;background:#ffffff1a}.save-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;margin-left:6px;font-weight:600}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.pricing-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;position:relative;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.pricing-card:nth-child(1){background:linear-gradient(135deg,#d4f1f4,#b8e6e9);border:2px solid #8DD3D8}.pricing-card:nth-child(2){background:linear-gradient(135deg,#ffe5d9,#ffcdb8);border:2px solid #FFB89A}.pricing-card:nth-child(3){background:linear-gradient(135deg,#e5deff,#d4c5ff);border:2px solid #B8A0FF}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026}.pricing-card.popular{transform:scale(1.05);box-shadow:0 15px 50px #0003}.pricing-card.popular:hover{transform:scale(1.05) translateY(-8px);box-shadow:0 25px 70px #00000040}.popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6b4fbb,#8b5fbf);color:#fff;padding:4px 12px;border-radius:16px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-header{text-align:left;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid rgba(0,0,0,.1)}.plan-header h3{font-size:24px;font-weight:600;margin:0 0 8px;color:#1a1a2e}.user-limit{font-size:12px;color:#4a4a5e;font-weight:400;margin-bottom:16px;display:block}.price{display:flex;align-items:baseline;justify-content:flex-start;margin-bottom:8px}.currency{font-size:32px;font-weight:600;color:#1a1a2e}.amount{font-size:32px;font-weight:700;color:#1a1a2e;margin:0 2px}.period{font-size:14px;color:#4a4a5e;font-weight:400}.original-price{text-align:left;font-size:12px;color:#4a4a5e;text-decoration:line-through;margin-bottom:6px}.price-per-user{text-align:left;font-size:12px;color:#4a4a5e;margin-bottom:6px;font-style:italic}.plan-description{font-size:14px;color:#4a4a5e;margin:8px 0 0;font-weight:400;line-height:1.4}.plan-features{flex:1;display:flex;flex-direction:column}.features-header{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.plan-features ul{list-style:none;padding:0;margin:0;flex:1}.plan-features li{display:flex;align-items:flex-start;padding:4px 0;font-size:14px;color:#2a2a3e;line-height:1.4}.checkmark{color:#10b981;font-weight:700;margin-right:6px;font-size:14px;margin-top:1px;flex-shrink:0}.plan-button{width:100%;padding:12px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:auto;margin-bottom:0}.plan-button.primary{background:linear-gradient(135deg,#1a1a2e,#2a2a3e);color:#fff;box-shadow:0 4px 15px #0003}.plan-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#2a2a3e,#3a3a4e);transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.plan-button.secondary{background:#0000001a;color:#4a4a5e;border:2px solid rgba(0,0,0,.2)}.plan-button.secondary:hover:not(:disabled){background:#00000026;color:#2a2a3e;border-color:#0000004d}.plan-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.upgrade-footer{text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);margin-bottom:24px}.upgrade-footer p{font-size:16px;color:#a9a9a9;margin:6px 0}.upgrade-footer a{color:#6b4fbb;text-decoration:none;font-weight:500}.upgrade-footer a:hover{text-decoration:underline}@media (max-width: 768px){.upgrade-main{padding:16px 12px 24px}.upgrade-header h1{font-size:24px}.upgrade-header p{font-size:14px}.pricing-grid{grid-template-columns:1fr;gap:16px}.pricing-card{padding:16px}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-4px)}.amount,.currency{font-size:28px}.billing-toggle{width:100%;max-width:300px}}.confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirmation-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);animation:confirmationSlideIn .2s ease-out}@keyframes confirmationSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.confirmation-header{padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.confirmation-header h3{font-size:18px;font-weight:600;margin:0;color:#fff}.confirmation-body{padding:16px 24px 24px}.confirmation-body p{font-size:14px;color:#ccc;margin:0;line-height:1.5}.confirmation-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirmation-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;min-width:80px}.confirmation-button.secondary{background:transparent;border-color:#fff3;color:#ccc}.confirmation-button.secondary:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.confirmation-button.default{background:#6b4fbb;color:#fff;border-color:#6b4fbb}.confirmation-button.default:hover{background:#5a3fa0;border-color:#5a3fa0}.confirmation-button.danger{background:#da3633;color:#fff;border-color:#da3633}.confirmation-button.danger:hover{background:#b92c28;border-color:#b92c28}.confirmation-button.warning{background:#fb8500;color:#fff;border-color:#fb8500}.confirmation-button.warning:hover{background:#e07600;border-color:#e07600}@media (max-width: 480px){.confirmation-content{width:95%;margin:20px}.confirmation-footer{flex-direction:column-reverse}.confirmation-button{width:100%}}.app-header{background-color:#2a2438;border-bottom:1px solid rgba(255,255,255,.12);width:100%}.header-content{padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px}.brand-container{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.logo{height:30px;width:auto}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px 12px;min-width:80px;height:52px;transition:all .2s ease;position:relative}.nav-item:hover{background-color:#ffffff14}.nav-item.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#fff}.nav-actions{display:flex;align-items:center;gap:16px}.profile-button{background-color:#2ecc71;width:40px;height:40px}.profile-button:hover{background-color:#27ae60}.profile-icon{color:#fff;font-size:32px}.create-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#4caf5033,#4caf501a);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.create-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#4caf501a,#00e5ff1a);opacity:0;transition:opacity .3s ease}.create-button:hover{transform:translateY(-2px);border-color:#4caf504d;box-shadow:0 4px 12px #4caf5033}.create-button:hover:before{opacity:1}.create-button svg{color:#4caf50;transition:all .3s ease}.create-button:hover svg{color:#00e5ff;transform:scale(1.1)}.agent-icon{width:28px;height:28px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;margin-right:4px;transition:transform .3s ease}.create-button:hover .agent-icon{transform:scale(1.1) rotate(-5deg)}.agent-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.demo-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#6b4fbb33,#6b4fbb1a);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.demo-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#6b4fbb1a,#00e5ff1a);opacity:0;transition:opacity .3s ease}.demo-button:hover{transform:translateY(-2px);border-color:#6b4fbb4d;box-shadow:0 4px 12px #6b4fbb33}.demo-button:hover:before{opacity:1}.demo-button svg{color:#6b4fbb;transition:all .3s ease}.demo-button:hover svg{color:#00e5ff;transform:scale(1.1)}.search-bar-container{position:relative}.search-bar-container .search-icon{position:absolute;left:11px;top:6px;color:#97959c}.space-search-autocomplete .css-19stauz-MuiInputBase-root-MuiOutlinedInput-root{border-radius:24px}.space-search-autocomplete .css-28116y-MuiAutocomplete-root .MuiOutlinedInput-root{padding:9px 30px 9px 9px!important}.space-search-autocomplete .MuiAutocomplete-endAdornment{display:none}.promo-banner{display:flex;align-items:center;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,215,0,.3);background:linear-gradient(180deg,#ffd70026,#ffa5001a);color:gold;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2)}.promo-banner:hover{transform:translateY(-2px);border-color:#ffd70080;box-shadow:0 4px 12px #ffd70033;background:linear-gradient(180deg,#ffd70033,#ffa50026)}.discount-dialog{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;color:#fff}.header-text{color:#fff;font-size:1.5rem;font-weight:400}.close-button{color:#ffffffb3}.dialog-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px!important}.discount-amount{color:gold;font-size:4rem!important;font-weight:700;margin-bottom:16px;letter-spacing:2px}.discount-subtitle{color:#ffffffb3;font-size:1.25rem!important;font-weight:400;margin-bottom:32px}.code-container{display:flex;align-items:center;gap:12px;background-color:#ffffff1a;padding:12px 24px;border-radius:8px;border:1px dashed rgba(255,215,0,.5);margin:24px 0}.code-text{font-family:monospace;color:#fff;letter-spacing:2px;font-size:1.5rem!important}.copy-button{color:#ffffffb3!important;border:1px solid rgba(255,255,255,.2)}.copy-button:hover{color:#fff!important;background-color:#ffffff1a}.copy-button.copied{color:#4caf50!important;border-color:#4caf50}.terms-text{color:#ffffff80;font-size:.875rem;margin-bottom:32px}.action-buttons{display:flex;gap:16px;margin-top:16px;width:100%}.maybe-later-button{color:#ffffffb3!important;font-weight:400}.maybe-later-button:hover{color:#fff!important;background-color:#ffffff1a}.apply-button{flex:1;background-color:#6b4fbb!important;color:#fff!important;font-weight:600;padding:12px 24px;border-radius:8px!important;text-transform:none;font-size:1rem;border:none;transition:all .2s ease}.apply-button:hover{background-color:#6b4fbb!important;transform:translateY(-1px)}.product-demo-dialog .MuiDialog-paper{background-color:#2a2438;border-radius:16px}.demo-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.demo-header-text{color:#fff;font-weight:600;margin:0}.demo-close-button{color:#ffffffb3;transition:color .2s ease}.demo-close-button:hover{color:#fff;background-color:#ffffff1a}.demo-book-call-link{color:#fffc;font-size:.875rem;font-weight:400;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.demo-book-call-link:hover{color:#fff;text-decoration:underline}.demo-book-call-link svg{transition:transform .2s ease}.demo-book-call-link:hover svg{transform:scale(1.1)}.demo-dialog-content{padding:24px;background-color:#2a2438}@media (max-width: 768px){.demo-dialog-content{padding:16px}.product-demo-dialog .MuiDialog-paper{max-width:95vw;max-height:95vh}}.search-bar{display:flex;align-items:center;background-color:#ffffff1a;border-radius:28px;padding:0 16px;min-width:280px;height:34px;transition:all .2s ease;border:1px solid rgba(255,255,255,.15)}.search-bar:focus-within{background-color:#ffffff26;border-color:#ffffff4d}.search-icon{color:#fff9;font-size:20px!important;margin-right:8px}.search-input{background:none;border:none;color:#ffffffe6;padding:0;width:100%;outline:none;font-size:14px;line-height:1.5}.search-input::placeholder{color:#ffffff80}.app-header .search-bar{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.app-header .search-input{color:#ffffffe6}.app-header .search-icon{color:#fff9}.main-layout{display:flex;flex-direction:column;height:100vh}.main-content{flex:1;overflow:hidden}.app-header{position:relative;z-index:1001}.space-layout-container{display:flex;width:100%;height:100vh;overflow:hidden;background-color:#0a0a0a}.space-layout{display:flex;flex-direction:column;flex:1;width:100%;height:100vh;overflow:auto}.map-area{flex:1;width:100%;display:flex;flex-direction:column}.content-container{width:100%;flex:1;display:flex}.create-space-layout{height:100vh;background-color:#1a1a1a;color:#fff}.steps-container{display:flex;gap:24px;padding:24px}.step{padding-left:24px;opacity:.5;transition:opacity .3s ease}.step.active{margin:0 auto;opacity:1}.discovery-space{flex:1;min-width:0}.space-edit-container{position:relative;z-index:10;background-color:#1a1a1a;border-bottom:1px solid rgba(139,92,246,.2)}.loading-container{display:flex;align-items:center;justify-content:center;flex:1;height:100%;min-height:400px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}:root{--primary-purple: #8B5CF6;--primary-purple-dark: #7C3AED;--primary-purple-light: #A78BFA;--success-green: #10B981;--success-green-light: #34D399;--error-red: #EF4444;--error-red-light: #F87171;--warning-orange: #F59E0B;--warning-orange-light: #FBBF24;--info-blue: #3B82F6;--info-blue-light: #60A5FA;--background-dark: #1F2937;--background-darker: #111827;--text-primary: #FFFFFF;--text-secondary: #D1D5DB;--text-muted: #9CA3AF}.chatbot-container *{max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.link-input{width:100%;padding:12px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff}.status-indicator{display:flex;align-items:center}.status-indicator .checking{animation:spin 1s linear infinite}.status-indicator .valid{color:#39ff14e6}.status-indicator .invalid{color:#f44336}.space-header{display:flex;align-items:center;gap:8px;margin-bottom:24px}.space-header h2{margin:0;white-space:nowrap}.resources-form-container{padding-right:16px;margin-bottom:20px;padding-bottom:16px;overflow-y:auto}.form-actions{display:flex;gap:12px;margin-bottom:16px}.bulk-input-toggle{background:#6b4fbb33;border:1px solid #6b4fbb;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px}.bulk-input-toggle:hover{background-color:#6b4fbb4d}.bulk-input-container{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;margin-bottom:20px}.bulk-links-textarea{width:100%;min-height:120px;padding:12px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:inherit;font-size:14px;resize:vertical;margin-bottom:12px}.bulk-links-textarea::placeholder{color:#999;opacity:1}.bulk-links-textarea:focus{outline:none;border-color:#6b4fbb;box-shadow:0 0 0 2px #6b4fbb33}.bulk-input-actions{display:flex;gap:8px}.parse-links-button{background-color:#6b4fbb;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.parse-links-button:hover:not(:disabled){background-color:#5a3fa0}.parse-links-button:disabled{background-color:#4a4a4a;cursor:not-allowed;opacity:.6}.cancel-bulk-button{background:none;border:1px solid #666;color:#ccc;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.cancel-bulk-button:hover{border-color:#999;color:#fff}.chatbot-container{background:linear-gradient(135deg,var(--background-darker) 0%,var(--background-dark) 100%);border-radius:20px;padding:24px;min-width:800px;max-width:900px;width:90%;height:80vh;min-height:600px;margin:2rem auto;box-shadow:0 25px 50px -12px #8b5cf640;border:1px solid rgba(139,92,246,.2);position:relative;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.chatbot-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-purple),var(--info-blue),var(--success-green),var(--warning-orange));animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.chat-header{padding:20px;background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-radius:16px;border:1px solid rgba(139,92,246,.3);width:100%}.command-buttons{display:flex;gap:8px;margin-top:12px;padding-left:48px}.command-button{background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:8px;color:#fff;padding:6px 12px;font-size:14px;font-family:Fira Code,monospace;cursor:pointer;transition:all .2s ease}.command-button:hover{background:#8b5cf64d;border-color:#8b5cf699;transform:translateY(-1px)}.command-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-header .bot-icon{color:var(--primary-purple);font-size:32px!important;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chat-header h2{margin:0;font-size:24px;font-weight:700;text-align:left;flex-grow:1}.chat-header .resource-summary{display:flex;align-items:center;gap:8px;margin-top:8px;padding-left:62px;font-size:14px;color:#ffffffb3}.chat-messages{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden;min-height:300px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:#6b4fbb;box-sizing:border-box}.message{display:flex;gap:12px;margin-bottom:20px;animation:fadeInUp .5s ease-out;transition:all .3s ease}.message.user{flex-direction:row-reverse;justify-content:flex-end;margin-left:auto}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent}.message.user .message-avatar{background:linear-gradient(135deg,var(--info-blue),var(--info-blue-light));box-shadow:0 4px 12px #3b82f64d}.message-avatar img.droppy-avatar{width:40px;height:40px;object-fit:contain}.message-avatar svg{color:#fff;font-size:20px}.message-content{max-width:80%;background:#ffffff0d;padding:16px 20px;border-radius:20px 20px 20px 4px;border:1px solid rgba(139,92,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;box-sizing:border-box}.message.user .message-content{background:linear-gradient(135deg,#3b82f626,#3b82f61a);border-radius:20px 20px 4px;border-color:#3b82f64d;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;box-sizing:border-box;margin-right:0;margin-left:auto}.message-text{position:relative;white-space:pre-wrap}.typing-indicator{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle}.typing-indicator span{display:inline-block;font-size:24px;color:#fff;opacity:.8}.typing-indicator span:nth-child(1){animation:bounce .6s .1s infinite}.typing-indicator span:nth-child(2){animation:bounce .6s .2s infinite}.typing-indicator span:nth-child(3){animation:bounce .6s .3s infinite}@keyframes bounce{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-6px);opacity:1}}.message.streaming .message-text{background:none;-webkit-background-clip:unset;background-clip:unset;transition:none}.processing-indicator{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border-radius:12px;border:1px solid rgba(251,191,36,.3);color:var(--warning-orange-light)}.spinner{width:20px;height:20px;border:2px solid rgba(251,191,36,.3);border-top:2px solid var(--warning-orange);border-radius:50%;animation:spin 1s linear infinite}.validated-links{margin-top:16px;display:flex;flex-direction:column;gap:8px;width:100%;max-width:800px}.validated-link{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#10b9811a,#34d3991a);border-radius:12px;border:1px solid rgba(16,185,129,.3);transition:all .3s ease;width:100%}.validated-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98133}.validated-link .link-status{color:var(--success-green);font-size:16px;font-weight:700}.validated-link .link-title{font-weight:600;color:var(--text-primary);flex:2;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.validated-link .link-url{font-size:13px;color:var(--text-muted);opacity:.8;flex:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-summary{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border-radius:12px;border:1px solid rgba(139,92,246,.3);box-sizing:border-box;overflow:hidden}.space-title{color:var(--primary-purple-light);font-weight:600;font-size:14px;word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0}.link-count{background:linear-gradient(135deg,var(--success-green),var(--success-green-light));color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #10b9814d}.chat-input{display:flex;gap:12px;align-items:flex-end;box-sizing:border-box;position:relative;margin:16px}.chat-input textarea{flex:1;padding:16px 60px 16px 20px;background:#ffffff0d;border:2px solid rgba(139,92,246,.3);border-radius:16px;color:var(--text-primary);resize:none;font-family:inherit;font-size:14px;line-height:1.5;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;min-width:0;width:100%}.send-button{position:absolute;right:8px;bottom:8px;width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--primary-purple),var(--primary-purple-dark));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf666;z-index:10;font-size:16px;font-weight:700}.send-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 20px #8b5cf699}.send-button:disabled{background:linear-gradient(135deg,var(--text-muted),#6B7280);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #6b72804d;opacity:.7}.send-button svg{font-size:20px!important;color:#fff!important;fill:#fff!important;transform:rotate(-45deg);display:block}.send-fallback{font-size:18px;font-weight:700;color:#fff;display:none;line-height:1;transform:rotate(-45deg)}.send-button:not(:has(svg)) .send-fallback,.send-button svg:empty+.send-fallback{display:block}.send-button:not(:has(svg)) svg,.send-button svg:empty{display:none}.chat-input textarea:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 4px #8b5cf61a;background:#ffffff14}.chat-input textarea::placeholder{color:var(--text-muted);font-style:italic}.quick-save-button{width:100%;padding:16px 24px;background:#6b4fbb;color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:16px;box-shadow:0 4px 12px #10b98166;position:relative;overflow:hidden}.quick-save-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.quick-save-button:hover:not(:disabled):before{left:100%}.quick-save-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #10b98180}.quick-save-button:disabled{background:linear-gradient(135deg,var(--text-muted),#6B7280);cursor:not-allowed;transform:none;box-shadow:none}.status-indicator .valid{color:var(--success-green-light);filter:drop-shadow(0 0 4px rgba(16,185,129,.5))}.status-indicator .invalid{color:var(--error-red-light);filter:drop-shadow(0 0 4px rgba(239,68,68,.5))}.status-indicator .checking{color:var(--warning-orange-light);animation:spin 1s linear infinite;filter:drop-shadow(0 0 4px rgba(245,158,11,.5))}.status-message.valid{color:var(--success-green-light);font-weight:500}.status-message.invalid{color:var(--error-red-light);font-weight:500}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-purple),var(--primary-purple-dark));border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-purple-light),var(--primary-purple))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.chatbot-container{width:95%;height:85vh;margin:1rem auto;padding:16px}.chat-messages{padding:16px;min-height:250px}.chat-header,.chat-input-container{padding:16px}}@media (max-width: 480px){.chatbot-container{width:98%;height:90vh;margin:.5rem auto;padding:12px}.chat-messages{padding:12px;min-height:200px}.chat-header,.chat-input-container{padding:12px}}.suggested-spaces{margin-top:16px;display:flex;flex-direction:column;gap:8px}.suggestion-header{color:var(--warning-orange-light);font-weight:600;font-size:18px;margin-bottom:8px}.suggested-space{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border:1px solid rgba(139,92,246,.3);border-radius:12px;cursor:pointer;transition:all .3s ease}.suggested-space:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d;background:linear-gradient(135deg,#8b5cf626,#7c3aed26)}.space-info{display:flex;flex-direction:column;gap:4px;flex:1}.space-name{color:var(--text-primary);font-weight:600;font-size:14px}.space-resources{color:var(--text-muted);font-size:12px}.select-arrow{color:var(--primary-purple-light);font-size:16px;font-weight:700;transition:transform .3s ease}.suggested-space:hover .select-arrow{transform:translate(4px)}.create-new-option{margin-top:12px;padding:8px;display:flex;justify-content:center}.create-new-btn{background-color:var(--primary-purple-light);color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.create-new-btn:hover{background-color:#45a049}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.available-spaces{background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:16px;margin-top:12px}.available-spaces .suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--primary-purple-light)}.selected-count{background:var(--success-green);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;animation:pulse 2s infinite}.suggested-space.selected{background:#8b5cf633;border-color:var(--primary-purple);transform:scale(1.02);box-shadow:0 0 15px #8b5cf666}.suggested-space.selected .space-name{color:var(--primary-purple-light);font-weight:700}.suggested-space.selected .select-arrow{color:var(--success-green);font-weight:700;font-size:18px}.selected-spaces{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:16px;margin-top:12px}.selected-spaces .suggestion-header span{color:var(--success-green)}.selected-spaces .suggested-space{background:#10b9811a;border-color:var(--success-green)}.selected-spaces .space-name{color:var(--success-green-light)}@keyframes glow{0%{box-shadow:0 4px 12px #10b9814d}to{box-shadow:0 8px 25px #10b98199}}.header-content{display:flex;align-items:center;gap:8px;width:100%}.header-avatar{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.close-button{color:#ffffffb3!important;padding:8px!important}.close-button:hover{color:#fff!important;background-color:#ffffff1a!important}.message-text{color:var(--text-primary);line-height:1.6;font-weight:400;white-space:pre-wrap}.message.streaming .message-content{background:#ffffff0d;border:1px solid rgba(139,92,246,.2)}.message-text.streaming:empty:after{content:"•";display:inline-block;color:var(--text-primary);animation:dotFade 1.4s infinite;opacity:.3;font-size:40px;line-height:1;margin-left:4px;vertical-align:middle}@keyframes dotFade{0%,to{opacity:.3}50%{opacity:.8}}.message.streaming .message-content{background:#ffffff0d;border:1px solid rgba(139,92,246,.2);transition:none;animation:none}.message.streaming{animation:none;transition:none}.message.ai.streaming{animation:none}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.message.streaming .message-text{background:linear-gradient(to right,var(--text-primary) 0%,var(--text-primary) calc(100% - 20px),rgba(139,92,246,.1) 100%);background-clip:text;-webkit-background-clip:text;transition:all .2s ease}.text-input-container{margin:10px 0;width:100%}.text-input-label{display:block;margin-bottom:8px;color:gold;font-size:1em;font-weight:500;display:flex;align-items:center;gap:6px}.text-input-label:before{content:"🔍";font-size:1em}.text-input-wrapper{display:flex;gap:8px;width:100%;background:#1a202c;border-radius:12px;padding:4px;border:1px solid #2d3748}.text-input{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;background:transparent;color:#e2e8f0;transition:all .2s ease}.text-input::placeholder{color:#718096}.text-input:focus{outline:none;background:#ffffff0d}.text-input:disabled{background:#0003;color:#718096;cursor:not-allowed}.text-input-button{padding:8px 16px;background:var(--primary-purple);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px}.text-input-button:hover:not(:disabled){background:var(--primary-purple-light);transform:translateY(-1px)}.text-input-button:active:not(:disabled){transform:translateY(0);border-color:var(--primary-purple)}.text-input-button:disabled{background:#2d3748;color:#718096;cursor:not-allowed}.chat-input{position:relative;display:flex;flex-direction:column;padding:20px;background:#0003;border-top:1px solid rgba(139,92,246,.2)}.input-controls{position:absolute;bottom:28px;left:32px;right:32px;display:flex;align-items:center;gap:8px}.command-palette-trigger{position:relative;background:#8b5cf61a;border:1px solid rgba(139,92,246,.4);color:#fffc;font-family:Fira Code,monospace;font-size:14px;padding:6px 12px;cursor:pointer;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;gap:4px}.command-palette-trigger:hover{background:#8b5cf633;border-color:#8b5cf699;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf633}.command-palette-trigger:active{transform:translateY(0)}.command-palette-trigger:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.command-palette-trigger[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#141414f2;color:#fff;padding:10px 16px;border-radius:6px;font-size:12px;white-space:pre-line;z-index:1000;pointer-events:none;border:1px solid rgba(139,92,246,.4);box-shadow:0 4px 12px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:tooltipFadeIn .2s ease;min-width:200px;max-width:350px;text-align:left;line-height:1.5}.command-palette-trigger[data-tooltip]:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#141414f2;z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.command-palette-trigger.active{background:#8b5cf633;border-color:#8b5cf6cc;box-shadow:0 0 0 2px #8b5cf61a}.command-palette{position:absolute;bottom:calc(100% + 8px);left:0;width:320px;background:#1e1e1ef2;border:1px solid rgba(139,92,246,.3);border-radius:8px;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;z-index:1000}.command-option{padding:12px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(139,92,246,.1);position:relative}.command-option.matched{opacity:1;background:#8b5cf60d}.command-option:last-child{border-bottom:none}.command-option:hover,.command-option.selected{background:#8b5cf61a;opacity:1}.command-option.selected{background:#8b5cf626}.command-option.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#8b5cf6cc}.command-option-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.command-text{color:var(--text-primary);font-family:Fira Code,monospace;font-size:14px}.command-params{color:#ffffff80;font-family:Fira Code,monospace;font-size:12px;font-style:italic}.command-details{display:flex;flex-direction:column;gap:2px}.command-label{color:#ffffffe6;font-size:14px;font-weight:500}.command-description{color:#ffffff80;font-size:12px}.map-controls{position:sticky;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;z-index:100;padding:16px 16px 8px;background:linear-gradient(to bottom,#1a1a1afa,#1a1a1af2 90%,#1a1a1a00);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:0}.map-title-container{display:flex;align-items:center;flex:1;min-width:0;margin-right:16px}.title-display-wrapper{display:flex;align-items:center;flex:1;min-width:0}.title-edit-wrapper{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.map-title{font-size:24px;font-weight:600;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.edit-icon{color:#fff;cursor:pointer;margin-left:10px}.edit-title-button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;margin-left:8px}.edit-title-button:hover{background-color:#ffffff1a;color:#fff}.title-input{font-weight:600;background-color:transparent;color:#fff;border:none;border-bottom:1px solid #fff;outline:none;flex:1;min-width:0}.edit-actions button{margin-left:10px;padding:5px 10px;border-radius:5px;border:none;cursor:pointer}.save-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#f44336;color:#fff}.right-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.canvas-instructions{display:flex;align-items:center;gap:12px;background-color:#242424f2;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px;border:1px solid rgba(255,255,255,.1);position:relative}.instruction-item{display:flex;align-items:center;gap:6px;color:#ffffffe6;font-size:12px;white-space:nowrap}.instruction-icon{font-size:14px;line-height:1;display:inline-block}.instruction-text{font-size:12px;color:#ffffffd9}.close-instructions{background:none;border:none;color:#ffffffb3;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;padding:0;margin-left:4px;transition:color .2s ease;border-radius:4px}.close-instructions:hover{color:#fff;background-color:#ffffff1a}.show-instructions-button{background-color:#242424e6;border:none;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background-color .3s ease;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.show-instructions-button:hover{background-color:#ffffff1a}.zoom-controls{display:flex;background-color:#242424e6;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px}.zoom-button{background:none;border:none;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:background-color .3s ease;border-radius:4px}.zoom-button:hover{background-color:#ffffff1a}.fullscreen-toggle{background-color:#242424e6;border:none;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:background-color .3s ease;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fullscreen-toggle:hover{background-color:#ffffff1a}@media (max-width: 768px){.map-title{font-size:16px}.canvas-instructions{flex-wrap:wrap;max-width:280px;gap:8px}.instruction-item,.instruction-text{font-size:11px}}@media (max-width: 480px){.map-title{font-size:14px}.canvas-instructions{flex-direction:column;align-items:flex-start;max-width:200px;padding:8px}.instruction-item{width:100%}.close-instructions{position:absolute;top:4px;right:4px;margin-left:0}}.discovery-space{height:100%;display:flex;flex-direction:column;background-color:#ffffff1a;border-radius:12px;padding:24px;margin-left:16px}.discovery-layout{display:flex;flex:1;overflow:hidden;min-height:600px}.map-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.map-container{flex:1;position:relative;background-color:#242424;overflow:hidden}.map-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}.analysis-status-bar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:8px 16px;display:flex;align-items:center;gap:16px;z-index:100;border-radius:8px;width:300px}.analysis-status-bar .progress-bar{flex:1;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.analysis-status-bar .progress-fill{height:100%;background:#4caf50;transition:width .3s ease}.analysis-status-bar .status-text{color:#fff;font-size:14px;white-space:nowrap}.map-content-layout{display:flex;width:100%;height:100%}.content-preview-sidebar{width:425px;height:100%;overflow-y:auto;border-right:1px solid rgba(0,0,0,.1);flex-shrink:0;padding:20px}.main-content-area{flex:1;height:100%}.space-edit-container{padding:1rem;background-color:var(--background-secondary);border-radius:8px;margin:1rem;box-shadow:0 2px 4px #0000001a}.map-header{display:flex;justify-content:space-between;align-items:center;padding:1rem}.map-header-left,.map-header-right{display:flex;align-items:center;gap:1rem}.graph-tabs{display:flex;gap:8px;padding:12px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.graph-tab{padding:10px 20px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:8px}.graph-tab:hover{background:#ffffff0d;color:#ffffffe6;border-color:#fff3}.graph-tab.active{background:#6b4fbb4d;color:#fff;border-color:#6b4fbb99;box-shadow:0 2px 8px #6b4fbb4d}.graph-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#6b4fbb;border-radius:2px 2px 0 0}.beta-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;border-radius:4px;text-transform:uppercase;box-shadow:0 2px 4px #10b98166;animation:pulse-glow 2s ease-in-out infinite}.resource-gallery{padding:20px;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.gallery-title{font-size:24px;color:#fff}.resource-grid-container{flex:1;overflow-y:auto;padding:20px 20px 0;width:100%;margin-bottom:20px}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,420px));gap:24px;margin:0 auto;padding-bottom:240px}.pagination-container{display:flex;justify-content:center;background:transparent;position:sticky;bottom:0;left:0;right:0;z-index:10}.resource-grid-container::-webkit-scrollbar{width:8px}.resource-grid-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.resource-grid-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.resource-grid-container::-webkit-scrollbar-thumb:hover{background:#555}.resource-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0;min-height:2.4em;line-height:1.2}.resource-info h3{margin:0 0 8px;font-size:18px;color:#e0e0e0}.resource-description{margin:0;color:#b0b0b0;font-size:14px;line-height:1.4}.no-space-message{text-align:center;padding:40px;color:#b0b0b0;font-size:16px}.resource-meta{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.create-button.resource-button{border-radius:.5rem;gap:.5rem;padding:.75rem 1rem}.social-preview{width:100%;border:1px solid #e1e1e1;border-radius:8px;overflow:hidden}.social-preview-image{width:100%;object-fit:cover}.social-preview-content{padding:12px;background:#fff}.social-preview-content h4{margin:0 0 8px;font-size:16px;font-weight:600}.social-preview-content p{margin:0 0 8px;font-size:14px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.social-site-name{font-size:12px;color:#888;text-transform:uppercase}.resource-gallery .resource-card .embed-container{margin:0;padding:0;width:100%;height:100%;position:relative;overflow:hidden;background:#000;border-radius:8px;min-height:250px}.resource-gallery .resource-card .embed-container iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important;min-height:unset!important}.google-preview{display:flex;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;height:100%;min-height:120px}.google-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;margin-right:1rem;box-shadow:0 2px 4px #0000001a}.google-icon i{font-size:24px;color:#4285f4}.google-type{font-size:.875rem;color:#5f6368;text-transform:uppercase}.google-filename{font-size:1rem;font-weight:500;color:#202124;word-break:break-word}.youtube-player{position:absolute;top:0;left:0;width:100%;height:100%}.preview-card{border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:#1a1a1a;margin-bottom:16px;position:relative}.preview-image{width:100%;height:200px;overflow:hidden}.preview-image img{width:100%;height:100%;object-fit:cover}.domain-icon-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#ffffff0d;font-size:96px}.domain-icon-fallback .resource-type-icon{color:#06e19e;opacity:.6}.domain-icon-fallback .domain-name{font-size:20px;color:#06e19e;font-weight:500;text-align:center;opacity:.8;letter-spacing:.5px}.preview-header{position:absolute;top:16px;left:16px;right:16px;z-index:2;padding-bottom:12px}.preview-site{margin-bottom:8px}.site-name{color:#fff;font-weight:500;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.preview-meta{display:flex;align-items:center;gap:8px;font-size:.85rem}.preview-content{padding:16px;margin-top:-4px;position:relative;z-index:1}.preview-title{font-size:1.1rem;font-weight:600;margin:12px 0;color:#fff;line-height:1.4}.preview-description{font-size:.9rem;color:#b0b0b0;line-height:1.5;margin-top:8px}@media (max-width: 1499px){.resource-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1199px){.resource-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.resource-grid{grid-template-columns:repeat(1,1fr)}.resource-card{height:auto}}.resource-card{border:1px solid #06e19e;border-radius:8px;overflow:hidden;background:transparent;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;height:350px}.resource-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.resource-thumbnail{width:100%;position:relative;overflow:hidden;background:transparent;aspect-ratio:16/9;display:flex}.resource-thumbnail>*{width:100%;height:100%}.youtube-thumbnail{width:100%;height:100%;object-fit:cover}.youtube-thumbnail-link{display:block;width:100%;height:100%;position:relative;cursor:pointer;transition:opacity .2s ease}.youtube-thumbnail-link:hover{opacity:.9}.youtube-thumbnail-link .play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;border-radius:50%;width:68px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.youtube-thumbnail-link:hover .play-button-overlay{background-color:#000000d9}.pdf-thumbnail,.webpage-thumbnail{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.pdf-thumbnail i,.webpage-thumbnail i{font-size:48px;margin-bottom:8px}.resource-info{padding:16px;flex:1;color:#e0e0e0}.resource-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0 0 8px;min-height:2.4em;line-height:1.2;font-size:18px;color:#e0e0e0}.resource-description{margin:0 0 12px;color:#b0b0b0;font-size:14px;line-height:1.4}.resource-meta{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:nowrap;overflow:hidden}.meta-info{display:flex;align-items:center;gap:8px}.meta-author{color:#b0b0b0;font-size:.85rem;position:relative;padding-right:16px}.meta-author:after{content:"•";position:absolute;right:4px;color:#666}.meta-date{color:#b0b0b0;font-size:.85rem}.resource-type-badge{background:#ffffff1a;padding:4px 8px;border-radius:4px;font-size:.85rem;color:#fff}.deep-dive-button{background:#7c3aed;color:#fff;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:.85rem;transition:background-color .2s}.deep-dive-button:hover{background:#6d28d9}.create-button.resource-button{border-radius:.5rem;gap:.5rem;padding:.75rem 1rem;white-space:nowrap;min-width:max-content;flex-shrink:0}.social-preview{width:100%;border:1px solid #e1e1e1;border-radius:8px;overflow:hidden;background:#fff}.google-preview-content{display:flex;flex-direction:column;gap:.5rem}.google-type{font-size:.9rem;color:#5f6368}.embed-container{width:100%;height:100%}.google-preview{display:flex;align-items:center;padding:16px;width:100%;height:100%;background-color:#f8f9fa}.google-icon{font-size:32px;color:#1a73e8;margin-right:16px}.google-preview-content{display:flex;flex-direction:column}.google-type{font-size:.9rem;font-weight:500;color:#5f6368}.google-filename{font-size:1rem;color:#202124;font-weight:400}.resource-button{background-color:#7c3aed;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:background-color .2s;white-space:nowrap;min-width:max-content}.resource-button:hover{background-color:#6d28d9}.resource-button i{font-size:1.1em}.learning-progress{display:flex;align-items:center;gap:12px;margin-left:16px;min-width:180px}.learning-progress .progress-bar{width:100px;height:8px;background:transparent;border-radius:4px;overflow:hidden;border:1px solid rgba(82,0,41,.6)}.learning-progress .progress-fill{height:100%;background:linear-gradient(90deg,#f07,#f07);border-radius:4px;transition:width .3s ease}.learning-progress .progress-label{font-size:12px;font-weight:500;color:#fff;white-space:nowrap;min-width:60px}.learning-progress .progress-label.no-progress{color:#ffffff80;font-style:italic}.resource-date{font-size:12px;color:#fff9;margin:4px 0 12px}.resource-title{margin-bottom:4px}.resource-title h3{margin:0;font-size:16px;font-weight:600;color:#fff}.edit-title-container{display:flex;gap:8px;align-items:center}.edit-title-input{flex:1;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff1a;color:#fff;font-size:16px}.edit-actions{display:flex;gap:8px}.edit-actions button{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.edit-actions button:first-child{background:#f07;color:#fff}.edit-actions button:last-child{background:#ffffff1a;color:#fff}.edit-actions button:hover{opacity:.9}.edit-actions button:disabled{opacity:.5;cursor:not-allowed}.resource-list-container{width:100%;overflow-x:auto;background:linear-gradient(135deg,#2a3042cc,#1c192bcc);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:124px}.resource-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.leaderboard-item:hover{transform:translateY(-2px);border:1px solid rgba(255,200,0,.9);box-shadow:0 0 7px #ffc800e6,0 0 24px #ffc80099,0 0 36px #ffc80066}.rank{font-size:18px;font-weight:600;color:#ffffffb3;min-width:45px}.title-wrapper{display:flex;align-items:center;gap:12px;flex:1}.resource-type-tag{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff1a;color:#fffc}.title{font-size:16px;font-weight:500;color:#fff;flex:1}.resource-date{font-size:14px;color:#fff9;min-width:120px}.duration-indicator{font-size:14px;color:#fff9;background:#ffffff0d;padding:4px 12px;border-radius:6px;min-width:80px;text-align:center}.learning-progress{display:flex;align-items:center;gap:12px;min-width:200px}.progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .3s ease}.progress-label{font-size:14px;color:#ffffffb3;white-space:nowrap}.progress-label.no-progress{color:#ffffff80;font-style:italic}.item-actions{display:flex;align-items:center;gap:8px}.edit-title-container{flex:1}.edit-title-input{width:100%;padding:8px 12px;border:2px solid rgba(16,185,129,.5);border-radius:8px;font-size:15px;background:#0000004d;color:#fff;outline:none}.edit-title-input:focus{border-color:#10b981cc;box-shadow:0 0 0 3px #10b9811a}.edit-actions{display:flex;gap:8px;margin-top:8px}.edit-actions button{padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-actions button:first-child{background:linear-gradient(135deg,#10b981cc,#34d399cc);color:#fff;border:1px solid rgba(16,185,129,.5)}.edit-actions button:first-child:hover:not(:disabled){background:linear-gradient(135deg,#10b981e6,#34d399e6);box-shadow:0 4px 12px #10b9814d}.edit-actions button:first-child:disabled{opacity:.5;cursor:not-allowed}.edit-actions button:last-child{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.edit-actions button:last-child:hover{background:#ffffff26;border-color:#ffffff4d}.resource-type-tag.youtube{background:#f003;color:red}.resource-type-tag.twitter{background:#1da1f233;color:#1da1f2}.resource-type-tag.linkedin{background:#0077b533;color:#0077b5}.resource-type-tag.pdf{background:#f003;color:red}.resource-type-tag.article{background:#ffffff1a;color:#fff}@media (max-width: 1024px){.learning-progress{display:none}}@media (max-width: 768px){.resource-list-container{padding:16px}.leaderboard-item{padding:12px;flex-wrap:wrap}.resource-date,.duration-indicator{font-size:12px}.title{font-size:14px}}.resource-list-container::-webkit-scrollbar{height:10px}.resource-list-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px}.resource-list-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}.resource-list-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.content-view{padding:20px;--tag-color: rgba(82, 0, 41, .6);--tag-color-hover:rgb(255, 0, 119)}.content-root-title{font-size:24px;margin-bottom:10px;color:#fff;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.insights-grid{padding-top:10px;display:grid;gap:20px;overflow-y:auto;max-height:calc(100vh - 395px)}.insight-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;border:1px solid #06e19e}.insight-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.insight-card-header{padding:16px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.branch-title{margin:0;font-size:1.2rem;font-weight:600;color:#fff;flex:1}.branch-actions{display:flex;align-items:center;gap:12px}.clear-signal-btn{background:none;border:none;color:#fff9;cursor:pointer;font-size:12px;padding:2px 6px;margin-left:8px;border-radius:4px;transition:all .2s ease}.clear-signal-btn:hover{color:#ff6b6b;background:#ff6b6b1a}.insight-card-content{padding:16px}.subbranch-section{margin-bottom:16px}.subbranch-section:last-child{margin-bottom:0}.subbranch-header{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:8px}.subbranch-name{font-weight:700;color:#fff}.references-list{display:flex;flex-direction:column;gap:8px}.reference-item{padding:0 12px;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.reference-item:hover{box-shadow:0 2px 3px #0000004d;transform:translateY(-1px);border:1px solid rgba(255,200,0,.9);filter:drop-shadow(0 0 15px rgba(255,200,0,1)) drop-shadow(0 0 30px rgba(255,200,0,.8)) drop-shadow(0 0 45px rgba(255,200,0,.6))}.interest-type{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:900;border:1px solid}.copy-button{background:none;border:none;cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s;color:#fff}.copy-button:hover{opacity:1;color:var(--tag-color-hover)}.insight-card.completed{opacity:.8;border-color:#fff}.complete-button{background:none!important;cursor:pointer;padding:6px;border-radius:4px;transition:color .2s ease;color:var(--tag-color-hover);font-size:20px;display:flex;align-items:center;gap:4px}.complete-text{font-size:12px;font-weight:500;white-space:nowrap}.complete-button.marked{color:var(--tag-color-hover)!important}.complete-button:hover{color:var(--tag-color-hover)}.dashboard-widget{position:sticky;top:0;z-index:100;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;margin:-20px -20px 20px;border-bottom:1px solid rgba(0,255,255,.2);box-shadow:0 4px 20px #0000004d}.progress-section{flex:1}.progress-info{display:flex;flex-direction:column;gap:8px}.progress-text{font-size:14px;font-weight:600;color:#fff}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#f07,#f07);border-radius:4px;transition:width .3s ease}.signal-filter-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap}.signal-filter-btn:hover{background:#ffffff26;border-color:#ffffff4d}.signal-filter-btn.active{background:var(--tag-color-hover);border-color:var(--tag-color-hover);color:#000;font-weight:600}.filter-groups{display:flex;flex-direction:row;gap:16px}.filter-group{display:flex;align-items:center;gap:12px}.filter-label{font-size:12px;font-weight:600;color:#fffc;min-width:80px;text-align:left}.completion-filters{display:flex;gap:8px;flex-wrap:wrap}.completion-filter-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap}.completion-filter-btn:hover{background:#ffffff26;border-color:#ffffff4d}.completion-filter-btn.active{background:#f07;border-color:#f07;color:#000;font-weight:600}.exercises-section{margin-top:16px;padding:16px;background:#ffffff05;border-radius:8px;border-top:1px solid rgba(255,255,255,.1)}.exercises-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#fff;opacity:.9}.add-exercise-form{margin-bottom:12px;position:relative}.add-exercise-loader{width:25px!important;height:25px!important;top:9px;position:absolute;right:30px}.add-exercise-form input{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:16px;outline:none;transition:all .2s ease}.add-exercise-form input:focus{border-color:var(--tag-color-hover)}.add-exercise-form input::placeholder{color:#ffffff80;font-size:16px}.exercises-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.exercises-list li{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.exercises-list li:hover{background:#ffffff0d;border-color:#fff3}.exercises-list input[type=checkbox]{margin:0;cursor:pointer;accent-color:#06e19e}.exercises-list span{flex:1;font-size:12px;color:#fff;transition:all .2s ease}.exercises-list span.completed{text-decoration:line-through;opacity:.6}.delete-exercise-btn{background:none;border:none;color:#fff9;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;transition:all .2s ease;opacity:.7}.delete-exercise-btn:hover{opacity:1;color:#06e19e}.loading-exercises{text-align:center;color:#fff9;font-size:12px;padding:16px}.existing-exercises{margin-bottom:20px}.exercise-section-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.exercise-posts{display:flex;flex-direction:column;gap:8px}.exercise-post{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px;position:relative;transition:all .2s ease;margin-bottom:8px}.exercise-post:hover{background:#ffffff0d;border-color:#fff3}.exercise-post.expanded{background:#ffffff14;border-color:#ffffff4d}.header-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.exercise-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.copy-exercise-btn{background:none;border:none;cursor:pointer;color:#fff9;padding:4px;border-radius:4px;transition:all .2s ease;opacity:.7}.copy-exercise-btn:hover{opacity:1;color:#06e19e;background:#ffffff1a}.complete-exercise-btn{background:none;border:none;cursor:pointer;color:#fff9;padding:4px;border-radius:4px;transition:all .2s ease;opacity:.7;display:flex;align-items:center;gap:4px}.complete-exercise-btn:hover{opacity:1;color:#f07;background:#ffffff1a}.complete-exercise-btn.marked{color:#f07;opacity:1}.complete-exercise-btn .complete-text{font-size:11px;font-weight:500}.expand-button{background:none;border:none;cursor:pointer;color:#ffffffb3;font-size:16px;font-weight:700;padding:2px 6px;border-radius:4px;transition:all .2s ease;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.expand-button:hover{color:#fff;background:#ffffff1a}.title{font-size:18px;font-weight:600;color:#fff;flex:1;cursor:pointer}.content-text{font-size:16px;color:#fff;line-height:2;white-space:pre-line;margin-bottom:8px;display:none}.exercise-post.expanded .content-text{display:block}.date-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.date{font-size:10px;color:#ffffff80}.post-type-indicator{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#06e19e}.post-title{font-size:12px;font-weight:600;color:#fff;margin-bottom:6px}.post-text{font-size:14px;color:#fff;line-height:1.4;white-space:pre-line}.post-actions{display:flex;justify-content:flex-end;margin-top:8px}.copy-post-btn{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:12px;transition:all .2s ease;color:#fff9;opacity:.7}.copy-post-btn:hover{opacity:1;color:#06e19e}.custom-exercises{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.exercise-post[data-type=custom]{background:linear-gradient(135deg,#fce4ec,#f8bbd9);border-color:#f48fb1;border-left:4px solid #e91e63}.exercise-post[data-type=concepts]{background:linear-gradient(135deg,#e3f2fd,#e3f2fd);border-color:#90caf9;border-left:4px solid #2196f3}.exercise-post[data-type=hands-on]{background:linear-gradient(135deg,#ffebee,#ffebee);border-color:#ef9a9a;border-left:4px solid #f44336}.exercise-post[data-type=why]{background:linear-gradient(135deg,#fff3e0,#fff3e0);border-color:#ffe0b2;border-left:4px solid #ffc107}.exercise-post[data-type=icp]{background:linear-gradient(135deg,#e8e2f4,#d1b3ff);border-color:#d1b3ff;border-left:4px solid #9c27b0}.exercise-post[data-type=icp_pitch]{background:linear-gradient(135deg,#e8f3e8,#e8f3e8);border-color:#a8d5a8;border-left:4px solid #4caf50}.exercise-post[data-type=lesson]{background:linear-gradient(135deg,#fff3e0,#fff3e0);border-color:#ffe0b2;border-left:4px solid #ffc107}.exercise-post[data-type=diagram]{background:linear-gradient(135deg,#e8e2f4,#d1b3ff);border-color:#d1b3ff;border-left:4px solid #9c27b0}.exercise-post[data-type=news]{background:linear-gradient(135deg,#e8f3e8,#e8f3e8);border-color:#a8d5a8;border-left:4px solid #4caf50}.exercise-post[data-type] .title{color:#333;font-weight:600}.exercise-post[data-type] .content-text{color:#555}.exercise-post[data-type] .expand-button{color:#666}.exercise-post[data-type] .expand-button:hover{color:#333;background:#0000001a}.exercise-post[data-type] .copy-exercise-btn{color:#666}.exercise-post[data-type] .copy-exercise-btn:hover{color:#333;background:#0000001a}.exercise-post[data-type] .complete-exercise-btn{color:#666}.exercise-post[data-type] .complete-exercise-btn:hover{color:#4caf50;background:#0000001a}.exercise-post[data-type] .complete-exercise-btn.marked{color:#4caf50}.exercise-post[data-type] .delete-exercise-btn{color:#666}.exercise-post[data-type] .delete-exercise-btn:hover{color:#f44336;background:#0000001a}.exercise-post[data-type] .complete-text{color:#666}.exercise-post[data-type] .complete-exercise-btn.marked .complete-text{color:#4caf50}.exercises-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.exercises-header h4{margin:0;font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:4px}.learned-text{margin-left:10px;display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:1.5em;color:#f07}.learned-icon{display:inline-block;animation:sparkle 2s ease-in-out infinite;font-size:1.2em}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.2) rotate(15deg);opacity:.8}50%{transform:scale(.9) rotate(-10deg);opacity:1}75%{transform:scale(1.1) rotate(5deg);opacity:.9}}.learned-sparkle{position:absolute;top:-4px;right:-4px;display:inline-block;animation:learnedSparkle 1.5s ease-in-out infinite;font-size:1em}.complete-button{background:transparent;border:none;padding:0;cursor:pointer;transition:all .3s ease;margin:0;outline:none}.complete-button:active{outline:none;border:none}.complete-button.marked:hover{background:transparent;box-shadow:none;transform:none}.complete-button.marked:focus{outline:none;border:none}.complete-button.marked:active{outline:none;border:none}.learning-flow{display:grid;grid-template-rows:auto auto;grid-template-columns:1fr;gap:16px;margin-bottom:20px;padding:16px;background:#0000004d;border-radius:16px;border:1px solid rgba(0,255,255,.3);box-shadow:0 0 20px #00ffff1a}.learning-flow .progress-row{grid-row:1;grid-column:1;display:flex;align-items:center;gap:16px;width:100%;padding:12px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.flow-paths-container{grid-row:2;grid-column:1;display:flex;justify-content:space-between;gap:32px}.flow-path{display:flex;align-items:center;gap:16px}.flow-start,.flow-end,.flow-branch{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:#0006;border-radius:12px;border:1px solid rgba(255,255,255,.1);min-width:60px;box-shadow:0 0 15px #00ffff1a}.flow-start{background:#8a2be233;border-color:#8a2be299;box-shadow:0 0 15px #8a2be24d}.flow-end{background:#0ff3;border-color:#0ff9;box-shadow:0 0 15px #00ffff4d}.flow-arrow{font-size:1.5em;color:#0ff;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.8)}.flow-split{display:flex;gap:12px}.flow-branch{background:#ff149333;border-color:#ff149399;box-shadow:0 0 15px #ff14934d}.flow-count{font-size:1.3em;font-weight:700;color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.6)}.flow-label{font-size:.8em;font-weight:600;color:#fff;text-align:center;line-height:1.2;text-shadow:0 0 5px rgba(255,255,255,.5)}.flow-start.clickable,.flow-end.clickable,.flow-branch.clickable{cursor:pointer;transition:all .2s ease}.flow-start.clickable:hover,.flow-end.clickable:hover,.flow-branch.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ff6}.flow-start.clickable.selected,.flow-end.clickable.selected,.flow-branch.clickable.selected{border:2px solid var(--tag-color-hover);box-shadow:0 0 20px var(--tag-color),inset 0 0 20px var(--tag-color);transform:translateY(-2px)}.learning-flow .progress-text{font-size:14px;font-weight:600;color:#fff;white-space:nowrap}.learning-flow .progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.learning-flow .progress-fill{height:100%;background:linear-gradient(90deg,var(--tag-color-hover),var(--tag-color-hover));border-radius:4px;transition:width .3s ease}.diagram-error{color:#ff6b6b;padding:10px;text-align:center;font-size:14px}.collective-tags-section{border-radius:12px;padding:20px;margin:20px 0;background:#1a1a1a;box-shadow:0 2px 8px #0003;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding-bottom:4px}.section-header:hover{opacity:.9}.section-header:hover .expand-icon{opacity:1}.section-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 10px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.selected-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;pointer-events:auto}.selected-tag{background:var(--tag-color);font-size:.85rem;color:#fff;font-weight:400;padding:2px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.remove-tag{background:none;border:none;color:#fff;opacity:.7;cursor:pointer;padding:0 0 2px 2px;font-size:1.2rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}.remove-tag:hover{opacity:1}.selected-count{background:var(--tag-color);font-size:.9rem;color:#fff;font-weight:400}.expand-icon{font-size:.8rem;color:#e0e0e0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.collective-tags-section:not(.expanded){padding:12px 20px;background:#1a1a1acc;border:1px solid rgba(255,255,255,.15)}.collective-tags-section:not(.expanded) .section-header{padding-bottom:0}.collective-tags-section:not(.expanded) .section-title{margin-bottom:0;font-size:.9rem;letter-spacing:1px;color:#ffffffe6}.collective-tags-section.expanded .section-title{color:#fff}[data-theme=light] .collective-tags-section{background:#fff;box-shadow:0 2px 8px #0000000d}[data-theme=light] .collective-tags-section .section-title{color:#333}[data-theme=light] .collective-tags-section.expanded .section-title{color:#fff}.insight-card{--tag-color: rgba(82, 0, 41, .6);--tag-color-hover:rgb(255, 0, 119);background:linear-gradient(to bottom,#ffffff0d,#ffffff05);border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #06e19e;box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.insight-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.branch-title{margin:0;font-size:1.2em;color:#fff}.branch-actions{display:flex;align-items:center;gap:10px}.signal-strength{display:flex;align-items:flex-end;gap:4px;height:24px}.signal-bar.active{background-color:var(--tag-color-hover)}.badge-text{font-size:.9em;color:#fff;margin-left:5px}.copy-button,.complete-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .2s}.complete-button.marked{color:var(--tag-color-hover)}.learned-state,.new-state{display:flex;align-items:center;gap:5px}.icon-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tag-color-hover)}.badge-icon{font-size:1em;color:#fff}.learned-sparkle{font-size:.9em}.insight-card-content{margin-bottom:20px}.subbranch-section{margin-bottom:15px}.subbranch-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.interest-type{font-size:.8em;padding:2px 8px;border-radius:12px;border:1px solid}.subbranch-name{color:#fff;font-weight:600;font-size:1.1em;letter-spacing:.02em}.references-list{display:flex;flex-wrap:wrap;gap:8px;margin-left:20px}.reference-item{font-size:1em;color:#fff;cursor:pointer;padding:2px 8px;border-radius:4px;transition:all .2s}.exercises-section{border-top:1px solid #333;padding-top:20px}.exercises-header{display:flex;align-items:center;gap:16px}.audio-player{display:flex;align-items:center;gap:12px;background:#343541e6;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.audio-player:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.play-button{background:none;border:none;color:var(--tag-color-hover);font-size:20px;cursor:pointer;padding:6px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;z-index:2}.play-button:hover{background:#10a37f1a;transform:scale(1.05)}.play-button:active{transform:scale(.95)}.speed-options{display:flex;gap:4px;margin-left:4px}.speed-tag{background:none;border:none;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:inherit}.speed-tag:hover{background:#ffffff1a;color:#ffffffe6}.speed-tag.active{background:var(--tag-color);color:var(--tag-color-hover)}.speed-tag.active:hover{background:var(--tag-color)}@keyframes progressPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.audio-player.playing:before{content:"";position:absolute;left:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--tag-color-hover),var(--tag-color));animation:progressPulse 2s infinite;width:var(--progress, 0%);transition:width .1s linear;box-shadow:0 0 8px var(--tag-color)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.play-button svg{animation:scaleIn .2s ease forwards}.time-display{font-size:12px;color:#fff;min-width:50px;text-align:center;font-variant-numeric:tabular-nums;position:relative;z-index:2}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-player.loading .play-button:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--tag-color);border-top-color:var(--tag-color-hover);border-radius:50%;animation:rotate 1s linear infinite}.volume-control{display:flex;align-items:center;gap:8px;position:relative;z-index:2}.volume-slider{width:60px;height:4px;-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--tag-color-hover);border-radius:50%;cursor:pointer;transition:transform .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.loading-exercises{color:#888;text-align:center;padding:20px}.add-exercise-form{position:relative;margin-bottom:20px}.add-exercise-form input{width:100%;padding:10px;background:#222;border:1px solid #333;border-radius:4px;color:#fff;font-size:.9em}.add-exercise-form input:focus{outline:none;border-color:var(--tag-color-hover)}.add-exercise-loader{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.exercise-posts{display:flex;flex-direction:column;gap:3px}.exercise-post{background:#222;border-radius:4px;overflow:hidden}.exercise-post.expanded{border:1px solid #333}.post-content{padding:10px}.header-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.expand-button{background:none;border:none;color:#888;cursor:pointer;padding:0 5px;font-size:1.2em;line-height:1}.title{flex:1;color:#ddd;cursor:pointer;font-size:1.1em;font-weight:500}.exercise-actions{display:flex;gap:5px}.delete-exercise-btn,.copy-exercise-btn{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .2s}.delete-exercise-btn:hover,.copy-exercise-btn:hover{background:#333;color:#fff}.content-text{color:#ddd;font-size:1.1em;line-height:1.6;white-space:pre-wrap}.diagram-error{color:#f44;padding:10px;background:#311;border-radius:4px;margin:10px 0}.insight-card-tags{margin:8px 0 16px;padding:8px;background:#00000005;border-radius:8px}.tag-group{display:flex;flex-direction:column;gap:16px}.tag-group-section{display:flex;flex-direction:column;gap:8px}.tag-group-title{font-size:.9rem;font-weight:600;color:#e0e0e0;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.tag-group-content{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}.show-more-tags{background:none;border:none;padding:4px 8px;color:#e0e0e0;cursor:pointer;font-size:.85rem;transition:all .2s ease;opacity:.8}.show-more-tags:hover{opacity:1}.tag-badge{--tag-color: rgba(82, 0, 41, .6);--tag-color-hover:rgb(255, 0, 119);display:inline-flex;flex-direction:column;border:1px solid var(--tag-color);border-radius:6px;padding:4px 8px;margin:2px;font-size:.85rem;transition:all .2s ease;position:relative;overflow:hidden}.tag-badge.clickable{cursor:pointer}.tag-badge.clickable:hover{background:var(--tag-color);transform:translateY(-1px);box-shadow:0 2px 4px #0003;border:1px solid var(--tag-color-hover)}.tag-badge.selected{background:var(--tag-color);box-shadow:0 2px 8px #ff00774d;border:2px solid var(--tag-color-hover)}.tag-content{display:flex;flex-direction:column;gap:2px}.tag-text{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tag-hierarchy{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#fff;opacity:.8;padding:5px}.hierarchy-dot{width:4px;height:4px;border-radius:50%;background-color:currentColor;margin-right:2px}.hierarchy-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.hierarchy-preview:after{content:" ›";opacity:.7}.tag-count{margin-left:4px;color:#fff;font-size:.9em}.content-preview{min-width:400px;height:100%;display:flex;flex-direction:column;background-color:#1a1a1a}.preview-header{padding:16px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.1)}.back-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s ease}.back-button:hover{background-color:#ffffff1a}.preview-title{font-size:16px;color:#fff}.preview-content{flex:1;position:relative;overflow:hidden;scroll-behavior:smooth;padding:16px 16px 0;max-height:calc(100vh - 250px)}.preview-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff9}.preview-iframe-container{width:100%;height:auto!important;overflow:auto;border:1px solid #06e19e;border-radius:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,.2)}.linkedin-embed-container iframe{height:100%!important}.preview-iframe-container.twitter-content{border:none}.preview-iframe{width:100%;height:100%;border:none}.space-name-container{display:flex;align-items:center;gap:8px;margin-bottom:8px}.space-name-container span{font-size:1.5rem;font-weight:600;color:#fff;word-break:break-word}.edit-icon{cursor:pointer;color:#fff;transition:color .2s ease}.edit-icon:hover{color:#4a5568}.content-link{display:block;font-size:.875rem;color:#fff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:4px 0}.content-link:hover{color:#fff;text-decoration:underline}.preview-title input{font-size:inherit;padding:4px 8px;border:1px solid #ccc;border-radius:4px;width:200px}.preview-iframe-container::-webkit-scrollbar{width:8px;height:8px}.preview-iframe-container::-webkit-scrollbar-track{background:transparent;border-radius:10px}.preview-iframe-container::-webkit-scrollbar-thumb{background:#9b9b9b80;border-radius:10px;transition:background .2s ease}.preview-iframe-container::-webkit-scrollbar-thumb:hover{background:#9b9b9bb3}.youtube-container{height:300px;margin:24px auto;display:flex;align-items:center;justify-content:center}.youtube-preview{width:100%;height:280px;border:none;border-radius:8px}.pdf-container{height:calc(100vh - 275px);overflow:hidden;width:100%}.pdf-preview{background:#f5f5f5}.webpage-container{height:auto;width:100%}.content-title{font-size:2rem;color:#f5f5f5;margin-top:4px}.webpage-preview-container{position:relative;overflow:auto;align-items:center;justify-content:center;background-color:#000;padding:0}.mobile-device-wrapper{width:375px;height:812px;position:relative;margin:auto;transform:scale(.9);perspective:1000px}.mobile-device-frame{position:relative;width:100%;height:100%;border-radius:55px;padding:12px;box-shadow:inset 0 0 5px #ffffff26,inset 0 0 10px #0003,0 0 3px 2px #c8c8c833,0 20px 32px -8px #0000004d,0 2px 6px #0006;background:linear-gradient(145deg,#4b4b4bf2,#373737f2,#414141f2)}.mobile-device-screen{position:relative;background:#fff;width:100%;height:100%;border-radius:45px;overflow:hidden;box-shadow:inset 0 0 3px #0000004d}.mobile-device-screen:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);height:34px;width:120px;background:#000;border-bottom-left-radius:24px;border-bottom-right-radius:24px;z-index:2;box-shadow:0 0 5px #00000080}.mobile-device-frame:before{content:"";position:absolute;right:-2px;top:120px;width:3px;height:40px;background:linear-gradient(90deg,#414141e6,#555555e6,#414141e6);border-top-right-radius:4px;border-bottom-right-radius:4px}.mobile-device-frame:after{content:"";position:absolute;left:-2px;top:120px;width:3px;height:100px;background:linear-gradient(90deg,#414141e6,#555555e6,#414141e6);border-top-left-radius:4px;border-bottom-left-radius:4px}.iframe-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.webpage-preview-iframe{width:100%;height:calc(100vh - 270px);border:none;background-color:#fff}.iframe-error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px;z-index:10}.iframe-error-overlay p{margin:10px 0;font-size:14px;color:#fffc}.open-link-button{display:inline-block;background:#06e19e;color:#1a1a1a;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:500;margin-top:10px;transition:background-color .3s ease}.open-link-button:hover{background:#05c88a}.iframe-error-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:8px;border:1px solid #404040;min-height:400px}.iframe-error-content{text-align:center;padding:40px 20px;max-width:500px}.iframe-error-icon{margin-bottom:24px;display:flex;justify-content:center}.iframe-error-icon svg{filter:drop-shadow(0 4px 8px rgba(255,152,0,.3))}.iframe-error-title{font-size:24px;font-weight:600;color:#fff;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.iframe-error-message{font-size:16px;color:#fffc;margin:0 0 32px;line-height:1.5}.iframe-error-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.iframe-error-button{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:140px;white-space:nowrap}.iframe-error-button.primary{background:linear-gradient(135deg,#06e19e,#05c88a);color:#1a1a1a;box-shadow:0 4px 12px #06e19e4d}.iframe-error-button.primary:hover{background:linear-gradient(135deg,#05c88a,#04b377);transform:translateY(-2px);box-shadow:0 6px 16px #06e19e66}.iframe-error-button.secondary{background:#ffffff1a;color:#06e19e;border:1px solid rgba(255,255,255,.2)}.iframe-error-button.secondary:hover{background:#ffffff26;border-color:#06e19e;transform:translateY(-1px)}@media screen and (max-width: 768px){.iframe-error-content{padding:30px 16px}.iframe-error-title{font-size:20px}.iframe-error-message{font-size:14px}.iframe-error-actions{flex-direction:column;gap:12px}.iframe-error-button{width:100%;min-width:auto}}.resource-select{background-color:#1a1a1a;color:#fff;z-index:1000;position:relative;min-width:200px;max-width:100%;padding:5px;border:1px solid rgba(255,255,255,.2);border-radius:4px}.resource-select option{background-color:#2a2a2a;color:#fff;padding:5px;white-space:normal;word-wrap:break-word;min-width:300px;max-width:500px;line-height:1.4}.resource-select:hover{border-color:#ffffff4d}.resource-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.content-link{display:block;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.resource-select:focus option{height:auto;padding:8px;white-space:pre-wrap}.resource-select option:checked{white-space:pre-wrap;word-break:break-all;overflow:visible;max-height:none}.content-preview .twitter-embed-container{position:relative;width:100%;height:100%;min-height:630px}.content-preview .twitter-embed-container iframe{width:100%;height:100%;min-height:630px}.content-preview .linkedin-embed-container{position:relative;width:100%;height:100%;min-height:584px}.content-preview .linkedin-embed-container iframe{width:100%;height:100%;min-height:584px}.linkedin-embed-container .rsme-linkedin-embed,.preview-iframe-container .google-doc-container{height:calc(100vh - 272px)!important}.content-preview .google-doc-container{width:100%;height:100%;position:relative;border-radius:8px;overflow:hidden;min-height:600px}.content-preview .google-doc-preview{min-height:600px}.notion-container{width:100%;height:100%;position:relative;background:#fff;border-radius:8px;overflow:hidden}.notion-preview{width:100%;height:100%;background:#fff}.youtube-wrapper{position:relative;width:100%;height:100%;cursor:pointer}.youtube-embed-container{position:relative;width:100%;height:100%;transition:all .3s ease;overflow:hidden}.youtube-embed-container.expanded,.google-doc-container.expanded,.webpage-preview-container.expanded,.pdf-container.expanded{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vh;z-index:1000;background:#000000f2;padding:24px;border-radius:12px;box-shadow:0 8px 32px #00000080}@media screen and (min-width: 1591px){.youtube-embed-container.expanded,.pdf-container.expanded,.google-doc-container.expanded,.webpage-preview-container.expanded{left:40%}}@media screen and (min-width: 1381px) and (max-width: 1590px){.youtube-embed-container.expanded,.googldoce--container.expanded,.pdf-container.expanded,.webpage-preview-container.expanded{left:45%}}@media screen and (min-width: 1220px) and (max-width: 1380px){.youtube-embed-container.expanded,.googldoce--container.expanded,.pdf-container.expanded,.webpage-preview-container.expanded{left:50%}}@media screen and (max-width: 1219px){.youtube-embed-container.expanded,.googldoce--container.expanded,.pdf-container.expanded,.webpage-preview-container.expanded{left:50%;width:90%}}.youtube-controls{display:flex;justify-content:flex-end;padding:12px;margin-bottom:8px}.youtube-controls-right{display:flex;gap:8px}.control-button{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;background-color:#2a2a2acc;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#06e19e;cursor:pointer;transition:all .2s ease;font-weight:500;letter-spacing:.3px}.control-button:hover{background-color:#404040e6;border-color:#06e19e;transform:translateY(-1px)}.control-button svg{width:16px;height:16px}.control-button:disabled{opacity:.5;cursor:not-allowed}.webpage-controls{display:flex;justify-content:flex-end;padding:12px;margin-bottom:8px}.webpage-controls-right{display:flex;gap:8px}.toggle-indicator{font-size:16px;color:#ffffff80;transition:color .2s ease}.toggle-indicator.active{color:#06e19e}.markdown-viewer{padding:20px;background-color:#fff;min-height:200px;border:1px solid #06e19e;border-radius:8px;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-y:auto;max-height:calc(100vh - 300px)}.markdown-viewer h1,.markdown-viewer h2,.markdown-viewer h3,.markdown-viewer h4,.markdown-viewer h5,.markdown-viewer h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600}.markdown-viewer h1{font-size:2rem}.markdown-viewer h2{font-size:1.5rem}.markdown-viewer h3{font-size:1.25rem}.markdown-viewer p{margin-bottom:1rem;color:#555}.markdown-viewer ul,.markdown-viewer ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-viewer li{margin-bottom:.5rem;color:#555}.markdown-viewer img{max-width:100%;height:auto;border-radius:6px;margin:1rem 0}.markdown-viewer hr{border:none;border-top:1px solid #e0e0e0;margin:2rem 0}.markdown-viewer :not(pre)>code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em}.markdown-viewer pre{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em;margin:1rem 0;border:1px solid #e0e0e0}.markdown-viewer pre code{background-color:transparent!important;color:inherit!important;padding:0!important}.markdown-viewer table{margin:1rem 0}.markdown-viewer strong{color:#333;font-weight:600}.markdown-viewer em{color:#666;font-style:italic}.youtube-preview.expanded{width:100%;height:100%;border:1px solid rgba(6,225,158,.3);border-radius:8px;box-shadow:0 0 20px #06e19e1a}.capture-button{padding:6px 12px;border-radius:4px;background:#1a1a1a;color:#06e19e;border:1px solid #06e19e;cursor:pointer}.capture-button:hover:not(:disabled){background-color:#404040;border-color:#06e19e}.capture-button:disabled{opacity:.6;cursor:not-allowed}.youtube-embed-container.expanded .youtube-wrapper{height:calc(80vh - 100px)}.youtube-preview iframe{width:100%;height:100%;border:none;border-radius:8px}.youtube-preview .ytp-pause-overlay,.youtube-preview .ytp-endscreen-content,.youtube-preview .ytp-endscreen-previous,.youtube-preview .ytp-endscreen-next,.youtube-preview .ytp-ce-element,.youtube-preview .ytp-ce-covering-overlay,.youtube-preview .ytp-ce-element-shadow,.youtube-preview .ytp-ce-covering-image,.youtube-preview .ytp-ce-expanding-image,.youtube-preview .ytp-ce-element.ytp-ce-channel.ytp-ce-channel-this,.youtube-preview .ytp-ce-element.ytp-ce-video.ytp-ce-element-show,iframe[id^=player_uid_] .ytp-pause-overlay,iframe[id^=player_uid_] .ytp-endscreen-content{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;position:absolute!important;top:-9999px!important;left:-9999px!important}.youtube-preview.hide-controls .ytp-chrome-bottom,.youtube-preview.hide-controls .ytp-chrome-top,.youtube-preview.hide-controls .ytp-gradient-bottom,.youtube-preview.hide-controls .ytp-gradient-top,.youtube-preview.hide-controls .ytp-progress-bar-container,.youtube-preview.hide-controls .ytp-show-cards-title,.youtube-preview.hide-controls .ytp-watermark,.youtube-preview.hide-controls .ytp-title,.youtube-preview.hide-controls .ytp-title-text,.youtube-preview.hide-controls .ytp-title-channel,.youtube-preview.hide-controls .ytp-share-button,.youtube-preview.hide-controls .ytp-watch-later-button,.youtube-preview.hide-controls .ytp-volume-panel{display:none!important;opacity:0!important;visibility:hidden!important}.youtube-preview.hide-controls iframe{cursor:none!important}.youtube-preview.hide-controls:before{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:transparent;z-index:10;pointer-events:none}.youtube-preview.video-paused .ytp-pause-overlay,.youtube-preview.video-paused .ytp-endscreen-content,.youtube-embed-container.video-paused .ytp-pause-overlay,.youtube-embed-container.video-paused .ytp-endscreen-content{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.ytp-pause-overlay,.ytp-endscreen-content,.ytp-endscreen-previous,.ytp-endscreen-next{display:none!important}.video-paused .ytp-pause-overlay-container,.video-paused .ytp-endscreen-previous,.video-paused .ytp-endscreen-next{display:none!important;opacity:0!important}@media screen and (max-width: 1024px){.youtube-embed-container.expanded{width:90vw;height:70vh}.youtube-embed-container.expanded .youtube-wrapper{height:calc(70vh - 100px)}.control-button{padding:6px 12px;font-size:13px}}@media screen and (max-width: 768px){.youtube-embed-container.expanded{width:95vw;height:60vh;padding:16px}.youtube-embed-container.expanded .youtube-wrapper{height:calc(60vh - 80px)}.control-button{padding:4px 10px;font-size:12px}.control-button svg{width:14px;height:14px}}.highlight-markers-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.highlight-marker{position:absolute;top:10px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;z-index:15}.highlight-marker:hover{transform:scale(1.2);box-shadow:0 4px 12px #0006}.marker-index{color:#fff;font-size:9px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1;text-align:center;-webkit-user-select:none;user-select:none;max-width:18px;overflow:hidden;text-overflow:ellipsis}.highlight-index{background:#ffffffe6;color:#1a1a1a;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700;min-width:24px;text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis}.highlight-type{background:#ffffff1a;color:#fffc;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.highlight-close{background:none;border:none;color:#fff9;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.highlight-close:hover{background:#ffffff1a;color:#ffffffe6}.highlight-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 12px;line-height:1.3}.highlight-description{color:#fff;font-size:16px;font-weight:500;line-height:1.5;margin:0;padding:12px;border-radius:6px;transition:all .3s ease;position:relative}.highlight-description:hover{transform:translate(2px);box-shadow:0 2px 8px #0003}.highlight-branch-name{color:#ffffffb3;font-size:13px;font-weight:500;margin-bottom:12px;text-transform:uppercase;letter-spacing:.8px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.1)}@media screen and (max-width: 768px){.highlight-overlay{top:10px;right:10px;left:10px}.highlight-card{max-width:none;min-width:auto;width:100%;padding:16px}.highlight-marker{width:16px;height:16px}.marker-index{font-size:8px}.highlight-title{font-size:16px}.highlight-description{font-size:14px;padding:10px}}.highlight-overlay{position:absolute;top:20px;right:20px;z-index:20;pointer-events:auto;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.highlight-card{background:#1a1a1af2;border:1px solid rgba(255,255,255,.1);border-left:4px solid;border-radius:8px;padding:20px;max-width:450px;min-width:350px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.highlight-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.highlight-header-left{display:flex;align-items:center;gap:8px}.youtube-wrapper .iframe-error-overlay .error-content{text-align:center;padding:40px 20px;max-width:680px}.youtube-wrapper .iframe-error-overlay h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.youtube-wrapper .iframe-error-overlay p{font-size:14px;color:#fffc;margin:0 0 24px;line-height:1.5}.youtube-wrapper .iframe-error-overlay .open-link-button{background:linear-gradient(135deg,red,#c00);color:#fff;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;margin-top:0;transition:all .3s ease;box-shadow:0 4px 12px #ff00004d;display:inline-flex;align-items:center;gap:8px}.youtube-wrapper .iframe-error-overlay .open-link-button:hover{background:linear-gradient(135deg,#c00,#a00);transform:translateY(-2px);box-shadow:0 6px 16px #f006}.youtube-wrapper .iframe-error-overlay .open-link-button:before{content:"▶";font-size:12px}.youtube-thumbnail-error{width:100%;height:100%;object-fit:cover;display:block}.youtube-thumbnail-link{display:block;text-decoration:none;color:inherit;z-index:1}.youtube-wrapper .iframe-error-overlay{background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:2}.split-bar{transition:background-color .2s}.split-bar:hover{opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.snapshots{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px;width:100%;max-width:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,.2);margin-bottom:24px}.snapshots-container{height:100%;width:100%;position:relative;display:flex;flex-direction:column;padding-bottom:36px}@media (max-width: 1200px){.snapshots{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.snapshots{grid-template-columns:1fr;gap:16px;padding:16px;height:calc(100vh - 160px);margin-bottom:20px}.snapshots-container{padding-bottom:24px}}.snapshot{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;cursor:pointer;background-color:#1a1a1a;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;width:100%;height:0;padding-bottom:56.25%}.snapshot:hover{transform:scale(1.02);border-color:#06e19e}.snapshot img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.snapshot:hover .overlay{opacity:1}.overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:#000000b3;color:#fff;font-size:12px;opacity:0;transition:opacity .2s ease;display:flex;justify-content:space-between;align-items:center}.delete-button{background-color:transparent;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;padding:0}.delete-button:hover{color:#f44;transform:scale(1.1)}.filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.delete-button:focus{outline:none}.snapshots::-webkit-scrollbar{width:8px}.snapshots::-webkit-scrollbar-track{background:#8c6ff01a;border-radius:4px}.snapshots::-webkit-scrollbar-thumb{background:#6b4fbb;border-radius:4px}.snapshots::-webkit-scrollbar-thumb:hover{background:#8c6ff0}.snapshot-dialog-title{display:flex;justify-content:space-between;align-items:center;padding:16px!important;background-color:#1a1a1a;color:#fff}.snapshot-dialog-title-text{font-size:16px;font-weight:500}.snapshot-close-button{color:#fff!important}.snapshot-content{position:relative;padding:0!important;background-color:#1a1a1a;display:flex;align-items:center;justify-content:center;min-width:80vw;min-height:80vh}.snapShot-image{max-width:100%;max-height:80vh;object-fit:contain}.snapshot-nav-button{position:absolute!important;color:#fff!important;background-color:#00000080!important;z-index:1}.snapshot-nav-button.prev{left:16px}.snapshot-nav-button.next{right:16px}.snapshot-nav-button:hover{background-color:#000000b3!important}.snapshot-nav-button:disabled{opacity:.5;cursor:not-allowed}.exercise-card{background:#000;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;height:100%;min-height:280px}.exercise-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006;border-color:#06e19e}.exercise-card-top{padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer}.exercise-card-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%}.checkmark-icon{color:#fff;font-size:20px;font-weight:700}.exercise-card-title{color:#fff;font-size:18px;font-weight:700;flex:1}.exercise-card-bottom{background:#000;padding:16px;display:flex;flex-direction:column;gap:16px;flex:1}.exercise-card-preview{display:flex;flex-direction:column;gap:12px;cursor:pointer;flex:1}.exercise-content-preview{color:#fffc;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.read-more-link{color:#06e19e;font-size:inherit;font-weight:500;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;transition:all .2s ease}.read-more-link:hover{color:#05c985;text-decoration-color:#05c985}.exercise-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease-out;overflow-y:auto}.exercise-modal-content{background:#1a1a1a;border-radius:16px;max-width:800px;width:calc(100% - 40px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(156,39,176,.3);box-shadow:0 20px 60px #000c;animation:slideUp .3s ease-out;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}@media (min-width: 860px){.exercise-modal-content{width:800px}}@keyframes slideUp{0%{transform:translate(-50%,-45%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.exercise-modal-header{background:linear-gradient(135deg,#9c27b0,#7b1fa2);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.1)}.exercise-modal-title{color:#fff;font-size:24px;font-weight:700;margin:0;flex:1}.exercise-modal-close{background:#ffffff1a;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffe6;font-size:28px;line-height:1;transition:all .2s ease;flex-shrink:0}.exercise-modal-close:hover{background:#fff3;color:#fff}.exercise-modal-body{padding:32px 40px;overflow-y:auto;flex:1;background:#0a0a0a}.exercise-modal-text{color:#fffffff2;font-size:17px;line-height:1.8;letter-spacing:.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-align:left;font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.exercise-modal-text p{margin-bottom:1.5em;text-indent:0}.exercise-modal-text b{font-weight:700;color:#fff;font-size:1.1em;letter-spacing:.02em;display:block;margin-top:2em;margin-bottom:.75em;line-height:1.4}.exercise-modal-text>b:first-child,.exercise-modal-text>*:first-child b{margin-top:0}.exercise-modal-text p.section-header{font-weight:700;font-size:1.15em;color:#fff;margin-top:2.5em;margin-bottom:1.25em;letter-spacing:.05em;line-height:1.4;text-transform:uppercase;border-bottom:2px solid rgba(156,39,176,.3);padding-bottom:.75em;position:relative}.exercise-modal-text p.section-header:first-child{margin-top:0}.exercise-modal-text p:not(.section-header){margin-bottom:1.75em;text-indent:0;line-height:1.9;color:#ffffffeb;font-weight:400}.exercise-modal-text p.section-header+p{margin-top:1.25em}.exercise-modal-text p:not(.section-header) b{font-weight:600;color:#fffffffa}.modal-textarea{min-height:400px}.exercise-modal-footer{display:flex;justify-content:flex-end;align-items:center;padding:20px 28px;background:#1a1a1a;border-top:1px solid rgba(255,255,255,.1)}.exercise-modal-footer-left{display:flex;align-items:center;gap:12px}.exercise-card-actions{display:flex;gap:8px;align-items:flex-end;flex-wrap:nowrap;white-space:nowrap;margin-left:auto;min-height:32px;padding:16px}.exercise-action-btn{background:none;border:none;cursor:pointer;color:#fff9;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.7;height:32px;width:32px;flex-shrink:0}.exercise-action-btn:hover{opacity:1;color:#06e19e;background:#ffffff1a}.exercise-edit-textarea{width:100%;min-height:100px;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;outline:none}.exercise-edit-textarea:focus{border-color:#06e19e}.chat-with-ai-card{background:#000;border:2px dashed #06e19e;border-radius:12px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .2s ease;min-height:200px}.chat-with-ai-card:hover{background:#06e19e0d;border-color:#06e19e;transform:translateY(-2px);box-shadow:0 4px 12px #06e19e33}.chat-with-ai-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#06e19e1a;border-radius:50%;border:2px solid #06e19e}.plus-icon{color:#06e19e;font-size:36px;font-weight:700;line-height:1}.chat-with-ai-title{color:#fff;font-size:24px;font-weight:700;text-align:center}.chat-with-ai-description{color:#ffffffb3;font-size:14px;text-align:center}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px 0;margin-bottom:160px}@media (max-width: 768px){.exercises-grid{grid-template-columns:1fr}}.loading-exercises{text-align:center;color:#fff9;font-size:16px;padding:40px 20px}.content-view{padding:20px}.dashboard-widget{position:relative;background:transparent}.signal-strength{display:flex;align-items:flex-end;gap:4px;height:32px;min-height:32px;flex-shrink:0}.signal-bar{width:10px;background-color:#333;border-radius:2px;cursor:pointer;transition:background-color .2s}.signal-bar:hover{background-color:#444}.signal-bar:nth-child(1){height:16px}.signal-bar:nth-child(2){height:24px}.signal-bar:nth-child(3){height:32px}.signal-bar.active{background-color:#f07}.signal-strength .badge-text{min-width:100px;font-weight:600;color:#fff;font-size:.85rem;opacity:.8}.signal-bar.active+.badge-text{opacity:1}.complete-button{background:transparent;border:none;padding:0;cursor:pointer;transition:all .3s ease;margin:0;outline:none;min-height:32px;display:flex;align-items:flex-end;flex-shrink:0}.complete-button:focus{outline:none;border:none}.complete-button:hover{background:transparent;transform:none}.complete-button.marked{background:transparent;border:none;box-shadow:none;transform:none}.learned-state{display:flex;align-items:center;gap:5px;animation:learnedPulse .6s ease-out;position:relative}.new-state{display:flex;align-items:center;gap:5px;transition:all .3s ease}.icon-circle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f07c;border-radius:50%;transition:all .2s;outline:none;border:none}.icon-circle:hover{transform:scale(1.05)}.new-state .icon-circle{background:#ffffff4d}.new-state .icon-circle:hover{transform:scale(1.05)}.badge-icon{color:#fff;font-size:.9em;font-weight:700}.badge-text{min-width:100px;font-weight:500;color:#ffffffe6;font-size:.7em}.learned-state .badge-text{color:#f07}.new-state .badge-text{color:#ffffffe6;font-weight:500;font-size:.7em}.learned-sparkle{position:absolute;top:-4px;right:-4px;display:inline-block;animation:learnedSparkle 1.5s ease-in-out infinite;font-size:.9em}@keyframes learnedPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes learnedSparkle{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.3) rotate(20deg);opacity:.7}50%{transform:scale(.8) rotate(-15deg);opacity:1}75%{transform:scale(1.2) rotate(10deg);opacity:.8}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.question-cloud-container{width:100%;height:100%;position:relative;background:transparent;overflow:hidden}.question-cloud-container .react-flow{width:100%;height:100%}.cloud-node-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .4s ease;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(-5px)}75%{transform:translateY(-15px)}}.cloud-node-wrapper:hover{animation:none;transform:scale(1.1) translateY(-12px)!important;z-index:100!important}.cloud-svg{transition:all .4s ease}.cloud-node-wrapper:hover .cloud-svg{transform:scale(1.05)}.cloud-node-wrapper:hover .cloud-svg{animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 8px 24px rgba(129,140,248,.3)) drop-shadow(0 0 40px rgba(129,140,248,.3))}50%{filter:drop-shadow(0 12px 32px rgba(129,140,248,.5)) drop-shadow(0 0 60px rgba(129,140,248,.5))}}.cloud-node-wrapper:hover .cloud-svg circle,.cloud-node-wrapper:hover .cloud-svg ellipse{stroke-width:5;transition:stroke-width .3s ease}.question-cloud-container .react-flow__panel{background:#1e293be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-cloud-container .react-flow__edge-path{transition:stroke-width .3s,stroke .3s,opacity .3s;opacity:.5}.question-cloud-container .react-flow__edge-path:hover{stroke-width:5px!important;opacity:.8;stroke:#94a3b899!important}@keyframes flowAnimation{0%{stroke-dashoffset:0}to{stroke-dashoffset:-16}}.question-cloud-container .react-flow__edge.animated path{animation:flowAnimation 1s linear infinite}.question-cloud-container .react-flow__edge-text{display:none}.question-cloud-container .react-flow__controls{background:#1e293be6;border:1px solid rgba(100,116,139,1);border-radius:8px;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-cloud-container .react-flow__controls-button{border:none;background:#334155;color:#fffc;transition:all .2s;border-bottom:1px solid rgba(100,116,139,1)}.question-cloud-container .react-flow__controls-button:hover{background:#475569;color:#fff}.question-cloud-container .react-flow__controls-button svg{fill:currentColor}.question-cloud-container .react-flow__minimap{background:#1e293be6;border:2px solid rgba(100,116,139,1);border-radius:8px}.question-cloud-container .react-flow__minimap-mask{fill:#0f172ab3}.question-cloud-container .react-flow__background{background-color:transparent}@keyframes spiral-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-50}}.spiral-dash-anim{animation:spiral-dash 3s linear infinite}.blur-2xl{filter:blur(40px)}.orbital-guides{opacity:.8;transition:opacity .3s ease}.orbital-guides ellipse{transition:all .3s ease}@keyframes orbit-pulse{0%,to{opacity:.15}50%{opacity:.3}}.orbital-guides ellipse:nth-child(1){animation:orbit-pulse 4s ease-in-out infinite}.orbital-guides ellipse:nth-child(2){animation:orbit-pulse 6s ease-in-out infinite;animation-delay:.5s}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.1);opacity:.3}}@keyframes slideInFromTop{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.question-bubble-container{position:relative;cursor:pointer;animation:fadeIn .5s ease-out}.question-bubble-container.has-timestamp:hover{transform:translateY(-4px)}.question-bubble-container.has-timestamp .question-bubble-rounded-rect{transition:all .3s ease-out,transform .3s ease-out}.question-bubble-rounded-rect{position:absolute;top:0;left:0;transition:all .3s ease-out}.question-bubble-rounded-rect:hover{transform:scale(1.05)}.question-bubble-rounded-rect.selected{transform:scale(1.1)}.question-bubble-pulse-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:2px solid;opacity:.3;animation:pulse 3s ease-in-out infinite;pointer-events:none}.question-bubble-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;pointer-events:none}.question-bubble-tail{transition:all .3s ease-out}.question-bubble-container:hover .question-bubble-tail{transform:scale(1.05)}.question-bubble-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none}.question-bubble-icon{margin-bottom:.5rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.question-bubble-container:hover .question-bubble-icon{transform:scale(1.1)}.question-bubble-timestamp{position:absolute;top:8px;right:12px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;font-family:Courier New,monospace;text-shadow:0 1px 2px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);z-index:20;pointer-events:none;transition:all .3s ease}.question-bubble-container.has-timestamp:hover .question-bubble-timestamp{background:#000000b3;border-color:#fff6;transform:scale(1.05)}.question-bubble-category{margin-bottom:.25rem;color:#fff;text-transform:uppercase;letter-spacing:1px;font-weight:700;opacity:.85;font-size:22px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.question-bubble-text{font-weight:600;color:#fff;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.3);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.question-bubble-text.big{font-size:32px;line-height:1.5}.question-bubble-text.small{font-size:30px;line-height:1.5}.question-bubble-details{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:2rem;background:linear-gradient(135deg,#0f172afa,#1e293bfa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;color:#f1f5f9;z-index:50;border:4px solid var(--detail-border-color, #818cf8);box-shadow:0 0 0 4px var(--detail-glow-color, rgba(99, 102, 241, .4)),0 25px 80px #0009;padding:3rem;min-width:600px;max-width:700px;animation:slideInFromTop .3s ease-out}.question-bubble-details-title{font-size:1.125rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem;padding-bottom:1rem;opacity:.95;color:var(--detail-title-color, #818cf8);border-bottom:3px solid var(--detail-accent-color, #4f46e5)}.question-bubble-details-content{font-size:1.5rem;line-height:1.8;color:#e2e8f0;font-weight:400}.question-bubble-handle{background:transparent!important;border:0!important}.react-flow__node.selected.react-flow__node-questionBubble,.react-flow__node-questionBubble.selected,.react-flow__node-questionBubble:hover,.react-flow__node.react-flow__node-questionBubble:hover,.react-flow__node-questionBubble.selected:hover{border:none!important;box-shadow:none!important;background:transparent!important}.map-header{padding:16px;display:flex;justify-content:space-between;align-items:center;background-color:#242424e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1)}.view-selector{display:flex;gap:8px}.view-type-button{background:none;border:none;color:#fff9;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.view-type-button:hover{background-color:#ffffff1a;color:#fff}.view-type-button.active{background-color:#6b4fbb;color:#fff}.map-title{display:flex;align-items:center;gap:8px}.map-header-right{display:flex;align-items:center}.settings-icon{color:#666}.settings-icon.active{color:#6b4fbb}.beta-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;border-radius:4px;text-transform:uppercase;box-shadow:0 2px 4px #10b98166;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 2px 4px #10b98166;transform:scale(1)}50%{box-shadow:0 2px 8px #10b98199;transform:scale(1.02)}}.map-action-bar{position:fixed;right:20px;top:50%;gap:10px;transform:translateY(-50%);padding:12px;border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center}.select-all{padding-bottom:8px;border-bottom:1px solid #333;margin-bottom:8px}.card-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px 0}.card-list label{display:flex;gap:8px;align-items:center;cursor:pointer}.settings-icon{transition:color .2s ease}.settings-icon:hover{color:#1976d2!important}.content-link-input{background-color:#ffffff1a;border-radius:12px;padding:24px;margin-left:16px;max-width:100%;height:calc(100vh - 232px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6b4fbb rgba(255,255,255,.1)}.step-indicator{background-color:#6b4fbb;color:#fff;display:inline-block;padding:4px 12px;border-radius:16px;font-size:14px;margin-bottom:16px}h2{font-size:24px;margin-bottom:12px}.description{color:#a9a9a9;margin-bottom:24px}.link-input-container{display:flex;flex-direction:column;gap:8px;margin-bottom:5px}.input-row{display:flex;align-items:center;gap:3px;width:100%}.link-input-wrapper{flex:2;position:relative}.link-input{width:100%;padding:12px 40px 12px 12px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff}.link-input-wrapper:has(.type-badge-inline) .link-input{padding-left:90px}.link-input::placeholder{color:#999;opacity:1}.discover-button{width:100%;padding:12px;background-color:#6b4fbb;color:#fff;border:none;border-radius:8px;cursor:pointer!important;transition:background-color .3s ease}.discover-button:hover{background-color:#5a3fa0}.discover-button:disabled{background-color:#4a4a4a;cursor:not-allowed}.remove-link-button{background:none;border:none;color:#666;cursor:pointer;padding:8px;margin-left:8px;font-size:16px}.remove-link-button:hover{color:#f44}.add-more-button{background:none;border:1px dashed #6b4fbb;color:#fff;padding:12px;border-radius:8px;cursor:pointer;width:100%;margin:16px 0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.add-more-button:hover{background-color:#6b4fbb1a;border-color:#6b4fbb}.add-more-button:before{content:"+";font-size:18px;font-weight:700}.status-container{display:flex;align-items:center;gap:8px;margin-top:4px}.status-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;z-index:1}.status-indicator .checking{color:#999;font-size:18px}.status-indicator .valid{color:#39ff14e6;font-size:16px;font-weight:700}.status-indicator .invalid{color:#f44336;font-size:16px;font-weight:700}.status-message{font-size:12px;margin-top:4px}.status-message.valid{color:#4caf50}.status-message.invalid{color:#f44336}.link-input.valid{border-color:#4caf50}.link-input.invalid{border-color:#f44336}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.space-header{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;position:relative;min-height:40px}.space-header .header-content{position:relative;width:100%;min-height:40px}.space-header h2{position:absolute;left:0;top:0;margin:0;white-space:nowrap;z-index:5}.close-button{position:absolute;top:0;right:0;background:none;border:none;color:#999;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;z-index:10}.close-button:hover{color:#fff;background-color:#ffffff1a}.space-title-input{flex:1;width:100%}.title-input{flex:2;min-width:200px;width:100%;padding:12px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:800}.title-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-transparent)}.title-input::placeholder{color:#999;opacity:1}.resources-form-container{padding-right:16px;margin-bottom:20px;padding-bottom:16px}.content-link-input::-webkit-scrollbar{width:8px}.content-link-input::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.content-link-input::-webkit-scrollbar-thumb{background:#6b4fbb;border-radius:4px}.content-link-input::-webkit-scrollbar-thumb:hover{background:#5a3fa0}.resources-form-container{scrollbar-width:thin;scrollbar-color:#6b4fbb rgba(255,255,255,.1)}.resource-row-wrapper{margin-bottom:12px;transition:opacity .2s ease;cursor:move}.resource-row-wrapper.dragging{opacity:.5}.drag-handle{display:flex;align-items:center;justify-content:center;color:#666;cursor:grab;padding:8px;transition:color .2s ease}.drag-handle:hover{color:#999}.drag-handle:active{cursor:grabbing}.type-badge-inline{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:inline-block;padding:3px 8px;border-radius:10px;font-size:9px;font-weight:700;text-transform:uppercase;color:#fff;white-space:nowrap;pointer-events:none;z-index:1}.type-badge-inline.youtube{background-color:#f00c}.type-badge-inline.pdf{background-color:#ff5722cc}.type-badge-inline.twitter{background-color:#1da1f2cc}.type-badge-inline.linkedin{background-color:#0077b5cc}.type-badge-inline.webpage{background-color:#6b4fbbcc}.type-badge-inline.google-doc{background-color:#4285f4cc}.type-badge-inline.google-drive{background-color:#0b8043cc}.type-badge-inline.notion{background-color:#000c;border:1px solid rgba(255,255,255,.3)}.type-badge-inline.yesspark{background-color:#9b51e0cc}.type-badge-inline.chatgpt{background-color:#10a37fcc}.duplicate-error{color:#f44336;font-size:12px;margin-top:8px;margin-left:40px;padding:6px 12px;background-color:#f4433626;border-radius:6px;border-left:3px solid #f44336}.learning-path-flow-container{width:100%;height:100vh;position:relative;background:#0a0a0a;display:flex;flex-direction:column;overflow:hidden}.learning-path-header-fixed{width:100%;background:#141414fa;border-bottom:2px solid rgba(102,126,234,.3);padding:20px 32px;box-shadow:0 4px 20px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;flex-shrink:0}.header-content-wrapper{max-width:1800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.header-left{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.header-icon{color:#667eea;font-size:36px!important;flex-shrink:0;margin-top:4px}.header-text{flex:1;min-width:0}.title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}.journeys-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:8px 16px;min-width:70px;box-shadow:0 4px 12px #667eea66;flex-shrink:0}.journeys-count{font-size:28px;font-weight:800;color:#fff;line-height:1}.journeys-label{font-size:11px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.header-title{font-size:28px;font-weight:700;margin:0;color:#fff;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.header-subtitle{font-size:15px;color:#a8b3cf;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.arc-navigation{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.arc-nav-button{width:44px;height:44px;border-radius:12px;border:2px solid rgba(102,126,234,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.arc-nav-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hover-gradient, linear-gradient(135deg, #667eea 0%, #764ba2 100%));opacity:0;transition:opacity .3s ease;border-radius:12px}.arc-nav-button:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-8px);background:linear-gradient(135deg,#14141efa,#1e1e28fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;z-index:100;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5);min-width:max-content;max-width:400px}.arc-nav-button:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.arc-navigation .arc-nav-button:nth-child(1):after,.arc-navigation .arc-nav-button:nth-child(2):after{left:0;transform:translate(0) translateY(-8px)}.arc-navigation .arc-nav-button:nth-child(1):hover:after,.arc-navigation .arc-nav-button:nth-child(2):hover:after{transform:translate(0) translateY(0)}.arc-nav-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-color, rgba(102, 126, 234, .4))}.arc-nav-button:hover:before{opacity:1}.arc-nav-button:active{transform:translateY(0)}.arc-nav-number{position:relative;z-index:1;font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-stats{display:flex;gap:16px;flex-shrink:0}.header-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 24px;border-radius:12px;min-width:100px;box-shadow:0 4px 12px #667eea4d}.header-stats .stat-label{font-size:11px;opacity:.9;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:#fff}.header-stats .stat-value{font-size:32px;font-weight:800;color:#fff;line-height:1}.learning-path-canvas{flex:1;width:100%;position:relative;overflow:hidden}.learning-path-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:24px;color:#fff}.generating-spinner{width:64px;height:64px;border:5px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.learning-path-generating p{font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.2)}.generating-subtitle{font-size:16px;opacity:.9}.learning-path-flow-container .react-flow__background{background-color:#1a1a1a!important}.learning-path-flow-container .react-flow__controls{background:#1e1e1ef2!important;border-radius:12px!important;box-shadow:0 8px 32px #00000080!important;border:1px solid rgba(255,255,255,.1)!important}.learning-path-flow-container .react-flow__controls button{background:transparent!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:#a8b3cf!important;transition:all .2s ease!important}.learning-path-flow-container .react-flow__controls button:hover{background:#ffffff0d!important;color:#667eea!important}.learning-path-flow-container .react-flow__controls button:last-child{border-bottom:none!important}.flow-panel{background:#141414f2;border-radius:16px;padding:20px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:500px;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.settings-icon-panel{background:#141414f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:8px;box-shadow:0 4px 20px #00000080;border:1px solid rgba(255,255,255,.1)}.settings-toggle-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:10px;color:#a8b3cf;cursor:pointer;transition:all .2s ease}.settings-toggle-btn:hover{background:#667eea33;color:#667eea;transform:scale(1.05)}.settings-toggle-btn svg{font-size:24px}.controls-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.controls-menu-popup{z-index:1000;background:#141414fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:0;box-shadow:0 20px 60px #0009;border:1px solid rgba(255,255,255,.1);max-width:320px;max-height:80vh;overflow:hidden;animation:slideInMenu .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.controls-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#1e1e1ecc}.controls-menu-title{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:15px}.controls-menu-title .filter-icon{color:#667eea;font-size:20px}.close-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:8px;color:#a8b3cf;cursor:pointer;transition:all .2s ease}.close-menu-btn:hover{background:#f003;color:#f55}.controls-menu-content{padding:20px;max-height:calc(80vh - 64px);overflow-y:auto;display:flex;flex-direction:column;gap:16px}.controls-menu-content::-webkit-scrollbar{width:6px}.controls-menu-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.controls-menu-content::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.controls-menu-content::-webkit-scrollbar-thumb:hover{background:#667eea80}.filter-panel{display:flex;flex-direction:column;gap:16px;max-width:280px}.filter-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#a8b3cf;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.filter-icon{font-size:18px!important;color:#667eea}.tags-section{margin-bottom:20px}.tags-section .section-title{font-size:13px;font-weight:700;color:#fff;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.tags-grid{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{padding:6px 12px;background:#1e1e1ecc;border:1px solid rgba(255,255,255,.1);color:#a8b3cf;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tag-chip:hover{background:#667eea26;border-color:#667eea;color:#fff}.tag-chip.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 2px 8px #667eea66}.journey-info{margin-bottom:20px}.info-title{font-size:13px;font-weight:700;color:#fff;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.masteries-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.masteries-list li{padding:10px 14px;background:#667eea1a;border-left:3px solid #667eea;border-radius:6px;font-size:13px;color:#a8b3cf;line-height:1.4;transition:all .2s ease}.masteries-list li:hover{background:#667eea26;border-left-width:4px;padding-left:18px}.masteries-list li.more-indicator{background:#f59e0b1a;border-left-color:#f59e0b;color:#fbbf24;font-weight:600;font-style:italic}.filter-buttons{display:flex;flex-direction:column;gap:8px}.filter-chip{padding:12px 16px;border:2px solid rgba(255,255,255,.1);background:#1e1e1ecc;color:#a8b3cf;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;align-items:center;gap:8px}.filter-chip:hover{border-color:#667eea;background:#667eea26;transform:translate(4px);color:#fff}.filter-chip.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea66}.filter-chip.beginner.active{background:linear-gradient(135deg,#10b981,#059669)}.filter-chip.intermediate.active{background:linear-gradient(135deg,#f59e0b,#d97706)}.filter-chip.advanced.active{background:linear-gradient(135deg,#ef4444,#dc2626)}.selected-tag-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#f59e0b26;border-radius:8px;font-size:13px;border:1px solid rgba(245,158,11,.3)}.selected-tag-label{color:#fbbf24;flex:1}.clear-filter-btn{padding:4px 12px;background:#f59e0b33;border:1px solid #f59e0b;color:#fbbf24;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-filter-btn:hover{background:#f59e0b;color:#1a1a1a}.reset-view-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#1e1e1ecc;border:2px solid rgba(255,255,255,.1);color:#a8b3cf;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-view-btn:hover{border-color:#667eea;color:#fff;background:#667eea26}.regenerate-section{margin-top:0;padding-top:0;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.mastery-topic-input-wrapper{margin-bottom:16px}.mastery-topic-input{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s ease;outline:none}.mastery-topic-input::placeholder{color:#a8b3cf99}.mastery-topic-input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mastery-topic-input:disabled{opacity:.5;cursor:not-allowed}.input-hint{font-size:11px;color:#a8b3cfb3;margin:8px 0 0;line-height:1.4}.regenerate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66;width:100%}.regenerate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.regenerate-btn:active:not(:disabled){transform:translateY(0)}.regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.regenerate-btn svg{font-size:20px}.instructions-panel{background:#141414f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 24px;border-radius:24px;box-shadow:0 4px 20px #00000080;border:1px solid rgba(255,255,255,.1)}.instructions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.instruction-item{font-size:13px;color:#a8b3cf;font-weight:500;white-space:nowrap}.instruction-divider{color:#fff3;font-size:16px}.zoom-controls-section{margin-bottom:20px}.zoom-controls-section .section-title{font-size:13px;font-weight:700;color:#fff;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.zoom-controls{display:flex;flex-direction:row;gap:8px}.zoom-button{background:#ffffff0d;border:none;color:#fff;flex:1;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:600;transition:all .2s ease;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.zoom-button:hover{background:#667eea4d;border-color:#667eea;transform:scale(1.02)}.zoom-button:active{transform:scale(.98);background:#667eea66}.zoom-button svg{color:#fff;font-size:20px}@media (max-width: 1200px){.header-content-wrapper{flex-direction:column;align-items:flex-start;gap:20px}.header-stats{width:100%;justify-content:flex-start}.header-stats .stat-item{flex:1;min-width:90px}}@media (max-width: 768px){.learning-path-header-fixed{padding:16px 20px}.header-icon{font-size:28px!important}.title-row{gap:12px}.journeys-badge{padding:6px 12px;min-width:60px}.journeys-count{font-size:24px}.journeys-label{font-size:10px}.header-title{font-size:22px}.header-subtitle{font-size:13px}.header-stats{gap:12px}.header-stats .stat-item{padding:10px 16px;min-width:80px}.header-stats .stat-label{font-size:10px}.header-stats .stat-value{font-size:24px}.arc-navigation{gap:8px;margin-top:12px}.arc-nav-button{width:38px;height:38px}.arc-nav-number{font-size:16px}.flow-panel,.filter-panel{max-width:calc(100vw - 40px)}.instructions{gap:8px}.instruction-item{font-size:11px}.instruction-divider{display:none}}@keyframes nodeAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.learning-path-flow-container .react-flow__node{animation:nodeAppear .5s cubic-bezier(.4,0,.2,1)}@keyframes edgeAppear{0%{opacity:0;stroke-dashoffset:100}to{opacity:1;stroke-dashoffset:0}}.learning-path-flow-container .react-flow__edge{animation:edgeAppear 1s ease}.content-node{border-radius:16px;padding:16px;box-shadow:0 6px 24px #0006;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid;max-width:340px;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content-node.expanded{max-width:400px;min-width:350px}.content-node:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 36px #0009}.content-node.dimmed{opacity:.3;filter:grayscale(.8)}.content-node.recommended-card{cursor:default!important}.content-node.recommended-card:hover{transform:none;box-shadow:0 6px 24px #0006}.content-node-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.content-icon{font-size:24px;flex-shrink:0}.content-title-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;flex:1}.content-title{font-size:20px;font-weight:600;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;min-width:0}.content-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.expand-btn{background:none;border:none;color:#a8b3cf;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.expand-btn:hover{background:#667eea33;color:#667eea}.expand-btn svg{font-size:18px}.resource-link-icon{font-size:16px;opacity:.8;transition:all .2s ease;text-decoration:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;background:#ffffff0d}.resource-link-icon:hover{opacity:1;transform:scale(1.15);background:#ffffff1a}.resource-link-icon.recommended{background:#f59e0b26;font-size:18px}.resource-link-icon.recommended:hover{background:#f59e0b40;box-shadow:0 0 8px #f59e0b4d}.memories-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.memories-header-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.memories-header{font-size:12px;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px;flex:1}.memories-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.memory-item{display:flex;gap:10px;background:#ffffff08;padding:10px;border-radius:8px;border-left:2px solid rgba(102,126,234,.4)}.memory-number{background:#667eea33;color:#667eea;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.memory-content{flex:1}.memory-content p{font-size:16px;color:#a8b3cf;line-height:1.5;margin:0}.more-memories-hint{text-align:center;padding:8px;font-size:11px;color:#667eea;font-weight:600;font-style:italic;opacity:.8}.recommended-reason{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px;background:#f59e0b1a;border-radius:8px}.reason-icon{font-size:18px;flex-shrink:0;line-height:1}.reason-text{flex:1}.reason-text strong{display:block;font-size:12px;color:#f59e0b;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.reason-text p{font-size:16px;color:#a8b3cf;line-height:1.5;margin:0}.content-body{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.content-body p{font-size:13px;color:#a8b3cf;line-height:1.6;margin:0}.content-node.purpose{min-width:260px}.content-node.purpose:hover{border-color:#667eea;box-shadow:0 12px 36px #667eea66}.content-node.when{min-width:260px}.content-node.when:hover{border-color:#f59e0b;box-shadow:0 12px 36px #f59e0b66}.content-node.resource:hover{border-color:#10b981;box-shadow:0 12px 36px #10b98166}@media (max-width: 768px){.content-node{min-width:150px;max-width:200px;padding:10px 14px}.content-title{font-size:13px}.content-icon{font-size:18px}}.arc-node.horizontal{display:flex;align-items:stretch;background:#1e1e1ef2;border-radius:20px;box-shadow:0 10px 40px #00000080;width:800px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(102,126,234,.3)}.arc-node.horizontal:hover{box-shadow:0 20px 60px #667eea66;transform:translateY(-4px);border-color:#667eea}.arc-node.horizontal.dimmed{opacity:.4;filter:grayscale(.5)}.arc-badge-section{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:24px;flex-shrink:0}.arc-number-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.arc-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#ffffffe6;text-transform:uppercase}.arc-number{font-size:36px;font-weight:900;color:#fff;line-height:1;letter-spacing:-1px}.arc-main-content{flex:1;padding:24px;display:flex;flex-direction:column;gap:16px}.arc-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.arc-title{font-size:24px;font-weight:700;color:#fff;margin:0;line-height:1.3;flex:1}.arc-details{display:flex;flex-direction:column;gap:12px}.arc-detail-item{display:flex;gap:10px;align-items:flex-start}.detail-icon{font-size:18px;flex-shrink:0;margin-top:2px}.detail-content{flex:1}.detail-content strong{display:block;font-size:20px;color:#a8b3cf;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:700}.detail-content p{font-size:18px;color:#fff;line-height:1.6;margin:0}.arc-detail-item.purpose{padding:12px;background:#667eea14;border-radius:10px;border-left:3px solid #667eea}.arc-detail-item.when{padding:12px;background:#f59e0b14;border-radius:10px;border-left:3px solid #f59e0b}.arc-detail-item.why-resources{padding:12px;background:#10b98114;border-radius:10px;border-left:3px solid #10b981}.arc-detail-item.why-resources .detail-icon{color:#10b981}.arc-meta-section{display:flex;flex-direction:column;gap:16px;padding:24px 20px;background:#28282880;border-left:1px solid rgba(255,255,255,.05);flex-shrink:0;min-width:140px;justify-content:center}.arc-resources-badge{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#10b98126;border-radius:12px;border:2px solid rgba(16,185,129,.3)}.arc-resources-badge.inline{flex-direction:row;padding:8px 16px;flex-shrink:0;gap:8px}.resource-icon{font-size:28px}.arc-resources-badge.inline .resource-icon{font-size:18px}.resource-count{font-size:28px;font-weight:800;color:#10b981;line-height:1}.arc-resources-badge.inline .resource-count{font-size:20px}.resource-label{font-size:10px;color:#a8b3cf;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.arc-resources-badge.inline .resource-label{display:none}.arc-transition{padding:12px;background:#10b98114;border-radius:10px;border:1px solid rgba(16,185,129,.2);display:flex;flex-direction:column;gap:6px}.transition-icon{font-size:20px;color:#10b981;font-weight:700}.arc-transition p{font-size:11px;color:#a8b3cf;line-height:1.5;margin:0;font-style:italic}@media (max-width: 768px){.arc-node.horizontal{width:600px;flex-direction:column}.arc-badge-section{padding:16px}.arc-number{font-size:28px}.arc-main-content{padding:20px}.arc-meta-section{flex-direction:row;width:auto;border-left:none;border-top:1px solid rgba(255,255,255,.05)}}.settings-container{display:flex;height:100vh;background-color:#1a1625}.settings-sidebar{width:240px;background-color:#000000b5;border-right:1px solid rgba(255,255,255,.12);padding:16px 0;display:flex;flex-direction:column;height:100%}.back-button{padding:8px 16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:16px}.workspace-header,.teams-header{padding:8px 16px;font-size:12px;font-weight:600;color:#6e7781;text-transform:uppercase;letter-spacing:.5px;margin-top:16px}.settings-nav{display:flex;flex-direction:column;margin-bottom:16px}.nav-item{display:flex;align-items:center;padding:8px 16px;text-decoration:none;cursor:pointer;transition:background-color .2s;border-radius:6px;margin:2px 8px}.nav-item:hover{color:#fff;border-color:#8b5fbf}.nav-item.active{background-color:#8b5fbf;font-weight:500;color:#fff}.nav-icon{margin-right:8px;width:20px;text-align:center}.team-item{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;margin:2px 8px;border-radius:6px;cursor:pointer}.team-item:hover{color:#0969da;background-color:#f6f8fa}.team-arrow{color:#6e7781;font-size:14px}.settings-content{flex:1;padding:24px;overflow-y:auto;background-color:#000000b5;margin:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.contact-us-container{background-color:#1e1e1e;bottom:0;color:#ccc;border-radius:8px;padding:20px;width:240px;margin:40px auto;position:absolute;box-shadow:0 0 0 1px #333}.contact-us-header{display:flex;justify-content:space-between;align-items:center}.contact-us-header h2{margin:0;font-size:18px;color:#fff}.close-btn{background:#2a2a2a;border:none;color:#fff;font-size:10px;width:28px;height:28px;border-radius:6px;cursor:pointer}.close-btn:hover{background:#444}.contact-us-text{margin-top:12px;font-size:14px;color:#aaa}.email{display:inline-block;background:#000;color:#fff;vertical-align:middle;border-radius:2px;margin-left:5px;padding:0 5px}.settings-page{padding:24px;max-width:800px;margin:0 auto}.settings-content{margin-bottom:24px}.settings-card{background:linear-gradient(120deg,#bae6fd,#d8b4fe);border-radius:16px;padding:24px;margin-bottom:24px;color:#000}.settings-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.settings-info{display:flex;align-items:baseline;gap:12px}.settings-title h2{font-size:24px;font-weight:600;margin:0;color:#000}.settings-description{color:#000000b3;margin:4px 0 0;font-size:14px}.settings-section{padding-top:24px;border-top:1px solid rgba(0,0,0,.1);margin-top:24px}.section-header{margin-bottom:16px}.section-header h3{font-size:18px;font-weight:600;margin:0;color:#000}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.setting-info{flex:1;padding-right:24px}.setting-info h4{font-size:16px;font-weight:500;margin:0 0 4px;color:#000}.setting-info p{color:#000000b3;margin:0;font-size:14px}.org-settings{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px}.members-list{margin-top:24px;border-radius:6px;overflow:hidden}.members-list-header,.member-row{display:grid;grid-template-columns:2fr 3fr 1fr;padding:16px;align-items:center}.members-list-header{font-weight:600;border-bottom:1px solid #e1e4e8}.member-row{border-bottom:1px solid #e1e4e8;transition:background-color .2s}.member-row:last-child{border-bottom:none}.member-cell{display:flex;align-items:center;gap:12px}.member-avatar{width:32px;height:32px;border-radius:50%;background-color:#0969da;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.member-name{font-weight:500;display:flex;align-items:center;gap:8px}.you-badge{font-size:12px;background-color:#e6f7ff;color:#0969da;padding:2px 6px;border-radius:12px;font-weight:500}.member-email,.member-role{font-size:14px}.btn{padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-outline{background-color:#fff;border-color:#d0d7de;color:#24292e}.btn-outline:hover{background-color:#f6f8fa}.btn-primary{background:#8c6ff0;color:#fff;border-color:#8c6ff0}.btn-primary:hover{background:#8c6ff0;border-color:#8c6ff0}.coming-soon-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px}.coming-soon-content{text-align:center;max-width:500px;padding:40px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.coming-soon-icon{font-size:48px;margin-bottom:24px}.coming-soon-content h3{font-size:24px;font-weight:600;margin:0 0 16px;color:#fff}.coming-soon-content>p{font-size:16px;color:#a9a9a9;margin:0 0 32px;line-height:1.5}.coming-soon-features{text-align:left;background:#ffffff08;padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.coming-soon-features h4{font-size:16px;font-weight:500;margin:0 0 16px;color:#fff}.coming-soon-features ul{list-style:none;padding:0;margin:0}.coming-soon-features li{color:#ccc;font-size:14px;position:relative;padding:8px 0 8px 20px}.coming-soon-features li:before{content:"✓";position:absolute;left:0;color:#6b4fbb;font-weight:700}.organizationSettings-container .orgLoader{position:absolute;top:50%;left:55%}.loading-opacity{opacity:.5}.OrganizationDialog .MuiDialogTitle-root+.css-kw13he-MuiDialogContent-root{padding-top:20px!important}.user-profile-info{display:flex;flex-direction:column;gap:12px}.profile-field{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.profile-field label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#0009;min-width:140px;flex-shrink:0}.profile-value{font-size:15px;color:#000000e6;font-weight:500;text-align:right}.profile-id{font-family:Monaco,Courier New,monospace;font-size:13px;word-break:break-all;color:#000000b3}.loading-message{color:#0009;font-style:italic;padding:20px 0}.billing-page{padding:24px;max-width:800px;margin:0 auto}.billing-header{margin-bottom:24px}.brand-info{display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;border-radius:8px;background:#1a1a1a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}.brand-name{font-size:18px;font-weight:600}.plan-card{background:linear-gradient(120deg,#bae6fd,#d8b4fe);border-radius:16px;padding:24px;margin-bottom:24px;color:#000}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.header-actions{display:flex;align-items:center;gap:12px}.plan-title{display:flex;align-items:baseline;gap:12px}.plan-info h2{font-size:24px;font-weight:600;margin:0;color:#000}.plan-description{color:#000000b3;margin:0;font-size:14px}.plan-status{padding:6px 12px;border-radius:20px;background:#0000001a;color:#000c;font-size:13px;font-weight:600}.plan-price{display:flex;align-items:baseline;gap:4px;margin-top:16px;margin-bottom:24px}.price-amount{font-size:36px;font-weight:700;color:#000}.price-period{color:#000000b3}.usage-section{border-top:1px solid rgba(0,0,0,.1);background:linear-gradient(120deg,#bae6fd,#d8b4fe);margin:24px -24px -24px;padding:24px;border-radius:0 0 16px 16px;color:#000}.usage-header{text-transform:uppercase;color:#000000b3;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:16px}.seats-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.seats-title{font-size:16px;font-weight:500;color:#000}.usage-progress{margin-top:12px;background:#0000001a;height:4px;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:#0003;border-radius:2px;transition:width .3s ease}.usage-stats{display:flex;justify-content:space-between;margin-top:12px;font-size:14px}.stats-label{color:#000000b3;margin-right:4px}.stats-value{color:#000;font-weight:500}.action-button{padding:0 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;min-width:120px;white-space:nowrap}.action-button:disabled{opacity:.5;cursor:not-allowed}.primary-button{background:#000c;color:#fff;border:none}.primary-button:hover{background:#000000e6}.primary-button:active{transform:translateY(0)}.secondary-button{background:#0000001a;color:#000c;border:1px solid rgba(0,0,0,.2)}.secondary-button:hover{background:#00000026;border-color:#00000040}.secondary-button:active{transform:translateY(0)}.outline-button{background:transparent;border:1px solid rgba(0,0,0,.2);color:#000c}.outline-button:hover{background:#0000000d;border-color:#0000004d}.outline-button:active{transform:translateY(0)}.button-group{display:flex;gap:12px}.invoice-history{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;color:#fff}.invoice-history h3{font-size:20px;font-weight:600;margin:0 0 16px;color:#fff}.empty-invoice-container{background:#ffffff0d;border-radius:12px;padding:40px 24px;text-align:center;color:#ffffffb3;font-size:14px}.agents-container{width:100%;display:flex;flex-direction:column;align-items:center;padding:24px}.agents-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:8px}.agents-subtitle{color:#ffffffb3;font-size:16px;margin-bottom:40px}.agent-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px}.agent-card{background:#111117b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease-in-out;cursor:pointer;padding:24px;height:400px;width:100%;max-width:360px}.agent-card:hover{transform:scale(1.02);background:#111117cc;z-index:100;border:1px solid rgba(255,200,0,.9);filter:drop-shadow(0 0 15px rgba(255,200,0,1)) drop-shadow(0 0 30px rgba(255,200,0,.8)) drop-shadow(0 0 45px rgba(255,200,0,.6));-webkit-filter:drop-shadow(0 0 15px rgba(255,200,0,1)) drop-shadow(0 0 30px rgba(255,200,0,.8)) drop-shadow(0 0 45px rgba(255,200,0,.6))}.agent-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.agent-name{font-size:24px;font-weight:600;color:#fff}.agent-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:64px;min-height:64px}.agent-icon-wrapper img.agent-icon{width:64px;height:64px;min-width:64px;min-height:64px;object-fit:contain}.agent-description{color:#ffffffb3;font-size:15px;margin-bottom:20px;line-height:1.5}.agent-features{margin-bottom:24px}.agent-feature{color:#fff;display:flex;align-items:center;gap:8px;font-size:14px;padding:4px 0}.agent-feature:before{content:"•";color:#ffffff80}.agent-button{width:100%;padding:12px!important;border-radius:8px!important;font-weight:600!important;font-size:15px!important;background:#635bff!important;color:#fff!important;text-transform:none!important;transition:all .3s ease!important}.agent-button:hover{background:#564fec!important;transform:translateY(-2px)}.spaces-container{height:100vh;min-height:0;overflow:hidden;display:flex;padding:16px;max-width:1920px;margin:0 auto;gap:24px;background:#14141f}.right-panel{flex:1;height:100%;min-height:0;overflow:hidden;background:#ffffff05;border-radius:8px;min-width:0;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff05;flex-shrink:0}.spaces-grid-container{flex:1;min-height:0;overflow-y:auto;padding:16px}.spaces-grid{display:grid;grid-template-columns:repeat(2,520px);gap:12px;align-content:start;min-width:min-content;padding-bottom:200px}.spaces-grid>*{min-width:0;height:80px;background:#ffffff08;border-radius:8px;transition:background-color .2s ease}.spaces-grid>*:hover{background:#ffffff0f}.error-message{color:#ff4d4f;text-align:center;padding:1rem;background-color:#ff4d4f1a;border-radius:4px;margin:1rem}.spaces-grid-container::-webkit-scrollbar{width:8px}.spaces-grid-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.spaces-grid-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.spaces-grid-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) rgba(255,255,255,.05)}.MuiTabs-root{min-height:32px!important;border:none!important}.MuiTab-root{text-transform:none!important;font-weight:500!important;font-size:.9375rem!important;min-height:32px!important;padding:0 16px!important;color:#ffffffb3!important;opacity:.7}.MuiTab-root:hover{color:#fff!important;opacity:1}.MuiTab-root.Mui-selected{color:#fff!important;opacity:1;font-weight:600!important}.MuiTabs-indicator{height:2px!important;background-color:#fff!important}.pagination-controls{display:flex;align-items:center;gap:8px;margin-top:1rem}.loading-skeleton{background:#ffffff1a;border-radius:4px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.spaces-gallery-container{background-color:var(--background-secondary);border-radius:8px;margin-bottom:16px;padding:1px 12px}@media (min-width: 1600px){.spaces-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1599px) and (min-width: 1200px){.spaces-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1199px) and (min-width: 768px){.spaces-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.spaces-container{padding:12px}.spaces-grid{grid-template-columns:1fr;gap:12px;padding-right:12px;height:calc(100vh - 160px)}}@media (max-width: 480px){.spaces-container{padding:8px}.spaces-grid{gap:8px;padding-right:8px;height:calc(100vh - 140px)}}.onboarding-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onboarding-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:90vw;max-height:90vh;width:800px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.onboarding-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#667eea1a,#764ba21a)}.onboarding-modal-header h2{color:#fff;margin:0;font-size:24px;font-weight:600}.header-actions{display:flex;gap:12px;align-items:center}.header-action-button{background:none;border:1px solid rgba(255,255,255,.2);color:#fffc;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0 16px;gap:8px;font-size:14px;font-weight:500}.header-action-button:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.header-action-button:active{transform:translateY(0)}.onboarding-close-button{background:none;border:none;color:#999;font-size:28px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.onboarding-close-button:hover{color:#fff;background-color:#ffffff1a}.onboarding-modal-content{padding:32px;background:#ffffff0d;border-radius:20px 20px 20px 4px;border:1px solid rgba(139,92,246,.2)}.onboarding-intro{text-align:center;color:#fff}.onboarding-intro p{font-size:16px;line-height:1.6;color:#ccc;margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}.onboarding-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.onboarding-button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;min-width:140px}.onboarding-button.primary{background:linear-gradient(135deg,#6b4fbb,#8b5fbf);color:#fff;box-shadow:0 4px 15px #6b4fbb4d}.onboarding-button.primary:hover{background:linear-gradient(135deg,#5a3fa0,#7a4faf);box-shadow:0 6px 20px #6b4fbb66;transform:translateY(-2px)}.onboarding-button.secondary{background:transparent;color:#ccc;border:1px solid rgba(255,255,255,.2)}.onboarding-button.secondary:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.onboarding-demo{display:flex;flex-direction:column;gap:24px}.onboarding-demo-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.onboarding-modal{width:95vw;max-height:95vh}.onboarding-modal-header{padding:20px 24px}.onboarding-modal-header h2{font-size:20px}.onboarding-modal-content{padding:24px}.onboarding-actions,.onboarding-demo-actions{flex-direction:column;align-items:center}.onboarding-button{width:100%;max-width:280px}}.onboarding-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.onboarding-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.onboarding-modal-header h2{margin:0;font-size:1.3rem;font-weight:600}.onboarding-close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.onboarding-close-button:hover{background-color:#fff3}.chat-container{height:calc(100vh - 74px);overflow:auto;flex:1;display:flex;flex-direction:column;padding:15px}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;animation:messageSlideIn .3s ease-out;align-self:flex-start}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.user-avatar{background:#667eea;color:#fff}.message-bubble{max-width:80%}.user-message .message-bubble{background:#667eea;color:#fff;border-radius:18px 18px 18px 4px;padding:12px 16px}.message-content p{margin:0 0 8px;line-height:1.4}.message-content p:last-child{margin-bottom:0}.message-options{margin-top:12px;display:flex;flex-direction:column;gap:8px}.option-button{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border:1px solid rgba(139,92,246,.3);color:#fff;border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;text-align:left;position:relative;overflow:hidden}.option-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d;background:linear-gradient(135deg,#8b5cf626,#7c3aed26)}.option-button.highlight{background:#10b981;border-color:#10b981;color:#fff}.option-button.highlight:hover{background:#059669;border-color:#059669}.option-icon{flex-shrink:0;display:flex;align-items:center}.option-text{flex:1;line-height:1.3}.option-text small{display:block;font-size:.8rem;opacity:.7;margin-top:2px}.send-icon{opacity:.5;transition:opacity .2s}.option-button:hover .send-icon{opacity:1}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-dot{width:8px;height:8px;border-radius:50%;background:#667eea;animation:typingBounce 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chatbot-minimized{position:fixed;bottom:20px;right:20px;background:#667eea;color:#fff;padding:12px 20px;border-radius:25px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #667eea4d;transition:transform .2s;z-index:1000}.chatbot-minimized:hover{transform:translateY(-2px)}@media (max-width: 640px){.onboarding-modal{width:95%;height:90vh;margin:5vh auto}.onboarding-modal-header h2{font-size:1.1rem}.message-bubble{max-width:85%}.chat-messages{padding:16px}}.onboarding-chatbot .message-bubble,.onboarding-chatbot .message-content{max-width:100%}.price-grid-container{padding-top:15px}.price-grid-container .pricing-grid{grid-template-columns:repeat(auto-fill,minmax(315px,1fr))}.coupon-option .message-content-coupon{background:#496d62;border:1px solid #06e19e;margin-bottom:15px;cursor:pointer}.coupon-option .message-content{cursor:pointer}.save-badge{background:#10b981;color:#fff;font-size:12px;padding:2px 8px;border-radius:12px;margin-left:8px;font-weight:500}.bug-report-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.bug-report-modal{background:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px}.bug-report-modal textarea{width:100%;min-height:100px;margin:10px 0;padding:8px}.screenshot-preview{margin:10px 0;max-height:200px;overflow:auto}.screenshot-preview img{max-width:100%}.button-group{display:flex;gap:10px;justify-content:flex-end}