@font-face{font-family:Paperlogy;font-style:normal;font-weight:800;font-display:swap;src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2") format("woff2")}
.qumo-main{
  --cream:#fff9f1;--cocoa:#3e3129;--cherry:#ef4b63;--butter:#ffd98e;
  --blush:#ffe1e7;--paper-white:#fffdf9;--line:#efe6da;--fg-2:#58453a;
  --product-focus:#3e3129;--accent:#ef4b63;
  color-scheme:light;background:var(--cream);color:var(--cocoa);
  font-family:"Pretendard Variable",Pretendard,sans-serif;
}
.qumo-main h1,.qumo-main h2,.qumo-main h3,.qumo-main .product-name{font-family:Paperlogy,"Pretendard Variable",sans-serif;font-weight:800;letter-spacing:-.045em}
.qumo-main .app-icon{border:1.5px solid var(--cocoa);border-radius:18px 15px 20px 16px;box-shadow:3px 4px 0 var(--cocoa)}
.qumo-main .flow__when{display:inline-block;background:var(--butter);color:var(--cocoa);padding:6px 12px;transform:rotate(-1.5deg)}
.qumo-main .status{color:var(--cocoa);background:var(--blush);padding:6px 12px;border:1px dashed var(--cocoa);border-radius:13px 10px 15px 11px}
.qumo-main .status::before{box-shadow:none;border:1.5px solid var(--cocoa)}
.qumo-main .product-button{background:var(--cherry);color:#FFFFFF;font-family:Paperlogy,"Pretendard Variable",sans-serif;font-size:19px;font-weight:800;border:1.5px solid var(--cocoa);border-radius:16px 13px 17px 14px;box-shadow:4px 4px 0 var(--cocoa);transition:background-color 180ms ease,color 180ms ease}
.qumo-main .product-button:hover{background:var(--blush);color:var(--cocoa)}
.qumo-main .product-section{border-top:1px dashed #d9cab9}
.template-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:16px}
.template-gallery figure{align-self:start;padding:7px 7px 17px;background:var(--paper-white);border:1px solid var(--line);box-shadow:4px 4px 0 rgb(62 49 41 / 12%);border-radius:3px 2px 4px 2px}
.template-gallery figure:nth-child(1){transform:rotate(-1deg)}
.template-gallery figure:nth-child(3){transform:rotate(1deg)}
.template-gallery img{width:100%;height:auto}
.template-gallery figcaption{font-family:"Nanum Pen Script","Pretendard Variable",sans-serif;font-size:22px;line-height:1.6;padding:12px 8px 0}
@media (max-width:767px){.template-gallery{grid-template-columns:minmax(0,1fr);gap:32px;max-width:360px;margin-inline:auto}}
@media (prefers-reduced-motion:reduce){.qumo-main *{transition:none}}
.flow{margin-top:32px}
.flow li{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:start;padding-block:24px;border-top:1px dashed #d9cab9}
.flow li:first-child{border-top:0;padding-top:0}
.qumo-main .flow__when{justify-self:start;font-family:"Pretendard Variable",Pretendard,sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;line-height:1.2}
@media (max-width:767px){.flow li{grid-template-columns:minmax(0,1fr);gap:16px}}