:root{color-scheme:light dark;--bg: #fbfbfa;--panel: #ffffff;--fg: #1c1c1a;--muted: #6b6b66;--line: #e4e4e0;--accent: #3b6ea5;--accent-fg: #ffffff;--danger: #b3261e;--now: #d2483f;--block-color: #3b6ea5;--row-h: 3rem;--gutter-w: 3.5rem}@media(prefers-color-scheme:dark){:root{--bg: #171716;--panel: #212120;--fg: #ededea;--muted: #9a9a93;--line: #33332f;--accent: #6fa3d8;--accent-fg: #10202f;--danger: #f2857c;--now: #f2857c;--block-color: #6fa3d8}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:.4rem .7rem}button:hover{border-color:var(--muted)}button:disabled{opacity:.6;cursor:default}input,select,textarea{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;width:100%}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.boot{display:grid;place-items:center;height:100%;color:var(--muted)}.auth-screen{display:grid;place-items:center;height:100%;padding:1.5rem}.auth-card{width:min(22rem,100%);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.75rem;display:grid;gap:.85rem}.auth-card h1{margin:0;font-size:1.25rem}.auth-sub{margin:-.5rem 0 .5rem;color:var(--muted);font-size:.9rem}.auth-card label{display:grid;gap:.3rem;font-size:.85rem;color:var(--muted)}.auth-card button[type=submit]{background:var(--accent);color:var(--accent-fg);border-color:transparent;padding:.55rem;font-weight:600}.auth-error{margin:0;color:var(--danger);font-size:.85rem}.auth-note{margin:.25rem 0 0;color:var(--muted);font-size:.78rem}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:1rem;padding:.6rem .9rem;border-bottom:1px solid var(--line);background:var(--panel)}.topbar h1{margin:0;font-size:1rem;font-weight:600;flex:1}.nav{display:flex;gap:.3rem}.nav button{padding:.35rem .6rem}.account{display:flex;align-items:center;gap:.6rem}.who{color:var(--muted);font-size:.85rem}.banner{margin:0;padding:.5rem .9rem;background:color-mix(in srgb,var(--danger) 15%,var(--bg));color:var(--danger);font-size:.85rem}.layout{display:flex;flex:1;min-height:0}.backlog{width:17rem;flex-shrink:0;border-right:1px solid var(--line);padding:.8rem;display:flex;flex-direction:column;gap:.6rem;overflow-y:auto;background:var(--panel)}.capture{display:grid;gap:.4rem}.backlog-head{display:flex;align-items:baseline;justify-content:space-between}.backlog-head h2{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.count{color:var(--muted);font-size:.8rem}.backlog-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.card{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .6rem;border:1px solid var(--line);border-radius:9px;background:var(--bg);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.card:hover{border-color:var(--muted)}.card.dimmed{opacity:.4}.card input[type=checkbox]{width:auto;margin-top:.2rem;flex-shrink:0}.card-body{display:grid;gap:.15rem;min-width:0}.card-title{overflow-wrap:anywhere}.card-due{font-size:.75rem;color:var(--muted)}.empty,.hint{color:var(--muted);font-size:.8rem;margin:0}.hint{margin-top:auto;padding-top:.6rem;border-top:1px solid var(--line)}.calendar{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.calendar-head,.calendar-body{display:grid;grid-template-columns:var(--gutter-w) repeat(var(--days, 7),minmax(0,1fr))}.calendar-head{border-bottom:1px solid var(--line);background:var(--panel)}.day-head{padding:.45rem .3rem;text-align:center;border-left:1px solid var(--line)}.day-head.today .daynum{background:var(--accent);color:var(--accent-fg);border-radius:999px;padding:.05rem .45rem}.weekday{display:block;font-size:.7rem;text-transform:uppercase;color:var(--muted)}.daynum{display:inline-block;font-size:.95rem;font-weight:600}.calendar-body{flex:1;overflow-y:auto;position:relative;padding-top:.55rem}.gutter{display:grid;grid-auto-rows:var(--row-h)}.hour-label{position:relative;font-size:.7rem;color:var(--muted);text-align:right;padding-right:.4rem}.hour-label span{position:relative;top:-.55em}.day-col{position:relative;border-left:1px solid var(--line);display:grid;grid-auto-rows:var(--row-h)}.day-col.today{background:color-mix(in srgb,var(--accent) 6%,transparent)}.hour-cell{border-bottom:1px solid var(--line)}.now-line{position:absolute;left:0;right:0;border-top:2px solid var(--now);z-index:3}.block{position:absolute;left:2px;right:2px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;overflow:hidden;padding:.2rem .35rem;text-align:left;border:1px solid transparent;border-left:3px solid var(--block-color);border-radius:6px;background:color-mix(in srgb,var(--block-color) 20%,var(--panel));cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.block.done{opacity:.55;text-decoration:line-through}.block.dimmed{opacity:.4}.block-time{font-size:.65rem;color:var(--muted)}.block-title{font-size:.8rem;line-height:1.2;overflow:hidden}.ghost{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-130%);padding:.35rem .6rem;border-radius:8px;background:var(--accent);color:var(--accent-fg);font-size:.8rem;box-shadow:0 6px 18px #00000040;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40}.sheet{position:fixed;z-index:50;right:0;top:0;bottom:0;width:min(24rem,100%);background:var(--panel);border-left:1px solid var(--line);padding:1rem;overflow-y:auto;display:grid;gap:.85rem;align-content:start}.sheet-head{display:flex;align-items:center;justify-content:space-between}.done-toggle{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.done-toggle input{width:auto}.icon{border:none;background:none;font-size:1rem;padding:.2rem .4rem}.sheet-title{font-size:1.05rem;font-weight:600}.field{display:grid;gap:.25rem;font-size:.8rem;color:var(--muted)}.field small{font-size:.72rem}.sheet-actions{display:flex;gap:.5rem;margin-top:.5rem}.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}@media(max-width:700px){.layout{flex-direction:column-reverse}.backlog{width:auto;max-height:45vh;border-right:none;border-top:1px solid var(--line)}.topbar{flex-wrap:wrap;gap:.5rem}.topbar h1{order:-1;flex:0 0 100%;text-align:center}.sheet{top:auto;width:100%;max-height:85vh;border-left:none;border-top:1px solid var(--line);border-radius:14px 14px 0 0}}