:root{--orange: #ff4500;--orange-d: #e03d00;--orange-soft: #fff4ee;--important: #ff7a18;--urgent: #e21b1b;--ink: #1a1a1b;--ink-2: #3a3c3e;--muted: #7c7e82;--muted-2: #9a9ca0;--line: #d0d2d5;--line-soft: #e6e7e9;--card: #f6f7f8;--page: #dadce0;--item-title: 22px;--note-scale: 1.75}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--page);color:var(--ink);font-family:Verdana,Geneva,DejaVu Sans,sans-serif;-webkit-font-smoothing:antialiased}input::placeholder{color:#a9abae}.wrap{min-height:100%;padding:24px 16px 48px;display:flex;justify-content:center}.app{width:100%;max-width:460px}@media (min-width: 900px){.wrap{padding:40px 16px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140a0573;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;z-index:100}.modal{width:100%;max-width:460px;margin:auto}.modal .card{max-height:92vh;overflow-y:auto}.card{background:var(--card);border-radius:8px;box-shadow:0 2px 14px #00000024;overflow:hidden;display:flex;flex-direction:column}.card.form{background:#fff}.card-head{background:#fff;border-bottom:1px solid #cfd1d4}.accent{height:3px;background:var(--orange)}.card-head-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.brand{font-size:26px;font-weight:700;letter-spacing:-.4px}.brand .dot{color:var(--orange)}.form-title{font-size:22px;font-weight:700}.btn-new{background:var(--orange);color:#fff;border:0;border-radius:6px;padding:12px 18px;font:inherit;font-size:16px;font-weight:700;cursor:pointer}.btn-new:hover{background:var(--orange-d)}.btn-new:disabled{background:#c9cbce;cursor:not-allowed}.btn-clear{width:40px;height:40px;border:2px solid var(--line);border-radius:6px;background:#fff;color:var(--muted-2);font:inherit;font-size:20px;font-weight:700;cursor:pointer;line-height:1}.list-body{flex:1}.note{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--orange-soft);border-bottom:8px solid #e2e4e7;padding:8px 14px;cursor:pointer}.note:hover{background:#ffe9dd}.note-text{font-size:calc(var(--item-title) / var(--note-scale));line-height:1.35;font-weight:700;color:var(--ink);word-break:break-word;white-space:pre-wrap}.note-remove{flex:none;border:0;background:transparent;color:var(--muted-2);font-size:14px;font-weight:700;cursor:pointer;line-height:1;padding:2px 4px}.note-remove:hover{color:var(--urgent)}.row{background:#fff;border-bottom:8px solid #e2e4e7;padding:18px 16px}.row-head{display:flex;gap:14px}.row-pos{flex:none;display:flex;flex-direction:column;align-items:center;width:48px}.pos-num{font-size:12px;font-weight:700;color:var(--muted-2);margin-bottom:6px}.move{width:48px;height:48px;border:2px solid var(--line);border-radius:6px;background:#fff;cursor:pointer;font-size:22px;line-height:1;color:var(--muted-2)}.move:hover{border-color:var(--orange);background:var(--orange-soft)}.row-body{flex:1;min-width:0}.title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.title{font-size:var(--item-title);font-weight:700;line-height:1.2;color:var(--ink);word-break:break-word}.badge{display:inline-block;flex:none;width:20px;height:20px;border-radius:3px}.badge-important{background:var(--important)}.badge-urgent{background:var(--urgent)}.countdown{font-family:Courier New,monospace;font-weight:700;font-size:28px;margin-top:4px;line-height:1;color:#2a2a2a}.countdown-urgent{color:var(--urgent)}.row-actions{display:flex;gap:10px;margin-top:12px}.btn-edit,.btn-remove{flex:1;height:46px;border-radius:6px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;background:#fff}.btn-edit{border:2px solid var(--line);color:var(--ink-2)}.btn-edit:hover{border-color:var(--muted-2)}.btn-remove{border:2px solid #f0bcbc;color:var(--urgent)}.btn-remove:hover{background:var(--urgent);color:#fff;border-color:var(--urgent)}.empty{padding:48px 24px;text-align:center;color:#a9abae;font-size:15px;line-height:1.6}.empty b{color:var(--orange)}.list-foot{padding:12px 16px;text-align:center;font-size:11px;color:#a9abae;border-top:1px solid var(--line-soft);background:#fff}.form-body{flex:1;padding:18px 16px;display:flex;flex-direction:column;gap:8px}.field-label{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;margin-top:10px}.field-label:first-child{margin-top:0}.field-label.inline{margin:0}.field-input{width:100%;border:2px solid #b8babd;border-radius:6px;padding:13px;font:inherit;font-size:17px;font-weight:700;color:var(--ink);background:#fff;outline:none}.field-input:focus{border-color:var(--orange)}.field-textarea{min-height:96px;resize:vertical;line-height:1.4;font-weight:400}.field-input.time{width:auto;min-width:140px}.seg{display:flex;gap:8px}.seg-btn{flex:1;border:2px solid #b8babd;background:#fff;color:var(--muted);border-radius:6px;padding:12px 0;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.seg-btn.seg-active{border-color:var(--orange);background:var(--orange-soft);color:#cc3700}.seg-btn.badge-important-active{border-color:var(--important);background:var(--important);color:#fff}.seg-btn.badge-urgent-active{border-color:var(--urgent);background:var(--urgent);color:#fff}.minutes-row{display:flex;align-items:center;gap:10px}.field-input.minutes{width:90px}.minutes-unit{font-size:15px;font-weight:700;color:var(--muted)}.form-note{margin-top:10px;background:var(--orange-soft);border:2px solid #ffd2b3;border-radius:6px;padding:12px;font-size:13px;font-weight:700;color:#cc3700}.form-error{margin-top:8px;color:var(--urgent);font-size:13px;font-weight:700}.form-foot{display:flex;gap:10px;padding:16px;border-top:1px solid var(--line-soft);background:#fafbfc}.btn-save{flex:1;background:var(--orange);color:#fff;border:0;border-radius:6px;padding:15px;font:inherit;font-size:17px;font-weight:700;cursor:pointer}.btn-save:hover{background:var(--orange-d)}.btn-save:disabled{background:#c9cbce;cursor:not-allowed}.btn-cancel{background:#fff;color:var(--muted);border:2px solid #b8babd;border-radius:6px;padding:15px 20px;font:inherit;font-size:17px;font-weight:700;cursor:pointer}