style(sidebar): round floating peek corners and increase top/bottom inset

app/templates/base.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>FlowDeck — {% block title_prefix %}Home{% endblock %}</title>
   <link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
-  <link rel="stylesheet" href="/static/css/app.css?v=5.1.0">
+  <link rel="stylesheet" href="/static/css/app.css?v=5.1.1">
   <link rel="stylesheet" href="/static/css/design-tokens.css?v=5.2.0">
   <link rel="stylesheet" href="/static/css/components.css?v=5.2.0">
   <link rel="stylesheet" href="/static/css/katex.min.css?v=0.16.11">

static/css/app.css

@@ -182,16 +182,16 @@ input, select, textarea { font-family: inherit; color: inherit; }
 }
 .sidebar.peeking {
   position: fixed;
-  top: 8px;
+  top: 18px;
   left: 0;
-  bottom: 8px;
+  bottom: 18px;
   height: auto;
   width: var(--sidebar-width);
   min-width: var(--sidebar-width);
   max-width: calc(100vw - 16px);
   z-index: 1001;
   border-right: none;
-  border-radius: 12px 0 0 12px;
+  border-radius: 14px 20px 20px 14px;
   overflow: hidden;
   box-shadow: 8px 0 26px rgba(0, 0, 0, .16), 0 4px 16px rgba(0, 0, 0, .10);
   animation: fd-sidebar-peek-in .16s ease-out;