:root{--bg:#141a16;--elev:#1d2620;--elev2:#253029;--ink:#e7eee8;--muted:#8fa093;--line:#e7eee81a;--sage:#8fbf9f;--sage-dim:#8fbf9f29;--gold:#e0b35a;--break:#7eb6d9;--long:#b7a0e0;--danger:#e07a6a;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0}body{width:400px;min-height:540px}.cad-app{background:radial-gradient(460px 220px at 10% -10%, #8fbf9f2e, transparent 55%), radial-gradient(360px 200px at 100% 0%, #e0b35a1a, transparent 50%), var(--bg);min-height:540px;padding:14px 14px 16px}.cad-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.cad-header h1{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:700}.cad-header p{color:var(--muted);margin:3px 0 0;font-size:.74rem}.mini-timer{font-variant-numeric:tabular-nums;background:var(--elev);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.85rem;font-weight:700}.mini-timer.running{color:var(--sage);border-color:#8fbf9f59}.mini-timer.paused{color:var(--gold)}.tabs{background:#00000047;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px;padding:4px;display:grid}.tabs button{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 6px;font-size:.8rem;font-weight:650}.tabs button.active{background:var(--elev);color:var(--ink);box-shadow:0 1px #ffffff0a}.toast{background:var(--sage-dim);color:var(--sage);border-radius:9px;margin-bottom:10px;padding:8px 10px;font-size:.78rem;font-weight:600}.panel{flex-direction:column;gap:10px;display:flex}.mode-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mode-btn{appearance:none;border:1px solid var(--line);background:var(--elev);color:var(--muted);font:inherit;cursor:pointer;border-radius:10px;padding:8px;font-size:.78rem;font-weight:650}.mode-btn.active{color:var(--ink);background:var(--sage-dim);border-color:#8fbf9f66}.mode-btn:disabled{opacity:.55;cursor:default}.ring-wrap{width:180px;height:180px;margin:8px auto 4px;position:relative}.ring{width:100%;height:100%}.ring-track{fill:none;stroke:#e7eee814;stroke-width:8px}.ring-progress{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray .25s linear}.ring-progress.mode-focus{stroke:var(--sage)}.ring-progress.mode-break{stroke:var(--break)}.ring-progress.mode-longBreak{stroke:var(--long)}.ring-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.time{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:2rem;font-weight:800}.status{color:var(--muted);margin-top:2px;font-size:.72rem}.focus-actions{gap:8px;display:flex}.btn{appearance:none;border:1px solid var(--line);background:var(--elev);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:9px 12px;font-size:.82rem;font-weight:700}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--sage);color:#102016;border-color:#0000;flex:1}.btn.danger{color:var(--danger)}.btn.full{width:100%}.stats{color:var(--muted);justify-content:space-between;align-items:center;font-size:.74rem;display:flex}.check{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.durations{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.durations label{color:var(--muted);background:var(--elev);border:1px solid var(--line);border-radius:10px;gap:4px;padding:8px;font-size:.7rem;display:grid}.durations input{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;font-size:1rem;font-weight:700}.durations span{font-size:.68rem}.add-row{gap:6px;display:flex}.add-row input,.note-title,.note-body,.search{border:1px solid var(--line);background:var(--elev);width:100%;color:var(--ink);font:inherit;border-radius:10px;outline:none;padding:9px 11px}.add-row input:focus,.note-title:focus,.note-body:focus{border-color:#8fbf9f73}.list-meta{color:var(--muted);justify-content:space-between;font-size:.72rem;display:flex}.link{appearance:none;color:var(--sage);font:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0}.todo-list,.note-list{flex-direction:column;gap:6px;max-height:340px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.todo-list li{background:var(--elev);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:4px 4px 4px 10px;display:grid}.todo-list li.done span{color:var(--muted);text-decoration:line-through}.todo-row{cursor:pointer;align-items:flex-start;gap:8px;min-width:0;padding:6px 0;display:flex}.todo-row span{word-break:break-word;font-size:.86rem;line-height:1.35}.icon-btn{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;width:30px;height:30px;font-size:1rem}.icon-btn:hover{color:var(--danger);background:#ffffff0d}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:24px 12px;font-size:.84rem}.empty.tight{border:0;padding:12px}.notes-panel{grid-template-columns:132px 1fr;gap:10px;min-height:380px;display:grid}.notes-side{flex-direction:column;gap:8px;min-width:0;display:flex}.note-list{max-height:330px}.note-item{appearance:none;background:var(--elev);width:100%;color:var(--ink);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:10px;gap:2px;padding:8px;display:grid}.note-item strong{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.note-item span{color:var(--muted);font-size:.66rem}.note-item.active{background:var(--sage-dim);border-color:#8fbf9f66}.note-editor{background:var(--elev);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.note-title{font-family:var(--display);background:var(--elev2);font-size:1rem;font-weight:600}.note-body{resize:vertical;background:var(--elev2);flex:1;min-height:240px;font-size:.86rem;line-height:1.45}.note-actions{gap:6px;display:flex}