@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#08090c;--bg-secondary:#0f111a;--bg-card:#141620a6;--bg-card-hover:#1e2130cc;--border-color:#ffffff0f;--border-color-glow:#00ff884d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-xp:#0f8;--color-xp-glow:#0f86;--color-gold:gold;--color-gold-glow:#ffd70066;--font-title:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--shadow-neon:0 0 15px #0f83;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(at 0 0,#00ff8808 0,#0000 50%),radial-gradient(at 100% 100%,#00d9ff08 0,#0000 50%),radial-gradient(#7b2ff705 0,#0000 50%);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000005e}.glass-card:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #00000080}.glass-card.active-hover:hover{transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:#fff;letter-spacing:-.02em;font-weight:600}input:not([type=checkbox]),select,textarea{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);background:#ffffff0d;border-radius:8px;width:100%;padding:10px 14px;font-size:.95rem}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px!important}select option{color:#f3f4f6;background-color:#0f111a;padding:12px}input:not([type=checkbox]):focus,select:focus,textarea:focus{background:#ffffff14;border-color:#ffffff40;outline:none;box-shadow:0 0 10px #ffffff0d}button{cursor:pointer;font-family:var(--font-body);transition:var(--transition-smooth);border:none;border-radius:8px;outline:none}.glow-xp{box-shadow:0 0 15px var(--color-xp-glow)}.text-glow-xp{text-shadow:0 0 10px var(--color-xp-glow)}.floating-xp-container{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}.floating-xp-item{font-family:var(--font-title);pointer-events:none;text-shadow:0 2px 10px #00000080;z-index:9999;font-size:1.5rem;font-weight:800;animation:1s cubic-bezier(.25,1,.5,1) forwards floatXP;position:absolute}@keyframes floatXP{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)translateY(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)translateY(-20px)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)translateY(-100px)}}.progress-bar-fill{border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff26 50%,#fff0 100%);animation:2s linear infinite progress-shimmer;position:absolute;inset:0}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.level-up-pulse{animation:2s infinite levelUpPulse}@keyframes levelUpPulse{0%{box-shadow:0 0 #0f86}70%{box-shadow:0 0 0 10px #0f80}to{box-shadow:0 0 #0f80}}.app-container{grid-template-columns:420px 1fr;gap:32px;max-width:1400px;margin:0 auto;padding:32px 20px;display:grid}@media (width<=1024px){.app-container{grid-template-columns:1fr;padding:20px 16px}}.modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;background:#ffffff0f;border:1px solid #ffffff14;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.undo-button .undo-text{opacity:0;pointer-events:none}.undo-button:hover .undo-text{opacity:1}.collapsible-arrow-btn{display:none!important}@media (width<=768px){.app-container{gap:16px!important;padding:12px 10px!important}.glass-card{border-radius:12px!important;padding:16px 12px!important}.taskboard-top-controls{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.taskboard-global-actions{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;width:100%!important}.taskboard-global-actions button{flex:auto!important;justify-content:center!important;min-width:0!important;padding:8px 12px!important;font-size:.78rem!important}.timeframe-tabs-bar{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}header{padding:12px 10px!important}.header-slogan{display:none!important}input:not([type=checkbox]),select,textarea{padding:8px 12px!important;font-size:.9rem!important}.mobile-modal-overlay{align-items:center!important;padding:12px!important}.mobile-modal-content{box-sizing:border-box!important;border-radius:24px!important;width:94%!important;max-width:680px!important;max-height:85vh!important;padding:24px 16px!important;overflow-y:auto!important;box-shadow:0 15px 50px #000000b3!important}.modal-form-grid{grid-template-columns:1fr!important;gap:12px!important}.modal-form-grid-range{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}.modal-form-grid-range-arrow{display:none!important}.rank-picker-dropdown{flex-wrap:wrap!important;max-width:calc(100vw - 32px)!important}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible-arrow-btn{display:flex!important}.collapsible-arrow{transition:transform .25s cubic-bezier(.4,0,.2,1)}.collapsible-arrow.open{transform:rotate(180deg)}.collapsible-content{transition:max-height .3s ease-out,opacity .2s ease-out;overflow:hidden}.collapsible-details-container{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease-out,padding .3s,margin .3s!important}.collapsible-details-container.collapsed{opacity:0!important;pointer-events:none!important;border-top:none!important;border-bottom:none!important;max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.collapsible-details-container.expanded{opacity:1!important;max-height:2000px!important}.task-card{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 14px!important}.task-card-right{border-top:1px solid #ffffff0d!important;justify-content:space-between!important;width:100%!important;margin-top:2px!important;padding-top:10px!important}.timeframe-tabs-bar::-webkit-scrollbar{display:none!important}.timeframe-tabs-bar{-ms-overflow-style:none!important;scrollbar-width:none!important}.checklist-dropdown{box-sizing:border-box!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;left:50%!important;transform:translate(-50%,-50%)!important}.modal-actions{width:100%!important}.modal-actions button{text-align:center;flex:1!important;min-width:0!important;padding:10px 8px!important;font-size:.85rem!important}}@media (width<=480px){.app-container{gap:12px!important;padding:8px 6px!important}.glass-card{border-radius:10px!important;padding:12px 10px!important}.levelup-modal-content{border-radius:16px!important;gap:16px!important;padding:24px 16px!important}.levelup-modal-content h2{font-size:1.6rem!important}.levelup-modal-content .level-number-text{font-size:2.2rem!important}}.notes-hover-tooltip{-webkit-backdrop-filter:blur(12px);color:#d1d5db;pointer-events:none;opacity:0;z-index:110;word-break:break-word;background:#0f111af2;border:1px solid #ffffff14;border-radius:8px;width:260px;padding:10px 12px;font-size:.78rem;font-weight:500;line-height:1.4;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:130%;left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 10px 25px -5px #000000b3}.notes-trigger-btn:hover+.notes-hover-tooltip{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.notes-dropdown{box-sizing:border-box!important;width:calc(100% - 24px)!important;left:12px!important;right:12px!important}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.hue-slider{appearance:none;border-radius:4px;outline:none;width:100%;height:8px;margin:0;padding:0}.hue-slider::-webkit-slider-runnable-track{-webkit-appearance:none;background:0 0;border:none;height:8px}.hue-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #0f111a;border-radius:50%;width:14px;height:14px;margin-top:-3px;transition:transform .1s;box-shadow:0 0 5px #00000080}.hue-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.hue-slider::-moz-range-track{background:0 0;border:none;height:8px}.hue-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #0f111a;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 0 5px #00000080}.hue-slider::-moz-range-thumb:hover{transform:scale(1.15)}@keyframes nodePulseUp{0%{box-shadow:0 0 8px #ffffff0d}50%{box-shadow:0 0 16px var(--skill-color,#0f8)}to{box-shadow:0 0 8px #ffffff0d}}.circle-node{transition:all .25s cubic-bezier(.4,0,.2,1)}.circle-node-wrapper:hover .circle-node{transform:scale(1.05)}.circle-node-wrapper:hover .quick-add-subnode-btn{opacity:1!important}.circle-node-wrapper:hover .node-label{background:#ffffff14!important;border-color:#ffffff40!important}.focused-subtree-active{border:2px dashed var(--skill-color);box-shadow:0 0 30px var(--skill-color-glow);z-index:5;background:#ffffff04;border-radius:20px;margin:-18px;padding:16px;transition:all .4s}@keyframes activePathPulse{0%,to{opacity:.45;filter:drop-shadow(0 0 3px var(--connector-color-active,var(--connector-color)))}50%{opacity:1;filter:drop-shadow(0 0 12px var(--connector-color-active,var(--connector-color)))}}.active-pulsing-path-svg{animation:2s ease-in-out infinite activePathPulse!important}@keyframes toastFlyUp{0%{opacity:0;transform:translate(-50%)scale(.9)}15%{opacity:1;transform:translate(-50%,-12px)scale(1)}85%{opacity:1;transform:translate(-50%,-18px)scale(1)}to{opacity:0;transform:translate(-50%,-30px)scale(.9)}}.copy-toast-notification{color:#fff;pointer-events:none;z-index:10000;background:#10b981;border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:700;animation:1.2s cubic-bezier(.25,1,.5,1) forwards toastFlyUp;position:fixed;box-shadow:0 4px 12px #10b98166}.click-shield-overlay{z-index:1000;background:0 0;position:fixed;inset:0}.checklist-item-drag-over-top{border-top:2px solid #3b82f6!important;margin-top:4px!important}.checklist-item-drag-over-bottom{border-bottom:2px solid #3b82f6!important;margin-bottom:4px!important}.markdown-content-body{font-family:var(--font-body);color:#d1d5db;font-size:.85rem;line-height:1.5}.markdown-content-body h1,.markdown-content-body h2,.markdown-content-body h3{font-family:var(--font-title);color:#fff;margin-top:14px;margin-bottom:8px;font-weight:700}.markdown-content-body h1{border-bottom:1px solid #ffffff14;padding-bottom:4px;font-size:1.15rem}.markdown-content-body h2{font-size:1.05rem}.markdown-content-body h3{color:#00d9ff;font-size:.95rem}.markdown-content-body p{margin-bottom:10px}.markdown-content-body ul{margin-bottom:10px;padding-left:20px;list-style-type:square}.markdown-content-body li{margin-bottom:4px}.markdown-content-body code{color:#0f8;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.8rem}.markdown-content-body .markdown-link{color:#00d9ff;font-weight:600;text-decoration:none;transition:color .2s}.markdown-content-body .markdown-link:hover{color:#0f8;text-decoration:underline}.markdown-content-body .markdown-task{align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.markdown-content-body .markdown-task.checked{color:var(--text-muted);text-decoration:line-through}.markdown-content-body .markdown-task .task-box{color:#00d9ff;-webkit-user-select:none;user-select:none;font-weight:700}.markdown-content-body .markdown-task.checked .task-box{color:#10b981}.video-embed-container{box-shadow:0 4px 15px #0000004d}.video-embed-container iframe{border-radius:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border-radius:50%;animation:1s linear infinite spin}.pinned-quest-header-block{box-shadow:0 4px 15px #0003}.pinned-quest-header-block div::-webkit-scrollbar{width:4px}.feed-item-drag-handle{opacity:.7;border-radius:4px;padding:2px}.feed-item-drag-handle:hover{background:#ffffff0d}.feed-item-drag-handle:active{cursor:grabbing}.feed-thumbnail-wrapper:hover .feed-thumbnail-tooltip{animation:.15s ease-out forwards feedTooltipFadeIn;display:flex!important}@keyframes feedTooltipFadeIn{0%{opacity:0;transform:translateY(-50%)scale(.95)translate(-5px)}to{opacity:1;transform:translateY(-50%)scale(1)translate(0)}}.feed-item-card{transition:all .2s;position:relative}.feed-item-card:hover{z-index:10!important}