@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg:#ebf3ed;--color-surface:#ffffffe0;--color-surface-2:#ffffff9e;--color-border:#ffffffc7;--color-border-2:#ffffffeb;--color-text:#041a0c;--color-text-2:#0e3e21;--color-text-3:#3b664b;--color-accent:#0a4724;--color-accent-light:#0a472414;--color-accent-hover:#063118;--color-success:#15803d;--color-success-bg:#dcfce7;--color-low:#1b5e20;--color-low-bg:#e8f5e9b3;--color-medium:#b45309;--color-medium-bg:#fef3c7b3;--color-high:#b91c1c;--color-high-bg:#fee2e2b3;--shadow-sm:0 2px 8px #0a361c0a, inset 0 1px 0 #fff9;--shadow-md:0 8px 32px #0a361c12, inset 0 1px 0 #fffc;--shadow-lg:0 16px 48px #0a361c1a, inset 0 1px 0 #ffffffe6;--shadow-drag:0 24px 64px #0a361c29;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font:"Inter", system-ui, sans-serif;--transition:.15s cubic-bezier(.4,0,.2,1)}body.dark-theme{--color-bg:#08100b;--color-surface:#101c14d1;--color-surface-2:#16261b8c;--color-border:#ffffff14;--color-border-2:#ffffff29;--color-text:#ebf5ee;--color-text-2:#a2cbb2;--color-text-3:#618e72;--color-accent:#22c55e;--color-accent-light:#22c55e14;--color-accent-hover:#16a34a;--color-success:#22c55e;--color-success-bg:#22c55e1f;--color-low:#22c55e;--color-low-bg:#22c55e1f;--color-medium:#f59e0b;--color-medium-bg:#f59e0b1f;--color-high:#ef4444;--color-high-bg:#ef44441f;--shadow-sm:0 2px 8px #00000059, inset 0 1px 0 #ffffff0f;--shadow-md:0 8px 32px #00000073, inset 0 1px 0 #ffffff14;--shadow-lg:0 16px 48px #0000008c, inset 0 1px 0 #ffffff1a;--shadow-drag:0 24px 64px #000000b3;background-color:#07110c;background-image:none;background-attachment:scroll}body.dark-theme:before{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;z-index:0;background:radial-gradient(circle,#0000008c 0%,#000000bf 100%);position:fixed;inset:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/flower_background.jpg);background-repeat:repeat;background-size:420px 420px;background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}body:before{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ebf3ee73 0%,#d7ebdcb3 100%);position:fixed;inset:0}body.dark-theme:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle,#0000008c 0%,#000000c7 100%)}#root{z-index:1;position:relative}button{font-family:var(--font);cursor:pointer;background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font);outline:none}ul,ol{list-style:none}#root{flex-direction:column;align-items:stretch;min-height:100vh;padding:24px 12px 48px;display:flex}@media (width<=640px){#root{padding:24px 12px 64px}}@media (width<=480px){#root{padding:16px 10px 48px}}.app{width:100%;max-width:none;margin:0;padding:0 12px}.header,.add-todo,.filter-bar,.calendar,.todo-list{max-width:1100px;margin-left:auto;margin-right:auto}.doll{object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 6px #0f2d181f);transform-origin:bottom;z-index:10;width:auto;height:76px;animation:3.5s ease-in-out infinite dollBob;position:absolute;bottom:calc(100% - 30px);right:20px}@keyframes dollBob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}.header{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:12px;margin-bottom:36px;padding:20px 24px;display:flex}.header--full{border-radius:14px;width:100%;padding-left:20px;padding-right:20px}.header{position:relative;overflow:visible}.header:before{content:"";background:var(--color-surface);width:100vw;height:100%;box-shadow:var(--shadow-md);z-index:0;border-radius:0 0 22px 22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.header__inner{z-index:2;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:18px 28px;display:flex;position:relative}.header__content{flex-direction:column;gap:4px;display:flex}.header__title{letter-spacing:-.5px;background:linear-gradient(135deg, var(--color-text) 20%, var(--color-text-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:700;line-height:1.1}.header__meta{color:var(--color-text-2);background:var(--color-surface-2);border:1px solid var(--color-border);white-space:nowrap;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px;align-self:flex-start;padding:5px 14px;font-size:.8rem;font-weight:600}body.dark-theme .header:before{background:linear-gradient(#0c1410f2,#0e1814e6)}.theme-toggle{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:600}.header__actions{align-items:center;gap:8px;display:flex}.calendar-toggle{background:var(--color-surface-2)}.calendar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin:12px 0 18px;padding:12px}.calendar__header{margin-bottom:8px;font-weight:700}.calendar__grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar__weekday{color:var(--color-text-2);text-align:center;font-size:.72rem}.calendar__cell{background:0 0;border-radius:8px;min-height:54px;padding:6px}.calendar__cell--empty{opacity:.28}.calendar__day{font-weight:600}.calendar__dots{gap:6px;margin-top:6px;display:flex}.calendar__dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;display:inline-block}.add-todo{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:box-shadow var(--transition), border-color var(--transition);flex-direction:column;gap:10px;margin-bottom:16px;padding:12px 12px 14px;display:flex;position:relative}.add-todo__main{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.add-todo:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light), var(--shadow-sm)}.add-todo__input{min-width:0;color:var(--color-text);background:0 0;border:none;flex:220px;padding:4px 0;font-size:1.05rem}.add-todo__input::placeholder{color:var(--color-text-3)}.add-todo__select{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-2);background:var(--color-surface-2);cursor:pointer;transition:border-color var(--transition);flex:0 110px;padding:6px 10px;font-size:.8rem;font-weight:500}.add-todo__select:focus{border-color:var(--color-accent)}@media (width>=900px){.add-todo__main{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.add-todo__meta{align-items:center;gap:12px;display:flex}.add-todo__select{order:2}.add-todo__btn{order:3}}.add-todo__btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);transition:background var(--transition), transform var(--transition), box-shadow var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:8px 18px;font-size:.875rem;font-weight:600;display:flex}.add-todo__meta{flex-wrap:wrap;gap:8px;display:flex}.add-todo__field{color:var(--color-text-2);flex-direction:column;flex:180px;gap:4px;font-size:.78rem;font-weight:600;display:flex}.add-todo__field input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);width:100%;color:var(--color-text);padding:7px 8px}.add-todo__btn:hover{background:var(--color-accent-hover);box-shadow:0 4px 12px #0e502c40}.add-todo__btn:active{transform:scale(.97)}.filter-bar{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:4px;display:flex}.filter-bar__btn{min-width:90px;color:var(--color-text-2);border-radius:var(--radius-md);transition:background var(--transition), color var(--transition), box-shadow var(--transition);flex:1 1 0;padding:7px 12px;font-size:.82rem;font-weight:500}.filter-bar__btn:hover:not(.filter-bar__btn--active){background:var(--color-surface-2);color:var(--color-text)}.filter-bar__btn--active{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px #0e502c33}.todo-list{flex-direction:column;gap:8px;display:flex}.todo-list__empty{text-align:center;color:var(--color-text-3);padding:56px 24px;font-size:.9rem}@media (width<=640px){.todo-list__empty{padding:40px 16px}}.todo-list__empty-icon{margin-bottom:12px;font-size:2.5rem}.todo-list__empty-text{color:var(--color-text-2);margin-bottom:4px;font-weight:500}.todo-list__empty-sub{font-size:.82rem}.todo-item{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow var(--transition), border-color var(--transition), transform var(--transition), opacity var(--transition);cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 14px;display:flex}@media (width<=560px){.todo-item{flex-wrap:wrap;align-items:flex-start;gap:8px;padding:12px}.todo-item__body{flex:calc(100% - 54px);min-width:0}.priority-badge{margin-left:auto}.todo-item__delete{opacity:1}}.todo-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-2);transform:translateY(-1px)}.todo-item--completed{opacity:.65;background:var(--color-surface-2)}.todo-item--dragging{opacity:.35}.todo-item--drag-over{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-light), var(--shadow-md)}.todo-item--touch-dragging{box-shadow:var(--shadow-drag);transform:scale(1.01)}.todo-item__handle{color:var(--color-text-3);cursor:grab;transition:color var(--transition);touch-action:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;display:flex}.todo-item__handle:hover{color:var(--color-text-2)}.todo-item__handle:active{cursor:grabbing}.todo-item__checkbox{border:2px solid var(--color-border-2);cursor:pointer;width:20px;height:20px;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);background:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.todo-item__checkbox:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.todo-item__checkbox--checked{background:var(--color-accent);border-color:var(--color-accent)}.todo-item__checkbox-icon{color:#fff;font-size:.7rem;font-weight:700}.todo-item__body{flex:1;min-width:0}.todo-item__text{color:var(--color-text);cursor:text;word-break:break-word;transition:color var(--transition);font-size:clamp(.95rem,2.3vw,1rem);font-weight:500}.todo-item__meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.todo-item__meta-chip{color:var(--color-text-2);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.todo-item__text--done{color:var(--color-text-3);text-decoration:line-through}.todo-item__edit-input{border:none;border-bottom:1.5px solid var(--color-accent);width:100%;color:var(--color-text);caret-color:var(--color-accent);background:0 0;padding:2px 0;font-size:1rem;font-weight:500}.priority-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;font-weight:600;display:inline-flex}.priority-badge--low{color:var(--color-low);background:var(--color-low-bg)}.priority-badge--medium{color:var(--color-medium);background:var(--color-medium-bg)}.priority-badge--high{color:var(--color-high);background:var(--color-high-bg)}.todo-item__delete{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-3);opacity:0;transition:opacity var(--transition), background var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=560px){.todo-item__delete{width:30px;height:30px}}.todo-item:hover .todo-item__delete{opacity:1}.todo-item__delete:hover{background:var(--color-high-bg);color:var(--color-high)}@media (width<=700px){.doll{height:64px;bottom:calc(100% - 30px);right:12px}}@media (width<=520px){.doll{display:none}}@media (width<=640px){.header{margin-bottom:20px;padding:16px}.add-todo{padding:12px}.add-todo__main{gap:8px}.add-todo__input{flex-basis:100%;order:1}.add-todo__select{flex:130px;order:2}.add-todo__btn{flex:100%;order:3;justify-content:center;padding-block:10px}}@media (width<=480px){.filter-bar__btn{flex-basis:100%}.header{flex-direction:column;align-items:flex-start}.header__meta{align-self:flex-start}.theme-toggle{justify-content:center;width:100%}}@media (width<=360px){.add-todo__meta{flex-direction:column}.todo-item{padding:10px}.todo-item__meta{flex-direction:column}}