*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--accent: #6b8afd;--accent-soft: #232c47;--bg: #16171c;--bg-input: #1d1f26;--text: #e8e9ee;--muted: #8b8d98;--line: #26282f;--soft: #20222a;--danger: #f26663;--danger-soft: #3a2023}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:#0a0b0e;color:var(--text);-webkit-font-smoothing:antialiased}#root{display:flex;justify-content:center}.frame{width:100%;max-width:430px;height:100dvh;background:var(--bg);display:flex;flex-direction:column;box-shadow:0 0 28px #0000008c;position:relative;overflow:hidden}.view-area{flex:1;overflow-y:auto;display:flex;flex-direction:column}.topbar,.bottombar{display:flex;align-items:center;gap:2px;padding:6px 8px;background:var(--bg);flex-shrink:0}.topbar{border-bottom:1px solid var(--line)}.bottombar{border-top:1px solid var(--line);padding-bottom:max(6px,env(safe-area-inset-bottom))}.icon-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;border:none;background:none;color:var(--muted);border-radius:10px;cursor:pointer;font:inherit}.icon-btn.active{color:var(--accent);background:var(--soft)}.icon-btn:disabled{color:#3d3f49;cursor:default}.icon-btn.small{flex:0 0 36px;padding:8px 0}.icon-btn.danger{color:var(--danger)}.icon-btn.overflow{flex:0 0 32px}.icon-btn.add{flex:0 0 48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;margin:0 6px;box-shadow:0 3px 12px #6b8afd59}.icon-btn.indicator{position:relative}.icon-btn.indicator:after{content:"";position:absolute;top:8px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:var(--danger)}.menu-wrap{position:relative;display:flex}.menu{position:absolute;top:100%;right:0;background:#1d1f26;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0000008c;z-index:30;min-width:150px;overflow:hidden}.menu button{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border:none;background:none;font:inherit;color:var(--text);cursor:pointer}.menu button:hover{background:var(--soft)}.list-view{padding:8px 0 24px}.group-header{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:14px 16px 6px}.group-dot{width:10px;height:10px;border-radius:50%}.todo-item{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 0;border-bottom:1px solid var(--line);cursor:pointer;position:relative}.todo-item .color-bar{width:4px;align-self:stretch;border-radius:0 3px 3px 0;flex-shrink:0}.check-btn{border:none;background:none;color:#4a4d58;padding:6px;cursor:pointer;flex-shrink:0;display:flex}.todo-main{flex:1;min-width:0}.todo-title{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-item.done .todo-title{text-decoration:line-through;color:var(--muted)}.todo-item.done{opacity:.55}.todo-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin-top:2px}.todo-meta span{display:inline-flex;align-items:center;gap:4px}.deadline-tag{color:var(--danger)}.todo-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;color:#fff;min-width:18px;text-align:center}.badge.urgency-1,.badge.importance-A{background:#b34a47}.badge.urgency-2,.badge.importance-B{background:#4468bd}.badge.urgency-3,.badge.importance-C{background:#3d8a5f}.cat-chip{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--chip) 20%,var(--bg));color:color-mix(in srgb,var(--chip) 65%,white);border:1px solid color-mix(in srgb,var(--chip) 45%,var(--bg))}.empty-state{text-align:center;color:var(--muted);padding:48px 24px;font-size:14px}.cal-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid var(--line);flex-shrink:0}.cal-header h2{font-size:15px;font-weight:700}.cal-header .icon-btn{flex:0 0 40px}.month-view{display:flex;flex-direction:column;flex:1}.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekday-row{border-bottom:1px solid var(--line)}.weekday{text-align:center;font-size:11px;font-weight:700;color:var(--muted);padding:6px 0}.month-cell{position:relative;border:none;border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:none;min-height:64px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font:inherit;color:var(--text)}.month-cell.dim .cell-num{color:#43454f}.cell-num{font-size:13px;font-weight:600;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.month-cell.today .cell-num{background:var(--accent);color:#fff}.cell-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:100%}.dot{width:7px;height:7px;border-radius:50%}.dot-more{font-size:9px;color:var(--muted);font-weight:700}.cell-flag{position:absolute;top:3px;right:3px;display:flex;align-items:center;font-size:9px;font-weight:700;color:var(--danger)}.timegrid{display:flex;flex-direction:column;flex:1;min-height:0}.tg-dayheads{display:flex;border-bottom:1px solid var(--line);flex-shrink:0}.tg-gutter-spacer{width:44px;flex-shrink:0}.tg-dayhead{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 0;border:none;background:none;font:inherit;font-size:11px;color:var(--muted);cursor:pointer}.tg-dayhead strong{font-size:14px;color:var(--text);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.tg-dayhead.today strong{background:var(--accent);color:#fff}.tg-scroll{flex:1;overflow-y:auto;display:flex;min-height:0}.tg-gutter{width:44px;flex-shrink:0}.tg-hour-label{height:48px;font-size:10px;color:var(--muted);text-align:right;padding-right:6px;transform:translateY(-6px)}.tg-daycol{flex:1;position:relative;border-left:1px solid var(--line);min-width:0}.tg-hourline{position:absolute;left:0;right:0;border-top:1px solid var(--line)}.tg-event{position:absolute;border-radius:6px;padding:3px 5px;font:inherit;font-size:11px;color:#fff;border:1px solid rgba(255,255,255,.22);overflow:hidden;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:1px;z-index:2}.tg-event.done{opacity:.5}.tg-event.done .tg-event-title{text-decoration:line-through}.tg-event-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-event-time{opacity:.85;font-size:10px}.tg-deadline{position:absolute;right:2px;transform:translateY(-50%);display:flex;align-items:center;gap:4px;border:none;background:var(--danger-soft);color:#f28b82;border-radius:999px;padding:2px 6px;font:inherit;font-size:10px;font-weight:700;cursor:pointer;z-index:3;max-width:90%}.tg-deadline span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-nowline{position:absolute;left:0;right:0;border-top:2px solid var(--danger);z-index:4;pointer-events:none}.tg-nowline:before{content:"";position:absolute;left:-1px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--danger)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000009e;z-index:50;display:flex;flex-direction:column;justify-content:flex-end}.sheet{background:var(--bg);border-radius:18px 18px 0 0;border-top:1px solid var(--line);max-height:82%;display:flex;flex-direction:column;animation:slide-up .18s ease-out}.sheet.full{height:96%;max-height:96%}@keyframes slide-up{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 8px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.sheet-header h2{font-size:17px}.sheet-header .icon-btn{flex:0 0 44px}.sheet-body{overflow-y:auto;padding:14px 16px calc(20px + env(safe-area-inset-bottom))}.sheet-sub{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 8px}.sheet-sub:first-child{margin-top:0}.option-list{display:flex;flex-direction:column}.option-row{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid var(--line);font-size:15px}.option-row input{accent-color:var(--accent);width:18px;height:18px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.cat-select{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);background:transparent;border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer}.cat-select.on{border-color:var(--accent);background:var(--accent-soft)}.cat-select:disabled{opacity:.4;cursor:default}.swatch{width:13px;height:13px;border-radius:4px;flex-shrink:0}.swatch.big{width:22px;height:22px;border-radius:6px}.order-num{background:var(--accent);color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.todo-form{display:flex;flex-direction:column;gap:16px}.todo-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.todo-form input,.todo-form textarea{font:inherit;font-size:15px;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--text);border:1.5px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--bg-input);width:100%}.todo-form input:focus,.todo-form textarea:focus{outline:none;border-color:var(--accent)}.row{display:flex;align-items:center;gap:8px}.length-row input{width:70px;text-align:center}.length-row span{font-size:16px;color:var(--muted)}.now-btn{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--accent);color:var(--accent);background:var(--accent-soft);border-radius:10px;padding:10px 13px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0}.segmented{display:flex;border:1.5px solid var(--line);border-radius:10px;overflow:hidden}.segmented button{flex:1;padding:10px 0;border:none;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--muted);cursor:pointer}.segmented button+button{border-left:1.5px solid var(--line)}.segmented button.on{background:var(--accent);color:#fff}.primary-btn{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--accent);color:#fff;border:1.5px solid var(--accent);border-radius:12px;padding:13px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;width:100%}.primary-btn:disabled{opacity:.5;cursor:default}.primary-btn.outline{background:transparent;color:var(--accent)}.form-error{color:var(--danger);font-size:13px;font-weight:600}.status-actions{display:flex;gap:8px;flex-wrap:wrap}.status-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--line);background:transparent;border-radius:10px;padding:10px 6px;font:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;white-space:nowrap}.status-actions button.danger{color:var(--danger);border-color:#4a2b2b}.category-screen{display:flex;flex-direction:column;gap:4px}.cat-row{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line)}.cat-name{flex:1;font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-editor{display:flex;flex-direction:column;gap:12px;padding:14px;margin:10px 0;background:var(--soft);border-radius:14px}.cat-editor input{font:inherit;font-size:15px;color:var(--text);border:1.5px solid var(--line);border-radius:10px;padding:11px 12px;width:100%;background:var(--bg-input)}.cat-editor .react-colorful{width:100%;height:170px}.color-line{display:flex;align-items:center;gap:10px;font-size:13px}.cat-editor .hex-input{width:96px;font-family:ui-monospace,monospace;font-size:13px;padding:8px 10px;text-transform:uppercase}.taken-hint{color:var(--danger);font-size:12px;font-weight:600}.category-screen .primary-btn{margin-top:12px}.search-box{display:flex;align-items:center;gap:9px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;color:var(--muted);margin-bottom:12px;background:var(--bg-input)}.search-box input{flex:1;border:none;outline:none;font:inherit;font-size:15px;padding:12px 0;background:none;color:var(--text)}.todo-item.static{cursor:default;padding-right:6px}.login-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 34px}.login-badge{width:58px;height:58px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:2px}.login-screen h1{font-size:20px;margin-bottom:10px}.login-screen form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.login-screen input{font:inherit;font-size:15px;color:var(--text);border:1.5px solid var(--line);border-radius:10px;padding:12px 13px;background:var(--bg-input);width:100%;text-align:center}.login-screen input:focus{outline:none;border-color:var(--accent)}.filter-clear{margin-top:20px}.completed-flag{display:flex;align-items:center;color:#46b876;flex-shrink:0;padding:0 2px}