.rotate-warning{position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background:#764ba2;color:#f5f0ff;font-size:1.5rem;display:none;align-items:center;justify-content:center;text-align:center;padding:2rem;box-sizing:border-box;overflow:hidden}@media screen and (max-width: 1024px),screen and (orientation: portrait){.rotate-warning{display:flex!important}.app-content{display:none!important}}.app-content{display:block!important}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--bg: transparent;--surface: rgba(255, 255, 255, .92);--surface-strong: #f5f0ff;--text: #172033;--muted: #5d667d;--border: rgba(23, 32, 51, .12);--brand: #5f52d8;--brand-strong: #4738bf;--panel-text: #764ba2;--panel-muted: #666666;--on-brand: #f5f0ff;--shadow: 0 16px 40px rgba(18, 24, 40, .12)}:root[data-theme=dark]{color-scheme:dark;--bg: transparent;--surface: rgba(19, 23, 36, .88);--surface-strong: #1a2030;--text: #f7f4ff;--muted: #e8def8;--border: rgba(255, 255, 255, .22);--brand: #a999ff;--brand-strong: #c7beff;--panel-text: #f7f4ff;--panel-muted: #c8cde0;--on-brand: #f7f4ff;color:var(--panel-muted);opacity:1}html,body,#root{margin:0;min-width:320px;min-height:100%;width:100%}body{min-height:100vh;background:var(--bg);color:var(--text)}a{color:var(--brand);text-decoration:inherit}a:hover{color:var(--brand-strong)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:none;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;position:relative;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::placeholder{color:var(--c, #f5f0ff)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body,#root{margin:0;padding:0;height:100%;width:100%}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*,*:before,*:after{box-sizing:border-box}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}.app-container{color:var(--text);font-size:clamp(14px,2.5vw,18px);min-height:100vh;width:100%;margin:0;box-sizing:border-box;background:transparent}.app-container input,.app-container textarea,.app-container select{color:var(--panel-text)!important;caret-color:var(--panel-text);font-weight:700}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.app-shell__main{flex:1;width:100%;display:flex;padding:clamp(.75rem,1.5vw,1.5rem);box-sizing:border-box}.app-shell__page{flex:1;width:100%;min-height:0;display:flex}.todo-layout{width:100%;height:100%;min-height:100%;display:flex;flex:1;align-items:stretch;justify-content:center;gap:clamp(.75rem,1.5vw,1.5rem);box-sizing:border-box}.todo-layout__main{flex:1 1 0;min-width:0;height:100%;display:flex;width:100%}.todo-board{display:flex;flex-direction:column;gap:1rem;flex:1 1 auto;min-height:0;padding:1rem;width:100%;max-width:100%;box-sizing:inherit;border-radius:22px;background:var(--surface-strong);color:var(--panel-text);box-shadow:0 16px 36px #2112451f;overflow:hidden}.todo-board__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.25rem .1rem .1rem}.todo-board__heading{display:flex;flex-direction:column;gap:.2rem}.todo-board__eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.todo-board__title{margin:0;font-size:clamp(1.9rem,4vw,3rem);line-height:1;color:var(--panel-text)}.todo-board__copy{margin:0;max-width:40rem;color:var(--panel-muted);font-size:.95rem}.todo-board__reset{align-self:center;white-space:nowrap;padding:.7rem 1rem;border-radius:999px;border:1px solid var(--border);background:#ffffff2e;color:var(--panel-text);box-shadow:none;font-size:.92rem;font-weight:700}.todo-layout__side{flex:0 0 clamp(280px,30vw,380px);min-width:280px;height:100%}.todo-add-card{width:min(100%,760px);flex:0 0 auto;display:flex;flex-direction:column;gap:.85rem;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#ffffff1a,#ffffff08),var(--surface-strong);box-shadow:0 12px 28px #2112451a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-self:center}.todo-add-card__header{display:flex;flex-direction:column;gap:.15rem}.todo-add-card__eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.todo-add-card__title{margin:0;font-size:1.05rem;line-height:1.2;color:var(--panel-text)}.todo-add-card__copy{margin:0;color:var(--panel-muted);font-size:.88rem}.todo-add-card__fields{display:flex;flex-direction:column;gap:.7rem}.todo-add-card__field{width:100%;border-radius:16px;overflow:hidden}.todo-add-card__actions{margin-top:.15rem}.todo-add-card__input{width:100%;min-height:46px;padding:.8rem .95rem;border-radius:16px;border:1px solid var(--border);background:var(--surface);color:var(--panel-text);box-shadow:inset 0 1px #ffffff38;font-size:.98rem}.todo-add-card__input::placeholder{color:var(--panel-muted)}.todo-add-card__input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #667eea29}.todo-add-card__submit{width:100%;padding:.9rem 1.15rem;border-radius:16px;border:none;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:var(--on-brand);cursor:pointer;font-size:.98rem;font-weight:800;min-height:48px;box-shadow:0 10px 22px #5f52d838}.app-header{width:min(1120px,calc(100% - 1.5rem));margin:1rem auto 0;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:20px;background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header__brand{display:flex;flex-direction:column;gap:.1rem}.app-header__eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.app-header__title{font-size:1.2rem;font-weight:800;color:var(--text)}.app-header__nav{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.app-header__link,.app-header__logout{border:1px solid transparent;border-radius:999px;padding:.7rem 1rem;font-size:.95rem;font-weight:700;color:var(--text);background:transparent;box-shadow:none;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.app-header__link:hover,.app-header__logout:hover{transform:translateY(-1px);border-color:var(--border);color:var(--text);background:#ffffff2e}.app-header__link.is-active{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:var(--on-brand);border-color:transparent}.app-header__toggle,.app-header__logout{cursor:pointer}.settings-page{width:100%;min-height:calc(100vh - 7rem);display:flex;align-items:center;justify-content:center}.settings-card{width:min(720px,100%);padding:1.5rem;border-radius:24px;border:1px solid var(--border);background:var(--surface-strong);box-shadow:var(--shadow);color:var(--text)}.settings-card__eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted)}.settings-card__title{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1}.settings-card__copy{margin:.75rem 0 1.25rem;color:var(--muted)}.settings-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;margin-bottom:1.25rem;border-radius:18px;background:#764ba214}.settings-card__meta>div{display:flex;flex-direction:column;gap:.25rem}.settings-card__label{font-size:.8rem;color:var(--muted)}.settings-card__footer{margin-top:1rem}.settings-card__backlink{font-weight:700;color:var(--brand)}.settings-group{display:flex;flex-direction:column;gap:.8rem;padding:1rem;margin-bottom:1rem;border-radius:18px;background:#764ba214}.settings-group__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.settings-group__label{margin:0;font-weight:800;color:var(--panel-text)}.settings-group__help{margin:.25rem 0 0;color:var(--panel-muted);font-size:.92rem}.settings-save{align-self:flex-start;padding:.75rem 1rem;border-radius:999px;border:none;background:linear-gradient(135deg,var(--brand),var(--brand-strong))!important;color:var(--on-brand)!important;font-weight:800}.settings-status{margin:0;color:var(--panel-muted);font-size:.92rem}.admin-tools__controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.admin-tools__field{display:flex;flex-direction:column;gap:.35rem;min-width:160px}.admin-tools__field-label{font-size:.8rem;font-weight:700;color:var(--muted)}.admin-tools__input{min-height:44px;padding:.7rem .9rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--panel-text)}.admin-tools__input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #667eea29}.admin-tools__danger{background:linear-gradient(135deg,#b42318,#7a1f16)!important}.admin-tools__error{color:#b42318}.admin-tools__list{display:flex;flex-direction:column;gap:.65rem}.admin-tools__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-radius:14px;background:#ffffff24}.admin-tools__row-main{display:flex;flex-direction:column;gap:.2rem;min-width:0}.admin-tools__row-title{color:var(--panel-text)}.admin-tools__row-subtext,.admin-tools__row-meta,.admin-tools__empty{color:var(--panel-muted);font-size:.9rem}.admin-tools__row-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.auth-status{margin:0;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--panel-muted);font-size:.92rem}.auth-status.is-error{border-color:#b4231847;background:#b4231814;color:#b42318}.auth-status.is-success{border-color:#1987543d;background:#19875414;color:#198754}.app-container .theme-slider{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:420px;padding:.8rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--surface)!important;color:var(--panel-text)!important}.theme-slider__label{font-weight:700;min-width:3rem}.theme-slider__track{position:relative;flex:1;height:34px;border-radius:999px;background:#667eea2e;border:1px solid var(--border);transition:background-color .18s ease}.theme-slider__track.is-dark{background:#4738bf47}.theme-slider__thumb{position:absolute;top:50%;left:4px;width:26px;height:26px;border-radius:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--brand),var(--brand-strong));transition:left .18s ease,transform .18s ease;box-shadow:0 6px 14px #0000002e}.theme-slider__thumb.is-dark{left:calc(100% - 30px)}.theme-slider__thumb.is-light{left:4px}.settings-card__backlink:hover{color:var(--brand-strong)}@media (max-width: 980px){.app-shell__main{padding:.75rem}.app-header{width:calc(100% - 1rem);margin-top:.5rem}.todo-layout{flex-direction:column;height:auto}.todo-layout__side{flex:1 1 auto;min-width:0;padding-left:0;padding-right:0;height:auto}.todo-board{padding:.85rem;border-radius:18px}.todo-board__header{flex-direction:column;align-items:flex-start}.todo-board__reset{align-self:flex-start}.todo-add-card{padding:1rem;border-radius:18px}}.app-container .text-blue-600{color:#2563eb!important}.app-container button:not(.auth-toggle):not(.forgetbutton):not(.togglebutton):not(.app-header__logout){color:var(--on-brand)!important;background-color:var(--brand)!important;outline:none!important;transition:all .3s ease!important;transform:translateY(0)!important;box-shadow:0 2px 4px #0000001a!important;border:none!important}.app-container button:not(.auth-toggle):not(.forgetbutton):not(.togglebutton):not(.app-header__logout):hover{transform:translateY(-2px)!important;box-shadow:0 4px 8px #00000026!important;opacity:.9!important;outline:none!important;border:none!important}.app-container .settings-save.admin-tools__danger,.app-container .settings-save.admin-tools__danger:hover,.app-container .settings-save.admin-tools__danger:focus,.app-container .settings-save.admin-tools__danger:focus-visible,.app-container .settings-save.admin-tools__danger:active{background:linear-gradient(135deg,#b42318,#7a1f16)!important;color:#fff!important;border:none!important}.auth-page{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,2vw,2rem);box-sizing:border-box;background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(255,255,255,.1),transparent 24%),linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%)}.auth-layout{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,540px);gap:1.25rem;align-items:stretch}.auth-hero,.auth-card{border-radius:28px;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 60px #1218283d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-hero{display:flex;flex-direction:column;justify-content:space-between;padding:2rem;color:var(--on-brand);background:linear-gradient(180deg,#ffffff1a,#ffffff0a),#0f121e29}.auth-hero__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;opacity:.9}.auth-hero__title{margin:.5rem 0 0;font-size:clamp(2.8rem,8vw,5rem);line-height:.95;letter-spacing:-.04em}.auth-hero__copy{margin:.75rem 0 0;max-width:26rem;font-size:1rem;color:#f5f0ffe6}.auth-hero__notes{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.auth-hero__note{padding:.75rem .9rem;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);font-size:.92rem}.auth-card{padding:1.5rem;background:var(--surface-strong);color:var(--panel-text)}.auth-card__title{margin:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1}.auth-card__copy{margin:.6rem 0 1.25rem;color:var(--panel-muted)}.auth-form{display:flex;flex-direction:column;gap:.9rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-label{font-weight:800;color:var(--brand)}.auth-input{width:100%;min-height:46px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--panel-text);padding:.8rem .95rem;box-sizing:border-box}.auth-input-wrap .auth-input{padding-right:3.25rem}.auth-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #667eea29}.auth-input-wrap{position:relative}.auth-input-wrap .auth-toggle{all:unset;position:absolute;top:50%!important;right:.75rem;transform:translateY(-16px)!important;width:2rem;height:2rem;min-width:2rem;min-height:2rem;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;z-index:1;cursor:pointer;border-radius:999px;line-height:1;color:var(--panel-muted)!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:none!important;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:transform .18s ease,color .18s ease,opacity .18s ease}.auth-input-wrap .auth-toggle:hover,.auth-input-wrap .auth-toggle:active{transform:translateY(-19px) scale(1.08) rotate(-6deg)!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:none!important;outline:none!important}.auth-input-wrap .auth-toggle:focus-visible{outline:2px solid rgba(102,126,234,.35);outline-offset:2px}.auth-actions{display:flex;flex-direction:column;gap:.85rem;margin-top:.25rem}.auth-submit,.auth-secondary{width:100%;min-height:48px;border-radius:14px;border:none;font-weight:800;color:var(--on-brand)!important;background:linear-gradient(135deg,var(--brand),var(--brand-strong))!important}.auth-secondary{background:#667eea29!important;color:var(--panel-text)!important;border:1px solid var(--border)!important}.auth-meta{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--panel-muted);font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-footer{margin-top:1.25rem;display:flex;flex-direction:column;gap:.65rem}.auth-link{font-weight:800;color:var(--brand)}.auth-modal__window{position:relative;z-index:10000;width:min(90vw,520px);border-radius:24px;border:1px solid rgba(255,255,255,.18);background:var(--surface-strong);color:var(--panel-text);box-shadow:0 24px 60px #1218283d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-modal__close{border:none;background:transparent!important;color:var(--panel-muted)!important;box-shadow:none!important;font-size:1.25rem}@media (max-width: 900px){.auth-layout{grid-template-columns:1fr}.auth-hero{order:2}.auth-card{order:1}.auth-hero{padding:1.5rem}}.custom-select__dropdown-indicator svg,.custom-select__clear-indicator svg{color:#f5f0ff!important;fill:#f5f0ff!important}.custom-select__indicator-separator{display:none!important}.custom-select__control,.custom-select__control--is-focused,.custom-select__control--menu-is-open{border-radius:8px!important;overflow:hidden!important}.custom-select__menu,.custom-select__menu-list{border-radius:8px!important}.custom-select__menu{overflow:visible!important}.custom-select__menu-list{max-height:180px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none;-ms-overflow-style:none}.custom-select__menu-list::-webkit-scrollbar{width:0;height:0}.app-container button:active{transform:translateY(0)!important;box-shadow:0 2px 4px #0000001a!important;outline:none!important;border:none!important}.app-container button:focus,.app-container button:focus-visible{outline:none!important;box-shadow:none!important;border:none!important}.app-header button.app-header__link,.app-header button.app-header__logout{background:transparent!important;color:var(--text)!important;box-shadow:none!important;border:1px solid transparent!important}.app-header button.app-header__link.is-active{background:linear-gradient(135deg,var(--brand),var(--brand-strong))!important;color:#fff!important}.app-header button.app-header__link:hover,.app-header button.app-header__logout:hover{background:#ffffff47!important;border-color:var(--border)!important}.app-container .forgetbutton,.app-container .forgetbutton:hover,.app-container .forgetbutton:focus,.app-container .forgetbutton:active,.app-container .forgetbutton:focus-visible{outline:none!important;border:none!important;background-color:transparent!important;color:#2563eb!important;transform:none!important;transition:none!important;box-shadow:none!important}.app-container .togglebutton,.app-container .togglebutton:hover,.app-container .togglebutton:focus,.app-container .togglebutton:active,.app-container .togglebutton:focus-visible{outline:none!important;border:none!important;background-color:transparent!important;transition:none!important;box-shadow:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;right:.2rem!important}