@font-face{font-family:Neue Montreal;src:url(/assets/PPNeueMontrealMono-Thin-CSg0hQbY.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Neue Montreal;src:url(/assets/PPNeueMontrealMono-Book-J4SPym8w.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Neue Montreal;src:url(/assets/PPNeueMontrealMono-Medium-Cj1ZaRGe.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Neue Montreal;src:url(/assets/PPNeueMontrealMono-Bold-DL0VAb9R.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:NeueBit;src:url(/assets/PPNeueBit-Bold-Bylnwtnf.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--font-mono: "Neue Montreal", system-ui, sans-serif;--font-display: "NeueBit", system-ui, sans-serif}:root{--sp-0: 4px;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-5: 40px;--sp-6: 48px;--sp-7: 64px;--sp-8: 80px;--sp-9: 120px;--sp-10: 160px}:root{--text-xxs: .6rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 16rem}:root{--c-default-01: #ffffff;--c-default-02: #f4f4f5;--c-default-03: #e4e4e7;--c-default-04: #71717b;--c-default-05: #3f3f46;--c-default-06: #18181b;--c-default-07: #09090b}[data-theme=light]{--bg-primary: var(--c-default-01);--bg-secondary: var(--c-default-02);--text-primary: var(--c-default-06);--text-secondary: var(--c-default-04);--accent: var(--c-default-03)}[data-theme=dark]{--bg-primary: var(--c-default-07);--bg-secondary: var(--c-default-06);--text-primary: var(--c-default-03);--text-secondary: var(--c-default-04);--accent: var(--c-default-05)}[data-theme=dark] img{filter:invert(1)}[data-theme=dark] .login-icon{filter:none}*{margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-md)}h1{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:2%}h2{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700}h3{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:2%;margin-top:-8px}h4{font-family:var(--font-mono);font-size:var(--text-md);font-weight:600}h5{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;color:var(--text-secondary)}p{font-family:var(--font-mono);font-size:var(--text-md);font-weight:400}a{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;cursor:pointer}li{list-style-type:none}button{font-family:inherit;cursor:pointer}.regular-input{padding:var(--sp-2);border:1px solid var(--text-primary);font-family:inherit;font-size:var(--text-sm)}.regular-input:focus{outline:none;border-color:var(--text-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.regular-button{padding:var(--sp-1) var(--sp-4);background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);font-size:var(--text-md);display:flex;justify-content:center;align-self:center;gap:var(--sp-1)}.regular-login-button{padding:var(--sp-2) var(--sp-4);background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);font-size:var(--text-md);display:flex;justify-content:center;align-self:center;gap:var(--sp-1)}.unfocus-button{padding:var(--sp-1) var(--sp-3);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--text-primary);font-size:var(--text-sm);display:flex;justify-content:center;align-self:center;gap:var(--sp-1)}.title-wrap{background-color:var(--bg-secondary);padding:var(--sp-1)}.login-error{color:#e05c5c;font-size:.8rem;margin:.25rem 0}.login-outter-container{background-color:var(--text-primary);display:flex}.login-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--sp-6);margin:var(--sp-6);background-color:var(--bg-primary);height:calc(100vh - (2 * var(--sp-6)))}.login-wrapper{display:flex;justify-content:center;width:100%}.login-form{margin:var(--sp-6);text-align:center;width:60%}.login-form form label{text-align:left}.login-form,.login-form form{display:flex;flex-direction:column;gap:var(--sp-2)}.login-form form .regular-login-button{margin-top:var(--sp-4)}.login-form h1{margin-bottom:var(--sp-4)}.login-img{display:flex;justify-content:center;align-items:flex-end;height:100%}.login-img img{width:70%;display:block}.login-divisor{display:flex;align-items:center;width:100%;gap:var(--sp-1)}.login-divisor hr{flex:1;border:none;border-top:1px solid var(--text-primary)}.login-form a,.login-form input,.login-divisor{margin-bottom:var(--sp-2)}.login-icon{width:var(--sp-2)}.login-form button{width:100%}.input-wrapper{position:relative;width:100%}.password-input{width:100%}.login-switch-link{display:block;text-align:center;font-size:.8rem;color:var(--text-secondary, #888);text-decoration:none;margin-top:calc(-1 * var(--sp-0));margin-bottom:var(--sp-2);cursor:pointer}.login-switch-link:hover{text-decoration:underline}.login-success{color:#4caf82;font-size:.8rem;margin:.25rem 0}.login-create-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;width:100%}.register-success{text-align:center;padding:var(--sp-4) 0;line-height:1.6}.register-success a{color:var(--text-primary)}.register-name-row{display:flex;gap:var(--sp-2)}.register-name-row>div{flex:1;display:flex;flex-direction:column;gap:var(--sp-1)}.register-name-row input{width:100%}.login-rg-icon{position:absolute;right:var(--sp-2);top:40%;transform:translateY(-50%);width:var(--sp-3);cursor:pointer;transition:opacity .2s ease}.auth-alert{position:fixed;top:var(--sp-5);right:var(--sp-5);background:#fff;border:1px solid #000;padding:.9rem 1.2rem;display:flex;align-items:center;gap:1rem;z-index:300;min-width:280px;max-width:460px;font-size:.85rem;color:#000;text-transform:uppercase}.auth-alert--error{box-shadow:inset 0 0 0 2px #e05c5c}.auth-alert-close{background:none;border:none;cursor:pointer;font-size:.85rem;padding:0;line-height:1;margin-left:auto;flex-shrink:0;color:#000;text-transform:none}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--text-primary);background-color:var(--bg-secondary);max-width:300px;min-width:260px;height:100vh}.sidebar-wrapper{padding:var(--sp-4) var(--sp-2);flex:1}.sidebar-logo{display:flex;align-items:center;gap:var(--sp-1)}.sidebar-logo img{height:var(--sp-4)}.sidebar h1{font-size:var(--text-2xl)}.sidebar h5{margin-bottom:var(--sp-2);margin-top:var(--sp-6)}.sidebar-pages,.sidebar-account{display:flex;flex-direction:column;gap:var(--sp-1)}.sidebar li{list-style:none}.sidebar-link{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1);text-decoration:none;color:var(--text-primary);transition:background-color .2s}.sidebar-link:hover,.sidebar-link--active{background-color:var(--bg-primary)}.sidebar-icon{height:var(--sp-3)}.sidebar-button{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border:none;border-top:1px solid var(--text-primary);width:100%;text-align:left;background-color:inherit;color:var(--text-primary);cursor:pointer;transition:background-color .2s}.sidebar-button:hover{background-color:var(--bg-primary)}.calendar{display:flex;height:100vh;overflow:hidden}.calendar-wrapper{width:100%;display:grid;grid-template-rows:var(--sp-8) 1fr;grid-template-columns:2fr 1fr}.calendar-grid{display:grid;grid-template-rows:var(--sp-6) var(--sp-6) 1fr}.events{padding:var(--sp-6);border-left:1px solid var(--text-primary);overflow-y:auto;min-height:0}.days-row{display:flex;flex-direction:column;flex:1}.days{flex:1}.week,.days{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid var(--text-primary)}.week:last-child,.days:last-child{border-bottom:none}.week p,.days .calendar-day{display:flex;border-right:1px solid var(--text-primary)}.week p{font-weight:700;align-items:center;justify-content:center}.days p{padding:var(--sp-2);font-weight:lighter}.week p:last-child,.days .calendar-day:last-child{border-right:none}.counterdown{display:flex;justify-content:center;align-items:center}.event-card{display:flex;gap:var(--sp-2);background-color:var(--bg-secondary);padding:var(--sp-3);align-items:start;margin-bottom:var(--sp-2)}.event-info{width:100%}.event-card h4{margin-bottom:var(--sp-2)}.event-card p:last-child{margin-top:var(--sp-1)}.calendar-day{display:flex;flex-direction:column;text-align:center;padding:0px var(--sp-2)}.calendar-event{height:var(--sp-0);background-color:var(--text-secondary);width:100%;margin-bottom:var(--sp-0)}.calendar-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--text-primary)}.calendar-day--empty{background-color:var(--accent);pointer-events:none}.calendar-day--selected{box-shadow:inset 0 0 0 1px var(--text-primary)}.calendar-day--selected>p{font-weight:700}.calendar-day:not(.calendar-day--empty):hover{background:var(--bg-secondary)}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.event-notify{cursor:pointer;opacity:.4;transition:opacity .2s}.event-notify:hover{opacity:1}.month-skipper-next,.month-skipper-previous{height:var(--sp-6);justify-content:center;align-items:center;border-top:none}.month-skipper-next{border-right:none}.month-skipper-previous{border-left:none}.modal-allday{display:flex;align-items:center;gap:var(--sp-2)}.modal-allday input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--text-primary);border-radius:0;background:transparent;cursor:pointer;flex-shrink:0}.modal-allday input[type=checkbox]:checked{background:var(--text-primary)}.modal-allday-label{font-size:var(--text-sm);cursor:pointer}.modal-fields textarea{background:var(--bg-primary);border:1px solid var(--text-primary);color:var(--text-primary);padding:var(--sp-1) var(--sp-2);font-size:var(--text-sm);resize:vertical;font-family:inherit}.time-picker{display:flex;align-items:center;gap:var(--sp-1)}.time-picker-input{background:var(--bg-primary);border:1px solid var(--text-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--sp-1);width:44px;text-align:center;outline:none}.time-picker-sep{font-size:var(--text-md);font-weight:700;line-height:1}.time-picker-input.time-picker-input--error{border-color:#e05c5c;border-width:2px}[data-theme=dark] .calendar-day:not(.calendar-day--empty){background-color:var(--bg-secondary)}[data-theme=dark] .calendar-day--empty{background-color:var(--bg-primary)}[data-theme=dark] .calendar-day:not(.calendar-day--empty):hover,[data-theme=dark] .calendar-day.calendar-day--selected{background-color:var(--bg-primary)}.contents{display:flex;height:100vh;overflow:hidden}.contents-wrapper{width:100%;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:var(--sp-8) 1fr 1fr}.tab{grid-row:span 2;border-left:1px solid var(--text-primary);display:flex;align-items:center;justify-content:center}.books{border-bottom:1px solid var(--text-primary)}.books,.tab,.movies{padding:var(--sp-6)}.books,.movies{display:flex;flex-direction:column;overflow:hidden}.movies-header,.books-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4);flex-shrink:0}.filter-select-wrapper{position:relative;display:inline-flex;align-items:center}.filter-select-wrapper:after{content:"▾";position:absolute;right:var(--sp-1);font-size:var(--text-lg);color:var(--text-primary);pointer-events:none}.content-filter-select{appearance:none;-webkit-appearance:none;background:var(--bg-secondary);border:1px solid var(--text-primary);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:var(--sp-1) var(--sp-3) var(--sp-1) var(--sp-1);cursor:pointer;outline:none}.books-list,.movies-list{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-content:flex-start;overflow-y:auto;scrollbar-width:none;min-height:0}.books-list::-webkit-scrollbar,.movies-list::-webkit-scrollbar{display:none}.books-list h5,.movies-list h5{font-size:var(--text-xs);text-transform:capitalize;width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.book,.movie{background-color:var(--bg-secondary);height:var(--sp-9);width:var(--sp-8);display:flex;justify-content:center;align-items:center;text-align:center;padding:var(--sp-1);cursor:pointer;transition:background .2s;position:relative}.book{border:1px solid var(--text-primary)}.movie{border:1px solid var(--text-primary);overflow:hidden;padding-top:calc(7px + var(--sp-1))}.movie:before{content:"";position:absolute;left:0;top:0;right:0;height:7px;background:repeating-linear-gradient(-45deg,var(--text-primary) 0px,var(--text-primary) 3px,var(--bg-secondary) 3px,var(--bg-secondary) 6px)}.book-bookmark{position:absolute;top:0;left:var(--sp-1);width:11px;height:20px;background:var(--text-primary);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.book:hover,.movie:hover{background-color:var(--accent)}.book--selected,.movie--selected{outline:1px solid var(--text-primary)}.tab{display:flex;flex-direction:column;gap:var(--sp-1)}.tab-bottom{margin-top:auto;width:100%}.tab-divider{border:none;border-top:1px dashed var(--text-primary);margin:0 0 var(--sp-6) 0}.tab-add-btn{width:100%;padding:var(--sp-2);font-size:var(--text-sm);letter-spacing:.1em}.tab-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-1);padding-bottom:var(--sp-4);position:relative;width:100%}.tab-content h3{text-transform:capitalize;text-align:center}.content-img{max-width:60%;margin-top:var(--sp-2);margin-bottom:var(--sp-1)}.tags{display:flex;gap:var(--sp-1);flex-wrap:wrap;justify-content:center;margin:var(--sp-1) 0 var(--sp-2)}.content-tag{background-color:var(--bg-secondary);padding:var(--sp-1) var(--sp-2)}.tab-actions{position:relative;display:flex;justify-content:center;margin-top:var(--sp-2)}.tab-delete-x{position:absolute;top:0;right:0;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);transition:opacity .2s;padding:0}.tab-remove{margin-top:var(--sp-2);padding:var(--sp-1) var(--sp-2);font-size:var(--text-sm);letter-spacing:.1em}.tab-remove--done{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);cursor:pointer;font-family:inherit}.tab-empty{opacity:.35;font-size:var(--text-sm);text-align:center;line-height:1.6;flex:1;display:flex;align-items:center;justify-content:center}.content-title-link{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}.search-field{position:relative}.search-loading{position:absolute;right:var(--sp-2);top:50%;transform:translateY(-50%);font-size:var(--text-xs);opacity:.5;pointer-events:none}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);border:1px solid var(--text-primary);border-top:none;z-index:10;max-height:200px;overflow-y:auto;scrollbar-width:none}.search-result{display:flex;flex-direction:column;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--accent);padding:var(--sp-1) var(--sp-2);cursor:pointer;gap:2px}.search-result:last-child{border-bottom:none}.search-result:hover{background:var(--accent)}.search-result-title{font-size:var(--text-sm);color:var(--text-primary);font-family:inherit}.search-result-sub{font-size:var(--text-xs);color:var(--text-secondary);font-family:inherit}.genre-picker{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:4px}.genre-btn{padding:var(--sp-1) var(--sp-2);border:1px solid var(--text-primary);background:transparent;color:var(--text-primary);cursor:pointer;font-size:var(--text-xs);transition:background .2s}.genre-btn--active{background:var(--text-primary);color:var(--bg-secondary)}.home{display:flex}.home-welcome{font-family:var(--font-display);font-size:5rem;text-align:center}.home-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-box{position:absolute;bottom:var(--sp-8)}.weather-img{width:40%}.home-wrapper hr{width:100%;margin:var(--sp-2) 0px}.weater-wrapper{display:flex;gap:var(--sp-7)}.home-temperature{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-1)}.weather-icon{height:var(--sp-5)}.pomodoro{display:flex}.pomodoro-wrapper{width:100%;display:grid;grid-template-rows:var(--sp-8) 1fr;grid-template-columns:1fr}.pomodoro-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-9)}.pomodoro-box h1{font-size:var(--text-4xl)}.pomodoro-buttons{display:flex;gap:var(--sp-2);margin-top:var(--sp-10)}.pomodoro-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.pomodoro-hint{opacity:0;font-size:var(--text-sm);transition:opacity .2s}.pomodoro-box:hover .pomodoro-hint{opacity:.4}@keyframes pomodoro-blink{0%,to{opacity:1}50%{opacity:0}}.pomodoro-time--done{animation:pomodoro-blink 1s step-start infinite}.roadmap{display:flex;height:100vh;overflow:hidden}.roadmap-wrapper{width:100%;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:var(--sp-8) 2fr 1fr}.goals{border-bottom:1px solid var(--text-primary)}.wishlist{border-left:1px solid var(--text-primary);grid-row:span 2;display:flex;flex-direction:column}.goals,.wishlist,.mood{padding:var(--sp-6);overflow-y:auto;scrollbar-width:none}.goals::-webkit-scrollbar,.wishlist::-webkit-scrollbar,.mood::-webkit-scrollbar{display:none}.goals-header,.mood-header,.wishlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.goals-list{display:flex;flex-direction:column;gap:var(--sp-2)}.goal{background-color:var(--bg-secondary);padding:var(--sp-2)}.goal-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.goal-actions{display:flex;align-items:center;gap:var(--sp-1)}.goal-complete{text-decoration:line-through;opacity:.5}.goal-progress{font-size:var(--text-xs);opacity:.5;margin-left:auto;margin-right:var(--sp-2)}.goal-arrow{cursor:pointer;transition:transform .2s}.goal-arrow--closed{transform:rotate(-90deg)}.goal-subtasks{margin-top:var(--sp-2)}.goal-subtask{display:flex;gap:var(--sp-1);align-items:center;color:var(--text-secondary);margin:var(--sp-1) var(--sp-2);cursor:pointer;border-radius:0;transition:background-color .25s ease}.goal-subtask:hover{background-color:color-mix(in srgb,var(--accent) 50%,transparent)}.subtask-checkbox{height:var(--sp-2);width:var(--sp-2);min-width:var(--sp-2);border:1px solid var(--text-secondary);transition:background .2s}.subtask-checkbox--done{background-color:var(--text-secondary)}.subtask-done{text-decoration:line-through;opacity:.5}.wish{display:flex;align-items:center;margin-bottom:var(--sp-2);gap:var(--sp-2)}.wish:hover .icon-btn--remove{opacity:1}.wish-info{display:flex;justify-content:space-between;align-items:center;width:100%}.wish-right{display:flex;align-items:center;gap:var(--sp-2)}.wish-checkbox{height:var(--sp-3);width:var(--sp-3);min-width:var(--sp-3);border:1px solid var(--text-primary);cursor:pointer;transition:background .2s}.wish-checkbox--done{background-color:var(--text-primary)}.wish-done{text-decoration:line-through;opacity:.5}.wish-info a{color:var(--text-primary);text-decoration:underline;font-size:inherit}.wish-price{opacity:.6;font-size:var(--text-sm);white-space:nowrap}.wish-total{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--sp-2);border-top:1px dashed var(--text-primary);font-weight:700}.wish-total-left{display:flex;align-items:center;gap:var(--sp-2)}.wish-acquired{font-size:var(--text-xs);opacity:.5;font-weight:400}.mood-legend{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.mood-legend-item{display:flex;align-items:center;gap:4px;font-size:var(--text-xs)}.mood-legend-dot{width:var(--sp-2);height:var(--sp-2)}.mood-grid{display:grid;grid-template-columns:repeat(53,15px);grid-template-rows:repeat(7,15px);grid-auto-flow:column;gap:var(--sp-0)}.day{height:var(--sp-2);width:var(--sp-2);background-color:var(--bg-secondary)}.roadmap .icon-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:var(--text-base);padding:0 var(--sp-1);opacity:1}.add-btn{font-size:1.35rem;line-height:0}.roadmap .icon-btn--remove{opacity:0}.goals-header-actions{display:flex;align-items:center;gap:var(--sp-2)}.goals-eye-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.5}.goals-eye-btn:hover{opacity:1}.goals-eye-icon{height:var(--sp-3);width:auto}.subtask-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);padding:0 var(--sp-1);opacity:0;margin-left:auto;flex-shrink:0;line-height:1}.goal-subtask:hover .subtask-remove{opacity:1}.routine{display:flex;height:100vh;overflow:hidden}.routine-wrapper{width:100%;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:var(--sp-8) 1fr 1fr}.title{grid-column:span 2;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-6)}.habits,.title{border-bottom:1px solid var(--text-primary)}.schedule{grid-row:span 2;border-left:1px solid var(--text-primary);display:flex;flex-direction:column;overflow:hidden}.habits,.schedule,.notes{padding:var(--sp-6)}.habits{display:flex;flex-direction:column;overflow:hidden}.habits-list{overflow-y:auto;scrollbar-width:none}.habits-list::-webkit-scrollbar{display:none}.title-img{height:var(--sp-4)}.habit-count{font-size:var(--text-xs);opacity:.5;font-weight:400}.habits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.habits-header-actions{display:flex;align-items:center;gap:var(--sp-2)}.habits-eye-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.5}.habits-eye-btn:hover{opacity:1}.habits-eye-icon{height:var(--sp-3);width:auto}.habit-streak{display:flex;align-items:center;gap:2px;font-size:var(--text-xs);font-family:var(--font-mono);min-width:2.5rem;flex-shrink:0}.habit-fire-icon{height:var(--text-sm);width:auto}.habit-days-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-1);padding:0}.habit-day-label{font-size:var(--text-xs);opacity:.5;width:var(--sp-2);text-align:center}.habits-list{display:flex;flex-direction:column;gap:var(--sp-2)}.habit-item{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2)}.habit-item:hover .icon-btn{opacity:1}.habit-item p{flex:1;font-size:var(--text-sm)}.habit-wrapper{display:flex;gap:var(--sp-2)}.habit-square{height:var(--sp-2);width:var(--sp-2);border:1px solid var(--text-primary);cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.habit-square--done{background-color:var(--text-primary);border-color:var(--text-primary)}.habit-square-label{font-size:var(--text-xs);opacity:0;transition:opacity .15s;pointer-events:none}.habit-square:hover .habit-square-label{opacity:.6}.habit-square--done .habit-square-label{color:#fff}.schedule-list{flex:1;overflow-y:auto;display:flex;flex-direction:column}.schedule-row{flex:1;display:flex;align-items:center;gap:var(--sp-2);border-left:3px solid transparent;border-bottom:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent);padding:0 var(--sp-2);min-height:0}.schedule-row--block{background-color:var(--bg-secondary);border-left:3px solid var(--text-primary);border-right:1px solid var(--text-primary)}.schedule-row--first{border-top:1px solid var(--text-primary)}.schedule-row--last{border-bottom:1px solid var(--text-primary)}.schedule-hour{font-size:var(--text-xs);opacity:.5;min-width:36px}.schedule-label{font-size:var(--text-sm);flex:1}.schedule-end{font-size:var(--text-xs);opacity:.4}.notes{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr;gap:0 var(--sp-6)}.daily-notes{grid-row:span 2;display:flex;flex-direction:column;background:var(--bg-secondary);padding:var(--sp-3)}.daily-notes:hover .icon-btn{opacity:1}.daily-notes-header{display:flex;justify-content:space-between;align-items:center}.eraser-icon{height:var(--text-md);width:auto}.notes-input{flex:1;border:none;background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-md);margin-top:var(--sp-3);resize:none;outline:none;width:100%}.mood-tracker{border:1px solid var(--text-primary);border-bottom:none;padding:var(--sp-3);display:flex;justify-content:space-between}.mood-left{display:flex;flex-direction:column}.mood-display,.water-display{display:flex;margin-top:auto}.mood-display .unfocus-button,.water-display .unfocus-button{padding:var(--sp-1) var(--sp-2)}.water-display .unfocus-button{font-size:24px;line-height:24px;min-width:58px;display:flex;align-items:center;justify-content:center}.mood-icon{height:100%}.mood-current img{height:var(--sp-9)}.mood-display .unfocus-button:last-child,.water-display .unfocus-button:last-child{border-left:none}.mood-tracker h5,.water-tracker h5{margin-top:var(--sp-1)}.weather-tracker{border:1px solid var(--text-primary);padding:var(--sp-3);display:flex;flex-direction:row;gap:var(--sp-2);height:100%;box-sizing:border-box}.weather-left{display:flex;flex-direction:column;justify-content:space-between;flex:1}.weather-right{display:flex;align-items:center;justify-content:center}.weather-icon{height:100%;width:auto}.weather-info{margin-top:var(--sp-1)}.weather-temp{font-family:var(--font-mono)}.weather-search-btn{align-self:flex-start;font-size:var(--text-xs)}.weather-search-icon{height:var(--sp-3);width:auto}.weather-input{background:var(--bg-primary);border:1px solid var(--text-primary);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:var(--sp-1) var(--sp-2);outline:none;width:100%}.weather-results{display:flex;flex-direction:column;border:1px solid var(--text-primary);border-top:none;background:var(--bg-secondary)}.weather-result-item{background:none;border:none;border-bottom:1px solid color-mix(in srgb,var(--text-primary) 15%,transparent);color:var(--text-primary);font-family:inherit;font-size:var(--text-xs);padding:var(--sp-1) var(--sp-2);text-align:left;cursor:pointer}.weather-result-item:last-child{border-bottom:none}.weather-result-item:hover{background:var(--accent)}.streak-info{display:flex;flex-direction:column;gap:var(--sp-1)}.streak-info h5{opacity:.6}.streak-display{display:flex;margin-top:var(--sp-3)}.streak-select{padding:var(--sp-1) var(--sp-3);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--text-primary);font-size:var(--text-sm);cursor:pointer;outline:none}.streak-fire{position:relative;display:flex;align-items:center;justify-content:center}.streak-fire-icon{font-size:4rem;line-height:1}.streak-fire-count{position:absolute;font-size:var(--text-lg);font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);bottom:.4rem}.icon-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;opacity:0;padding:0 var(--sp-1)}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.schedule-row{cursor:default}.color-picker{display:flex;gap:var(--sp-1);flex-wrap:wrap;margin-top:4px}.color-dot{width:var(--sp-3);height:var(--sp-3);border-radius:50%;cursor:pointer;transition:transform .2s;border:2px solid transparent}.color-dot--active{border-color:var(--text-primary);transform:scale(1.2)}.habit-square--today{border-color:var(--text-primary);border-width:2px}.habit-square--today.habit-square--done{outline-color:var(--text-primary)}.schedule-row:hover .icon-btn--remove{opacity:1}.schedule-editor{display:flex;height:100vh;overflow:hidden}.se-page-wrapper{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:var(--sp-8) 1fr}.se-wrapper{display:flex;flex-direction:column;overflow:hidden;min-height:0}.se-header{height:var(--sp-8);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);border-bottom:1px solid var(--text-primary);flex-shrink:0}.se-empty{opacity:.4;font-size:var(--text-sm);padding:var(--sp-6)}.se-grid{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;display:flex;align-items:stretch;scrollbar-width:none}.se-grid::-webkit-scrollbar{display:none}.se-time-col{flex-shrink:0;width:56px;display:flex;flex-direction:column}.se-corner{height:var(--sp-6);border:none;border-bottom:1px solid var(--text-primary);position:sticky;top:0;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.se-time-cell{flex:1;min-height:0;display:flex;align-items:center;padding:0 var(--sp-1);font-size:var(--text-xs);opacity:.4;border-bottom:1px solid var(--bg-secondary)}.se-day-col{flex:1;min-width:110px;border-left:1px solid var(--text-primary);display:flex;flex-direction:column}.se-day-header{height:var(--sp-6);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-2);border-bottom:1px solid var(--text-primary);position:sticky;top:0;background:var(--bg-primary);z-index:1;font-size:var(--text-sm);font-weight:400;flex-shrink:0}.se-add-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:var(--text-lg);opacity:.4;line-height:1;padding:0}.se-add-btn:hover{opacity:1}.se-cell{flex:1;min-height:0;border-bottom:1px solid var(--bg-secondary);display:flex;align-items:center;padding:0 var(--sp-1);position:relative}.se-cell--filled{background:var(--bg-secondary);border-left:3px solid var(--text-primary)}.se-cell-title{font-size:var(--text-xs);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se-cell-remove{opacity:0;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:var(--text-xs);padding:0 var(--sp-0)}.se-cell:hover .se-cell-remove{opacity:1}.modal-fields label{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm)}.modal-fields input{background:var(--bg-primary);border:1px solid var(--text-primary);color:var(--text-primary);padding:var(--sp-1) var(--sp-2);font-size:var(--text-sm)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.modal-confirm{font-weight:700}.dashed{border:none;border-top:1px dashed var(--text-primary)}.hour-picker{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:4px}.hour-btn{padding:var(--sp-1);border:1px solid var(--text-primary);background:transparent;color:var(--text-primary);cursor:pointer;font-size:var(--text-xs);transition:background .2s;min-width:36px}.hour-btn--active{background:var(--text-primary);color:var(--bg-secondary)}.hour-btn--taken{opacity:.2;cursor:not-allowed}.hour-btn--disabled{opacity:.3;cursor:not-allowed}.wallet{display:flex;overflow:hidden;height:100vh}.wallet-wrapper{width:100%;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:var(--sp-8) 1fr}.month-selector{display:flex;width:100%;border-bottom:1px solid var(--text-primary)}.month-btn{width:100%;padding:var(--sp-1) var(--sp-2);border:none;border-right:1px solid var(--text-primary);background:transparent;color:var(--text-primary);cursor:pointer;font-size:var(--text-xs);transition:background .2s}.month-btn:last-child{border-right:none}.month-btn:hover{background:var(--bg-secondary)}.month-btn--active{background:var(--text-primary);color:var(--bg-secondary)}.month-btn--active:hover{color:var(--text-primary)}.wallet-body{display:grid;grid-template-columns:2fr 1fr}.receipt{display:grid;grid-template-rows:var(--sp-6) 1fr;border-right:1px solid var(--text-primary);overflow:hidden}.receipt-body{display:flex;flex-direction:column;padding:var(--sp-6);overflow:hidden;min-height:0}.receipt-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3)}.dashed{border:none;border-top:1px dashed black;margin-bottom:var(--sp-0);border-top:1px dashed var(--text-primary)}.receipt-header,.receipt-line{display:grid;grid-template-columns:1fr 1fr 5fr 1fr;gap:var(--sp-1);align-items:center}.receipt-header{margin:var(--sp-3) 0}.receipt-header h4:last-child{text-align:end}.receipt-line{padding:var(--sp-1) 0;cursor:pointer;transition:background .2s}.receipt-line:hover{background:var(--bg-secondary)}.receipt .amount,.receipt-totals .amount{display:flex;justify-content:space-between}.line-wrapper{flex:1;overflow-y:auto;margin-bottom:var(--sp-3);scrollbar-width:none}.line-wrapper::-webkit-scrollbar{display:none}.receipt-totals{display:grid;grid-template-columns:7fr 1fr;gap:var(--sp-2);margin-top:var(--sp-3);align-items:center}.empty-state{opacity:.4;font-size:var(--text-sm);padding:var(--sp-2) 0}.modal-fields{display:flex;flex-direction:column;gap:var(--sp-2)}.modal-fields label{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--text-sm)}.modal-fields input,.modal-fields select{background:var(--bg-primary);border:1px solid var(--text-primary);color:var(--text-primary);padding:var(--sp-1);font-size:var(--text-sm)}.modal-fields input,.modal-fields select,.modal-type-toggle{height:var(--sp-5)}.modal-type-toggle{display:flex;gap:var(--sp-1)}.toggle-btn{flex:1;padding:var(--sp-1);border:1px solid var(--text-primary);background:transparent;color:var(--text-primary);cursor:pointer;transition:background .2s;font-size:var(--text-sm)}.toggle-btn--active{background:var(--text-primary);color:var(--bg-secondary)}.toggle-btn--recurring{width:100%;height:var(--sp-5)}.recurring-badge{margin-left:var(--sp-1);opacity:.5;font-size:var(--text-xs)}.receipt-actions{display:flex;gap:var(--sp-2)}.recurring-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:300px;overflow-y:auto}.recurring-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-1) 0;border-bottom:1px dashed var(--text-primary)}.recurring-item:last-child{border-bottom:none}.recurring-item .remove-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:0 var(--sp-1);opacity:0;transition:opacity .15s}.recurring-item:hover .remove-btn{opacity:1}.recurring-item-info{display:flex;gap:var(--sp-3);align-items:center;flex:1}.recurring-item-day{opacity:.5;min-width:var(--sp-3)}.recurring-item-amount{margin-left:auto;opacity:.7}.modal-actions{margin-top:var(--sp-2);display:flex;justify-content:center;gap:var(--sp-2)}.modal-confirm{font-weight:600;background-color:var(--accent)}.report{display:flex;flex-direction:column;padding:var(--sp-6);overflow-y:auto;gap:var(--sp-3)}.report-header{display:flex;justify-content:space-between;align-items:center}.annual-header,.annual-row{display:grid;grid-template-columns:1fr 2fr 2fr;gap:var(--sp-1);align-items:center}.annual-header{margin:var(--sp-3) 0}.annual-line-wrapper{display:flex;flex-direction:column;justify-content:space-between;overflow-y:hidden}.annual-row{padding:0;border-bottom:1px dashed color-mix(in srgb,var(--text-primary) 20%,transparent)}.annual-row:last-child{border-bottom:none}.report-annual-btn{margin-top:auto;width:100%;padding:var(--sp-2);border-top:1px solid var(--text-primary)}.report-summary{display:flex;flex-direction:column;gap:var(--sp-1)}.report-summary-row{display:flex;justify-content:space-between;font-size:var(--text-sm);opacity:.7}.report-balance{display:flex;justify-content:space-between;font-weight:700;margin-top:var(--sp-1)}.report-section-title{opacity:.5;margin-bottom:var(--sp-1)}.report-card{display:flex;flex-direction:column;gap:var(--sp-1)}.report-card-info{display:flex;justify-content:space-between;align-items:center}.report-card-amounts{display:flex;gap:var(--sp-2);font-size:var(--text-sm);align-items:center}.report-amount{color:var(--text-primary)}.report-pct{min-width:var(--sp-4);text-align:right}.report-bar-track{width:100%;height:var(--sp-2);background:var(--bg-secondary);border:1px solid var(--text-primary)}.report-bar-fill{height:100%;background:var(--text-primary);transition:width .4s ease}.settings{display:flex;overflow:hidden;height:100vh}.settings-wrapper{width:100%;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:var(--sp-8) 1fr}.settings-title{grid-column:1 / -1;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-6);border-bottom:1px solid var(--text-primary)}.title-img{height:var(--sp-5)}.settings-main{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-6);overflow-y:auto;border-right:1px solid var(--text-primary)}.settings-sidebar{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-6);overflow-y:auto}.settings-section{display:flex;flex-direction:column;gap:var(--sp-3)}.settings-section h4{padding-bottom:var(--sp-2);border-bottom:1px solid var(--text-primary)}.settings-section--danger h4{color:#e05c5c;border-bottom-color:#e05c5c}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4)}.settings-row h5{margin-top:var(--sp-0)}.settings-toggle{display:flex;gap:var(--sp-1);flex-shrink:0}.toggle-btn{padding:var(--sp-1) var(--sp-3);border:1px solid var(--text-primary);background:transparent;color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-family:inherit;transition:background .2s}.toggle-btn--active{background:var(--text-primary);color:var(--bg-primary)}.settings-field{display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--text-sm)}.settings-email{padding:var(--sp-2);border:1px solid var(--text-primary);background:var(--bg-secondary);font-size:var(--text-sm);color:var(--text-secondary)}.settings-divider{border:none;border-top:1px dashed var(--text-primary)}.settings-pw-row{position:relative}.settings-input{width:100%;background:var(--bg-primary);color:var(--text-primary)}.settings-eye{position:absolute;right:var(--sp-2);top:50%;transform:translateY(-50%);width:var(--sp-3);cursor:pointer;opacity:.6}.settings-eye:hover{opacity:1}.settings-error{font-size:var(--text-sm);color:#e05c5c}.settings-success{font-size:var(--text-sm);color:#4caf82}.settings-save-btn{align-self:flex-start}.settings-select{appearance:none;-webkit-appearance:none;background:var(--bg-secondary);border:1px solid var(--text-primary);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:var(--sp-1) var(--sp-3) var(--sp-1) var(--sp-1);cursor:pointer;outline:none}.settings-tab-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.tab-switch{position:relative;width:40px;height:22px;border-radius:0;border:1px solid var(--text-primary);background:transparent;cursor:pointer;padding:0;flex-shrink:0;transition:background .2s}.tab-switch--on{background:var(--text-primary)}.tab-switch-knob{display:block;position:absolute;top:50%;left:4px;transform:translateY(-50%);width:12px;height:12px;border-radius:0;background:var(--text-primary);transition:left .2s,background .2s}.tab-switch--on .tab-switch-knob{left:22px;background:var(--bg-primary)}.support-hint{font-size:var(--text-sm);opacity:.6}.support-textarea{background:var(--bg-primary);border:1px solid var(--text-primary);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:var(--sp-2);resize:vertical;width:100%;box-sizing:border-box}.danger-button{padding:var(--sp-1) var(--sp-3);background:transparent;color:#e05c5c;border:1px solid #e05c5c;font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap;flex-shrink:0}.danger-button:hover{background:#e05c5c;color:#fff}.danger-button--confirm{width:100%}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-secondary);border:1px solid var(--text-primary);padding:var(--sp-4);min-width:320px;display:flex;flex-direction:column;gap:var(--sp-3)}.modal-actions{display:flex;gap:var(--sp-2)}.modal-actions button{width:100%}