@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)}.feed-image-file-picker{color:#9ca3af;cursor:pointer;text-align:center;background:#ffffff03;border:2px dashed #ffffff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;font-size:.78rem;display:flex}.feed-image-file-picker:hover{border-color:#0f86}.feed-image-preview{border:1px solid #ffffff14;border-radius:6px;width:100%;max-height:120px;position:relative;overflow:hidden}.feed-image-preview img{object-fit:cover;width:100%;height:100%}.feed-image-preview button{color:#fff;background:#000000a6;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:4px;right:4px}.character-avatar-frame{background:#1f2937;border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.character-avatar-frame img{object-fit:cover;width:100%;height:100%}.character-save-button{color:#08090c;background:#0f8;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-weight:600;display:flex}.character-avatar-toggle,.character-edit-button{color:#9ca3af;background:0 0}.character-avatar-toggle{text-align:left;width:fit-content;font-size:.75rem;text-decoration:underline}.character-avatar-picker{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.character-avatar-picker>label{color:#0f8;cursor:pointer;border:1px dashed #00ff8873;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;display:flex}.character-avatar-preview{border-radius:50%;width:72px;height:72px;position:relative;overflow:hidden}.character-avatar-preview img{object-fit:cover;width:100%;height:100%}.character-avatar-preview button{color:#fff;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:2px;right:2px}.subskill-form-field{color:#9ca3af;flex-direction:column;gap:6px;font-size:.8rem;font-weight:500;display:flex}.subskill-form-field input,.subskill-form-field textarea{color:#fff;background:#0000004d;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:10px 14px}.subskill-image-picker{cursor:pointer;border:1px dashed #ffffff2e;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:10px 14px;display:flex}.subskill-image-preview{color:#6b7280;background:#0003;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden}.subskill-image-preview img{object-fit:cover;width:100%;height:100%}.subskill-image-preview button{color:#fff;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:2px;right:2px}.subskill-direction{color:#9ca3af;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.85rem;font-weight:600;display:flex}.subskill-direction.active-down{color:#ef4444;background:#ef44441f;border-color:#ef4444}.subskill-direction.active-up{background:color-mix(in srgb, var(--active-color) 12%, transparent);border-color:var(--active-color);color:var(--active-color)}.reward-image-picker-header{justify-content:space-between;align-items:center;display:flex}.reward-image-picker-header>span{color:var(--text-secondary);font-size:.8rem}.reward-image-upload{color:#0f8;cursor:pointer;align-items:center;gap:4px;font-size:.74rem;font-weight:700;display:flex}.reward-image-grid{background:#0003;border:1px solid #ffffff0a;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:12px;max-height:220px;padding:12px;display:grid;overflow-y:auto}.reward-image-thumb{aspect-ratio:1;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;padding:0;position:relative;overflow:hidden}.reward-image-thumb.selected{border-color:#0f8}.reward-image-thumb>img{object-fit:cover;width:100%;height:100%}.reward-image-delete{color:#fff;bottom:0;background:#ef4444b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}*{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}input:not([type=checkbox]).auth-field-input{padding-left:38px!important}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)}.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}}.subtask-list-container{border-left:1px dashed #ffffff14;margin-left:24px;padding-left:16px}.subtask-branch-line{background:#ffffff14;width:12px;height:1px;position:absolute;top:18px;left:-16px}.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}.task-board-cleanup-panel{background:linear-gradient(135deg,#00ff8814,#00d9ff06),#10b9810a;border:1px solid #34d3992e;border-radius:12px;grid-template-columns:minmax(220px,auto) minmax(300px,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.task-board-cleanup-threshold{color:#d1d5db;align-items:center;gap:10px;min-width:0;font-size:.82rem;font-weight:800;display:flex}.task-board-cleanup-input-wrap{flex:none;align-items:center;gap:8px;display:flex}.task-board-cleanup-input{color:#fff!important;background:#00000038!important;border:1px solid #34d39947!important;border-radius:8px!important;width:76px!important;padding:7px 9px!important;font-size:.86rem!important;font-weight:800!important}.task-board-cleanup-apply{color:#06110d;background:linear-gradient(135deg,#0f8,#00d9ff);border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex;box-shadow:0 0 14px #00ff883d}.task-board-cleanup-apply.is-hidden{box-shadow:none;opacity:0;pointer-events:none;visibility:hidden}.task-board-cleanup-presets{grid-template-columns:repeat(4,minmax(78px,max-content));justify-content:start;gap:8px;min-width:0;display:grid}.task-board-cleanup-preset{color:#9ca3af;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:7px 10px;font-size:.76rem;font-weight:800;display:flex}.task-board-cleanup-preset.is-active{color:#34d399;background:#34d3992e;border-color:#34d3998c}.task-board-cleanup-preset-count{color:#6b7280}.task-board-cleanup-preset.is-active .task-board-cleanup-preset-count{color:#fff}.task-board-cleanup-count{color:#34d399;white-space:nowrap;font-size:.78rem;font-weight:800}.task-board-cleanup-summary{justify-self:end;align-items:center;gap:8px;min-width:0;display:flex}.task-board-cleanup-sort{color:#34d399;background:#34d3991a;border:1px solid #34d39942;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.task-board-cleanup-sort:hover{background:#34d3992e;border-color:#34d39975;box-shadow:0 0 14px #34d3992e}.task-board-cleanup-sort svg{flex:none}.task-board-cleanup-sort-mobile{display:none}@media (width<=768px){.app-container{gap:16px!important;padding:12px 10px!important}.glass-card{border-radius:12px!important;padding:16px 12px!important}.task-board-cleanup-panel{border-radius:14px;grid-template-columns:1fr;align-items:stretch;gap:10px;padding:14px}.task-board-cleanup-threshold{background:#ffffff06;border:1px solid #34d3991f;border-radius:10px;justify-content:space-between;width:100%;padding:8px 10px;font-size:.84rem}.task-board-cleanup-input-wrap{gap:5px}.task-board-cleanup-input{text-align:center;width:58px!important;height:36px!important;padding:0 9px!important}.task-board-cleanup-apply,.task-board-cleanup-sort{aspect-ratio:1;flex:0 0 36px;border-radius:10px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important}.task-board-cleanup-sort-mobile{display:inline-flex}.task-board-cleanup-sort-desktop{display:none}.task-board-cleanup-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.task-board-cleanup-preset{padding:9px 8px;font-size:.78rem}.task-board-cleanup-count{text-align:right;padding:2px 4px 0}.task-board-cleanup-summary{justify-content:flex-end;justify-self:stretch}.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}.levelup-modal-overlay.has-xp-companion{box-sizing:border-box;overflow-y:auto;padding:calc(12px + env(safe-area-inset-top)) 12px calc(112px + env(safe-area-inset-bottom))!important;align-items:center!important}.levelup-modal-overlay.has-xp-companion .levelup-modal-content{box-sizing:border-box;overflow-y:auto;max-height:calc(100dvh - 136px)!important}.mobile-modal-overlay{z-index:1100!important;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:default;-webkit-user-select:none;user-select:none}.collapsible-arrow-btn{display:none!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;z-index:1100!important;width:290px!important;max-width:calc(100vw - 32px)!important;position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!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}.markdown-content-body pre.markdown-code-block{box-shadow:0 4px 12px #0003;background:#11121699!important;border:1px solid #ffffff14!important;border-radius:8px!important;margin:12px 0!important;padding:38px 16px 14px!important;font-family:monospace!important;position:relative!important;overflow-x:auto!important}.markdown-content-body pre.markdown-code-block code{color:#e5e7eb!important;white-space:pre!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;font-size:.82rem!important;line-height:1.5!important;display:block!important}.markdown-content-body .markdown-code-copy-btn{color:#9ca3af!important;cursor:pointer!important;font-size:.72rem!important;font-family:var(--font-body)!important;-webkit-user-select:none!important;user-select:none!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:4px!important;align-items:center!important;gap:4px!important;padding:4px 8px!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:8px!important;right:8px!important}.markdown-content-body .markdown-code-copy-btn:hover{color:#fff!important;background:#ffffff14!important;border-color:#ffffff26!important}.markdown-content-body .markdown-code-copy-btn svg{stroke:currentColor;transition:stroke .2s}.markdown-content-body .markdown-code-copy-btn:active{transform:scale(.95)!important}.markdown-content-body .markdown-hr{border:none!important;border-top:1px solid #ffffff14!important;margin:16px 0!important}.markdown-content-body pre.markdown-code-block .token-keyword{color:#61afef!important;font-weight:700!important}.markdown-content-body pre.markdown-code-block .token-string{color:#98c379!important}.markdown-content-body pre.markdown-code-block .token-comment{color:#5c6370!important;font-style:italic!important}.markdown-content-body pre.markdown-code-block .token-flag{color:#d19a66!important}.markdown-content-body pre.markdown-code-block .token-number{color:#ae81ff!important}.markdown-content-body pre.markdown-code-block .token-boolean{color:#e5c07b!important}.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}.app-settings-tabs{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.app-settings-tab{min-height:38px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:.86rem;font-weight:800;display:flex}.app-settings-tab:hover{color:#fff;background:#ffffff0d}.app-settings-tab.active{color:#08090c;background:linear-gradient(135deg,#0f8,#00d9ff);border-color:#00ff8859;box-shadow:0 8px 24px #00ff882e}.mobile-only,.settings-mobile-container{display:none!important}.slot-machine-interactive-zone{width:380px;position:relative}.slot-machine-card{padding:28px 48px}@media (width<=767.98px){html,body,#root{width:100%;min-width:0;overflow-x:hidden}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:15px}.mobile-only{display:block!important}.mobile-bottom-nav.mobile-only{display:grid!important}.desktop-only{display:none!important}.app-container{padding:12px 10px calc(80px + env(safe-area-inset-bottom)) 10px!important;flex-direction:column!important;gap:16px!important;width:100%!important;max-width:100%!important;display:flex!important;overflow-x:hidden!important}.glass-card{border-radius:12px!important;padding:16px 12px!important}.mobile-profile-section,.mobile-skills-section,.mobile-main-section{display:none!important}.tab-profile .mobile-profile-section,.tab-skills .mobile-skills-section,.tab-quests .mobile-main-section,.tab-rewards .mobile-main-section{flex-direction:column!important;width:100%!important;display:flex!important}header{padding:8px 12px!important}.header-slogan{display:none!important}.header-actions-container{gap:6px!important}.timeframe-tabs-bar{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important;overflow-x:auto!important}.mobile-modal-overlay{z-index:1100!important;align-items:flex-end!important;padding:0!important}.priority-select-btn{white-space:nowrap!important;gap:4px!important;padding:8px 4px!important;font-size:.72rem!important}.mobile-modal-content{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;padding:16px 16px calc(24px + env(safe-area-inset-bottom)) 16px!important;box-sizing:border-box!important;border:none!important;border-radius:0!important;flex-direction:column!important;margin:0!important;display:flex!important;overflow-y:auto!important}.app-settings-modal-overlay{padding:calc(10px + env(safe-area-inset-top)) 10px calc(92px + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;z-index:13000!important;justify-content:center!important;align-items:flex-start!important;overflow-y:auto!important}.app-settings-modal-content{transform-origin:top!important;gap:16px!important;width:min(100%,500px)!important;max-width:500px!important;max-height:none!important;margin:0 auto!important;padding:18px 14px 20px!important;overflow:visible!important}.app-settings-modal-header{-webkit-backdrop-filter:none!important;background:0 0!important;margin:0!important;padding:0!important;position:static!important}.app-settings-modal-header h3{letter-spacing:0!important;flex:auto!important;min-width:0!important;font-size:clamp(.95rem,4.6vw,1.12rem)!important;line-height:1.15!important}.app-settings-modal-close{background:0 0!important;border-radius:8px!important;flex:0 0 40px!important;justify-content:center!important;width:40px!important;height:40px!important}.app-settings-tabs{gap:3px!important}.app-settings-tab{min-height:42px!important;font-size:.82rem!important}.profile-settings-action-row,.profile-settings-code-grid{grid-template-columns:1fr!important}.profile-settings-actions{flex-direction:column!important}.profile-settings-actions button,.profile-settings-action-row button{width:100%!important}.modal-actions{padding:12px 0 calc(12px + env(safe-area-inset-bottom)) 0!important;z-index:100!important;background:#0c0d14!important;border-top:1px solid #ffffff14!important;margin-top:auto!important;position:sticky!important;bottom:0!important;box-shadow:0 -10px 20px #0c0d14f2!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}button,[role=button],.clickable,input[type=checkbox],input[type=radio],.task-card button{min-height:44px}textarea{min-height:120px!important}.collapsible-arrow-btn{display:flex!important}.task-card{flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:8px 10px!important}.task-card-right{border-top:1px solid #ffffff0a!important;justify-content:space-between!important;width:100%!important;margin-top:0!important;padding-top:6px!important}.task-card h5{font-size:.88rem!important;line-height:1.25!important}.task-card-info,.task-card-badges{gap:4px!important}.task-card .badge{padding:1px 6px!important;font-size:.65rem!important}.task-card-compact-btn{min-height:unset!important}.task-card-actions-row{justify-content:space-between!important;gap:8px!important;width:100%!important}.task-card-xp-reward{white-space:nowrap!important;flex-shrink:0!important}.task-card-xp-reward span{white-space:nowrap!important}.subtask-list-container{margin-left:10px!important;padding-left:8px!important}.subtask-branch-line{width:5px!important;left:-8px!important}.reward-board-grid,.rewards-grid{grid-template-columns:1fr!important;gap:12px!important}.skill-tree-sidebar{z-index:999!important;border-top:1px solid #ffffff1a!important;border-left:none!important;border-radius:20px 20px 0 0!important;width:100%!important;height:auto!important;max-height:80dvh!important;position:fixed!important;inset:auto 0 0!important;overflow-y:auto!important;box-shadow:0 -10px 40px #000c!important}.skill-tree-top-bar{flex-wrap:wrap!important;gap:8px!important;padding:8px 12px!important}.skill-tree-top-bar-label{display:none!important}.skill-tree-top-bar-actions{gap:4px!important}.skill-tree-top-bar-actions button{width:32px!important;height:32px!important}.quest-card,.feed-card,p,h1,h2,h3,h4,span{word-break:break-word!important;overflow-wrap:anywhere!important}header h1{font-size:1.25rem!important}header h1+p{display:none!important}.taskboard-sticky-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:12px!important;padding:12px!important;position:relative!important;top:auto!important}.taskboard-control-left{gap:8px!important;width:100%!important;display:flex!important}.taskboard-control-left button{text-align:center!important;white-space:nowrap!important;flex:1!important;padding:8px 12px!important;font-size:.9rem!important}.taskboard-control-actions{gap:8px!important;width:100%!important;display:flex!important}.taskboard-control-actions>div{flex:1!important}.taskboard-control-actions .xp-trigger-button{justify-content:center!important;width:100%!important;padding:8px 12px!important;font-size:.9rem!important}.taskboard-control-actions>button{flex:1.5!important;justify-content:center!important;padding:8px 12px!important;font-size:.9rem!important}.xp-manual-dropdown{z-index:12000!important;width:290px!important;max-width:calc(100vw - 32px)!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.timeframe-tabs-bar button{padding:8px 12px!important;font-size:.8rem!important}.skill-mastery-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.skill-mastery-info{min-width:100%!important}.skill-mastery-requirements{width:100%!important;min-width:100%!important;max-width:100%!important}.spin-progress-grid{grid-template-columns:1fr!important;gap:10px!important}.reward-freeze-btn{min-height:unset!important}.settings-mobile-container{flex-direction:column;gap:12px;display:flex!important}.slot-machine-card{padding:24px 16px!important}.slot-machine-title{box-sizing:border-box;padding-right:32px!important;font-size:1.12rem!important}.slot-machine-interactive-zone{width:270px!important}.slot-machine-lever{top:60px!important;right:-32px!important}.slot-window-container{max-width:270px!important}.reward-image-picker-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.reward-image-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.reward-editor-modal-container{padding:16px!important}.rarity-filter-bar::-webkit-scrollbar{display:none!important}.history-modal-card{gap:16px!important;padding:16px!important}.history-modal-title{padding-right:36px!important}.timeframe-filters-grid,.rarity-filters-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;width:100%!important;display:grid!important}.timeframe-filters-grid button,.rarity-filters-grid button{text-align:center!important;white-space:nowrap!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:6px 4px!important;font-size:.72rem!important;display:flex!important}.history-filters-container{padding:12px!important}.history-calendar-card{padding:8px!important}.checklist-dropdown{width:calc(100% - 24px)!important;min-width:0!important;max-width:420px!important;height:auto!important;max-height:80vh!important;min-height:unset!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.checklist-dropdown button,.checklist-dropdown input[type=checkbox],.checklist-dropdown textarea,.checklist-item-edit-row button,.checklist-item-edit-row input[type=checkbox],.checklist-item-edit-row textarea,.checklist-item-row button,.checklist-item-row input[type=checkbox],.checklist-builder-row button,.checklist-builder-row input[type=checkbox],.checklist-builder-row textarea,.feed-checklist-item button,.feed-checklist-item input[type=checkbox],input[type=checkbox].checklist-builder-checkbox,textarea.checklist-builder-textarea{min-height:unset!important}.checklist-item-edit-row button[title=Удалить\ пункт],.checklist-builder-row button[title=Удалить\ пункт],.checklist-dropdown button[title=Удалить\ пункт],.checklist-action-btn.delete-btn{border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;display:flex!important}.checklist-item-edit-row button:has(svg.lucide-x){border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;display:flex!important}.checklist-builder-row button:has(svg.lucide-x){border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;display:flex!important}.checklist-item-edit-row,.checklist-builder-row{gap:6px!important;padding:4px 8px!important}.checklist-item-row{gap:6px!important;padding:6px 10px!important}input[type=checkbox].checklist-builder-checkbox{width:14px!important;height:14px!important}textarea.checklist-builder-textarea{height:auto}.feed-sidebar-container{z-index:1050!important;background:#0b0c10!important;border-left:none!important;width:100%!important;max-width:100%!important;left:0!important;right:0!important;overflow-y:auto!important}.feed-sidebar-header{z-index:20!important;background:#0b0c10!important;padding:16px!important;position:sticky!important;top:0!important}.pinned-quest-header-block{border-bottom:1px solid #ffffff14!important;height:auto!important;max-height:none!important}.pinned-block-scroll-container{flex:none!important;height:auto!important;padding:16px 16px 20px!important;overflow-y:visible!important}.feed-content-scroll-container{flex:none!important;height:auto!important;padding:16px!important;overflow-y:visible!important}.checklist-builder-actions{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.checklist-builder-actions button{text-align:center!important;width:100%!important}.checklist-builder-actions span{text-align:center!important;width:100%!important;display:block!important}.xp-presets-container{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;width:100%!important;display:grid!important}.xp-presets-container button{text-align:center!important;width:100%!important;padding:6px 4px!important}.circle-node-wrapper button{min-height:unset!important;min-width:unset!important}.quick-add-subnode-btn{display:none!important}.mobile-node-actions-bar{-webkit-backdrop-filter:blur(20px)!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom)) 12px!important;z-index:1000!important;background:#0f111afa!important;border-top:1px solid #ffffff1a!important;flex-direction:column!important;gap:8px!important;animation:.25s cubic-bezier(.4,0,.2,1) slideUp!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -10px 35px #0009!important}.skill-tree-sidebar.full-screen{z-index:1050!important;background:#0b0c10!important;border-top:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100vh!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.feed-media-tabs{gap:2px!important;padding:2px!important}.feed-media-tab-btn{gap:4px!important;padding:6px 2px!important;font-size:clamp(.68rem,2vw,.78rem)!important}.feed-media-tab-btn span{white-space:nowrap!important}.feed-markdown-toolbar{grid-template-columns:repeat(5,1fr)!important;gap:6px!important;display:grid!important}.feed-markdown-toolbar button{justify-content:center!important;align-items:center!important;width:100%!important;height:28px!important;margin:0!important;padding:6px 0!important;font-size:.72rem!important;display:flex!important}.feed-header-container{flex-direction:column!important;align-items:center!important;gap:8px!important}.feed-header-title{text-align:center!important;margin:0!important}.feed-header-actions{gap:8px!important;width:100%!important;display:flex!important}.feed-header-actions button{white-space:nowrap!important;flex:1!important;justify-content:center!important;padding:6px 8px!important;font-size:clamp(.7rem,2vw,.8rem)!important}.markdown-content-body .markdown-code-copy-btn .copy-btn-text{display:none!important}.markdown-content-body .markdown-code-copy-btn svg{margin-right:0!important}.markdown-content-body .markdown-code-copy-btn{gap:0!important;padding:4px 6px!important}}@media (width>=768px) and (width<=1023.98px){.app-container{grid-template-columns:320px 1fr!important;gap:20px!important;padding:20px 16px!important}.skill-tree-sidebar{width:350px!important}}:root{--color-info:#00d9ff;--color-danger:#ef4444;--color-success:#10b981;--color-mentor:#a78bfa;--color-focus:#8b5cf6;--color-focus-bright:#c084fc;--color-focus-highlight:#e9d5ff;--color-focus-deep:#2e1065;--color-focus-glow:#8b5cf647;--color-task-repeating:var(--color-gold);--color-task-short:var(--color-xp);--color-task-medium:var(--color-info);--color-task-long:var(--color-danger);--color-task-completed:var(--color-success);--color-task-cleanup:#34d399;--color-rank-d:#6b7280;--color-rank-c:#3b82f6;--color-rank-b:var(--color-success);--color-rank-a:#f59e0b;--color-rank-s:#e11d48;--surface-panel:var(--bg-card);--surface-card:#14162073;--surface-control:#ffffff0d;--surface-subtle:#ffffff05;--radius-control:8px;--radius-card:12px;--radius-panel:16px}.xp-transfer-layer{z-index:12000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.xp-transfer-layer.is-highlight-only{z-index:9000}.xp-transfer-flight{backface-visibility:hidden;width:1px;height:1px;position:absolute}.xp-transfer-amount,.xp-transfer-dust{position:absolute;top:0;left:0}.xp-transfer-amount{opacity:0;color:#fff;font-family:var(--font-title);white-space:nowrap;text-shadow:0 0 9px var(--xp-transfer-color);will-change:transform, opacity;font-size:.82rem;transform:translate(14px,-18px)}.xp-transfer-flight.is-launched .xp-transfer-amount{animation:xp-transfer-amount var(--xp-transfer-flight-ms) ease-out forwards}.xp-transfer-dust{width:var(--xp-dust-size);height:var(--xp-dust-size);opacity:0;background:radial-gradient(circle, #fff 0 18%, color-mix(in srgb, var(--xp-transfer-color) 72%, #fff) 42%, var(--xp-transfer-color) 64%, transparent 78%);box-shadow:0 0 5px 1px color-mix(in srgb, var(--xp-transfer-color) 82%, transparent), 0 0 11px color-mix(in srgb, var(--xp-transfer-color) 54%, transparent);will-change:transform, opacity;border-radius:50%}.xp-transfer-flight.is-launched .xp-transfer-dust{animation:xp-dust-flight var(--xp-dust-duration) linear var(--xp-dust-delay) forwards}@keyframes xp-transfer-amount{0%{opacity:0;transform:translate(14px,-12px)scale(.94)}16%{opacity:1}62%{opacity:.9;transform:translate(14px,-27px)scale(1)}to{opacity:0;transform:translate(14px,-34px)scale(.96)}}@keyframes xp-dust-flight{0%{opacity:0;transform:translate3d(var(--xp-dust-start-x), var(--xp-dust-start-y), 0) scale(.35)}10%{opacity:var(--xp-dust-opacity)}25%{opacity:var(--xp-dust-opacity);transform:translate3d(var(--xp-dust-quarter-x), var(--xp-dust-quarter-y), 0) scale(.92)}50%{opacity:var(--xp-dust-opacity);transform:translate3d(var(--xp-dust-mid-x), var(--xp-dust-mid-y), 0) scale(1)}75%{opacity:var(--xp-dust-opacity);transform:translate3d(var(--xp-dust-three-quarter-x), var(--xp-dust-three-quarter-y), 0) scale(.74)}90%{opacity:var(--xp-dust-opacity)}to{opacity:0;transform:translate3d(var(--xp-dust-end-x), var(--xp-dust-end-y), 0) scale(.12)}}.xp-transfer-fallback{border:1px solid var(--xp-transfer-color);width:min(440px,100vw - 28px);box-shadow:0 14px 38px #0000007a, 0 0 22px color-mix(in srgb, var(--xp-transfer-color) 30%, transparent);background:linear-gradient(145deg,#131620fa,#080a11fa);border-radius:14px;padding:13px 16px 12px;animation:.28s cubic-bezier(.2,.8,.2,1) both xp-fallback-enter;position:fixed;left:50%;transform:translate(-50%)}.xp-transfer-fallback.is-focus-target{background:radial-gradient(circle at 18% 0, color-mix(in srgb, var(--color-focus) 24%, transparent), transparent 46%), linear-gradient(145deg, color-mix(in srgb, var(--color-focus-deep) 46%, #0f1419), #0c0a16);border-color:color-mix(in srgb, var(--color-focus-bright) 72%, transparent);box-shadow:0 14px 38px #00000085, 0 0 26px var(--color-focus-glow), inset 0 1px 0 color-mix(in srgb, var(--color-focus-highlight) 10%, transparent)}.xp-transfer-fallback.is-focus-target .xp-transfer-fallback-name{color:var(--color-focus-highlight)}.xp-transfer-fallback.is-focus-target .xp-transfer-fallback-track span{background:linear-gradient(90deg, var(--color-focus), var(--color-focus-highlight));box-shadow:0 0 13px var(--color-focus-bright)}.xp-transfer-fallback.is-persistent{animation:none}.xp-transfer-fallback.is-top{top:calc(env(safe-area-inset-top) + 68px)}.xp-transfer-fallback.is-bottom{bottom:22px}.xp-transfer-fallback-heading,.xp-transfer-fallback-meta{align-items:center;gap:8px;display:flex}.xp-transfer-fallback-heading{margin-bottom:9px}.xp-transfer-fallback-icon{color:var(--xp-transfer-color);filter:drop-shadow(0 0 7px var(--xp-transfer-color));display:flex}.xp-transfer-fallback-name{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.82rem;font-weight:850;overflow:hidden}.xp-transfer-fallback-level{color:var(--xp-transfer-color);white-space:nowrap;font-size:.68rem;font-weight:850}.xp-transfer-fallback-track,.skill-xp-track{background:#ffffff0b;border:1px solid #ffffff09;border-radius:999px;height:8px;overflow:hidden}.xp-transfer-fallback-track span{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--xp-transfer-color) 66%, #fff), var(--xp-transfer-color));height:100%;box-shadow:0 0 13px var(--xp-transfer-color);transition:width .18s linear;display:block}.xp-transfer-fallback-meta{color:#7c8798;justify-content:space-between;margin-top:7px;font-size:.68rem}.xp-transfer-fallback-meta strong{color:var(--xp-transfer-color);font-family:var(--font-title);text-shadow:0 0 9px var(--xp-transfer-color);font-size:.78rem}.xp-transfer-fallback.is-receiving:before,.skill-card.is-receiving-xp:before{content:"";border:1px solid color-mix(in srgb, var(--skill-xp-color,var(--xp-transfer-color)) 82%, transparent);border-radius:inherit;box-shadow:0 0 7px color-mix(in srgb, var(--skill-xp-color,var(--xp-transfer-color)) 72%, transparent), 0 0 18px color-mix(in srgb, var(--skill-xp-color,var(--xp-transfer-color)) 46%, transparent), 0 0 34px color-mix(in srgb, var(--skill-xp-color,var(--xp-transfer-color)) 24%, transparent);pointer-events:none;will-change:opacity;animation:2.2s ease-in-out infinite xp-target-glow;position:absolute;inset:0}.skill-xp-target{border-radius:9px;position:relative}.skill-card.is-receiving-xp .skill-xp-track{box-shadow:0 0 8px var(--skill-xp-color), 0 0 18px color-mix(in srgb, var(--skill-xp-color) 38%, transparent)}.skill-xp-fill{transition:width .18s linear!important}.skill-card.did-level-up-xp.is-receiving-xp:after,.xp-transfer-fallback.did-level-up.is-receiving:after{content:"";border:1px solid var(--skill-xp-color,var(--xp-transfer-color));opacity:0;border-radius:12px;animation:.5s ease-out xp-level-ring;position:absolute;inset:-5px}@keyframes xp-fallback-enter{0%{opacity:0;transform:translate(-50%)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes xp-target-glow{0%,to{opacity:.74}50%{opacity:1}}@keyframes xp-level-ring{0%{opacity:.9;transform:scale(.94)}to{opacity:0;transform:scale(1.08)}}@media (width<=767.98px){.xp-transfer-fallback.is-top{top:calc(env(safe-area-inset-top) + 58px)}.xp-transfer-fallback.is-bottom{bottom:calc(82px + env(safe-area-inset-bottom))}.xp-transfer-fallback.is-level-up-companion{top:auto;bottom:calc(10px + env(safe-area-inset-bottom))}.xp-transfer-amount{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.xp-transfer-fallback{animation-duration:80ms}.xp-transfer-flight.is-launched .xp-transfer-amount{animation-duration:80ms}.skill-xp-fill,.xp-transfer-fallback-track span{transition-duration:.15s!important}.xp-transfer-fallback.is-receiving:before,.skill-card.is-receiving-xp:before{opacity:.88;animation:none}}.role-session-notice-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:12000;background:#05060adb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.role-session-notice{background:var(--surface-panel);border:1px solid color-mix(in srgb, var(--role-session-accent) 48%, transparent);border-radius:var(--radius-panel);box-shadow:0 24px 70px #0000008c, 0 0 28px color-mix(in srgb, var(--role-session-accent) 18%, transparent);color:var(--text-primary);text-align:center;--role-session-accent:var(--color-info);flex-direction:column;align-items:center;gap:18px;width:100%;max-width:460px;padding:28px;display:flex}.role-session-notice.is-promotion{--role-session-accent:var(--color-mentor)}.role-session-notice.is-demotion{--role-session-accent:var(--color-gold)}.role-session-notice-icon{background:color-mix(in srgb, var(--role-session-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--role-session-accent) 34%, transparent);color:var(--role-session-accent);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.role-session-notice-copy>span{color:var(--role-session-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.role-session-notice-copy h2{font-family:var(--font-title);margin:8px 0 0;font-size:clamp(1.3rem,4vw,1.65rem)}.role-session-notice-copy p{color:var(--text-secondary);margin:10px 0 0;font-size:.9rem;line-height:1.6}.role-session-notice-copy .role-session-notice-error{color:var(--color-danger);font-weight:700}.role-session-notice-actions{gap:12px;width:100%;display:flex}.role-session-notice-actions button{background:var(--surface-control);border:1px solid var(--border-color);border-radius:var(--radius-control);color:var(--text-primary);cursor:pointer;font:inherit;min-height:42px;transition:var(--transition-smooth);flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:750;display:flex}.role-session-notice-actions button:hover:not(:disabled),.role-session-notice-actions button:focus-visible{border-color:color-mix(in srgb, var(--role-session-accent) 60%, transparent);outline:none}.role-session-notice-actions button.is-primary{background:var(--role-session-accent);border-color:var(--role-session-accent);color:var(--bg-primary)}.role-session-notice-actions button:disabled{cursor:wait;opacity:.65}.role-session-notice-actions .is-spinning{animation:.85s linear infinite role-session-spin}@keyframes role-session-spin{to{transform:rotate(360deg)}}@media (width<=520px){.role-session-notice{padding:24px 18px}.role-session-notice-actions{flex-direction:column-reverse}}@media (prefers-reduced-motion:reduce){.role-session-notice-actions,.role-session-notice-actions button{transition:none}}.task-repeat-parent-switch:focus-visible{outline:2px solid var(--color-task-repeating);outline-offset:2px;border-radius:var(--radius-control)}.reward-notification-setting{border-radius:var(--radius-card);background:#ffffff06;border:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex;position:relative}.reward-notification-setting-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.reward-notification-setting-title{color:var(--text-primary);align-items:center;gap:7px;font-size:.82rem;font-weight:700;display:flex}.reward-notification-setting-note{color:var(--text-secondary);font-size:.7rem;line-height:1.4}.reward-notification-help{flex:none;display:inline-flex;position:relative}.reward-notification-help-button{color:#6b7280;cursor:help;background:0 0;border:none;border-radius:999px;place-items:center;width:32px;height:32px;min-height:32px;padding:0;transition:color .16s,background .16s;display:grid}.reward-notification-help-button:hover,.reward-notification-help-button:focus-visible{color:var(--color-task-medium);background:#00d9ff17}.reward-notification-help-button:focus-visible{outline:2px solid color-mix(in srgb, var(--color-task-medium) 72%, transparent);outline-offset:2px}.reward-notification-tooltip{z-index:30;border-radius:var(--radius-control);color:#dbe3ee;opacity:0;visibility:hidden;pointer-events:none;background:#05080efa;border:1px solid #94a3b83d;width:min(330px,100vw - 56px);padding:10px 12px;font-size:.72rem;font-weight:600;line-height:1.5;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 16px 36px #0000007a}.reward-notification-tooltip:before{content:"";border:6px solid #0000;border-bottom-color:#05080efa;position:absolute;bottom:100%;right:10px}.reward-notification-help:hover .reward-notification-tooltip,.reward-notification-help:focus-within .reward-notification-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.reward-notification-threshold{color:var(--text-secondary);flex:none;align-items:center;gap:10px;font-size:.76rem;font-weight:650;display:flex}.reward-notification-threshold-input{color:var(--text-primary);align-items:center;gap:6px;font-weight:800;display:flex}.reward-notification-threshold-input input{border-radius:var(--radius-control);background:var(--surface-control);width:76px;color:var(--text-primary);text-align:center;border:1px solid #ffffff1a;padding:8px 10px;font-size:.82rem;font-weight:800}@media (width<=767.98px){.reward-notification-setting{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.reward-notification-help-button{width:44px;height:44px;min-height:44px}.reward-notification-threshold{justify-content:space-between}}.focus-mode-button{background:radial-gradient(circle, color-mix(in srgb, var(--color-focus) 27%, transparent), color-mix(in srgb, var(--color-focus-deep) 40%, transparent) 60%, transparent 76%);border:1px solid color-mix(in srgb, var(--color-focus-bright) 52%, transparent);border-radius:var(--radius-card);color:var(--color-focus-highlight);cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;transition:border-color .2s,box-shadow .2s,color .2s,transform .2s;display:inline-flex;position:relative;overflow:visible}.taskboard-focus-mode-slot{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.focus-mode-button:hover,.focus-mode-button:focus-visible{border-color:color-mix(in srgb, var(--color-focus-highlight) 78%, transparent);box-shadow:0 0 20px var(--color-focus-glow), inset 0 0 14px color-mix(in srgb, var(--color-focus-bright) 16%, transparent);color:#fff;outline:none;transform:translateY(-1px)}.focus-mode-button.is-active,.focus-mode-button.is-active:hover,.focus-mode-button.is-active:focus-visible{color:#94a3b8;background:radial-gradient(circle,#94a3b824,#47556914 62%,#0000 76%);border-color:#94a3b86b;box-shadow:0 0 13px #94a3b824,inset 0 0 12px #94a3b814}.focus-mode-button.is-active .focus-mode-button__halo{border-color:#94a3b857;animation-name:focus-eye-active-breathe}.focus-mode-button.is-active .focus-mode-button__eye{filter:drop-shadow(0 0 7px #94a3b880)}.focus-mode-button.is-active .focus-mode-button__tooltip{color:#cbd5e1;border-color:#94a3b83d}.focus-mode-button:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.42;transform:none}.focus-mode-button__halo{border:1px solid color-mix(in srgb, var(--color-focus-bright) 58%, transparent);border-radius:var(--radius-panel);animation:2.2s ease-in-out infinite focus-eye-breathe;position:absolute;inset:-5px}.focus-mode-button__eye{filter:drop-shadow(0 0 8px var(--color-focus-bright)) drop-shadow(0 0 16px var(--color-focus));z-index:1;align-items:center;display:inline-flex;position:relative}.focus-mode-button__tooltip,.focus-tooltip{background:var(--bg-primary);border:1px solid color-mix(in srgb, var(--color-focus-bright) 28%, transparent);border-radius:var(--radius-control);color:var(--color-focus-highlight);opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap;z-index:20;padding:7px 10px;font-size:.72rem;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 8px 24px #00000073}.focus-mode-button:hover .focus-mode-button__tooltip,.focus-mode-button:focus-visible .focus-mode-button__tooltip,.focus-tooltip-wrap:hover .focus-tooltip,.focus-tooltip-wrap:focus-within .focus-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.focus-dashboard .focus-ambient-muted,.focus-dashboard>.main-app-header{transition:filter .35s,opacity .35s}.focus-dashboard.has-active-focus-mode{isolation:isolate;min-height:100vh;position:relative}.focus-dashboard.has-active-focus-mode .focus-ambient-muted,.focus-dashboard.has-active-focus-mode>.main-app-header{filter:brightness(.74)saturate(.78)blur(.45px);opacity:.8}.focus-ambient-veil{position:relative}.focus-ambient-veil:after{-webkit-backdrop-filter:blur(.45px)brightness(.74)saturate(.78);backdrop-filter:blur(.45px)brightness(.74)saturate(.78);border-radius:inherit;content:"";opacity:0;pointer-events:none;z-index:20;background:#04030a33;transition:opacity .35s;position:absolute;inset:0}.focus-dashboard.has-active-focus-mode .focus-ambient-veil:after{opacity:1}.focus-skills-panel__ordinary{flex-direction:column;gap:12px;display:flex}.focus-dashboard.has-active-focus-mode .focus-skills-panel{-webkit-backdrop-filter:none;backdrop-filter:none}.focus-immersive-board{min-width:0;position:relative}.focus-immersive-board.is-active{z-index:600}.focus-immersive-board__content{flex-direction:column;gap:24px;min-width:0;display:flex;position:relative}.focus-immersive-board.is-active:before{background:radial-gradient(circle at 48% 5%, color-mix(in srgb, var(--color-focus) 20%, transparent), transparent 38%), linear-gradient(145deg, #1d1236, #090912 58%);border:1px solid color-mix(in srgb, var(--color-focus-bright) 36%, transparent);border-radius:var(--radius-panel);box-shadow:0 0 34px var(--color-focus-glow), 0 0 74px color-mix(in srgb, var(--color-focus) 13%, transparent), inset 0 0 38px color-mix(in srgb, var(--color-focus) 8%, transparent);content:"";pointer-events:none;position:absolute;inset:-13px}.focus-immersive-board.is-active .glass-card{background:color-mix(in srgb, var(--bg-card) 90%, transparent);border-color:color-mix(in srgb, var(--color-focus-bright) 18%, var(--border-color))}.focus-cosmic-field{opacity:1;pointer-events:none;background:#02020829;position:fixed;inset:0;overflow:hidden}.focus-cosmic-field--ambient{z-index:500;border-radius:0;-webkit-mask-image:none;mask-image:none}.focus-cosmic-field__star{animation:focus-star-flight var(--focus-star-duration) linear var(--focus-star-delay) infinite;opacity:0;transform-origin:0;height:1px;width:var(--focus-star-length);background:linear-gradient(90deg,#0000,#ffffff38 46%,#fffffffa);border-radius:999px;position:absolute;top:50%;left:50%;box-shadow:0 0 5px #ffffffc7,0 0 11px #ffffff47}.focus-modal-backdrop{background:radial-gradient(circle at 50% 12%, color-mix(in srgb, var(--color-focus) 18%, transparent), transparent 42%), #04030ae6;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);overscroll-behavior:none;z-index:15000;justify-content:center;align-items:center;height:100dvh;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.focus-modal{background:radial-gradient(circle at 14% 0, color-mix(in srgb, var(--color-focus) 13%, transparent), transparent 35%), linear-gradient(145deg, color-mix(in srgb, var(--color-focus-deep) 16%, var(--bg-card)), var(--bg-primary));border:1px solid color-mix(in srgb, var(--color-focus-bright) 30%, transparent);border-radius:var(--radius-panel);box-shadow:0 30px 90px #000000bd, 0 0 42px var(--color-focus-glow), inset 0 1px 0 #ffffff0b;color:var(--text-primary);isolation:isolate;flex-direction:column;gap:18px;width:min(94vw,680px);min-height:0;max-height:min(92dvh,900px);padding:24px;animation:.24s cubic-bezier(.16,1,.3,1) focus-modal-enter;display:flex;overflow-y:auto}.focus-modal--small{width:min(94vw,520px)}.focus-modal--large{width:min(96vw,820px);height:min(92dvh,900px);overflow:hidden}.focus-modal__header{flex:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.focus-modal__title-wrap{align-items:center;gap:13px;min-width:0;display:flex}.focus-modal__emblem{background:linear-gradient(135deg, color-mix(in srgb, var(--color-focus) 30%, transparent), color-mix(in srgb, var(--color-focus-deep) 48%, transparent));border:1px solid color-mix(in srgb, var(--color-focus-bright) 46%, transparent);border-radius:var(--radius-card);box-shadow:0 0 22px var(--color-focus-glow), inset 0 0 14px color-mix(in srgb, var(--color-focus-bright) 10%, transparent);color:var(--color-focus-highlight);flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.focus-modal__eyebrow{color:var(--color-focus-bright);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:.68rem;font-weight:900;display:block}.focus-modal h2{font-family:var(--font-title);margin:0;font-size:1.3rem;line-height:1.15}.focus-modal__close,.focus-icon-action{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.focus-modal__close:hover,.focus-modal__close:focus-visible,.focus-icon-action:hover,.focus-icon-action:focus-visible{border-color:color-mix(in srgb, var(--color-focus-bright) 44%, transparent);box-shadow:0 0 13px color-mix(in srgb, var(--color-focus) 20%, transparent);color:var(--color-focus-highlight);outline:none}.focus-icon-action:disabled{cursor:not-allowed;opacity:.35}.focus-modal__actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.focus-modal__actions--sticky{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--color-focus-deep) 16%, #08090efa) 24%);z-index:3;margin:-6px -2px -2px;padding-top:16px;position:relative}.focus-button{border-radius:var(--radius-control);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 17px;font-size:.86rem;font-weight:900;transition:all .2s;display:inline-flex}.focus-button--secondary{color:color-mix(in srgb, var(--text-primary) 82%, transparent);background:#ffffff09;border:1px solid #ffffff17}.focus-button--primary{background:linear-gradient(135deg, var(--color-focus), var(--color-focus-bright));border:1px solid color-mix(in srgb, var(--color-focus-highlight) 42%, transparent);color:#fff;text-shadow:0 1px 2px #230a4aa6}.focus-button--glow{box-shadow:0 0 22px var(--color-focus-glow), inset 0 1px 0 #fff3}.focus-button--neon:not(:disabled){animation:2.5s ease-in-out infinite focus-flow-cta-neon}.focus-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.focus-button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.42;transform:none}.focus-guest-copy{background:var(--surface-subtle);border:1px solid var(--border-color);border-radius:var(--radius-panel);color:color-mix(in srgb, var(--text-primary) 78%, transparent);gap:10px;padding:16px;font-size:.9rem;line-height:1.6;display:grid}.focus-guest-copy strong{color:color-mix(in srgb, var(--color-xp) 58%, var(--text-primary))}.focus-guest-note{border-radius:var(--radius-card);color:color-mix(in srgb, var(--color-info) 45%, var(--text-primary));background:#00d9ff12;border:1px solid #00d9ff2e;align-items:center;gap:10px;padding:11px 13px;font-size:.8rem;font-weight:750;display:flex}.focus-continue-copy,.focus-summary-modal__description{color:var(--text-secondary);margin:0;font-size:.86rem;line-height:1.55}.focus-duration-picker{background:linear-gradient(135deg, color-mix(in srgb, var(--color-focus) 10%, transparent), color-mix(in srgb, var(--color-focus-deep) 14%, transparent));border:1px solid color-mix(in srgb, var(--color-focus-bright) 20%, transparent);border-radius:var(--radius-panel);gap:12px;padding:14px;display:grid}.focus-duration-picker__heading{align-items:center;gap:10px;display:flex}.focus-duration-picker__icon{background:color-mix(in srgb, var(--color-focus) 18%, transparent);border-radius:var(--radius-control);color:var(--color-focus-highlight);justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.focus-duration-picker__heading strong{font-size:.85rem;display:block}.focus-duration-picker__heading small{color:var(--text-muted);margin-top:2px;font-size:.7rem;display:block}.focus-duration-picker__controls{align-items:center;gap:8px;display:flex}.focus-duration-picker__input{font-family:var(--font-title);font-variant-numeric:tabular-nums;letter-spacing:.07em;text-align:center;max-width:132px;background:color-mix(in srgb, var(--color-focus-deep) 18%, #00000042)!important;border:1px solid color-mix(in srgb, var(--color-focus-bright) 35%, transparent)!important;border-radius:var(--radius-control)!important;color:var(--text-primary)!important;padding:9px 12px!important;font-size:1.05rem!important;font-weight:900!important}.focus-duration-picker__input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 15%, transparent);outline:none;border-color:color-mix(in srgb, var(--color-focus-highlight) 76%, transparent)!important}.focus-duration-picker__presets{flex-wrap:wrap;gap:7px;display:flex}.focus-duration-picker__presets button,.focus-selection-toolbar button{border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;background:#ffffff09;border:1px solid #ffffff13;justify-content:center;align-items:center;gap:5px;padding:7px 11px;font-size:.74rem;font-weight:850;display:inline-flex}.focus-duration-picker__presets button:hover,.focus-duration-picker__presets button.is-active,.focus-selection-toolbar button:hover:not(:disabled){background:color-mix(in srgb, var(--color-focus) 14%, transparent);border-color:color-mix(in srgb, var(--color-focus-bright) 42%, transparent);color:var(--color-focus-highlight)}.focus-selection-toolbar{background:color-mix(in srgb, var(--color-focus-deep) 11%, #ffffff06);border:1px solid color-mix(in srgb, var(--color-focus-bright) 16%, transparent);border-radius:12px;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.focus-selection-toolbar>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.focus-selection-toolbar strong{color:color-mix(in srgb, var(--color-focus-highlight) 38%, var(--text-primary));font-size:.78rem}.focus-selection-toolbar svg{color:var(--color-focus-bright)}.focus-selection-toolbar button:disabled{cursor:not-allowed;opacity:.35}.focus-tree-toolbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg, color-mix(in srgb, var(--color-focus-deep) 44%, #0a0812f5), #0a0812f5);border:1px solid color-mix(in srgb, var(--color-focus-bright) 18%, transparent);border-radius:var(--radius-control);box-shadow:0 8px 18px #00000038, 0 0 14px color-mix(in srgb, var(--color-focus) 8%, transparent);z-index:4;flex:none;justify-content:flex-end;align-self:stretch;align-items:center;gap:8px;padding:8px;display:flex;position:sticky;top:0}.focus-tree-toolbar button{background:color-mix(in srgb, var(--color-focus) 8%, #ffffff06);border:1px solid color-mix(in srgb, var(--color-focus-bright) 18%, #ffffff0d);border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:.72rem;font-weight:850;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.focus-tree-toolbar button:hover:not(:disabled),.focus-tree-toolbar button:focus-visible{background:color-mix(in srgb, var(--color-focus) 18%, transparent);border-color:color-mix(in srgb, var(--color-focus-bright) 48%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--color-focus) 16%, transparent);color:var(--color-focus-highlight);outline:none}.focus-tree-toolbar button:disabled{cursor:not-allowed;opacity:.34}.focus-setup-modal__scroll{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:18px;min-height:0;padding:1px 7px 6px 1px;display:flex;overflow-y:auto}.focus-skill-groups{flex-direction:column;flex:none;gap:15px;min-height:0;display:flex;overflow:visible}.focus-skill-group{gap:8px;display:grid}.focus-skill-group>h3{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin:2px 0;font-size:.72rem;font-weight:900;display:flex}.focus-skill-group--archive{border-top:1px solid #a78bfa29;margin-top:3px;padding-top:14px}.focus-skill-group--archive>h3{color:var(--color-mentor)}.focus-skill-accordion{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden}.focus-skill-accordion.is-expanded{border-color:color-mix(in srgb, var(--focus-skill-color), transparent 62%);box-shadow:0 0 16px color-mix(in srgb, var(--focus-skill-color), transparent 92%)}.focus-skill-accordion__header{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 12px;display:grid}.focus-checkbox{accent-color:var(--color-focus-bright);cursor:pointer;flex:none;width:17px;height:17px;margin:0}.focus-skill-accordion__header .focus-checkbox{accent-color:var(--focus-skill-color)}.focus-checkbox:disabled{cursor:not-allowed;opacity:.4}.focus-skill-accordion__toggle{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;width:100%;min-width:0;padding:12px 0;display:flex}.focus-skill-accordion__dot,.focus-summary-quest__dot{background:var(--focus-skill-color);box-shadow:0 0 9px var(--focus-skill-color);border-radius:50%;flex:none;width:8px;height:8px}.focus-skill-accordion__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.86rem;font-weight:850;overflow:hidden}.focus-skill-accordion__count{color:var(--text-secondary);background:#ffffff0b;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:850}.focus-skill-accordion__chevron{color:var(--text-muted);flex:none;transition:transform .2s}.focus-skill-accordion.is-expanded .focus-skill-accordion__chevron{transform:rotate(180deg)}.focus-skill-accordion__body{border-top:1px solid #ffffff0d;gap:6px;padding:8px;display:grid}.focus-skill-accordion__body[hidden]{display:none}.focus-quest-option{background:linear-gradient(105deg, color-mix(in srgb, var(--focus-quest-color) 7%, transparent), #ffffff05 44%);border:1px solid color-mix(in srgb, var(--focus-quest-color) 19%, #ffffff0d);border-left:3px solid var(--focus-quest-color);margin-left:min(calc(var(--focus-quest-depth) * 18px), 150px);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;min-width:0;padding:10px 11px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.focus-quest-option:hover{background:linear-gradient(105deg, color-mix(in srgb, var(--focus-quest-color) 12%, transparent), #ffffff08 48%);border-color:color-mix(in srgb, var(--focus-quest-color) 36%, #ffffff12);transform:translate(1px)}.focus-quest-option.is-selected{background:linear-gradient(105deg, color-mix(in srgb, var(--focus-quest-color) 16%, transparent), color-mix(in srgb, var(--color-focus) 5%, transparent));box-shadow:0 0 14px color-mix(in srgb, var(--focus-quest-color) 12%, transparent)}.focus-quest-option.is-nested:before{border-bottom:1px solid color-mix(in srgb, var(--focus-quest-color) 32%, transparent);border-left:1px solid color-mix(in srgb, var(--focus-quest-color) 25%, transparent);content:"";pointer-events:none;border-bottom-left-radius:6px;width:10px;height:calc(50% + 9px);position:absolute;top:-9px;left:-13px}.focus-quest-option.has-children{border-right-color:color-mix(in srgb, var(--focus-quest-color) 25%, transparent)}.focus-quest-option.is-disabled{cursor:not-allowed;opacity:.45}.focus-quest-option .focus-checkbox{accent-color:var(--focus-quest-color);margin-top:3px}.focus-quest-option__toggle,.focus-quest-option__content{color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;display:grid}.focus-quest-option__toggle{cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0}.focus-quest-option__toggle:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--focus-quest-color) 58%, transparent);border-radius:7px;outline:none}.focus-quest-option__content{grid-template-columns:auto minmax(0,1fr)}.focus-quest-option__type{background:color-mix(in srgb, var(--focus-quest-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--focus-quest-color) 30%, transparent);color:var(--focus-quest-color);border-radius:7px;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex}.focus-quest-option__copy{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.focus-quest-option__title{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.focus-quest-option__copy strong{color:color-mix(in srgb, var(--text-primary) 92%, transparent);overflow-wrap:anywhere;font-size:.8rem;line-height:1.3}.focus-quest-option__copy small{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.67rem;display:flex}.focus-quest-option__timeframe{color:color-mix(in srgb, var(--focus-quest-color) 74%, var(--text-primary));font-weight:800}.focus-quest-option__xp{color:var(--color-xp);font-weight:850}.focus-quest-option__chevron{color:color-mix(in srgb, var(--focus-quest-color) 58%, var(--text-muted));flex:none;transition:transform .2s,color .2s}.focus-quest-option.is-expanded .focus-quest-option__chevron{color:var(--focus-quest-color);transform:rotate(180deg)}.focus-empty-inline,.focus-empty-state{color:var(--text-muted);text-align:center;margin:0;padding:13px;font-size:.78rem;line-height:1.45}.focus-skill-card{background:radial-gradient(circle at 15% 0, color-mix(in srgb, var(--color-focus) 20%, transparent), transparent 40%), linear-gradient(145deg, color-mix(in srgb, var(--color-focus-deep) 38%, #0f1419), #0f1419);border:1px solid color-mix(in srgb, var(--color-focus-bright) 42%, transparent);border-left:3px solid var(--color-focus-bright);border-radius:var(--radius-card);box-shadow:-3px 0 16px color-mix(in srgb, var(--color-focus-bright) 24%, transparent), 0 0 26px var(--color-focus-glow), inset 0 1px 0 #ffffff0e;cursor:pointer;flex-direction:column;gap:10px;padding:14px 15px;display:flex;position:relative}.focus-dashboard.has-active-focus-mode .focus-skill-card{z-index:600}.focus-skill-card.is-selected{border-color:color-mix(in srgb, var(--color-focus-highlight) 72%, transparent);border-left-color:var(--color-focus-highlight);box-shadow:0 0 34px color-mix(in srgb, var(--color-focus) 42%, transparent), inset 0 0 17px color-mix(in srgb, var(--color-focus) 14%, transparent)}.focus-skill-card__header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.focus-skill-card__identity{align-items:center;gap:9px;min-width:0;display:flex}.focus-skill-card__eye{background:color-mix(in srgb, var(--color-focus) 18%, transparent);border:1px solid color-mix(in srgb, var(--color-focus-bright) 36%, transparent);border-radius:var(--radius-control);color:var(--color-focus-highlight);filter:drop-shadow(0 0 7px var(--color-focus));flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.focus-skill-card__identity strong{font-family:var(--font-title);font-size:.94rem;display:block}.focus-skill-card__identity small{color:var(--color-focus-bright);align-items:center;gap:3px;margin-top:2px;font-size:.65rem;font-weight:850;display:flex}.focus-skill-card__timer{background:color-mix(in srgb, var(--color-focus-deep) 34%, #00000038);border:1px solid color-mix(in srgb, var(--color-focus-bright) 28%, transparent);border-radius:var(--radius-control);color:var(--color-focus-highlight);font-family:var(--font-title);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:7px 9px;font-size:.78rem;font-weight:900;display:flex}.focus-tooltip-wrap{position:relative}.focus-skill-card__end{color:var(--color-danger);cursor:pointer;background:#ef444414;border:1px solid #ef444438;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.focus-skill-card__end:hover,.focus-skill-card__end:focus-visible{background:#ef444429;outline:none;box-shadow:0 0 12px #ef444433}.focus-skill-card__end:disabled{cursor:not-allowed;opacity:.35}.focus-tooltip{color:color-mix(in srgb, var(--color-danger) 30%, var(--text-primary));border-color:#ef444440}.focus-skill-card__xp-target{gap:5px;display:grid}.focus-skill-card__progress-meta{color:var(--text-secondary);justify-content:space-between;font-size:.68rem;font-weight:750;display:flex}.focus-skill-card__track,.focus-summary-progress__track{background:#fff1;border-radius:999px;height:7px;overflow:hidden}.focus-skill-card__track>span{background:linear-gradient(90deg, var(--color-focus), var(--color-focus-highlight));border-radius:inherit;box-shadow:0 0 12px var(--color-focus-bright);height:100%;transition:width .35s;display:block}.focus-summary-progress__track>span{background:linear-gradient(90deg, var(--color-xp), var(--color-info));border-radius:inherit;height:100%;transition:width .35s;display:block;box-shadow:0 0 11px #00ff8880}.focus-skill-card__footer{color:var(--text-muted);justify-content:space-between;font-size:.67rem;display:flex}.focus-skill-card__footer strong{color:var(--color-focus-highlight)}.focus-summary-modal__header{align-items:center}.focus-summary-modal__reason{color:var(--text-secondary);align-items:center;gap:5px;font-size:.72rem;font-weight:750;display:inline-flex}.focus-summary-progress{border-radius:var(--radius-card);background:linear-gradient(135deg,#00ff8812,#00d9ff09);border:1px solid #00ff8829;gap:10px;padding:14px;display:grid}.focus-summary-progress>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.focus-summary-progress strong{font-size:.82rem}.focus-summary-progress span{color:color-mix(in srgb, var(--color-info) 45%, var(--text-primary));font-size:.72rem;font-weight:850}.focus-summary-list{gap:9px;min-height:0;display:grid}.focus-summary-list h3{color:color-mix(in srgb, var(--color-xp) 15%, var(--text-primary));align-items:center;gap:7px;margin:0;font-size:.82rem;display:flex}.focus-summary-list__items{gap:7px;max-height:250px;padding-right:3px;display:grid;overflow-y:auto}.focus-summary-quest{border-radius:var(--radius-control);background:#ffffff06;border:1px solid #ffffff0e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;display:grid}.focus-summary-quest strong{color:color-mix(in srgb, var(--text-primary) 90%, transparent);overflow-wrap:anywhere;font-size:.78rem;display:block}.focus-summary-quest small{color:var(--focus-skill-color);margin-top:2px;font-size:.65rem;display:block}.focus-summary-quest b{color:var(--color-xp);white-space:nowrap;font-size:.72rem}.focus-mode-error-toast{border-radius:var(--radius-card);color:color-mix(in srgb, var(--color-danger) 30%, var(--text-primary));z-index:16000;background:#230c12fa;border:1px solid #ef444473;max-width:min(520px,100vw - 28px);padding:11px 15px;font-size:.8rem;font-weight:750;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000080}@keyframes focus-eye-breathe{0%,to{box-shadow:0 0 12px color-mix(in srgb, var(--color-focus) 18%, transparent);opacity:.42;transform:scale(.92)}50%{box-shadow:0 0 24px var(--color-focus-glow);opacity:1;transform:scale(1.04)}}@keyframes focus-eye-active-breathe{0%,to{opacity:.28;transform:scale(.94);box-shadow:0 0 8px #94a3b814}50%{opacity:.72;transform:scale(1.01);box-shadow:0 0 14px #94a3b829}}@keyframes focus-star-flight{0%{opacity:0;transform:rotate(var(--focus-star-angle)) translateX(var(--focus-star-start)) scaleX(.18)}14%{opacity:var(--focus-star-opacity)}78%{opacity:var(--focus-star-opacity)}to{opacity:0;transform:rotate(var(--focus-star-angle)) translateX(var(--focus-star-end)) scaleX(1.55)}}@keyframes focus-modal-enter{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes focus-flow-cta-neon{0%,to{box-shadow:0 4px 20px #00000040, 0 0 5px color-mix(in srgb, var(--color-focus) 28%, transparent), inset 0 1px 0 #fff3}50%{box-shadow:0 4px 20px #00000040, 0 0 15px color-mix(in srgb, var(--color-focus-bright) 60%, transparent), inset 0 1px 0 #ffffff42}}@media (width<=767.98px){.focus-immersive-board.is-active:before{inset:-6px}.focus-cosmic-field--ambient{opacity:.68;inset:0}.focus-cosmic-field__star:nth-child(n+25){display:none}.taskboard-focus-mode-slot{justify-content:center;align-items:center;width:100%;display:flex;position:static;transform:none}.focus-modal-backdrop{height:100dvh;padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));align-items:center}.focus-modal{border-radius:var(--radius-panel);gap:14px;width:min(96vw,620px);max-height:100%;padding:17px 14px}.focus-modal--large{height:100%;max-height:100%}.focus-modal h2{font-size:1.08rem}.focus-modal__emblem{border-radius:12px;width:39px;height:39px}.focus-modal__actions{grid-template-columns:1fr 1.35fr;width:100%;display:grid}.focus-button{width:100%;min-width:0;padding:10px 9px}.focus-selection-toolbar{flex-direction:column;align-items:stretch}.focus-selection-toolbar>div:last-child{grid-template-columns:1fr 1fr;display:grid}.focus-tree-toolbar{grid-template-columns:1fr 1fr;display:grid;position:static}.focus-duration-picker__presets{grid-template-columns:repeat(4,1fr);display:grid}.focus-duration-picker__presets button{min-width:0;padding-inline:5px}.focus-setup-modal__scroll{scrollbar-gutter:auto;gap:14px;padding-right:3px}.focus-quest-option{margin-left:min(calc(var(--focus-quest-depth) * 14px), 98px)}.focus-skill-card__header{grid-template-columns:minmax(0,1fr) auto auto}.focus-summary-modal__header{flex-direction:column;align-items:flex-start}}@media (width<=420px){.focus-mode-button{width:43px;height:43px}.focus-modal__title-wrap{gap:9px}.focus-modal__eyebrow{font-size:.59rem}.focus-duration-picker__heading small{display:none}.focus-duration-picker__presets{grid-template-columns:repeat(2,1fr)}.focus-skill-card__header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.focus-skill-card__timer{grid-area:2/1/auto/-1;justify-content:center;justify-self:stretch}.focus-tooltip-wrap{grid-area:1/2}.focus-summary-progress>div:first-child{flex-direction:column;align-items:flex-start;gap:4px}.focus-summary-quest{grid-template-columns:auto minmax(0,1fr)}.focus-summary-quest b{grid-column:2}}@media (prefers-reduced-motion:reduce){.focus-cosmic-field{display:none}.focus-mode-button__halo,.focus-modal,.focus-button--neon{animation-duration:.01ms!important;animation-iteration-count:1!important}.focus-skill-card__track>span,.focus-summary-progress__track>span{transition-duration:.01ms!important}}@media (prefers-contrast:more){.focus-dashboard.has-active-focus-mode .focus-ambient-muted,.focus-dashboard.has-active-focus-mode>.main-app-header{filter:brightness(.72)saturate(.8);opacity:.86}}.near-reward-banner{--near-reward-color:var(--color-gold);top:calc(env(safe-area-inset-top) + 164px);z-index:12100;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--near-reward-color) 72%, transparent);border-left:4px solid var(--near-reward-color);border-radius:var(--radius-card);background:linear-gradient(135deg, color-mix(in srgb, var(--near-reward-color) 13%, var(--bg-secondary)), var(--bg-secondary));width:min(430px,100vw - 48px);box-shadow:0 14px 36px color-mix(in srgb, var(--near-reward-color) 16%, transparent), 0 16px 38px #0000007a;color:var(--text-primary);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 12px 13px 14px;animation:.28s cubic-bezier(.2,.8,.2,1) both near-reward-enter;display:grid;position:fixed;right:24px}.near-reward-banner[data-timeframe=repeating]{--near-reward-color:var(--color-task-repeating)}.near-reward-banner[data-timeframe=short]{--near-reward-color:var(--color-task-short)}.near-reward-banner[data-timeframe=medium]{--near-reward-color:var(--color-task-medium)}.near-reward-banner[data-timeframe=long]{--near-reward-color:var(--color-task-long)}.near-reward-banner-icon{border:1px solid color-mix(in srgb, var(--near-reward-color) 38%, transparent);background:color-mix(in srgb, var(--near-reward-color) 12%, transparent);width:38px;height:38px;color:var(--near-reward-color);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--near-reward-color) 58%, transparent));border-radius:999px;place-items:center;display:grid}.near-reward-banner-content{flex-direction:column;gap:6px;min-width:0;display:flex}.near-reward-banner-heading,.near-reward-banner-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.near-reward-banner-heading{font-family:var(--font-body);font-size:.84rem;font-weight:700;line-height:1.25}.near-reward-banner-heading>span,.near-reward-banner-meta>strong{color:var(--near-reward-color);flex:none;font-weight:800}.near-reward-banner-track{background:#ffffff0f;border:1px solid #ffffff0a;border-radius:999px;height:8px;overflow:hidden}.near-reward-banner-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--near-reward-color) 66%, #fff), var(--near-reward-color));box-shadow:0 0 10px color-mix(in srgb, var(--near-reward-color) 64%, transparent);display:block}.near-reward-banner-meta{color:var(--text-secondary);font-size:.68rem;line-height:1.2}.near-reward-banner-close{border:1px solid var(--border-color);border-radius:var(--radius-control);background:var(--surface-control);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;place-items:center;padding:0;transition:background .18s,color .18s,transform .18s;display:grid}.near-reward-banner-close:hover,.near-reward-banner-close:focus-visible{background:color-mix(in srgb, var(--near-reward-color) 12%, var(--surface-control));color:var(--text-primary)}.near-reward-banner-close:focus-visible{outline:2px solid var(--near-reward-color);outline-offset:2px}.near-reward-banner-close:hover{transform:translateY(-1px)}@keyframes near-reward-enter{0%{opacity:0;transform:translate(18px,-6px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (width<=767.98px){.near-reward-banner{top:calc(env(safe-area-inset-top) + 154px);width:auto;padding:12px 10px 12px 12px;left:14px;right:14px}.near-reward-banner-heading{font-size:.8rem}.near-reward-banner-close{width:44px;height:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.near-reward-banner{animation-duration:80ms}.near-reward-banner-close{transition:none}.near-reward-banner-fill:after{animation:none}}.mentor-modal-backdrop{z-index:12000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040509e0;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.mentor-modal{border:1px solid var(--border-color);border-radius:var(--radius-panel);background:radial-gradient(circle at 8% 0%, #a78bfa0e, transparent 32%), var(--bg-secondary);width:min(820px,100%);max-height:calc(100dvh - 36px);color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 28px 80px #000000b8}.mentor-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.mentor-modal-header>div:first-child>span,.mentor-card-eyebrow{color:var(--color-mentor);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.mentor-modal-header h2,.mentor-card-heading h4{align-items:center;gap:8px;margin:4px 0 0;display:flex}.mentor-modal-header h2 svg{color:var(--color-mentor)}.mentor-modal-scroll{flex-direction:column;gap:28px;padding:22px 24px 28px;display:flex;overflow-y:auto}.mentor-section{flex-direction:column;gap:12px;display:flex}.mentor-section-title{justify-content:space-between;align-items:center;display:flex}.mentor-section-title h3{font-size:1rem}.mentor-section-title>span,.mentor-count-badge{min-width:26px;height:26px;color:var(--color-xp);background:#00ff8814;border:1px solid #00ff8826;border-radius:999px;place-items:center;padding:0 7px;font-size:.72rem;font-weight:900;display:grid}.mentor-inbox-card{border:1px solid var(--border-color);border-radius:var(--radius-card);background:var(--surface-card);flex-direction:column;gap:14px;padding:16px;display:flex}.mentor-inbox-card.is-proposal{border-color:#00d9ff29}.mentor-card-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.mentor-inbox-card p,.mentor-empty{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.5}.mentor-requested-skill{border-radius:var(--radius-control);background:#00ff880e;border:1px solid #00ff8829;flex-direction:column;gap:4px;padding:11px 12px;display:flex}.mentor-requested-skill span{color:var(--text-secondary);font-size:.72rem}.mentor-requested-skill strong{color:var(--color-xp)}.mentor-empty{border-radius:var(--radius-card);text-align:center;border:1px dashed #ffffff14;padding:14px}.mentor-permission-editor{flex-direction:column;gap:12px;display:flex}.mentor-permission-major{border:1px solid var(--border-color);border-radius:var(--radius-card);background:var(--surface-subtle);cursor:pointer;transition:var(--transition-smooth);align-items:flex-start;gap:10px;padding:12px;display:flex}.mentor-permission-major:hover{background:#ffffff09;border-color:#00ff8824}.mentor-permission-major input,.mentor-proposal-item input{width:16px;height:16px;accent-color:var(--color-xp);flex:none}.mentor-permission-major span{flex-direction:column;gap:3px;display:flex}.mentor-permission-major strong{font-size:.82rem}.mentor-permission-major small{color:var(--text-secondary);line-height:1.35}.mentor-skill-permissions{flex-direction:column;gap:8px;display:flex}.mentor-skill-permissions label{justify-content:space-between;align-items:center;gap:12px;display:flex}.mentor-skill-permissions label>span{align-items:center;gap:7px;min-width:0;font-size:.82rem;display:flex}.mentor-skill-permissions i{border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 7px}.mentor-skill-permissions select,.mentor-modal input:not([type=checkbox]),.mentor-modal textarea{border:1px solid var(--border-color);border-radius:var(--radius-control);background-color:var(--surface-control);color:var(--text-primary);padding:8px 10px}.mentor-skill-permissions select:focus,.mentor-modal input:not([type=checkbox]):focus,.mentor-modal textarea:focus{background-color:#ffffff14;border-color:#ffffff40;box-shadow:0 0 10px #ffffff0d}.mentor-inline-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.mentor-button,.mentor-icon-button{border:1px solid var(--border-color);border-radius:var(--radius-control);background:var(--surface-control);color:var(--text-secondary);cursor:pointer;font-weight:700}.mentor-button{padding:8px 12px}.mentor-icon-button{place-items:center;width:36px;height:36px;padding:0;display:grid}.mentor-button:hover:not(:disabled),.mentor-icon-button:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#ffffff29;transform:translateY(-1px)}.mentor-button.is-primary{background:linear-gradient(135deg, var(--color-xp), var(--color-info));color:#06110d;border-color:#00ff884d;box-shadow:0 0 16px #00ff881f}.mentor-button.is-primary:hover:not(:disabled){border-color:var(--color-xp);color:#06110d;box-shadow:0 0 20px #0f83}.mentor-button:disabled,.mentor-icon-button:disabled{cursor:not-allowed;opacity:.45}.mentor-text-danger{color:#f87171;cursor:pointer;background:0 0;border:0;align-self:flex-start;font-size:.76rem}.mentor-text-danger:hover:not(:disabled){color:#fca5a5;text-decoration:underline}.mentor-permission-list{color:var(--text-secondary);margin:0;padding-left:18px;font-size:.8rem;line-height:1.7}.mentor-proposal-items{flex-direction:column;gap:9px;display:flex}.mentor-proposal-item{border:1px solid var(--border-color);border-radius:var(--radius-card);background:var(--surface-subtle);grid-template-columns:auto 1fr;gap:10px;padding:12px;display:grid}.mentor-proposal-item>span{flex-direction:column;gap:7px;min-width:0;display:flex}.mentor-proposal-item strong{font-size:.82rem}.mentor-diff{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mentor-diff small,.mentor-new-value{overflow-wrap:anywhere;border-radius:var(--radius-control);color:var(--text-secondary);white-space:pre-wrap;background:#ffffff06;border:1px solid #ffffff09;padding:8px}.mentor-warning{color:var(--color-gold)!important}.mentor-message{border-radius:var(--radius-control);color:#7dd3fc;background:#00d9ff12;border:1px solid #00d9ff29;margin:14px 24px 0;padding:10px 12px}.mentor-message.is-error{color:#fca5a5;background:#ef444417;border-color:#ef444433}.is-spinning{animation:.9s linear infinite mentor-spin}@keyframes mentor-spin{to{transform:rotate(360deg)}}@media (width<=640px){.mentor-modal-backdrop{padding:0}.mentor-modal{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.mentor-modal-header,.mentor-modal-scroll{padding-left:14px;padding-right:14px}.mentor-diff{grid-template-columns:1fr}.mentor-skill-permissions label{flex-direction:column;align-items:stretch}}