.capture{max-width:560px;padding:max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;min-height:100dvh;margin:0 auto;display:flex}.capture-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.capture-header h1{margin:0;font-size:22px}.capture-header p{color:var(--text-2);margin:4px 0 0;font-size:14px}.throw-form{flex-direction:column;gap:10px;display:flex}.throw-form textarea{resize:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);outline:none;width:100%;padding:14px;font-size:17px;line-height:1.5}.throw-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.throw-form button{border-radius:var(--radius);background:var(--accent);height:52px;color:var(--accent-text);border:0;font-size:17px;font-weight:700}.throw-form button:disabled{opacity:.4;cursor:default}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));background:var(--text);color:var(--bg);opacity:0;pointer-events:none;border-radius:999px;padding:10px 18px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.recent h2{color:var(--text-2);margin:8px 0;font-size:14px;font-weight:600}.recent ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.recent li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.recent li.done .recent-title{color:var(--text-2);text-decoration:line-through}.recent-title{overflow-wrap:anywhere;white-space:pre-wrap}.recent-meta{color:var(--text-2);align-items:center;gap:8px;font-size:12px;display:flex}.empty{color:var(--text-2);font-size:14px}.pending{color:var(--danger);font-weight:600}
