.header{position:sticky;top:0;z-index:1000;background:#000c;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.header-container{max-width:980px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;height:44px}.header-logo{font-size:17px;font-weight:600;color:#fff;text-decoration:none;letter-spacing:-.01em;transition:opacity .2s}.header-logo:hover{opacity:.8}.header-nav{display:flex;gap:30px;align-items:center}.header-link{font-size:12px;font-weight:400;color:#a1a1a6;text-decoration:none;letter-spacing:-.01em;transition:color .2s;position:relative}.header-link:hover,.header-link.active{color:#fff}.header-link.active:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:2px;background:#fff}@media(max-width:768px){.header-container{height:48px}.header-nav{gap:20px}.header-link{font-size:11px}}.image-placeholder{position:relative;width:100%;background:linear-gradient(135deg,#1d1d1f,#2d2d2f);border-radius:18px;overflow:hidden;transition:transform .2s}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;min-height:200px}.placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.5}.placeholder-label{color:#86868b;font-size:14px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.placeholder-hint{color:#515154;font-size:12px;margin-top:8px;font-style:italic}.prompt-overlay{position:absolute;inset:0;background:#000000f2;padding:24px;display:flex;flex-direction:column;justify-content:center;animation:fadeIn .2s;overflow-y:auto}.prompt-header{color:#0071e3;font-size:14px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.prompt-text{color:#f5f5f7;font-size:14px;line-height:1.6;margin-bottom:16px;font-family:SF Mono,Monaco,Courier New,monospace}.prompt-footer{color:#86868b;font-size:12px;font-style:italic;border-top:1px solid #2d2d2f;padding-top:12px}.placeholder-image{width:100%;height:auto;display:block;border-radius:18px;transition:transform .3s ease;box-shadow:0 20px 60px #0009}.image-placeholder:hover .placeholder-image{transform:scale(1.02);box-shadow:0 25px 80px #000000b3}@media(max-width:768px){.placeholder-content{padding:40px 20px;min-height:150px}.placeholder-icon{font-size:36px}.prompt-overlay{padding:16px}.prompt-text{font-size:12px}}.landing-page-new{background:#000;color:#f5f5f7;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container-new{max-width:1440px;margin:0 auto;padding:0 40px}.nav-header{position:fixed;top:0;left:0;right:0;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;padding:12px 0}.nav-content{display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:12px}.nav-logo{height:36px;width:36px;object-fit:contain}.logo-text{font-size:20px;font-weight:600;color:#fff;letter-spacing:-.02em}.nav-link{color:#a1a1a6;text-decoration:none;font-size:14px;font-weight:400;transition:color .2s ease}.nav-link:hover{color:#fff}.hero-new{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 0 60px}.hero-headline{font-size:clamp(48px,8vw,96px);font-weight:600;line-height:1.05;letter-spacing:-.015em;margin:0 0 24px;color:#fff}.hero-subhead{font-size:clamp(21px,3vw,28px);font-weight:400;line-height:1.4;color:#a1a1a6;max-width:650px;margin:0 auto 48px}.hero-cta-new{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:80px}.btn-primary-new{background:#0071e3;color:#fff;font-size:17px;font-weight:400;padding:12px 24px;border-radius:980px;text-decoration:none;display:inline-block;transition:background .2s;border:none;cursor:pointer}.btn-primary-new:hover{background:#0077ed}.btn-secondary-new{background:transparent;color:#2997ff;font-size:17px;font-weight:400;padding:12px 24px;border-radius:980px;text-decoration:none;display:inline-block;transition:background .2s;border:none;cursor:pointer}.btn-secondary-new:hover{background:#2997ff1a}.btn-full{width:100%;text-align:center;max-width:280px}.hero-image-placeholder,.matrix-image-placeholder,.quest-image-placeholder{width:100%;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#1d1d1f,#2d2d2f);border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.hero-image-placeholder:before,.matrix-image-placeholder:before,.quest-image-placeholder:before{content:attr(data-image);color:#86868b;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.problem-section{padding:140px 0;text-align:center}.solution-section{padding:140px 0;text-align:center;background:#161617}.gamification-section{padding:140px 0;text-align:center;background:#000}.section-headline{font-size:clamp(40px,6vw,64px);font-weight:600;line-height:1.08;letter-spacing:-.015em;margin:0 0 32px;color:#fff}.section-body{font-size:clamp(21px,3vw,28px);font-weight:400;line-height:1.4;color:#a1a1a6;margin:0 auto;max-width:650px}.matrix-image-placeholder{margin-top:80px;max-width:1400px}.outcomes-section{padding:140px 0;background:#000}.outcomes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-top:80px}.outcome-card{text-align:center;padding:32px 24px}.outcome-headline{font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.125;letter-spacing:-.01em;margin:0 0 16px;color:#fff}.outcome-body{font-size:17px;font-weight:400;line-height:1.47;color:#a1a1a6;margin:0}.social-proof-section{padding:140px 0;text-align:center;background:#161617}.pricing-section-new{padding:140px 0;text-align:center;background:#000}.pricing-card-new{max-width:400px;margin:80px auto 0;padding:48px 32px;background:#161617;border-radius:18px}.price-display{margin-bottom:16px}.price-amount{font-size:56px;font-weight:600;line-height:1;letter-spacing:-.015em;color:#fff}.price-tagline{font-size:21px;font-weight:400;color:#a1a1a6;margin:0 0 32px}.footer-new{padding:80px 0 40px;text-align:center;border-top:1px solid #2d2d2f}.footer-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.footer-link{color:#2997ff;text-decoration:none;font-size:17px;transition:color .2s}.footer-link:hover{color:#51a3ff;text-decoration:underline}.footer-separator{color:#6e6e73;font-size:17px;-webkit-user-select:none;user-select:none}@media(max-width:768px){.hero-new{min-height:90vh;padding:40px 0}.hero-cta-new{flex-direction:column;align-items:stretch;max-width:300px;margin-left:auto;margin-right:auto}.btn-primary-new,.btn-secondary-new{width:100%}.problem-section,.solution-section,.outcomes-section,.social-proof-section,.pricing-section-new{padding:80px 0}.outcomes-grid{gap:32px;margin-top:48px}.pricing-card-new{margin-top:48px;padding:32px 24px}}@media(max-width:480px){.container-new{padding:0 16px}.hero-headline{font-size:48px}.hero-subhead{font-size:19px}.section-headline{font-size:36px}.section-body{font-size:19px}.outcome-headline{font-size:24px}.price-amount{font-size:48px}}html{scroll-behavior:smooth}::selection{background:#0071e3;color:#fff}.task-card{position:absolute;padding:10px 12px;border:2px solid;border-radius:6px;font-weight:600;font-size:.9rem;color:#c0caf5;transform:translate(-50%,-50%);cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;box-shadow:3px 3px 6px #0000004d;transition:box-shadow .2s,transform .1s;z-index:10}.task-card:hover{box-shadow:4px 4px 12px #00000080;transform:translate(-50%,-50%) scale(1.05);z-index:20}.task-card.dragging{cursor:grabbing;box-shadow:6px 6px 16px #0009;transform:translate(-50%,-50%) scale(1.1);z-index:100}.context-menu{position:fixed;background:#1a1b26;border:1px solid #414868;border-radius:8px;padding:8px 0;box-shadow:0 4px 12px #00000080;z-index:10000;min-width:160px;animation:contextMenuFadeIn .15s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{padding:10px 20px;cursor:pointer;transition:background .2s;color:#c0caf5;font-size:.9rem;display:flex;align-items:center;gap:8px}.context-menu-item:hover{background:#24283b}.context-menu-item-danger{color:#f7768e}.context-menu-item-danger:hover{background:#f7768e26}.matrix-canvas{position:relative;width:100%;height:100%;min-height:600px;background-color:#24283b;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border:2px solid #414868;border-radius:8px;overflow:hidden}.quadrant{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #565f89}.quadrant-do-first{background-color:#3b2a3d}.quadrant-schedule{background-color:#2a3b2e}.quadrant-delegate{background-color:#3b3a2a}.quadrant-eliminate{background-color:#2a2f3b}.quadrant-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none;-webkit-user-select:none;user-select:none}.quadrant-icon{font-size:2rem}.quadrant-title{font-size:1.25rem;font-weight:700;letter-spacing:.05em}.quadrant-do-first .quadrant-title{color:#f7768e}.quadrant-schedule .quadrant-title{color:#9ece6a}.quadrant-delegate .quadrant-title{color:#e0af68}.quadrant-eliminate .quadrant-title{color:#7aa2f7}.quadrant-desc{font-size:.875rem;color:#565f89}.axis-label{position:absolute;font-size:.875rem;color:#565f89;pointer-events:none;-webkit-user-select:none;user-select:none}.axis-horizontal-left{bottom:10px;left:25%;transform:translate(-50%)}.axis-horizontal-right{bottom:10px;right:25%;transform:translate(50%)}.axis-vertical-top{top:25%;left:10px;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed}.axis-vertical-bottom{top:75%;left:10px;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed}.player-stats{margin-bottom:1.5rem}.stats-card{background-color:#414868;border:1px solid #7aa2f7;border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.level-display{font-size:1rem;font-weight:700;color:#e0af68}.xp-bar-container{display:flex;flex-direction:column;gap:.25rem}.xp-bar-bg{height:20px;background-color:#24283b;border-radius:4px;overflow:hidden}.xp-bar-fill{height:100%;background-color:#7aa2f7;transition:width .3s ease}.xp-text{font-size:.85rem;color:#565f89}.dailies-display{font-size:.875rem;color:#7aa2f7}.quest-button{width:100%;padding:.625rem;border:none;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.daily-button{background-color:#bb9af7;color:#1a1b26;font-weight:700}.daily-button:hover:not(:disabled){background-color:#c4a7ff;transform:translateY(-1px);box-shadow:0 2px 8px #bb9af766}.daily-button:active:not(:disabled){transform:translateY(0)}.daily-button:disabled{background-color:#3d3d4a!important;color:#6a6a7a!important;cursor:not-allowed;opacity:.5}.focus-button{background-color:#9ece6a;color:#1a1b26;font-weight:700}.focus-button:hover:not(:disabled){background-color:#b0db7d;transform:translateY(-1px);box-shadow:0 2px 8px #9ece6a66}.focus-button:active:not(:disabled){transform:translateY(0)}.focus-button:disabled{background-color:#3d3d4a!important;color:#6a6a7a!important;cursor:not-allowed;opacity:.5}.active-quest-panel{border-radius:6px;overflow:hidden;margin-bottom:1rem}.active-quest-panel.daily{border:2px solid #e0af68}.active-quest-panel.focus{border:2px solid #9ece6a}.quest-content{background-color:#414868;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.quest-header{font-size:.85rem;font-weight:700;letter-spacing:.05em}.active-quest-panel.daily .quest-header{color:#e0af68}.active-quest-panel.focus .quest-header{color:#9ece6a}.quest-task-name{font-size:.9rem;color:#c0caf5;word-wrap:break-word}.quest-timer{font-size:.85rem;color:#7aa2f7}.quest-buttons{display:flex;gap:.5rem;margin-top:.25rem}.complete-btn{flex:1;padding:.5rem;background-color:#9ece6a;color:#1a1b26;border:none;border-radius:4px;font-weight:600;font-size:.85rem;cursor:pointer;transition:background-color .2s}.complete-btn:hover{background-color:#b0db7d}.cancel-btn{flex:1;padding:.5rem;background-color:#f7768e;color:#1a1b26;border:none;border-radius:4px;font-weight:600;font-size:.85rem;cursor:pointer;transition:background-color .2s}.cancel-btn:hover{background-color:#ff889f}.sidebar{width:280px;background-color:#24283b;border-radius:8px;height:100%;overflow-y:auto}.sidebar-inner{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.sidebar-title{font-size:1.25rem;font-weight:700;color:#7aa2f7;margin:0}.add-task-section{display:flex;flex-direction:column;gap:.5rem}.section-label{font-size:.75rem;font-weight:600;color:#565f89;letter-spacing:.05em}.input-container{background-color:#414868;border-radius:4px;overflow:hidden}.task-input{width:100%;padding:.75rem;background-color:#414868;border:none;color:#c0caf5;font-size:.9rem}.task-input:focus{outline:none;background-color:#4a5578}.add-button{width:100%;padding:.625rem;background-color:#7aa2f7;color:#1a1b26;border:none;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .2s}.add-button:hover{background-color:#89b4fa}.task-list-section{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:150px}.task-list{background-color:#414868;border-radius:4px;padding:.25rem;max-height:200px;overflow-y:auto;flex:1}.task-item-wrapper{display:flex;align-items:center;gap:.25rem;position:relative}.task-item{padding:.5rem .75rem;background-color:transparent;color:#c0caf5;font-size:.9rem;border-radius:3px;cursor:pointer;transition:background-color .15s;-webkit-user-select:none;user-select:none;flex:1}.task-item:hover{background-color:#7aa2f71a}.task-item.selected{background-color:#7aa2f7;color:#1a1b26}.remove-task-btn{background:transparent;border:none;color:#565f89;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:3px;transition:all .2s;opacity:.6}.remove-task-btn:hover{background-color:#f7768e33;color:#f7768e;opacity:1}.done-item{color:#9ece6a}.empty-message{padding:1rem;text-align:center;color:#565f89;font-size:.85rem}.helper-text{font-size:.75rem;color:#565f89;font-style:italic;text-align:center}.task-item.newly-added{animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 #7ba2f7b3}@keyframes pulse{0%,to{box-shadow:0 0 #7ba2f700}50%{box-shadow:0 0 0 8px #7ba2f74d}}.plot-guidance{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#7aa2f7;margin-top:4px;padding-left:.75rem;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.arrow{animation:slideRight 1s ease-in-out infinite;font-weight:700}@keyframes slideRight{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.hint{font-style:italic}.sidebar::-webkit-scrollbar,.task-list::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track,.task-list::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb{background:#565f89;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover,.task-list::-webkit-scrollbar-thumb:hover{background:#7aa2f7}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#1d1d1f;border-radius:18px;max-width:480px;width:100%;box-shadow:0 20px 60px #00000080;animation:modalSlideUp .3s ease-out;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid #2d2d2f}.modal-icon{display:block;font-size:48px;margin-bottom:16px;line-height:1}.modal-title{font-size:24px;font-weight:600;color:#f5f5f7;margin:0;line-height:1.2}.modal-success .modal-icon{color:#9ece6a}.modal-warning .modal-icon{color:#e0af68}.modal-error .modal-icon{color:#f7768e}.modal-info .modal-icon{color:#7aa2f7}.modal-confirm .modal-icon{color:#bb9af7}.modal-body{padding:24px 32px}.modal-message{font-size:17px;line-height:1.5;color:#a1a1a6;margin:0;text-align:center;white-space:pre-line}.modal-footer{padding:16px 32px 32px;display:flex;gap:12px;justify-content:center}.modal-button{flex:1;max-width:180px;padding:12px 24px;font-size:17px;font-weight:600;border-radius:980px;border:none;cursor:pointer;transition:all .2s;font-family:inherit}.modal-button:focus{outline:2px solid #0071e3;outline-offset:2px}.modal-button-primary{background:#0071e3;color:#fff}.modal-button-primary:hover{background:#0077ed;transform:translateY(-1px)}.modal-button-primary:active{transform:translateY(0)}.modal-button-secondary{background:#2d2d2f;color:#f5f5f7}.modal-button-secondary:hover{background:#3d3d3f;transform:translateY(-1px)}.modal-button-secondary:active{transform:translateY(0)}@media(max-width:600px){.modal-container{max-width:100%;margin:0 16px}.modal-header{padding:24px 24px 16px}.modal-icon{font-size:40px;margin-bottom:12px}.modal-title{font-size:20px}.modal-body{padding:16px 24px}.modal-message{font-size:15px}.modal-footer{padding:12px 24px 24px;flex-direction:column}.modal-button{max-width:100%}}body.modal-open{overflow:hidden}.priority-matrix-app{display:flex;gap:1.5rem;padding:1.5rem;min-height:100vh;background-color:#1a1b26}.app-sidebar{flex-shrink:0}.app-main{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.app-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem}.app-header h1{font-size:1.75rem;font-weight:700;color:#7aa2f7;margin:0}.header-buttons{display:flex;gap:.5rem;position:relative}.backup-menu-container{position:relative}.backup-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#24283b;border-radius:4px;box-shadow:0 4px 16px #00000080;min-width:200px;z-index:100;animation:dropdownFade .2s ease-out}.backup-dropdown-header{padding:12px 16px;font-size:12px;color:#565f89;border-bottom:1px solid rgba(255,255,255,.1)}.backup-dropdown-item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;font-weight:500;color:#c0caf5;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;gap:8px}.backup-dropdown-item:hover{background:#414868}.backup-dropdown-item:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}.backup-dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.btn-primary{padding:.625rem 1.25rem;background-color:#7aa2f7;color:#1a1b26;border:none;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#89b4fa}.btn-secondary{padding:.625rem 1.25rem;background-color:#414868;color:#c0caf5;border:none;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#565f89}.matrix-container{flex:1;min-height:600px;border-radius:8px;overflow:hidden}@media(max-width:768px){.priority-matrix-app{flex-direction:column}.app-sidebar{width:100%}}.license-unlock-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#1a1b26,#24283b)}.unlock-card{background-color:#24283b;border:2px solid #414868;border-radius:12px;padding:2.5rem;max-width:500px;width:100%;box-shadow:0 8px 32px #0006}.unlock-header{text-align:center;margin-bottom:2rem}.unlock-logo{width:80px;height:80px;object-fit:contain;margin:0 auto 1rem;display:block}.unlock-header h1{font-size:1.75rem;font-weight:700;color:#7aa2f7;margin:0 0 .5rem}.unlock-header p{color:#565f89;font-size:1rem;margin:0}.unlock-form{display:flex;flex-direction:column;gap:1rem}.unlock-form label{font-size:.875rem;font-weight:600;color:#c0caf5;letter-spacing:.025em}.license-input{width:100%;padding:.875rem;background-color:#414868;border:2px solid #565f89;border-radius:6px;color:#c0caf5;font-size:1rem;font-family:Courier New,monospace;text-align:center;letter-spacing:.1em;transition:border-color .2s}.license-input:focus{outline:none;border-color:#7aa2f7}.license-input:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:.75rem;background-color:#f7768e1a;border:1px solid #f7768e;border-radius:6px;color:#f7768e;font-size:.875rem;text-align:center}.unlock-button{width:100%;padding:1rem;background-color:#7aa2f7;color:#1a1b26;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.unlock-button:hover:not(:disabled){background-color:#89b4fa;transform:translateY(-1px)}.unlock-button:active:not(:disabled){transform:translateY(0)}.unlock-button:disabled{opacity:.6;cursor:not-allowed}.help-text{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #414868}.help-text p{color:#565f89;font-size:.875rem;margin:0 0 .5rem}.purchase-link{color:#7aa2f7;text-decoration:none;font-weight:600;font-size:.9rem;padding:.5rem 1rem;background-color:transparent;border:2px solid #7aa2f7;border-radius:6px;display:inline-block;transition:all .2s}.purchase-link:hover{background-color:#7aa2f7;color:#1a1b26}.dev-note{margin-top:1rem;padding:.75rem;background-color:#e0af681a;border:1px solid #e0af68;border-radius:6px;color:#e0af68;font-size:.8rem;text-align:center}@media(max-width:600px){.unlock-card{padding:1.5rem}.unlock-header h1{font-size:1.5rem}}.legal-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e0e0;padding:60px 20px}.legal-container{max-width:800px;margin:0 auto;background:#1e1e2e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:50px;box-shadow:0 10px 40px #0000004d}.back-link{display:inline-block;color:#7aa2f7;text-decoration:none;font-size:.95rem;margin-bottom:30px;transition:color .3s ease}.back-link:hover{color:#9abfff}.legal-container h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px}.last-updated{color:#9ca3af;font-size:.9rem;margin-bottom:40px}.legal-container h2{font-size:1.5rem;font-weight:600;color:#fff;margin-top:40px;margin-bottom:15px}.legal-container section{margin-bottom:30px}.legal-container p{line-height:1.8;color:#d1d5db;margin-bottom:15px}.legal-container ul{list-style:disc;margin-left:25px;margin-bottom:15px}.legal-container li{line-height:1.8;color:#d1d5db;margin-bottom:8px}.legal-container a{color:#7aa2f7;text-decoration:none;transition:color .3s ease}.legal-container a:hover{color:#9abfff;text-decoration:underline}@media(max-width:768px){.legal-container{padding:30px 25px}.legal-container h1{font-size:2rem}.legal-container h2{font-size:1.3rem}}.blog-page{background:#000;color:#f5f5f7;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-container{max-width:980px;margin:0 auto;padding:60px 22px}.blog-header{text-align:center;margin-bottom:60px}.blog-title{font-size:clamp(48px,8vw,72px);font-weight:600;line-height:1.05;letter-spacing:-.015em;margin:0 0 16px;color:#fff}.blog-subtitle{font-size:clamp(19px,2.5vw,24px);font-weight:400;line-height:1.4;color:#a1a1a6;max-width:600px;margin:0 auto}.blog-loading,.blog-empty{text-align:center;color:#a1a1a6;font-size:17px;padding:60px 0}.blog-posts{display:flex;flex-direction:column;gap:40px}.blog-post-card{border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;background:#ffffff05}.blog-post-card:hover{border-color:#fff3;background:#ffffff0a;transform:translateY(-2px)}.blog-post-link{text-decoration:none;color:inherit;display:block;padding:32px}.blog-post-content{display:flex;flex-direction:column;gap:12px}.blog-post-title{font-size:clamp(24px,4vw,32px);font-weight:600;line-height:1.2;letter-spacing:-.01em;margin:0;color:#fff}.blog-post-description{font-size:17px;line-height:1.5;color:#a1a1a6;margin:0}.blog-post-meta{display:flex;gap:16px;align-items:center;font-size:14px;color:#86868b;margin-top:8px}.blog-post-date,.blog-post-reading-time{color:#86868b}.blog-post-reading-time:before{content:"•";margin-right:8px}.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}@media(max-width:768px){.blog-container{padding:40px 22px}.blog-header{margin-bottom:40px}.blog-post-link{padding:24px}.blog-post-meta{flex-direction:column;align-items:flex-start;gap:8px}.blog-post-reading-time:before{display:none}}.blog-post-page{background:#000;color:#f5f5f7;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-post-container{max-width:720px;margin:0 auto;padding:60px 22px}.blog-post-loading,.blog-post-error{text-align:center;padding:60px 0;color:#a1a1a6}.blog-post-error h1{font-size:32px;font-weight:600;margin-bottom:16px;color:#fff}.blog-post-error p{font-size:17px;margin-bottom:24px}.blog-post-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#86868b;margin-bottom:32px;flex-wrap:wrap}.breadcrumb-link{color:#86868b;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#fff}.breadcrumb-separator{color:#86868b}.breadcrumb-current{color:#a1a1a6}.blog-post-article{margin-bottom:80px}.blog-post-header{margin-bottom:48px}.blog-post-title{font-size:clamp(36px,6vw,56px);font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:0 0 24px;color:#fff}.blog-post-meta{display:flex;gap:20px;align-items:center;font-size:14px;color:#86868b;margin-bottom:20px;flex-wrap:wrap}.blog-post-meta-item{display:flex;align-items:center}.blog-post-meta-item::not(:last-child):after{content:"•";margin-left:20px;color:#86868b}.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-post-tag{font-size:12px;padding:4px 12px;background:#ffffff1a;border-radius:12px;color:#a1a1a6;font-weight:500}.blog-post-content{font-size:19px;line-height:1.7;color:#f5f5f7}.blog-post-content h2{font-size:32px;font-weight:600;line-height:1.2;margin:48px 0 16px;color:#fff;letter-spacing:-.01em}.blog-post-content h3{font-size:24px;font-weight:600;line-height:1.3;margin:32px 0 12px;color:#fff;letter-spacing:-.01em}.blog-post-content p{margin:0 0 24px;color:#f5f5f7}.blog-post-content ul,.blog-post-content ol{margin:0 0 24px;padding-left:24px}.blog-post-content li{margin:8px 0;color:#f5f5f7}.blog-post-content strong{font-weight:600;color:#fff}.blog-post-content em{font-style:italic}.blog-post-content a{color:#fff;text-decoration:underline;text-decoration-color:#ffffff4d;transition:text-decoration-color .2s}.blog-post-content a:hover{text-decoration-color:#fffc}.blog-post-content code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em;padding:2px 6px;background:#ffffff1a;border-radius:4px;color:#fff}.blog-post-content pre{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;overflow-x:auto;margin:24px 0}.blog-post-content pre code{background:none;padding:0}.blog-post-content blockquote{border-left:3px solid rgba(255,255,255,.3);padding-left:20px;margin:24px 0;color:#a1a1a6;font-style:italic}.blog-post-related{margin:80px 0;padding-top:60px;border-top:1px solid rgba(255,255,255,.1)}.blog-post-related-title{font-size:32px;font-weight:600;margin:0 0 32px;color:#fff;letter-spacing:-.01em}.blog-post-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.blog-post-related-card{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff05;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.blog-post-related-card:hover{border-color:#fff3;background:#ffffff0a;transform:translateY(-2px)}.blog-post-related-card-title{font-size:20px;font-weight:600;line-height:1.3;margin:0;color:#fff;letter-spacing:-.01em}.blog-post-related-card-description{font-size:15px;line-height:1.5;color:#a1a1a6;margin:0;flex-grow:1}.blog-post-related-card-meta{display:flex;gap:12px;font-size:13px;color:#86868b;margin-top:8px}.blog-post-footer{margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.blog-post-back-link{display:inline-flex;align-items:center;font-size:17px;color:#fff;text-decoration:none;transition:opacity .2s}.blog-post-back-link:hover{opacity:.7}@media(max-width:768px){.blog-post-container{padding:40px 22px}.blog-post-title{font-size:32px}.blog-post-content{font-size:17px}.blog-post-content h2{font-size:28px}.blog-post-content h3{font-size:22px}.blog-post-related-grid{grid-template-columns:1fr}}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff1a}.progress-ring-progress{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.progress-ring-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.progress-ring-label{font-size:24px;font-weight:600;color:#c0caf5;line-height:1}.progress-ring-sublabel{font-size:12px;color:#565f89;margin-top:4px}.stat-card{background:#24283b;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:16px}.stat-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 4px 12px #00000080}.stat-card-icon{font-size:32px;line-height:1}.stat-card-content{flex:1}.stat-card-label{font-size:13px;color:#565f89;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-card-value{font-size:32px;font-weight:600;color:#c0caf5;line-height:1.2;margin-bottom:4px}.stat-card-subtitle{font-size:14px;color:#565f89}.stat-card-trend{font-size:13px;font-weight:600;margin-top:8px;display:inline-flex;align-items:center;gap:4px}.stat-card-trend-up{color:#9ece6a}.stat-card-trend-down{color:#f7768e}.stat-card-trend-neutral{color:#565f89}@media(max-width:768px){.stat-card{padding:16px}.stat-card-value{font-size:28px}}.task-timeline{position:relative;padding-left:40px}.task-timeline:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#7aa2f780,#7aa2f733)}.task-timeline-item{position:relative;margin-bottom:24px;animation:fadeInUp .3s ease-out}.task-timeline-item:last-child{margin-bottom:0}.task-timeline-marker{position:absolute;left:-24px;top:4px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;background:#7aa2f7;color:#1a1b26;box-shadow:0 2px 8px #7aa2f74d;z-index:1}.task-timeline-content{background:#24283b;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.task-timeline-content:hover{transform:translate(4px);box-shadow:0 4px 12px #00000080}.task-timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.task-timeline-name{flex:1;font-size:15px;font-weight:500;color:#c0caf5;line-height:1.4}.task-timeline-time{font-size:13px;color:#565f89;white-space:nowrap}.task-timeline-meta{display:flex;gap:8px;flex-wrap:wrap}.task-timeline-quadrant,.task-timeline-xp,.task-timeline-quest-type{font-size:12px;padding:4px 8px;border-radius:6px;font-weight:500}.task-timeline-quadrant{background:#7aa2f733;color:#7aa2f7}.task-timeline-xp{background:#9ece6a33;color:#9ece6a}.task-timeline-quest-type{background:#e0af6833;color:#e0af68;text-transform:capitalize}.task-timeline-empty{text-align:center;padding:60px 20px}.task-timeline-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.task-timeline-empty-text{font-size:18px;font-weight:600;color:#c0caf5;margin-bottom:8px}.task-timeline-empty-subtext{font-size:14px;color:#565f89}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.task-timeline{padding-left:32px}.task-timeline-marker{left:-20px;width:28px;height:28px;font-size:14px}.task-timeline-content{padding:12px}.task-timeline-name{font-size:14px}}.trend-chart{background:#24283b;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000004d}.trend-chart-title{font-size:16px;font-weight:600;color:#c0caf5;margin-bottom:20px}.trend-chart-empty{display:flex;align-items:center;justify-content:center;background:#414868;border-radius:8px}.trend-chart-empty-text{font-size:14px;color:#565f89}@media(max-width:768px){.trend-chart{padding:16px}.trend-chart-title{font-size:14px}}.history-page{min-height:100vh;background:#1a1b26;padding:40px 20px}.history-container{max-width:1200px;margin:0 auto;animation:fadeIn .3s ease-out}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.history-title{font-size:36px;font-weight:700;color:#7aa2f7;margin:0}.history-back-btn{background:#414868;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:500;color:#c0caf5;cursor:pointer;transition:all .2s ease}.history-back-btn:hover{background:#565f89;transform:translate(-2px)}.history-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:0}.history-tab{background:none;border:none;border-bottom:3px solid transparent;padding:12px 24px;font-size:16px;font-weight:500;color:#565f89;cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:-1px}.history-tab:hover{color:#7aa2f7}.history-tab-active{color:#7aa2f7;border-bottom-color:#7aa2f7}.history-tab-content{animation:fadeInUp .3s ease-out}.history-hero{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;margin-bottom:40px}.history-hero-left{display:flex;justify-content:center}.history-hero-right{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.history-section{margin-bottom:40px}.history-section-title{font-size:24px;font-weight:600;color:#7aa2f7;margin:0 0 20px}.history-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px}.history-charts{display:grid;gap:24px}.history-achievement-card{background:linear-gradient(135deg,#7aa2f7,#565f89);border-radius:8px;padding:32px;display:flex;align-items:center;gap:24px;box-shadow:0 8px 24px #7aa2f74d;animation:fadeInUp .5s ease-out}.history-achievement-icon{font-size:64px;line-height:1}.history-achievement-content{flex:1}.history-achievement-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}.history-achievement-text{font-size:16px;color:#ffffffe6;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.history-hero{grid-template-columns:1fr;justify-items:center}.history-hero-right{width:100%}.history-charts{grid-template-columns:1fr}}@media(max-width:768px){.history-page{padding:20px 16px}.history-header{flex-direction:column;align-items:flex-start;gap:16px}.history-title{font-size:28px}.history-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.history-tab{padding:12px 16px;font-size:14px;white-space:nowrap}.history-hero-right,.history-stats-grid{grid-template-columns:1fr}.history-achievement-card{flex-direction:column;text-align:center;padding:24px}.history-achievement-icon{font-size:48px}.history-achievement-title{font-size:20px}.history-achievement-text{font-size:14px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1b26;color:#c0caf5}#root{width:100%;min-height:100vh}.landing-page,.license-unlock,.priority-matrix{padding:2rem;max-width:1200px;margin:0 auto}.landing-page h1,.license-unlock h1,.priority-matrix h1{margin-bottom:1rem;color:#7aa2f7}input{padding:.75rem;margin:.5rem 0;background:#24283b;border:1px solid #414868;border-radius:4px;color:#c0caf5;font-size:1rem}input:focus{outline:none;border-color:#7aa2f7}button{padding:.75rem 1.5rem;margin:.5rem .5rem .5rem 0;background:#7aa2f7;color:#1a1b26;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}button:hover{background:#89b4fa}a{color:#7aa2f7;text-decoration:none;padding:.75rem 1.5rem;background:#24283b;border-radius:4px;display:inline-block;margin:.5rem 0}a:hover{background:#414868}