body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;max-width:100%}:root{--black: #000;--white: #fff;--gray: #666;--light-gray: #f5f5f5;--red: #ff4d4d;--border: 3px solid var(--black)}.app{min-height:100vh;background:var(--white);font-family:Space Mono,monospace;color:var(--black);width:100%;max-width:100%;overflow-x:hidden}.container{max-width:700px;margin:0 auto;width:100%;overflow-x:hidden;padding:0 1rem;box-sizing:border-box}@media(min-width:768px){.container{padding:0 2rem}}.header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:var(--border)}.header-icon{width:48px;height:48px;margin-bottom:.5rem}.header h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--black);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:-.02em}.tagline{font-size:clamp(.75rem,2vw,.875rem);color:var(--gray);font-weight:400;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.description{font-size:.875rem;color:var(--gray);font-weight:400;letter-spacing:.02em}.task-input{background:var(--light-gray);border:var(--border);padding:2rem;margin-bottom:2rem;width:100%;max-width:100%;box-sizing:border-box}.input-group{margin-bottom:1.5rem}.input-group:last-of-type{margin-bottom:0}.input-group label{display:block;font-size:.75rem;font-weight:700;color:var(--black);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.input-group input[type=text],.input-group select{width:100%;max-width:100%;padding:0 1rem;border:var(--border);font-size:16px;background:var(--white);font-family:Space Mono,monospace;font-weight:400;height:48px}.input-group select{cursor:pointer}.input-group select:hover{background-color:var(--light-gray)}.input-group input[type=text]:focus{outline:none;background:var(--light-gray)}.input-group select:focus{outline:none;background-color:var(--light-gray)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.5rem;width:100%;max-width:100%}.tag-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.time-inputs{display:flex;align-items:center;gap:.5rem}.time-inputs input{width:60px;padding:.875rem .5rem;border:var(--border);font-size:1rem;text-align:center;background:var(--white);font-family:Space Mono,monospace;font-weight:700}.time-inputs input:focus{outline:none;background:var(--light-gray)}.time-inputs span{font-size:.75rem;color:var(--gray);text-transform:uppercase}.suggestion{background:var(--white);border:2px dashed var(--black);padding:1rem;font-size:.75rem;color:var(--black);margin-top:1.5rem;text-transform:uppercase;letter-spacing:.05em}.tag-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.tag-label{font-size:.625rem;color:var(--gray);font-weight:400;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.tag-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.input-group>.tag-buttons{margin-bottom:.75rem}.tag-btn{padding:.5rem .75rem;border:2px solid var(--black);background:var(--white);color:var(--black);font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .1s;letter-spacing:.05em;min-height:48px}.tag-btn:hover{background:var(--black);color:var(--white)}.tag-btn:active{transform:translateY(1px)}.tag-btn.preset{padding:.375rem .625rem;border:1px solid var(--gray);color:var(--gray);font-size:.625rem;font-weight:400}.tag-btn.preset:hover{background:var(--light-gray);border-color:var(--black);color:var(--black)}.btn-primary,.btn-secondary{width:100%;max-width:100%;padding:0;border:var(--border);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.1em;background:var(--white);color:var(--black);margin-top:2rem;height:48px;display:flex;align-items:center;justify-content:center}.btn-primary:hover:not(:disabled){background:var(--black);color:var(--white)}.btn-primary:disabled{background:var(--light-gray);cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--light-gray)}.btn-secondary:hover{background:var(--black);color:var(--white)}.timer-screen{background:var(--light-gray);border:var(--border);padding:2rem;margin-bottom:2rem;width:100%;max-width:100%;box-sizing:border-box}.task-info{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px dashed var(--black)}.task-info h2{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--black);margin-bottom:1rem;text-transform:uppercase}.task-meta{display:flex;justify-content:center;gap:1rem;align-items:center;flex-wrap:wrap}.category-badge{background:var(--black);color:var(--white);padding:.375rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.estimated{color:var(--gray);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.timer-display{text-align:center;margin:3rem 0}.timer-display .time{font-size:clamp(3rem,10vw,5rem);font-weight:700;color:var(--black);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.05em}.elapsed-mins{font-size:.875rem;color:var(--gray);margin-top:.5rem;text-transform:uppercase;letter-spacing:.1em}.timer-progress-container{width:100%;height:16px;background-color:#fff;border:2px solid var(--black);margin:2rem 0;position:relative;overflow:hidden}.timer-progress-bar{height:100%;background-color:#3b82f6;transition:width .1s linear,background-color .3s ease}.timer-comparison{text-align:center;margin:2rem 0;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.timer-comparison .over{color:var(--red)}.timer-comparison .under{color:var(--black)}.timer-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:2rem;width:100%;max-width:100%}.new-task-prompt{text-align:center;padding:3rem 0}.new-task-prompt .btn-primary{max-width:300px;margin:0 auto}.empty-state{text-align:center;padding:4rem 2rem;background:var(--light-gray);border:var(--border);margin-top:2rem;width:100%;max-width:100%;box-sizing:border-box}.empty-icon{font-size:3rem;font-weight:700;color:var(--black);margin-bottom:1.5rem}.empty-state h3{font-size:1.25rem;font-weight:700;color:var(--black);margin-bottom:1rem;text-transform:uppercase;letter-spacing:-.02em}.empty-state p{font-size:.875rem;color:var(--gray);line-height:1.6}.stats-section{margin-top:3rem}.stats-section h3{font-size:1rem;font-weight:700;color:var(--black);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em}.side-filter{display:flex;gap:.5rem;margin-bottom:1.5rem;width:100%;max-width:100%}.filter-btn{flex:1;padding:.75rem 1rem;border:2px solid var(--black);background:var(--white);color:var(--black);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s}.filter-btn:hover{background:var(--light-gray)}.filter-btn.active{background:var(--black);color:var(--white)}.stat-card{background:var(--light-gray);border:var(--border);padding:1.5rem;text-align:center;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.stat-card.overall{margin-bottom:1.5rem;background:var(--black);color:var(--white)}.stat-label{font-size:.625rem;color:var(--gray);font-weight:700;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.15em}.stat-card.overall .stat-label{color:var(--white);opacity:.7}.stat-value{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:.25rem;font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:-.02em;word-break:break-word;overflow-wrap:anywhere}.stat-percent{font-size:.875rem;color:var(--gray);font-weight:400;margin-bottom:.5rem;font-variant-numeric:tabular-nums}.stat-card.overall .stat-percent{color:var(--white);opacity:.7}.stat-count{font-size:.625rem;color:var(--gray);margin-top:.5rem;text-transform:uppercase;letter-spacing:.1em}.category-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:3rem;width:100%;max-width:100%}.category-stats .stat-value{font-size:clamp(1.25rem,3vw,1.75rem);word-break:normal;overflow-wrap:normal}.stat-card.LIFE{border:3px dashed var(--black)}.stat-card.WORK{border:3px solid var(--black)}.confidence-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding:.5rem 1rem;background:var(--light-gray);border:2px solid currentColor;display:inline-block}.category-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:3rem;width:100%;max-width:100%}.breakdown-item{background:var(--light-gray);border:var(--border);padding:1.5rem 1rem;min-height:150px;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%;max-width:100%;box-sizing:border-box}.breakdown-label{font-size:.625rem;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.breakdown-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.breakdown-category{font-size:.875rem;font-weight:700;color:var(--black)}.breakdown-badge{font-size:.875rem;font-weight:700;text-transform:uppercase}.breakdown-desc{display:flex;flex-direction:column;gap:.25rem}.breakdown-percent{font-size:1.5rem;font-weight:700;color:var(--black)}.breakdown-prefix{font-size:.625rem;color:var(--gray);opacity:.8}.breakdown-text{font-size:.75rem;color:var(--gray);font-weight:700}.breakdown-count{font-size:.625rem;color:var(--gray);opacity:.7;margin-top:.25rem}.task-search-box{position:relative;margin-bottom:1rem}.task-search-box input{width:100%;max-width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:16px;border:var(--border);background:var(--white);font-family:inherit}.task-search-box input:focus{outline:none;border:3px solid var(--black)}.task-search-box input::placeholder{color:var(--gray)}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.25rem;color:var(--gray);cursor:pointer;padding:.25rem .5rem;line-height:1}.search-clear:hover{color:var(--black)}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-item{background:var(--light-gray);border:var(--border);padding:1rem;width:100%;max-width:100%;box-sizing:border-box}.task-item.LIFE{border:3px dashed var(--black)}.task-item.WORK{border:3px solid var(--black)}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.task-name{font-weight:700;color:var(--black);font-size:.875rem;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.task-category{font-size:.625rem;color:var(--white);background:var(--black);padding:.25rem .5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.task-comparison{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--gray);font-variant-numeric:tabular-nums;text-transform:uppercase;margin-bottom:.5rem;flex-wrap:wrap}.task-time{color:var(--gray);font-size:.625rem;opacity:.8;font-weight:400;letter-spacing:.02em}.task-result{display:flex;align-items:baseline;gap:.5rem}.task-status{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:-.02em}.task-detail{font-size:.75rem;color:var(--gray);font-variant-numeric:tabular-nums}@media(max-width:640px){.task-input,.timer-screen{padding:1.5rem}.input-row{grid-template-columns:1fr}.category-stats{grid-template-columns:repeat(2,1fr)}.timer-actions{grid-template-columns:1fr}.task-header{flex-direction:column;align-items:flex-start}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.select-wrapper{position:relative;width:100%}.select-wrapper select{width:100%;padding-right:2.5rem}.select-arrow{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.75rem;color:var(--black);font-weight:700}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--black)}select option{color:var(--black)}.custom-select{position:relative;width:100%;font-family:var(--font-mono);outline:none}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:var(--white);border:var(--border);cursor:pointer;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:background-color .1s ease;-webkit-user-select:none;user-select:none}.custom-select-trigger:hover,.custom-select-trigger.open{background:var(--light-gray)}.custom-select-value{flex:1;color:var(--black)}.custom-select-arrow{font-size:.75rem;color:var(--black);font-weight:700;margin-left:.5rem}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:var(--border);border-top:none;z-index:100;max-height:240px;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.custom-select-option{padding:.875rem 1rem;cursor:pointer;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--black);border-bottom:1px solid var(--light-gray);transition:background-color .1s ease;-webkit-user-select:none;user-select:none}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:var(--light-gray)}.custom-select-option.selected{background:var(--black);color:var(--white);font-weight:700}.custom-select-option.selected:hover{background:var(--black)}.modal-overlay{position:fixed;inset:0;animation:fadeIn .2s ease-out;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-content{background:var(--white);border:var(--border);padding:2rem;max-width:420px;width:100%;animation:slideDown .3s ease-out;text-align:center;max-height:90vh;overflow-y:auto;margin:auto 0;box-sizing:border-box}.modal-icon-main{width:64px;height:64px;margin:0 auto 1.5rem;display:block}.modal-content h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--black);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:-.02em}.modal-tagline{font-size:.75rem;color:var(--black);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.modal-description{font-size:.875rem;color:var(--gray);line-height:1.6;margin-bottom:2rem}.modal-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;text-align:left}.modal-feature{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--black);text-transform:uppercase;letter-spacing:.05em}.modal-icon{font-size:.75rem;font-weight:700;color:var(--black)}.modal-content .input-group{text-align:left;margin-bottom:2rem}.modal-content .btn-primary{margin-top:0}.onboarding-options{margin-top:2rem}.btn-google{width:100%;max-width:100%;padding:0;border:var(--border);background:var(--black);color:var(--white);font-family:Space Mono,monospace;font-size:.875rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .15s;letter-spacing:.1em;height:48px;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-google:hover{background:var(--white);color:var(--black)}.google-icon{font-size:1.25rem;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--white);color:var(--black);border-radius:2px}.btn-google:hover .google-icon{background:var(--black);color:var(--white)}.sync-description{font-size:.875rem;color:var(--gray);margin-top:.75rem;text-align:center;letter-spacing:.05em}.divider{display:flex;align-items:center;text-align:center;margin:2.5rem 0 2rem;color:var(--gray)}.divider:before,.divider:after{content:"";flex:1;border-bottom:2px solid var(--gray)}.divider span{padding:0 1rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.local-option{margin-top:1.5rem}.local-option .input-group{margin-bottom:1.5rem}.local-option .input-group label{font-size:.875rem;color:var(--gray)}.btn-local{width:100%;padding:0;border:var(--border);background:var(--light-gray);color:var(--black);font-family:Space Mono,monospace;font-size:.875rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .15s;letter-spacing:.1em;height:48px;display:flex;align-items:center;justify-content:center}.btn-local:hover{background:var(--gray);color:var(--white)}@media(max-width:640px){.modal-overlay{padding:.5rem}.modal-content{padding:1.5rem 1rem}}.trash-toggle-bottom{margin-top:2rem;padding:.75rem 1.5rem;border:2px solid var(--gray);background:var(--white);color:var(--gray);font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .15s;letter-spacing:.05em;min-height:48px;width:100%;max-width:300px;display:block;margin-left:auto;margin-right:auto}.trash-toggle-bottom:hover{background:var(--black);color:var(--white);border-color:var(--black)}.trash-only-section{margin-top:2rem;text-align:center}.trash-section{margin-top:3rem}.trash-section h3{font-size:1rem;font-weight:700;color:var(--black);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em;padding-bottom:.75rem;border-bottom:var(--border)}.trash-description{font-size:.75rem;color:var(--gray);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.task-item.deleted{opacity:.7;background:var(--white);border-color:var(--gray)}.trash-actions{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:2px dashed var(--gray)}.btn-restore,.btn-delete-permanent{padding:.375rem .75rem;border:2px solid var(--black);font-family:Space Mono,monospace;font-size:.625rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .15s;letter-spacing:.05em;min-height:36px}.btn-restore{background:var(--white);color:var(--black)}.btn-restore:hover{background:var(--black);color:var(--white)}.btn-delete-permanent{background:var(--white);color:var(--red);border-color:var(--red)}.btn-delete-permanent:hover{background:var(--red);color:var(--white)}.days-left{margin-left:auto;font-size:.625rem;color:var(--gray);text-transform:uppercase;letter-spacing:.05em}.btn-delete-task{margin-top:1rem;padding:.375rem .75rem;border:2px solid var(--gray);background:var(--white);color:var(--gray);font-family:Space Mono,monospace;font-size:.625rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .15s;letter-spacing:.05em;width:100%;max-width:100%;min-height:36px}.btn-delete-task:hover{background:var(--red);color:var(--white);border-color:var(--red)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:700px;background:var(--white);border:var(--border);display:grid;grid-template-columns:repeat(3,1fr);z-index:100}.nav-item{padding:1rem .5rem;border:none;border-right:var(--border);background:var(--white);color:var(--gray);font-family:Space Mono,monospace;font-size:.625rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .15s;letter-spacing:.05em;display:flex;flex-direction:column;align-items:center;gap:.375rem}.nav-item:last-child{border-right:none}.nav-item:hover{background:var(--light-gray)}.nav-item.active{background:var(--black);color:var(--white)}.nav-icon{font-size:1.25rem;line-height:1}.nav-label{font-size:.625rem}.container{padding-bottom:80px}.settings-section{margin-top:2rem}.settings-section h3{font-size:1rem;font-weight:700;color:var(--black);margin-bottom:2rem;text-transform:uppercase;letter-spacing:.1em;padding-bottom:.75rem;border-bottom:var(--border)}.settings-group{background:var(--light-gray);border:var(--border);padding:1.5rem;margin-bottom:1rem;width:100%;max-width:100%;box-sizing:border-box}.settings-group label{display:block;font-size:.625rem;font-weight:700;color:var(--black);margin-bottom:0;text-transform:uppercase;letter-spacing:.1em}.settings-value{font-size:.875rem;color:var(--black);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.settings-value span{flex:1;min-width:150px}.settings-value button{margin-top:0}.btn-danger{width:100%;max-width:100%;padding:0;border:var(--border);background:var(--white);color:var(--red);font-family:Space Mono,monospace;font-size:.875rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .15s;letter-spacing:.1em;height:48px;display:flex;align-items:center;justify-content:center;margin-top:0}.btn-danger:hover{background:var(--red);color:var(--white)}.settings-links{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.settings-link{background:none;border:none;color:var(--black);text-decoration:underline;font-size:.875rem;font-weight:400;transition:color .15s;cursor:pointer;font-family:Space Mono,monospace;padding:0;text-align:left}.settings-link:hover{color:var(--gray)}.settings-version{margin-top:1rem;padding-top:1rem;border-top:2px dashed var(--gray);font-size:.75rem;color:var(--gray);text-transform:uppercase;letter-spacing:.05em}.result-screen{margin-top:2rem;padding:2rem;border:var(--border);background:var(--white);width:100%;max-width:100%;box-sizing:border-box}.result-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px dashed var(--gray)}.result-header h2{font-size:1.5rem;font-weight:700;text-transform:uppercase;margin-bottom:.75rem;letter-spacing:-.01em}.result-main{margin-bottom:2rem}.result-comparison{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem;width:100%;max-width:100%}.comparison-item{text-align:center}.comparison-item .label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--gray);margin-bottom:.5rem;letter-spacing:.05em}.comparison-item .value{font-size:2.5rem;font-weight:700;color:var(--black)}.comparison-arrow{font-size:2rem;color:var(--gray)}.result-diff{text-align:center;margin-bottom:2rem;padding:1.5rem;background:var(--light-gray);border:2px solid var(--black)}.diff-value{font-size:3rem;font-weight:700;margin-bottom:.5rem}.diff-value.over{color:var(--red)}.diff-value.under{color:var(--black)}.diff-percent{font-size:1rem;color:var(--gray);font-weight:700;text-transform:uppercase}.result-feedback{text-align:center;padding:2rem;background:var(--white);border:2px dashed var(--gray)}.feedback-emoji{font-size:3rem;margin-bottom:1rem}.feedback-title{font-size:1.25rem;font-weight:700;text-transform:uppercase;margin-bottom:.75rem;letter-spacing:.02em}.feedback-message{font-size:.875rem;color:var(--gray);line-height:1.6}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:100%}.result-actions button{padding:1rem;font-size:.875rem}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--black);color:var(--white);padding:1rem 2rem;border:3px solid var(--black);font-family:Space Mono,monospace;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:2000;animation:toast-slide-up .3s ease-out;box-shadow:4px 4px 0 var(--gray)}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.required{color:var(--gray);font-size:.625rem;margin-left:.25rem}.legal-modal-overlay{position:fixed;inset:0;animation:fadeIn .2s ease-out;background:#000c;display:flex;align-items:center;justify-content:center;z-index:3000;padding:2rem}.legal-modal-content{background:var(--white);border:var(--border);max-width:700px;width:100%;max-height:90vh;animation:slideDown .3s ease-out;overflow-y:auto;display:flex;flex-direction:column}.legal-header{padding:2rem;border-bottom:var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--white);z-index:1}.legal-header h2{font-size:1.5rem;font-weight:700;text-transform:uppercase;margin:0}.legal-close{background:none;border:none;font-size:2rem;font-weight:700;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .15s}.legal-close:hover{transform:scale(1.1)}.legal-body{padding:2rem;flex:1;overflow-y:auto}.legal-body section{margin-bottom:2rem}.legal-body h3{font-size:1rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem;letter-spacing:.05em}.legal-body p{margin-bottom:1rem;line-height:1.6;font-size:.875rem}.legal-body ul{list-style:none;padding-left:0;margin-bottom:1rem}.legal-body ul li{padding-left:1.5rem;position:relative;margin-bottom:.75rem;line-height:1.6;font-size:.875rem}.legal-body ul li:before{content:"▸";position:absolute;left:0;font-weight:700}.legal-body strong{font-weight:700}.legal-footer{padding:2rem;border-top:var(--border);position:sticky;bottom:0;background:var(--white)}.legal-footer .btn-primary{width:100%;margin:0}.feedback-textarea{width:100%;max-width:100%;padding:1rem;border:var(--border);font-family:Space Mono,monospace;font-size:16px;line-height:1.6;resize:vertical;background:var(--white);min-height:200px}.feedback-textarea:focus{outline:none;border:3px solid var(--black)}.feedback-textarea::placeholder{color:var(--gray)}.feedback-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:100%}.feedback-actions button{margin:0}.confidence-info-modal{max-width:400px}.confidence-info-modal h2{font-size:1.25rem;font-weight:700;text-transform:uppercase;margin-bottom:1.5rem;text-align:center}.confidence-info-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.confidence-info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--light-gray);border:2px solid var(--black)}.confidence-info-label{font-size:.875rem;font-weight:700;color:var(--black)}.confidence-info-desc{font-size:.875rem;color:var(--gray);font-weight:700}.your-impact h3,.duration-bias h3,.advanced-chart h3{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.impact-card{background:var(--light-gray);border:3px solid var(--gray);padding:2rem}.impact-text{display:flex;flex-direction:column;gap:.5rem}.impact-value{font-size:1.25rem;font-weight:700;color:var(--black);margin-bottom:.5rem}.impact-desc{font-size:.875rem;color:var(--gray)}.bias-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.bias-item{display:flex;flex-direction:column;gap:.5rem;background:var(--light-gray);border:3px solid var(--gray);padding:1rem 1.5rem;width:100%;max-width:100%;box-sizing:border-box}.bias-duration{font-size:.875rem;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.05em}.bias-result{font-size:1.25rem;font-weight:700;margin:.25rem 0}.bias-detail{display:flex;gap:1rem;align-items:center}.bias-percent{font-size:1rem;font-weight:700;color:var(--black)}.bias-count{font-size:.75rem;color:var(--gray);text-transform:uppercase;letter-spacing:.05em}.bias-insight{font-size:.875rem;color:var(--black);font-weight:700;padding:1rem 1.5rem;background:var(--light-gray);border:3px solid var(--gray);text-align:center;letter-spacing:.025em}.advanced-chart{margin-top:3rem;margin-bottom:3rem}.accuracy-bars{display:flex;flex-direction:column;gap:1.5rem}.accuracy-bar-item{display:flex;flex-direction:column;gap:.5rem}.accuracy-bar-label{display:flex;justify-content:space-between;align-items:center}.accuracy-bar-name{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.accuracy-bar-count{font-size:.875rem;font-weight:700;color:var(--gray)}.accuracy-bar-track{width:100%;height:32px;background:var(--light-gray);border:3px solid var(--gray);overflow:hidden}.accuracy-bar-fill{height:100%;transition:width .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.error-banner{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#fee2e2;border:3px solid #EF4444;padding:1rem;border-radius:0;display:flex;flex-direction:column;gap:1rem;z-index:1000;animation:slideDown .3s ease-out;max-width:500px;width:calc(100% - 2rem);box-shadow:0 4px 6px #0000001a}.error-content{display:flex;gap:.75rem;align-items:flex-start}.error-icon{font-size:1.5rem;flex-shrink:0}.error-text{flex:1}.error-text strong{display:block;font-size:.875rem;font-weight:700;color:#991b1b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.error-text p{font-size:.875rem;color:#7f1d1d;line-height:1.5;margin:0}.error-actions{display:flex;gap:.5rem;justify-content:flex-end}.error-actions .btn-secondary,.error-actions .btn-primary{padding:.5rem 1rem;font-size:.875rem;min-width:80px}@media(max-width:600px){.error-banner{top:60px;max-width:none}.error-actions{flex-direction:column}.error-actions .btn-secondary,.error-actions .btn-primary{width:100%}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:var(--white);border:var(--border);max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:var(--border)}.modal-header h2{font-size:1.25rem;font-weight:700;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1;color:var(--black);opacity:.6}.modal-close:hover{opacity:1}.modal-body{overflow-y:auto;padding:1.5rem;flex:1}.all-tasks-modal .task-item{margin-bottom:1rem}.all-tasks-modal .task-item:last-child{margin-bottom:0}@media(max-width:600px){.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;border:none}.modal-header,.modal-body{padding:1rem}}