:root{
  color-scheme:light;

  /* Brand */
  --dao-pink:#ef3f8d;
  --dao-pink-dark:#d82e78;
  --dao-pink-deep:#b91f63;
  --dao-rose:#ff78b2;
  --dao-purple:#8a55ed;
  --dao-blue:#3478f6;
  --dao-green:#23935b;
  --dao-warning:#b96a12;
  --dao-danger:#c93b58;

  /* Surfaces and text */
  --dao-bg:#f8f7fb;
  --dao-surface:#ffffff;
  --dao-surface-soft:#fff6fa;
  --dao-surface-muted:#f5f2f6;
  --dao-text:#241f27;
  --dao-text-soft:#514a53;
  --dao-muted:#756e77;
  --dao-placeholder:#aaa2aa;
  --dao-line:#eadfe5;
  --dao-line-strong:#dfcfd7;
  --dao-dark:#241f27;

  /* Typography */
  --dao-font-sans:"Pretendard Variable","Pretendard","Noto Sans KR","Be Vietnam Pro","Segoe UI",Arial,sans-serif;
  --dao-fs-xs:.75rem;
  --dao-fs-sm:.8125rem;
  --dao-fs-md:.9375rem;
  --dao-fs-base:1rem;
  --dao-fs-lg:1.125rem;
  --dao-fs-xl:1.375rem;
  --dao-fs-2xl:1.75rem;
  --dao-fs-3xl:2.25rem;
  --dao-lh-tight:1.25;
  --dao-lh-title:1.35;
  --dao-lh-body:1.6;

  /* Spacing */
  --dao-space-1:4px;
  --dao-space-2:8px;
  --dao-space-3:12px;
  --dao-space-4:16px;
  --dao-space-5:20px;
  --dao-space-6:24px;
  --dao-space-7:32px;
  --dao-space-8:40px;
  --dao-space-9:48px;
  --dao-space-10:64px;

  /* Shape and elevation */
  --dao-radius-xs:10px;
  --dao-radius-sm:14px;
  --dao-radius-md:18px;
  --dao-radius-lg:24px;
  --dao-radius-xl:30px;
  --dao-radius-pill:999px;
  --dao-shadow-xs:0 3px 12px rgba(65,42,55,.045);
  --dao-shadow-sm:0 8px 24px rgba(65,42,55,.06);
  --dao-shadow:0 18px 50px rgba(65,42,55,.09);
  --dao-shadow-strong:0 24px 64px rgba(65,42,55,.13);
  --dao-shadow-pink:0 18px 40px rgba(239,63,141,.20);

  /* Layout */
  --dao-content:1440px;
  --dao-content-narrow:960px;
  --dao-page-gutter:32px;
  --dao-header-height:68px;
  --dao-bottom-nav-height:68px;
  --dao-safe-bottom:env(safe-area-inset-bottom,0px);
  --dao-mobile-fixed-clearance:18px;

  /* Motion */
  --dao-ease:cubic-bezier(.2,.75,.25,1);
  --dao-duration-fast:140ms;
  --dao-duration:200ms;
}

*,*::before,*::after{box-sizing:border-box}
html{margin:0;min-height:100%;background:var(--dao-bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100%;overflow-x:hidden;background:linear-gradient(180deg,#fff9fc 0,#f8f7fb 420px,#f8f7fb 100%);color:var(--dao-text);font-family:var(--dao-font-sans);font-size:var(--dao-fs-base);font-weight:400;line-height:var(--dao-lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img,svg,video{display:block;max-width:100%}
img{height:auto}
figure,dl,dd,p,h1,h2,h3,h4,h5,h6{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
hr{height:1px;margin:0;border:0;background:var(--dao-line)}
[hidden]{display:none!important}
::selection{background:rgba(239,63,141,.18)}

h1,h2,h3,h4,h5,h6{font-weight:900;line-height:var(--dao-lh-title);letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(1.75rem,3vw,2.5rem)}
h2{font-size:clamp(1.375rem,2vw,1.875rem)}
h3{font-size:clamp(1.0625rem,1.5vw,1.25rem)}
p{color:var(--dao-text-soft)}
small{font-size:var(--dao-fs-sm)}

body>main,#dao-main-content,#dao-admin-main{width:100%;min-width:0;padding:var(--dao-space-6) var(--dao-page-gutter) 80px;scroll-margin-top:var(--dao-header-height)}
.dao-container{width:min(var(--dao-content),100%);margin-inline:auto}
#dao-main-content>*{width:min(var(--dao-content),100%);margin-inline:auto}
.dao-container--narrow{width:min(var(--dao-content-narrow),100%);margin-inline:auto}
.dao-section{padding-block:var(--dao-space-9)}
.dao-section:first-child{padding-top:0}
.dao-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

input,select,textarea{width:100%;min-height:48px;border:1px solid var(--dao-line);border-radius:var(--dao-radius-sm);background:var(--dao-surface);outline:0;transition:border-color var(--dao-duration-fast) var(--dao-ease),box-shadow var(--dao-duration-fast) var(--dao-ease),background-color var(--dao-duration-fast) var(--dao-ease)}
input,select{padding:0 15px}
textarea{min-height:132px;padding:13px 15px;resize:vertical}
input:hover,select:hover,textarea:hover{border-color:var(--dao-line-strong)}
input:focus,select:focus,textarea:focus{border-color:rgba(239,63,141,.72);box-shadow:0 0 0 4px rgba(239,63,141,.10)}
input::placeholder,textarea::placeholder{color:var(--dao-placeholder)}
select{appearance:auto}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(52,120,246,.28);outline-offset:2px}

@media(max-width:1023px){
  :root{--dao-page-gutter:24px}
}

@media(max-width:767px){
  :root{
    --dao-page-gutter:16px;
    --dao-header-height:52px;
    --dao-bottom-nav-height:58px;
    --dao-mobile-fixed-clearance:30px;
    --dao-radius-xl:22px;
    --dao-radius-lg:20px;
    --dao-radius-md:16px;
  }
  body{font-size:15px;background:linear-gradient(180deg,#fff8fb 0,#f8f7fb 280px,#f8f7fb 100%)}
  body>main,#dao-main-content,#dao-admin-main{padding:12px var(--dao-page-gutter) calc(var(--dao-bottom-nav-height) + var(--dao-mobile-fixed-clearance) + var(--dao-safe-bottom))}
  body.dao-has-mobile-actions #dao-main-content{padding-bottom:calc(var(--dao-bottom-nav-height) + 84px + var(--dao-safe-bottom))}
  .dao-section{padding-block:var(--dao-space-8)}
  input,select,textarea{font-size:16px}
  html{scroll-padding-top:calc(var(--dao-header-height) + 10px);scroll-padding-bottom:calc(var(--dao-bottom-nav-height) + var(--dao-mobile-fixed-clearance) + var(--dao-safe-bottom))}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}