/*!
 * Noctia Base CSS
 * Version: 2.0.1
 * © 2026 Lanlanwi
 * Created: 2025-11-06
 * Last Updated: 2026-04-24
 * Licensed under the MIT License
 * https://opensource.org/licenses/MIT
 */:root{--noctia-base-font: sans-serif;--noctia-base-font-size: min(4.5vw, 5vh);--noctia-base-text-color: #EEE;--noctia-base-bg-color: #212121}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-family:var(--noctia-base-font);font-size:var(--noctia-base-font-size);scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;line-height:1.6;overflow-wrap:break-word;color:var(--noctia-base-text-color);background-color:var(--noctia-base-bg-color)}ul,ol{margin-block:.25em;padding-left:1.5em}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font:inherit;background:none;cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{opacity:.5;cursor:not-allowed}#root{display:flex;align-items:center;flex-direction:column;padding:1rem}h1{font-size:2rem;text-align:center;-webkit-user-select:none;user-select:none}.todo-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;column-gap:.5em;width:100%;margin-top:1.5rem;margin-bottom:.5rem;border-top:min(.3vw,.3vh) solid #C0C0C0}.todo-not-found{display:inline-flex;max-width:calc(100% - 1em);margin:1em .5em;padding:.25em 1em;border-radius:.25em;font-size:2rem;overflow-wrap:break-word;word-break:break-all;color:#b3b3ef;background-color:#505050;-webkit-user-select:none;user-select:none}.todo-alert{display:inline-flex;align-items:center;justify-content:center;opacity:0;z-index:10000;overflow:hidden;max-width:90vw;max-height:85vh;position:fixed;left:50%;bottom:10%;transform:translate(-50%);padding:.5em 1em;border-radius:.2em;font-size:1rem;line-height:1.5;letter-spacing:.02em;word-spacing:.1em;overflow-wrap:break-word;word-break:break-all;color:#fff;background-color:#000000bf;transition:opacity .2s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.todo-alert.open{opacity:1}.todo-input{display:flex;gap:.2em;z-index:100;width:100%;height:3em;position:sticky;top:1rem;padding:.5em .25em;border-radius:.2em;font-size:1rem;background-color:#212121c0}.todo-input>*{display:block;height:100%;border:none;border-radius:.1em;font-size:inherit}.todo-input-field{flex:1;padding-inline:.2em;border:.1em solid #C0C0C0;outline:none}.todo-input-field:focus{outline:.15em solid hsl(240,75%,70%);outline-offset:-.1em}.todo-input-field::placeholder{padding-inline:.2em;font-size:.875em}.todo-input-add{aspect-ratio:5 / 3;background-color:#d6d6f5;-webkit-user-select:none;user-select:none}.todo-input-add:active{background-color:#7070db}.todo-input-add:focus-visible{outline:.125em solid #FFF}.todo-search{display:block;width:100%;margin-block:.5em;padding:.25em;border:none;border-top:.1em solid #333;border-bottom:.1em solid #333;font-size:1.25rem;line-height:1.5em;color:#e0e0e0;background-color:#444;outline:none}.todo-search:focus{background-color:#555}.todo-search::placeholder{color:#aaa}.todo-search::selection{color:#444;background-color:#e0e0e0}.todo-filter{display:inline-flex;align-items:center;width:100%;height:1.5em;margin-right:auto;margin-bottom:.25em;font-size:1rem}.todo-filter label{display:inline-flex;align-items:center;justify-content:center;flex:1;overflow:hidden;height:100%;padding:.1em 2em 0;border-bottom:.05em solid #808080;font-size:.875em;color:#a5a5c0;background-color:#303030;-webkit-user-select:none;user-select:none}.todo-filter input[type=radio]{opacity:0;width:1px;height:1px;position:absolute;pointer-events:none}.todo-filter label:has(input[type=radio]:checked){color:#6464d8;background-color:#eee;border-color:#eee}.todo-filter label:active{background-color:#555}.todo-filter label:has(input[type=radio]:checked):active{background-color:silver}.todo-filter label:focus-visible{outline:.2em solid hsl(240,45%,75%);outline-offset:-.2em}@media (orientation: landscape){.todo-filter{width:auto}}.todo-count{display:inline-flex;align-items:center;justify-content:center;height:2em;padding-inline:.25em;font-size:.75rem;-webkit-user-select:none;user-select:none}.todo-sort{appearance:none;-webkit-appearance:none;-moz-appearance:none;overflow:hidden;height:2em;padding:.2em .5em;border:none;border-radius:.2em;font-size:.75rem;color:#fff;background-color:#a3a3dc;-webkit-user-select:none;user-select:none;outline:none}.todo-sort:active{background-color:#7070db}.todo-sort:focus-visible{outline:.125em solid #FFF}.todo-list{display:flex;justify-content:center;flex-direction:column;gap:.5em;width:100%;padding:.25em;font-size:1rem}.todo-list *{font-size:inherit}.todo-item{list-style:none;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden;width:100%;height:2.5em;border:.1em solid #C0C0C0;border-radius:.2em;background-color:#eee}.todo-item:has(.ti-label:active){background-color:#e0e0e0}.todo-item:has(input:focus-visible){outline:.25em solid hsl(240,60%,65%);outline-offset:-.1em}.todo-item .ti-label{display:grid;grid-template-columns:auto 1fr;grid-template-rows:repeat(4,1fr);align-items:end;column-gap:.25em;width:100%;height:100%;padding-left:.25em;cursor:pointer}.ti-label .ti-checkbox{display:block;grid-column:1 / 2;grid-row:1 / 5;width:1.5em;height:1.5em;position:relative;margin-block:auto;border:.125em solid #C0C0C0;border-radius:.125em}.ti-label input[type=checkbox]{opacity:0;width:1px;height:1px;position:absolute}.ti-label:has(input[type=checkbox]:checked) .ti-checkbox{border:.1em solid #808080;border-radius:.2em}.ti-label:has(input[type=checkbox]:checked) .ti-checkbox:before{content:"";width:1em;height:1em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.2em;background-color:#7878e2}.ti-label .ti-date{display:block;grid-column:2 / 3;grid-row:1 / 2;overflow:hidden;width:100%;height:100%;font-size:.5em;white-space:nowrap;text-overflow:ellipsis;color:#252525;-webkit-user-select:none;user-select:none}.ti-label .ti-title{display:block;grid-column:2 / 3;grid-row:2 / 5;overflow:hidden;width:100%;height:auto;margin-block:auto;font-size:1.125em;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;color:#252525}.todo-item .ti-title::selection{color:#f53d3d}.todo-item .ti-info{display:flex;align-items:center;justify-content:center;flex-flow:column wrap;gap:10%;overflow:hidden;width:2em;height:100%;border:none}.todo-item .ti-info:active{background-color:#ddd}.todo-item .ti-info svg{transition:transform .2s ease}.todo-item .ti-info:active svg{transform:scale(.75)}.todo-item .ti-info:focus-visible{outline:.1em solid hsl(240,60%,65%);outline-offset:-.1em}.info-overlay{z-index:1000;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;animation:fadeIn .2s ease-in-out;cursor:pointer;touch-action:none}.todo-info{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;z-index:1001;overflow-x:hidden;overflow-y:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;min-height:2.5em;max-height:80%;padding:2em 1em 1.5em;border-radius:.5em;color:#252525;background-color:#fff;animation:fadeIn .2s ease-in-out}@media (orientation: landscape){.todo-info{max-width:60%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.todo-info .info-close-btn{display:flex;align-items:center;justify-content:center;width:2em;height:1.5em;position:absolute;top:.5em;right:.5em;border:none;border-radius:.25em;background-color:#f1f1fd;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.todo-info .info-close-btn:active{transform:scale(.75)}.poof{width:100%;margin:.5em 0 1.5em;font-size:1.5em;font-weight:700;text-align:center;-webkit-user-select:none;user-select:none}.info-alert-btn{display:inline-flex;align-items:center;justify-content:center;padding-inline:2em;border:none;border-radius:.2em;font-size:.875em;line-height:2;color:#000;background-color:#eee;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.info-alert-btn:active{transform:scale(.9);background-color:#ccc}.info-alert-btn.delete{color:#fff;background-color:#eb4747}.info-alert-btn.delete:active{background-color:#b81414}.info-alert-btn:focus-visible{outline:.2em solid #AAA}.info-title{width:100%;margin:.25em 0 .5em;font-size:1.75em;font-weight:700;line-height:1;text-align:center;-webkit-user-select:none;user-select:none}.info-meta{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.1em .5em;width:100%;margin-block:2em;font-size:.75em}.info-meta dt,.info-meta dd{letter-spacing:.02em;word-spacing:.1em;overflow-wrap:break-word;-webkit-user-select:none;user-select:none}.info-meta dt{font-size:1.2em;font-weight:700;line-height:1;color:#669}.info-meta dd{line-height:1.2;color:#444}.info-meta .meta-spacer{margin-top:1em}.info-meta .bold{font-weight:700;color:#000}.info-delete-btn{display:inline-block;padding-inline:2em;border:none;border-radius:.2em;font-size:.875em;line-height:2;color:#fff;background-color:#eb4747;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.info-delete-btn:active{transform:scale(.95);background-color:#b81414}.info-delete-btn:focus-visible{outline:.2em solid #AAA}.missing{font-size:1.25em;font-weight:700;line-height:3;text-align:center;color:#555}.info-edit{display:flex;justify-content:center;flex-wrap:wrap;gap:.25em .5em;width:100%;font-size:1em}.info-edit-input{display:block;width:100%;padding:.25em;border:.1em solid #C0C0C0;border-radius:.25em;font-size:inherit;line-height:1.5}.info-edit-input:focus-visible{outline:.15em solid hsl(240,75%,70%);outline-offset:-.1em}.info-edit button{flex:1;padding:.1em .5em;border:none;border-radius:.2em;color:#fff;background-color:#a3a3dc;font-size:.875em;line-height:1.5;transition:transform .2s ease}.info-edit button:active{transform:scale(.95);background-color:#7979d2}.info-edit button:focus-visible{outline:.125em solid #808080}