:root{--foreground:#1c1c1f;--muted-foreground:#6b6b73;--border:#e3e3e6;--card:#fff;--primary:#2f5bd3;--primary-foreground:#fff;--page:#f4f4f5;--danger:#b42318;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--foreground:#ececef;--muted-foreground:#9a9aa3;--border:#2c2c31;--card:#18181b;--primary:#7c9cf0;--primary-foreground:#0f0f12;--page:#111113;--danger:#f97066;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html,body{background:var(--page);margin:0;padding:0}body{color:var(--foreground);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}button,input,select{font:inherit;color:inherit}.page{padding:32px 16px 48px}.app{--fg:var(--foreground);--muted:var(--muted-foreground);--line:var(--border);--surface:var(--card);--accent:var(--primary);--accent-fg:var(--primary-foreground);--soft:color-mix(in srgb, var(--fg) 5%, transparent);--r:var(--radius);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);max-width:720px;margin:0 auto;padding:20px 24px 24px}.top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.date{letter-spacing:-.015em;margin:0;font-size:22px;font-weight:650}.proto{color:var(--muted);border:1px dashed var(--line);border-radius:999px;padding:2px 10px;font-size:12px}.bar{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:14px;font-size:13px;display:flex}.bar .link{color:var(--muted)}nav{border-bottom:1px solid var(--line);gap:4px;margin:14px 0 18px;display:flex;position:relative}nav button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:8px 10px 10px;font-weight:550}nav button[aria-selected=true]{color:var(--fg)}nav .count{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:2px;font-weight:450;display:inline-block}.capture{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.capture input,.field{border-radius:calc(var(--r) - 4px);border:1px solid var(--line);background:0 0;flex:220px;min-width:0;padding:10px 12px}.capture input::placeholder,.field::placeholder{color:var(--muted)}.seg{border:1px solid var(--line);border-radius:calc(var(--r) - 4px);gap:2px;padding:2px;display:inline-flex;position:relative}.seg button{border-radius:calc(var(--r) - 6px);cursor:pointer;color:var(--muted);background:0 0;border:0;padding:6px 10px;font-size:14px;font-weight:520;position:relative}.seg button[aria-pressed=true],.seg button[aria-checked=true]{color:var(--fg)}.thumb{opacity:0;pointer-events:none;transform-origin:0;border-radius:calc(var(--r) - 6px);background:var(--soft);position:absolute;top:0;left:0}nav .thumb{background:var(--fg);border-radius:2px;height:2px;top:auto;bottom:-1px}.btn{border:1px solid var(--line);border-radius:calc(var(--r) - 4px);cursor:pointer;white-space:nowrap;background:0 0;padding:8px 12px;font-size:14px;font-weight:550}.btn.primary{background:var(--fg);color:var(--surface);border-color:var(--fg)}.btn.quiet{color:var(--muted);border-color:#0000;padding-inline:8px}.btn.danger{color:var(--danger)}.btn:disabled{cursor:default;opacity:.55}.seg[hidden]{display:none}.filter{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.filter .label{color:var(--muted);font-size:13px}.ctx-pill{border:1px solid var(--line);color:var(--fg);white-space:nowrap;border-radius:999px;padding:0 7px;font-size:12px;font-weight:550}.ctx-pill.personal{border-style:dashed}.hint{color:var(--muted);min-height:1.5em;margin:6px 2px 0;font-size:13px}.notice{color:var(--danger);flex-wrap:wrap;align-items:baseline;gap:8px;margin:10px 0 0;font-size:13px;display:flex}.notice .link{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}section{margin-top:26px}h2{letter-spacing:.02em;margin:0 0 2px;font-size:13px;font-weight:650}.sub{color:var(--muted);margin:0 0 8px;font-size:13px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:16px 0 0;font-size:12px;font-weight:600}ul{margin:0;padding:0;list-style:none}.row{border-top:1px solid var(--line);grid-template-columns:22px 1fr;gap:10px;padding:12px 0;display:grid}.row:first-child{border-top:0}.mark{border-radius:50%;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}.mark.proposal{border:1.5px dashed color-mix(in srgb, var(--fg) 35%, transparent)}.mark.idea{border:1.5px dotted color-mix(in srgb, var(--fg) 35%, transparent);border-radius:5px}button.mark.check{border:1.5px solid var(--fg);cursor:pointer;background:0 0;padding:0}button.mark.check svg{opacity:0}button.mark.check[aria-checked=true]{background:var(--fg)}button.mark.check[aria-checked=true] svg{opacity:1;color:var(--surface)}.title{overflow-wrap:anywhere;margin:0;font-weight:560}.done .title{color:var(--muted);font-weight:450}.done .title span{background:linear-gradient(currentColor,currentColor) 0 58%/100% 1px no-repeat}.meta{color:var(--muted);margin:1px 0 0;font-size:13px}.meta b{color:var(--fg);font-weight:550}.why{overflow-wrap:anywhere;white-space:pre-line;margin:4px 0 0;font-size:14px}.actions{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:8px;display:flex}.ghost{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;font-size:14px;display:flex}.ghost:first-child{border-top:0}.empty{color:var(--muted);border:1px dashed var(--line);border-radius:calc(var(--r) - 4px);margin:6px 0 0;padding:12px 14px;font-size:14px}.ctx{background:var(--soft);border-radius:calc(var(--r) - 4px);margin-top:10px;padding:12px 14px;font-size:14px}.ctx dl{gap:10px;margin:0;display:grid}.ctx dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.ctx dd{margin:2px 0 0}.ctx dd ul{gap:6px;display:grid}.ctx dd li{overflow-wrap:anywhere;padding-left:14px;position:relative}.ctx dd li:before{content:"–";color:var(--muted);position:absolute;left:0}.ctx .by{color:var(--muted);font-size:12.5px;display:block}.ctx .body{white-space:pre-line}.src{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}a.src{color:inherit;text-underline-offset:2px}.ctx .note{color:var(--muted);margin:10px 0 0;font-size:12.5px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:1px 8px;font-size:12.5px}.chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:4px 11px;font-size:13.5px;font-weight:520;position:relative}.chip[aria-pressed=true]{background:var(--soft);color:var(--fg);border-color:color-mix(in srgb, var(--fg) 40%, transparent)}.btn,.seg button,nav button,.link,button.mark.check,.chip{-webkit-tap-highlight-color:transparent;position:relative}.btn:after,.seg button:after,nav button:after,.link:after,button.mark.check:after,.chip:after{content:"";position:absolute;inset:min(0px,50% - 22px)}@media (hover:hover) and (pointer:fine){.btn:not(.primary):not(:disabled):hover{background-color:var(--soft);color:var(--fg)}.btn.danger:not(:disabled):hover{color:var(--danger)}.btn.primary:not(:disabled):hover{background-color:color-mix(in srgb, var(--fg) 88%, var(--surface))}nav button:hover,.seg button:hover,.chip:hover{color:var(--fg)}.link:hover{text-decoration-thickness:2px}button.mark.check:hover svg{opacity:.35}}.btn:not(:disabled):active,.seg button:active,.chip:active,button.mark.check[aria-checked=false]:active{background-color:var(--press)}.btn.primary:not(:disabled):active{background-color:var(--press-strong)}nav button:active{color:var(--fg)}.link:active{opacity:.6}.btn,.seg button,nav button,button.mark.check,.chip{transition:background-color var(--t-fade) ease-out, color var(--t-fade) ease-out, border-color var(--t-fade) ease-out}button.mark.check svg{transition:opacity var(--t-fade) ease-out}.app{--ease:cubic-bezier(.23, 1, .32, 1);--t-press:.1s;--t-release:.16s;--t-fade:.12s;--press:color-mix(in srgb, var(--fg) 9%, transparent);--press-strong:color-mix(in srgb, var(--fg) 76%, var(--surface));position:relative}.leaving{pointer-events:none;z-index:1;margin:0;list-style:none;position:absolute}.lifting{z-index:2;background:var(--surface);position:relative}section:has(.lifting){z-index:2;position:relative}@media (prefers-reduced-motion:no-preference){.btn,.seg button,nav button,button.mark.check,.chip{transition:transform var(--t-release) var(--ease), background-color var(--t-fade) ease-out, color var(--t-fade) ease-out, border-color var(--t-fade) ease-out}.btn:not(:disabled):active,.seg button:active,nav button:active,.chip:active{transition-duration:var(--t-press);transform:scale(.97)}button.mark.check:active{transition-duration:var(--t-press);transform:scale(.86)}.just button.mark.check{animation:pop .42s var(--spring,var(--ease))}.just button.mark.check path{stroke-dasharray:1;animation:draw .24s var(--ease) 50ms both}.just .title span{animation:strike .32s var(--ease) 90ms both}@keyframes pop{0%{transform:scale(.78)}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes strike{0%{background-size:0 1px}}}.aside{border-top:1px solid var(--line);color:var(--muted);gap:6px;margin-top:22px;padding-top:14px;font-size:13px;display:grid}.aside p{margin:0}.aside b{color:var(--fg);font-weight:550}.link{color:var(--fg);text-underline-offset:2px;cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}a.link{display:inline}.frente{border-top:1px solid var(--line);padding:14px 0}.frente:first-child{border-top:0;padding-top:4px}.frente h4{margin:0;font-size:16px;font-weight:620}.frente ul{gap:4px;margin-top:6px;font-size:14px;display:grid}.frente li{justify-content:space-between;gap:12px;display:flex}.frente li span:last-child{color:var(--muted);white-space:nowrap;font-size:13px}.form{gap:14px;margin-top:10px;display:grid}.form fieldset{border:0;min-width:0;margin:0;padding:0}.form legend{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;padding:0;font-size:12px;font-weight:600}.form .field{width:100%}.form .help{color:var(--muted);margin:6px 0 0;font-size:12.5px}.ops{gap:6px;display:grid}.op{grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;font-size:14px;display:grid}.op input{accent-color:var(--fg);width:16px;height:16px;margin:0;translate:0 2px}.op small{color:var(--muted);grid-column:2;font-size:12.5px}.secret{border-radius:calc(var(--r) - 4px);border:1px solid var(--line);background:var(--surface);-webkit-user-select:all;user-select:all;white-space:pre-wrap;width:100%;margin:6px 0 0;padding:10px 12px;display:block}.scopes{gap:10px;margin:0;display:grid}.scopes dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.scopes dd{margin:2px 0 0}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=480px){.page{padding:0}.app{min-height:100dvh;padding:16px 16px 20px;padding-top:max(16px, env(safe-area-inset-top));border-width:0;border-radius:0}.date{font-size:20px}.proto{border-radius:8px}.capture .seg{order:2}.capture .seg button{padding-inline:8px}.capture .btn.primary{flex:1;order:3}.frente li{flex-direction:column;gap:0}}.ctx dd li.op:before{content:none}
