/* DearCalm landing page. Colors come from dc-tokens.css. */
    html,
    body{
      min-height:100%;
      margin:0;
      background:
        radial-gradient(circle at 20% 8%,rgba(167,155,141,.22),transparent 34%),
        linear-gradient(145deg,var(--dc-surface-2),var(--dc-surface) 72%,var(--dc-bg))!important;
      color:var(--dc-text)!important;
    }
    body{overflow-x:hidden}
    .dc-home{
      width:min(100% - 40px,560px);
      min-height:100dvh;
      margin:0 auto;
      padding:clamp(38px,9vh,84px) 0;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }
    .dc-home-logo{
      display:inline-flex;
      align-self:center;
      margin:0 0 clamp(34px,7vh,58px);
      padding:16px 30px 18px;
      border-radius:999px;
      background:rgba(64,55,48,.64);
      color:var(--dc-text);
      text-decoration:none;
      box-shadow:0 20px 54px rgba(48,40,34,.24);
      font:400 clamp(2rem,8vw,3.1rem)/.9 'Cormorant Garamond',Georgia,serif;
      letter-spacing:-.075em;
    }
    .dc-home-logo em{
      color:#b9afa3;
      font:inherit;
      font-style:normal;
    }
    .dc-options{
      display:grid;
      gap:16px;
      margin:0;
      padding:0;
      list-style:none;
    }
    .dc-option{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      align-items:center;
      gap:20px;
      min-height:132px;
      padding:clamp(24px,5vw,32px);
      border-radius:32px;
      background:rgba(64,55,48,.78);
      box-shadow:0 24px 64px rgba(48,40,34,.34);
      color:inherit;
      text-decoration:none;
    }
    .dc-option-title{
      display:block;
      color:var(--dc-text);
      font:400 clamp(1.45rem,6vw,2.2rem)/1.05 'IBM Plex Mono',ui-monospace,monospace;
      letter-spacing:-.065em;
    }
    .dc-option-meta{
      display:block;
      margin-top:10px;
      color:var(--dc-muted);
      font:400 10px/1.7 'IBM Plex Mono',ui-monospace,monospace;
      letter-spacing:.055em;
    }
    .dc-option-arrow{
      color:#e2d8cd;
      font:400 1.35rem/1 'IBM Plex Mono',ui-monospace,monospace;
    }
    body>.dc-global-header,
    body>.dc-global-footer{display:none!important}
    @media(max-width:600px){
      .dc-home{
        width:min(100% - 34px,520px);
        min-height:100dvh;
        padding:30px 0;
      }
      .dc-home-logo{
        margin-bottom:30px;
        padding:14px 26px 16px;
      }
      .dc-option{
        min-height:118px;
        border-radius:28px;
      }
    }