.hd{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-bottom:1px solid #eef0f3}.hd-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:auto}.hd-brand{display:flex;align-items:center;gap:8px;color:#2563eb}.hd-logo{width:26px;height:26px;flex:0 0 auto;display:block;transition:transform .25s ease}.hd-brand:hover .hd-logo{transform:rotate(-12deg) scale(1.08)}.hd-title{font-family:Georgia,Times New Roman,Cormorant Garamond,Songti SC,"Source Han Serif SC",serif;font-size:19px;font-weight:700;font-style:italic;letter-spacing:.02em;background:linear-gradient(135deg,#6366f1,#2563eb,#0ea5e9 70%,#14b8a6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-user-select:none;user-select:none;position:relative;padding-right:2px}.hd-title:after{content:"·";display:inline-block;margin-left:4px;font-style:normal;color:#2563eb;-webkit-text-fill-color:#2563eb;font-weight:900;animation:hd-blink 2.4s ease-in-out infinite}@keyframes hd-blink{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.hd-add{width:32px;height:32px;border-radius:50%;border:none;background:#2563eb;color:#fff;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 2px 6px #2563eb4d}.hd-add:hover{background:#1d4ed8}.hd-actions{display:flex;align-items:center;gap:8px}.more{position:relative}.more-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;color:#374151;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.more-btn:hover{background:#e5e7eb;color:#111827}.more-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:168px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px #0000001a;padding:6px;z-index:30}.more-menu button{width:100%;text-align:left;background:transparent;border:none;padding:8px 12px;font-size:13px;color:#111827;border-radius:6px;cursor:pointer}.more-menu button:hover{background:#f3f4f6}.more-menu button.danger{color:#dc2626}.more-menu button.danger:hover{background:#fef2f2}.more-sep{height:1px;margin:4px;background:#eef0f3}.more-section{padding:8px 12px 10px}.more-section-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6b7280;letter-spacing:.05em;margin-bottom:8px}.more-slider-row{display:flex;align-items:center;gap:8px}.peek-icon{font-size:14px;line-height:1;-webkit-user-select:none;user-select:none;filter:grayscale(.2)}.more-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:#e5e7eb;outline:none;cursor:pointer}.more-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#2563eb;cursor:pointer;box-shadow:0 1px 3px #2563eb66}.more-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#2563eb;cursor:pointer;border:none}.more-slider-val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#374151;min-width:36px;text-align:right}.more-hint{margin-top:4px;font-size:11px;color:#94a3b8;line-height:1.4}.emoji-pop{position:absolute;z-index:50;top:calc(100% + 6px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 6px 20px #00000014;padding:8px;width:260px}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.emoji-btn{background:transparent;border:none;font-size:20px;height:32px;cursor:pointer;border-radius:6px}.emoji-btn:hover{background:#f3f4f6}.ti-row{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #d1d5db;border-radius:10px;margin:8px 0}.ti-emoji-wrap{position:relative}.ti-emoji{background:#f3f4f6;border:none;width:32px;height:32px;font-size:18px;border-radius:8px;cursor:pointer}.ti-input{flex:1;border:none;outline:none;font-size:15px;background:transparent}.dn{display:flex;align-items:center;justify-content:center;gap:6px;padding:0;background:transparent}.dn-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#6b7280;font-size:16px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.dn-btn:hover{color:#2563eb}.dn-label{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:4px 8px;border-radius:6px;border:none;background:transparent;color:#111827;cursor:pointer;font-size:13px;white-space:nowrap}.dn-text,.dn-sub{white-space:nowrap}.dn-label:hover,.dn-label.today{color:#1d4ed8}.dn-text{font-weight:600}.dn-sub{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#6b7280}.dn-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#2563eb;color:#fff;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}.carry-bar{display:flex;align-items:center;gap:10px;margin:6px 0 4px;padding:8px 12px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:12px;color:#92400e}.carry-bar-text{flex:1;min-width:0}.carry-bar-actions{display:inline-flex;gap:6px;flex-shrink:0}.carry-bar button{border:1px solid #fbbf24;background:#fef3c7;color:#92400e;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer}.carry-bar button:hover{background:#fde68a}.carry-bar button.primary{background:#f59e0b;border-color:#f59e0b;color:#fff}.carry-bar button.primary:hover{background:#d97706}.carry-bar button.ghost{background:transparent;border-color:transparent;color:#92400e}.carry-bar button.ghost:hover{background:#fef3c7}.app-shell{max-width:840px;width:840px;margin:0 auto;display:flex;align-items:stretch;min-height:100vh;opacity:.45;transition:opacity .35s ease}.app-shell:hover,.app-shell:focus-within{opacity:1}.app{flex:0 0 420px;width:420px;min-height:100vh;background:#f8fafc;padding-bottom:24px}.np{flex:0 0 420px;width:420px;align-self:stretch;position:sticky;top:0;height:100vh;background:#fff;border-left:1px solid #eef0f3;display:flex;flex-direction:column}.np-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fafbfc;border-bottom:1px solid #eef0f3;-webkit-user-select:none;user-select:none}.np-head-title{font-size:13px;font-weight:600;color:#111827;letter-spacing:.04em}.np-head-hint{font-size:11px;color:#94a3b8}.np-area{flex:1;width:100%;height:100%;border:none;outline:none;resize:none;padding:18px 20px;font-size:14px;line-height:1.7;color:#111827;background:transparent;font-family:inherit}.np-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:13px;-webkit-user-select:none;user-select:none}.content{padding:8px 12px 24px}.empty{text-align:center;color:#9ca3af;padding:60px 20px;font-size:14px}.item{position:relative;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #eef0f3;border-radius:10px;padding:10px 12px;margin:6px 0;cursor:pointer;transition:all .12s}.drag-row{position:relative}.drag-row.drop-before:before,.drag-row.drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:#2563eb;border-radius:2px;box-shadow:0 0 6px #2563eb73;pointer-events:none;z-index:10}.drag-row.drop-before:before{top:-4px}.drag-row.drop-after:after{bottom:-4px}.drag-row[draggable=true]:active{opacity:.6}.item:hover{border-color:#d1d5db}.item.selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px #2563eb1f}.item.sub{margin-left:28px;padding:8px 12px;background:#fafbfc}@property --snake-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.item.running{border-color:transparent;isolation:isolate}.item.running:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:11px;padding:2px;background:conic-gradient(from var(--snake-angle),transparent 0deg,rgba(22,163,74,.15) 30deg,#22c55e 70deg,#4ade80 90deg,#22c55e 110deg,rgba(22,163,74,.15) 150deg,transparent 180deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:snake-run 2.4s linear infinite;z-index:0}@keyframes snake-run{to{--snake-angle: 360deg}}@media (prefers-reduced-motion: reduce){.item.running:before{animation:none}}.item .badge{position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#2563eb;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #2563eb66}.item .emoji{font-size:18px;width:22px;text-align:center}.item .text{flex:1;min-width:0;font-size:14px;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item .dur{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#6b7280;min-width:44px;text-align:right}.item .dur.running{color:#16a34a;font-weight:600}.emoji-edit-wrap{position:relative;display:inline-flex}.emoji-edit-btn{background:transparent;border:1px dashed #cbd5e1;border-radius:6px;padding:0;width:26px;height:26px;font-size:16px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.emoji-edit-btn:hover{border-color:#2563eb;background:#eff6ff}.item .pin,.item .caret{background:transparent;border:none;font-size:14px;cursor:pointer;color:#9ca3af;padding:2px 4px}.item .pin.on{color:#f59e0b}.item .caret{color:#6b7280;font-size:20px;line-height:1;padding:2px 6px;border-radius:6px;transition:background .15s,color .15s}.item .caret:hover{background:#eff6ff;color:#2563eb}.st{width:24px;height:24px;border-radius:50%;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;color:#6b7280}.st-running{background:#dcfce7;border-color:#16a34a;color:#16a34a}.st-paused{background:#fef3c7;border-color:#d97706;color:#d97706}.st-todo{background:#fff}.st-done{background:#e0e7ff;border-color:#6366f1;color:#6366f1}.item.done .text{text-decoration:line-through;color:#9ca3af}.item.done .emoji{filter:grayscale(.6);opacity:.7}.item.done{background:#fafafa}.item.done.selected{background:#eef2ff}.item .hold-bar{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(to right,#22c55e2e,#22c55e52);border-right:2px solid #22c55e;pointer-events:none;transition:width 60ms linear;z-index:0}.item>*:not(.hold-bar){position:relative;z-index:1}.sub-input-wrap{margin-left:28px}.tabs{display:flex;gap:4px;padding:6px 12px 0;background:#f8fafc;border-bottom:1px solid #eef0f3;position:sticky;top:60px;z-index:9}.tab{flex:1;background:transparent;border:none;padding:10px 4px;font-size:14px;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .12s}.tab:hover{color:#111827}.tab.on{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.divider{display:flex;align-items:center;gap:10px;margin:18px 0 8px;color:#94a3b8;font-size:11px;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,#cbd5e1,transparent)}.inline-edit{flex:1;min-width:0;border:1px solid #2563eb;border-radius:6px;padding:4px 8px;font-size:14px;outline:none;background:#fff}.note{position:relative;background:#fff;border:1px solid #eef0f3;border-radius:10px;padding:10px 36px 10px 12px;margin:6px 0;font-size:14px;color:#111827;white-space:pre-wrap;word-break:break-word;cursor:text;display:flex;align-items:flex-start;gap:8px}.note:hover{border-color:#d1d5db}.note-text{flex:1;min-width:0}.note-del{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#cbd5e1;font-size:18px;cursor:pointer;padding:0 6px;line-height:1}.note-del:hover{color:#ef4444}.app-shell.dim{opacity:var(--peek-opacity, 1);transition:opacity .18s ease-out}.task-toolbar{display:flex;align-items:center;justify-content:flex-end;padding:8px 4px 4px}.switch-row{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.switch-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f3f4f6;color:#6b7280;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}.switch{position:relative;width:32px;height:18px;background:#d1d5db;border-radius:999px;transition:background .18s ease;outline:none;flex-shrink:0}.switch:focus-visible{box-shadow:0 0 0 3px #2563eb40}.switch.on{background:#2563eb}.switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .18s ease}.switch.on .switch-thumb{transform:translate(14px)}.sh-help{position:fixed;right:20px;bottom:20px;z-index:100;width:280px;max-height:70vh;display:flex;flex-direction:column;background:#111827e0;color:#f8fafc;border-radius:12px;box-shadow:0 10px 30px #00000040;font-size:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:sh-fade .14s ease-out}@keyframes sh-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sh-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.sh-header-title{font-size:12px;font-weight:600;color:#e5e7eb;letter-spacing:.04em}.sh-collapse{background:transparent;border:none;color:#cbd5e1;cursor:pointer;padding:2px 6px;border-radius:4px;font-size:13px;line-height:1}.sh-collapse:hover{background:#ffffff14;color:#fff}.sh-body{overflow:auto;padding:10px 14px 12px}.sh-group{margin-top:10px}.sh-group:first-of-type{margin-top:0}.sh-group-title{font-size:10px;color:#94a3b8;margin-bottom:4px;letter-spacing:.06em;text-transform:uppercase}.sh-row{display:flex;align-items:center;gap:10px;padding:3px 0}.sh-keys{flex:0 0 auto;min-width:64px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#fde68a;white-space:nowrap}.sh-label{flex:1;color:#e5e7eb}.sh-tab{position:fixed;right:20px;bottom:16px;z-index:100;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#111827e0;color:#e5e7eb;border:1px solid rgba(255,255,255,.08);border-radius:999px;font-size:12px;cursor:pointer;box-shadow:0 6px 16px #0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .12s,transform .12s}.sh-tab:hover{background:#1f2937f2;transform:translateY(-1px)}.sh-tab-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fde68a;font-size:12px}.sh-tab-chev{color:#94a3b8;font-size:10px;margin-left:2px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;background:#f1f5f9;color:#111827;-webkit-font-smoothing:antialiased}button{font-family:inherit}