:root{--font-main: "Segoe UI", "Roboto", Arial, sans-serif;--color-background: #e2e4e8;--color-card: #fff;--color-border: #1a1a1a;--color-text: #23272f;--color-text-muted: #666;--color-category-bg: #eee;--color-btn-bg: #ededed;--color-btn-bg-hover: #bdbdbd;--color-btn-text: #23272f;--color-btn-border: #111;--color-danger: #d32f2f}body.dark-mode{--color-background: #181818;--color-card: #23272f;--color-border: #fff;--color-text: #fff;--color-text-muted: #bbb;--color-category-bg: #333;--color-btn-bg: #222;--color-btn-bg-hover: #333;--color-btn-text: #fff;--color-btn-border: #fff;--color-danger: #ff7b7b}html,body{font-family:var(--font-main);background:var(--color-background);color:var(--color-text);margin:0}*,*:before,*:after{font-family:inherit}.App{min-height:100vh;text-align:center;padding:2rem 0;background:var(--color-background)}.main-container{max-width:700px;margin:0 auto}.centered-title{text-align:center;font-size:2rem;font-weight:700;margin:1.5rem 0 2rem;cursor:pointer;transition:text-decoration .2s}.centered-title:hover{text-decoration:underline}.centered-title.editing-title{text-decoration:none;cursor:text}.card-content-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.card{background:var(--color-card);border-radius:6px;box-shadow:none;padding:1.1rem 1.2rem .8rem;margin:0 auto 0 0;max-width:700px;color:var(--color-text);position:relative;z-index:1;overflow:visible;margin-bottom:1.2rem}.icon-btn{background:none;border:none;cursor:pointer;padding:4px;margin:0;display:flex;align-items:center;color:#222;min-width:2.2rem;min-height:2.2rem;height:2.2rem;width:2.2rem;border-radius:8px;transition:background-color .2s}.icon-btn:hover,.icon-btn:focus{background-color:var(--color-btn-bg-hover);outline:none}.icon-btn:focus-visible{outline:2px solid var(--color-btn-border);outline-offset:2px}.card .task-name{font-weight:700;font-size:1.1rem}.category{background:var(--color-category-bg);color:var(--color-text);border-radius:6px;padding:2px 8px;font-size:.95em;margin-left:8px}.add-form-container{display:flex;align-items:stretch;width:100%;border:1px solid var(--color-border);border-radius:7px;background:var(--color-card);padding:0;min-width:0}.input-form{width:100%;height:100%}.input-row{display:flex;gap:.5rem;align-items:stretch;width:100%}.item-input{flex:1 1 0;min-width:0;padding:0 .7em;text-align:left;font-size:1rem}.number-input{width:4.5em;min-width:0;text-align:center}.interval-unit-select,.category-select{width:7em;min-width:0;text-align:center;text-align-last:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-card);background-image:url('data:image/svg+xml;utf8,<svg fill="gray" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right .5em center;background-size:1em}.replace-btn,.modal-btn{display:flex;align-items:center;justify-content:center;min-width:80px;height:100%;border-radius:6px;background:var(--color-btn-bg);color:var(--color-btn-text);font-weight:600;border:none;font-size:1rem;cursor:pointer;transition:background .2s,color .2s;padding:0}.replace-btn:hover,.replace-btn:focus,.modal-btn:hover,.modal-btn:focus{background:var(--color-btn-bg-hover);color:var(--color-btn-border);outline:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{background:var(--color-card);color:var(--color-text);border-radius:10px;padding:2rem 1.5rem;min-width:320px;max-width:90vw;box-shadow:0 2px 24px #00000040;text-align:center;font-family:var(--font-main)}.settings-dialog{min-width:340px;max-width:98vw}.modal-title{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.modal-btn-row{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}input:focus,select:focus,button:focus{outline:none;box-shadow:0 0 0 2px var(--color-btn-bg-hover);background:var(--color-btn-bg-hover);color:var(--color-btn-text)}::selection{background:var(--color-btn-bg-hover);color:var(--color-btn-text)}.card-divider{height:1px;background:#e2e4e8;margin:.5rem 0 .7rem;border:none}@media (max-width: 700px){.main-container,.card{max-width:98vw;padding:1rem}.card-content-row{flex-direction:column;gap:.5rem}.add-form-container{width:100%;max-width:98vw}.input-row{flex-direction:column;gap:.5rem;width:100%;height:auto}.item-input{width:100%;margin-bottom:.5rem}}