@media(max-width:600px){.settings-modal{padding-left:2vw!important;padding-right:2vw!important}.settings-menu,.settings-menu-large{min-width:0!important;max-width:98vw!important;width:98vw!important;padding:1.1rem .7rem!important;gap:.6rem!important;border-radius:4px!important;font-size:.97em}.settings-menu h2{font-size:1.05rem!important}.settings-item{flex-direction:column;align-items:flex-start;gap:.2rem}}.calendar-grid-centered{display:grid;justify-content:center}.settings-menu input[type=range]{width:140px;height:4px;background:var(--border);border-radius:2px;outline:none;transition:background .2s;margin:0 .7rem}.settings-menu input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-panel);box-shadow:0 2px 8px #0000002e;cursor:pointer;transition:background .2s,border .2s}.settings-menu input[type=range]:focus::-webkit-slider-thumb{border-color:var(--accent-color);box-shadow:0 0 0 3px #34d3992e}.settings-menu input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-panel);box-shadow:0 2px 8px #0000002e;cursor:pointer;transition:background .2s,border .2s}.settings-menu input[type=range]:focus::-moz-range-thumb{border-color:var(--accent-color);box-shadow:0 0 0 3px #34d3992e}.settings-menu input[type=range]::-ms-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-panel);box-shadow:0 2px 8px #0000002e;cursor:pointer;transition:background .2s,border .2s}.settings-menu input[type=range]:focus::-ms-thumb{border-color:var(--accent-color);box-shadow:0 0 0 3px #34d3992e}.settings-menu input[type=range]:focus{outline:none}.settings-menu input[type=range]::-ms-fill-lower{background:var(--border);border-radius:2px}.settings-menu input[type=range]::-ms-fill-upper{background:var(--border);border-radius:2px}.settings-menu input[type=range]:hover::-webkit-slider-thumb{background:#43e6b1}.settings-menu input[type=range]:hover::-moz-range-thumb{background:#43e6b1}.settings-menu input[type=range]:hover::-ms-thumb{background:#43e6b1}.settings-menu input[type=range]::-moz-focus-outer{border:0}:root{--bg-main: #131314;--bg-panel: #1e1f20;--border: #2c2c2e;--text-primary: #e3e3e3;--text-secondary: #9aa0a6;--accent-color: #34d399}.app-container{height:100vh;height:100dvh;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--todo-font-family, system-ui, -apple-system, sans-serif);padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));overflow:hidden;box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;background-color:#131314}.main-grid{display:grid;grid-template-columns:1fr;grid-template-rows:var(--grid-rows, 1fr 1fr);gap:1.5rem;max-width:1400px;margin:0 auto;height:calc(100dvh - max(2rem,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 0px))}@media(min-width:900px){.main-grid{grid-template-columns:var(--grid-cols, 1fr 1fr);grid-template-rows:1fr;height:calc(100dvh - max(2rem,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 0px))}.main-grid-flipped .calendar-panel{order:2}.main-grid-flipped .todo-panel{order:1}}@media(max-width:899px){.main-grid{grid-template-columns:1fr;grid-template-rows:var(--grid-rows, 1fr 1fr)}.main-grid .calendar-panel{overflow:hidden;min-height:0;order:2}.main-grid .todo-panel{overflow:hidden;min-height:0;order:1}.main-grid-flipped .calendar-panel{order:1}.main-grid-flipped .todo-panel{order:2}}.panel{background-color:var(--bg-panel);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.calendar-panel{padding:1.5rem;overflow:hidden;display:flex;flex-direction:column}.todo-panel{overflow:hidden}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5rem}.month-controls{display:flex;gap:.25rem}.nav-btn{background:none;border:none;color:var(--text-secondary);padding:.5rem;cursor:pointer;border-radius:4px}.nav-btn:hover{background:#2c2c2e}.grid-7{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;flex:1 1 auto;overflow:visible}@media(max-width:767px){.todo-panel{min-height:52vh}.calendar-panel{min-height:44vh}}.day-box.week-alt{position:relative}.day-box.week-alt:before{content:"";position:absolute;inset:0;border-radius:2px;background:#ffffff05;pointer-events:none}@media(max-width:600px){.grid-7{grid-template-columns:repeat(4,1fr)}}.day-box{aspect-ratio:1;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .1s;border-radius:2px}.day-box.selected{border-color:var(--accent-color);box-shadow:inset 0 0 0 1px var(--accent-color)}.day-empty{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.day-label{font-size:.65rem;opacity:.7;margin-bottom:2px}.day-num{font-size:1rem}.todo-container{padding:1.5rem;display:flex;flex-direction:column;height:100%}.task-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding-bottom:6rem}.task-list::-webkit-scrollbar{width:6px}.task-list::-webkit-scrollbar-track{background:transparent}.task-list::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.task-list::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.todo-date-title{font-size:.75rem;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.task-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0}.checkbox{width:18px;height:18px;border:1px solid var(--border);border-radius:2px;display:flex;align-items:center;justify-content:center;background:#131314;cursor:pointer}.checkbox.checked{background:var(--accent-color);border-color:var(--accent-color);color:var(--bg-main)}.task-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.9rem;outline:none;font-family:var(--todo-font-family, system-ui, -apple-system, sans-serif)}.task-input.completed{text-decoration:line-through;color:var(--text-secondary)}.btn-action{opacity:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:opacity .2s}.task-row:hover .btn-action,.add-trigger:hover .btn-action{opacity:1}.btn-action:hover{color:var(--text-primary)}.btn-delete:hover{color:#f87171}.add-trigger{display:flex;justify-content:left;margin-top:1rem;height:30px}.add-trigger .btn-action{opacity:1}.copy-btn{display:flex;align-items:center;gap:.4rem;font-size:.7rem;background:none;padding:.3rem .6rem;border-radius:4px;color:var(--text-secondary);border:none;cursor:pointer}.copy-btn:hover{background:#3a3a3c;color:var(--text-primary)}.login-modal{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.login-card{background-color:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:2rem;min-width:300px;max-width:400px;display:flex;flex-direction:column;gap:1rem}.login-card h3{margin:0 0 1rem;font-size:1.5rem;color:var(--text-primary)}.login-card input{background-color:#2c2c2e;border:1px solid var(--border);color:var(--text-primary);padding:.75rem;border-radius:2px;font-size:1rem}.login-card input:focus{outline:none;border-color:var(--accent-color);background-color:#333335}.login-card button{width:100%;padding:.75rem;border:none;border-radius:2px;font-weight:700;cursor:pointer;font-size:1rem;transition:background-color .2s;font-family:inherit}.login-card button{background:none;color:var(--text-primary);border:1px solid var(--border)}.login-card button:hover{outline:none;border-color:var(--accent-color);color:var(--accent-color)}.login-card div[style*="display:flex"]{display:flex!important;gap:.5rem!important;flex-direction:column}.login-card div[style*="display:flex"] button{flex:1}.login-card .btn-google{background:none;color:var(--text-primary);border:1px solid var(--border)}.login-card .btn-google:hover{border-color:#357ae8;color:#357ae8}.login-card .btn-action{opacity:1!important;background:none;color:var(--text-primary);border:1px solid var(--border)}.login-card .btn-action:hover{border-color:var(--accent-color);color:var(--accent-color)}.settings-modal{position:fixed;inset:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:999;padding:0}.settings-menu{background-color:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:2.2rem 2.5rem;min-width:320px;max-width:96vw;min-height:220px;display:flex;flex-direction:column;gap:1.1rem;box-shadow:0 8px 32px #00000073}.settings-menu-large{min-width:340px;max-width:99vw;min-height:260px;padding:2.5rem 2.8rem;gap:1.3rem}.settings-menu h4{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary)}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;color:var(--text-primary)}.action-dropdown-overlay{position:fixed;inset:0;z-index:1200;pointer-events:none}.action-dropdown-menu{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:.3rem .2rem;min-width:40px;font-size:.92rem;display:flex;flex-direction:column;gap:.15rem;position:absolute;pointer-events:auto}.dropdown-option{background:none;border:none;color:var(--text-secondary);font-size:.92rem;padding:.28rem .8rem;border-radius:4px;cursor:pointer;text-align:left;transition:background .18s,color .18s}.dropdown-option:hover{background:var(--accent-color);color:var(--bg-main)}.action-dropdown-placeholder{display:none}.task-input.header{font-weight:700;font-size:1.03rem;border-bottom:1px solid rgba(255,255,255,.12)}.task-row:has(.collapse-toggle){margin-top:.75rem}.collapse-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s}.collapse-toggle:hover{color:var(--text-primary)}.bullet-marker{width:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.task-input.text-area{min-height:64px;resize:vertical;padding:.5rem}.task-input.text-area{overflow:hidden}.task-input.text-area::-webkit-scrollbar{display:none}.task-input.text-area{-ms-overflow-style:none;scrollbar-width:none}.drag-handle{width:16px;height:16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;cursor:grab;display:flex;align-items:center;justify-content:center;margin-right:2px;opacity:0;transition:opacity .2s,border-color .15s}.task-row:hover .drag-handle{opacity:1}@media(hover:none),(pointer:coarse){.drag-handle,.btn-action{opacity:1}}.drag-handle:hover{border-color:var(--text-secondary)}.drag-handle:active{border-color:var(--accent-color);cursor:grabbing}.drag-handle-inner{width:6px;height:6px;background:var(--text-secondary);border-radius:1px;opacity:.5}.drag-handle:hover .drag-handle-inner{opacity:.8}