@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");.dpvroot{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}.dpvroot .logo-wrapper{
  display: flex;
  align-items: center;
  gap: 4px;
}.dpvroot .header-actions button{
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  color: var(--color-neutral);
}.dpvroot .copy-link{
  font-size: 13px;
  color: #4a90e2 !important;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
}.dpvroot .toggle-btn{
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
}.dpvroot .toggle-btn i{
  transition: transform 0.2s;
  color: #888;
  font-size: 12px;
}.dpvroot .toggle-btn.expanded i{
  transform: rotate(180deg);
}.dpvroot .intro-badge img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.dpvroot .biz-reg a{
  text-decoration: none;
  color: #212124;
}.dpvroot .biz-reg a:hover{
  text-decoration: underline;
}.dpvroot .menu-carousel{
  -ms-overflow-style: none;
  scrollbar-width: none;
}.dpvroot .menu-carousel::-webkit-scrollbar{
  display: none;
}.dpvroot{
  --color-brand: #FF6F0F;
  --color-brand-light: #FFF4ED;
  --color-green: #00A05B;
  --color-neutral: #212124;
  --color-neutral-subtle: #4D5159;
  --color-neutral-muted: #868B94;
  --color-bg: #FFFFFF;
  --color-bg-layer: #F7F8FA;
  --color-border: #EAEBEE;
  --color-star: #FF6F0F;

  --font-family: 'Pretendard', -apple-system, sans-serif;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
}.dpvroot{
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  background-color: #F1F2F4; 
}.dpvroot{
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  color: var(--color-neutral);
  background: var(--color-bg);
  line-height: 1.5;
  width: 100%;
  max-width: 480px; 
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
  padding-bottom: 80px;
  box-shadow: 0 0 20px rgba(0,0,0,0.05);
  letter-spacing: -0.1px; 
}.dpvroot input, .dpvroot textarea, .dpvroot button, .dpvroot select, .dpvroot p, .dpvroot span, .dpvroot div, .dpvroot h1, .dpvroot h2, .dpvroot h3, .dpvroot h4{
  font-family: inherit;
  letter-spacing: -0.1px;
}.dpvroot a{
  color: inherit;
  text-decoration: none;
}.dpvroot ul, .dpvroot ol{
  list-style: none;
}.dpvroot button{
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  color: inherit;
  font-size: inherit;
}.dpvroot img{
  display: block;
  max-width: 100%;
}.dpvroot .section-subtitle{
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.1px;
  color: var(--color-neutral-muted);
}.dpvroot .view{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  transition: opacity 0.3s ease;
}.dpvroot .view[style*="display: none"]{
  opacity: 0;
  pointer-events: none;
}.dpvroot .view:not([style*="display: none"]){
  opacity: 1;
}.dpvroot #homeView{
  padding: 40px 20px;
  background: var(--color-bg);
}.dpvroot .home-header{
  text-align: center;
  margin-bottom: 40px;
}.dpvroot .service-label{
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: var(--color-brand);
  background: var(--color-brand-light);
  padding: 6px 12px;
  border-radius: 20px;
  margin-bottom: 16px;
  letter-spacing: -0.1px;
}.dpvroot .home-title{
  font-size: 28px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 16px;
  letter-spacing: -0.1px;
}.dpvroot .home-desc{
  font-size: 15px;
  color: var(--color-neutral-subtle);
  line-height: 1.5;
  letter-spacing: -0.1px;
}.dpvroot .input-container{
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 48px;
}.dpvroot .input-container input{
  width: 100%;
  height: 56px;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 0 16px;
  font-size: 15px;
  background: var(--color-bg-layer);
  outline: none;
  transition: border-color 0.2s;
}.dpvroot .input-container input:focus{
  border-color: var(--color-brand);
}.dpvroot .primary-btn{
  width: 100%;
  height: 56px;
  background: var(--color-brand);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(255, 111, 15, 0.2);
}.dpvroot .sub-title{
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
  letter-spacing: -0.1px;
  color: var(--color-neutral-muted);
}.dpvroot .process-list{
  display: flex;
  flex-direction: column;
  gap: 16px;
}.dpvroot .process-item{
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 16px;
  background: var(--color-bg-layer);
  border-radius: 16px;
}.dpvroot .process-step{
  font-size: 12px;
  font-weight: 800;
  color: var(--color-brand);
  background: #fff;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
}.dpvroot .process-text{
  font-size: 14px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}.dpvroot .process-text strong{
  font-weight: 700;
}.dpvroot .process-text span{
  color: var(--color-neutral-subtle);
  font-size: 13px;
  line-height: 1.4;
}.dpvroot #loadingView{
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
}.dpvroot .spinner{
  width: 48px;
  height: 48px;
  border: 4px solid var(--color-brand-light);
  border-top-color: var(--color-brand);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 24px;
}@keyframes spin{
  to { transform: rotate(360deg); }
}.dpvroot .loading-text{
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--color-neutral);
}.dpvroot .preview-ribbon{
  background: var(--color-brand);
  color: #fff;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 600;
}.dpvroot .preview-ribbon button{
  background: rgba(255,255,255,0.2);
  color: #fff;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
}.dpvroot .header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--color-bg);
  border-bottom: 1px solid var(--color-border);
}.dpvroot .header-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  height: 52px;
}.dpvroot .header-logo svg{
  display: block;
}.dpvroot .header-actions{
  display: flex;
  align-items: center;
  gap: 12px;
}.dpvroot .header-actions button{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}.dpvroot .breadcrumb{
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 12px 16px 4px;
  font-size: 12px;
  letter-spacing: -0.1px;
  color: var(--color-neutral-muted);
}.dpvroot .breadcrumb-sep{
  display: flex;
  align-items: center;
}.dpvroot .breadcrumb-sep svg{
  width: 10px;
  height: 10px;
}.dpvroot .breadcrumb-current{
  color: var(--color-neutral-subtle);
}.dpvroot .title-area{
  padding: 12px 16px 16px;
}.dpvroot .title-area h1{
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 1.3;
  margin-bottom: 6px;
}.dpvroot .title-meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  letter-spacing: -0.1px;
  color: var(--color-neutral-muted);
}.dpvroot .title-meta .star-rating{
  display: inline-flex;
  align-items: center;
  gap: 2px;
}.dpvroot .title-meta .star-rating svg{
  width: 14px;
  height: 14px;
  color: var(--color-star);
}.dpvroot .title-meta .star-value{
  font-weight: 600;
  color: var(--color-neutral);
  font-size: 13px;
}.dpvroot .title-meta .dot{
  margin: 0 2px;
}.dpvroot .title-location{
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: var(--color-neutral-muted);
  margin-top: 2px;
  letter-spacing: -0.1px;
}.dpvroot .gallery{
  padding: 0 16px;
  margin-bottom: 4px;
}.dpvroot .gallery-scroll{
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}.dpvroot .gallery-scroll::-webkit-scrollbar{
  display: none;
}.dpvroot .gallery-item{
  position: relative;
  flex: 0 0 auto;
  width: 210px;
  height: 280px;
  border-radius: var(--radius-md);
  overflow: hidden;
  scroll-snap-align: start;
  background: var(--color-bg-layer);
}.dpvroot .gallery-scroll.active{
  cursor: grabbing;
  cursor: -webkit-grabbing;
  scroll-snap-type: none; 
}.dpvroot .gallery-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
  -webkit-user-drag: none;
}.dpvroot .ai-item-btn{
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 50;
  background: var(--color-brand);
  color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
  border: 2px solid #fff;
  box-shadow: 0 4px 10px rgba(255, 111, 15, 0.4);
  transition: transform 0.2s;
}.dpvroot .ai-item-btn:active{
  transform: scale(0.9);
}.dpvroot .section{
  padding: 24px 16px;
  border-top: 8px solid var(--color-bg-layer);
}.dpvroot .section-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}.dpvroot .section-title{
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.1px;
  color: var(--color-neutral);
  margin: 0;
}.dpvroot .section-more{
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 14px;
  color: var(--color-neutral-muted);
  letter-spacing: -0.1px;
}.dpvroot .section-more svg{
  width: 18px;
  height: 18px;
}.dpvroot .info-list{
  display: flex;
  flex-direction: column;
  gap: 14px;
}.dpvroot .info-item{
  display: flex;
  gap: 14px;
  align-items: flex-start;
}.dpvroot .info-icon{
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  color: var(--color-neutral);
}.dpvroot .info-icon svg{
  width: 18px;
  height: 18px;
}.dpvroot .info-content{
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-neutral);
  letter-spacing: -0.1px;
}.dpvroot .info-tags{
  font-size: 14px;
  color: var(--color-neutral);
  line-height: 1.6;
  letter-spacing: -0.1px;
}.dpvroot .info-tags a{
  color: var(--color-neutral);
}.dpvroot .info-phone{
  display: flex;
  align-items: center;
  gap: 8px;
}.dpvroot .copy-btn{
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  color: var(--color-neutral);
  padding: 4px 8px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
}.dpvroot .copy-btn svg{
  width: 14px;
  height: 14px;
}.dpvroot .address-toggle{
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  background: none;
  border: none;
  font-size: 14px;
  color: var(--color-neutral);
  padding: 0;
  text-align: left;
}.dpvroot .address-toggle svg{
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  transition: transform 0.2s ease;
}.dpvroot .map-container{
  width: 100%;
  height: 180px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  border: 1px solid var(--color-border);
  margin-top: 16px;
  background: var(--color-bg-layer);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}.dpvroot .map-container .map-placeholder{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: var(--color-neutral-muted);
  font-size: 13px;
}.dpvroot .map-container .map-placeholder svg{
  width: 32px;
  height: 32px;
  color: var(--color-brand);
}.dpvroot .intro-header{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}.dpvroot .intro-sub{
  font-size: 13px;
  color: var(--color-neutral-subtle);
  margin-top: 2px;
  letter-spacing: -0.1px;
}.dpvroot .intro-thumb{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid var(--color-border);
}.dpvroot .intro-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.dpvroot .intro-doc{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--color-neutral);
  margin-top: 16px;
  margin-bottom: 12px;
  letter-spacing: -0.1px;
}.dpvroot .intro-doc svg{
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}.dpvroot .intro-desc{
  font-size: 14px;
  line-height: 1.65;
  color: var(--color-neutral);
  letter-spacing: -0.1px;
  word-break: keep-all;
}.dpvroot .menu-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
}.dpvroot .menu-item{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}.dpvroot .menu-name{
  font-size: 14px;
  color: var(--color-neutral);
  letter-spacing: -0.1px;
  flex: 1;
}.dpvroot .menu-name .menu-desc{
  font-size: 12px;
  color: var(--color-neutral-subtle);
  margin-top: 2px;
  line-height: 1.4;
  letter-spacing: -0.1px;
}.dpvroot .menu-price{
  font-size: 14px;
  font-weight: 600;
  color: var(--color-neutral);
  white-space: nowrap;
  letter-spacing: -0.1px;
}.dpvroot .menu-dots{
  flex: 1;
  border-bottom: 1px dotted var(--color-border);
  min-width: 20px;
  margin-bottom: 6px;
}.dpvroot .menu-row{
  display: flex;
  align-items: flex-end;
  gap: 4px;
}.dpvroot .menu-more-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 0;
  font-size: 13px;
  color: var(--color-neutral-muted);
  margin-top: 4px;
  letter-spacing: -0.1px;
}.dpvroot .menu-more-btn svg{
  width: 14px;
  height: 14px;
  transition: transform 0.2s ease;
}.dpvroot .menu-more-btn.expanded svg{
  transform: rotate(180deg);
}.dpvroot .menu-hidden{
  display: none;
  flex-direction: column;
  gap: 12px;
}.dpvroot .menu-hidden.show{
  display: flex;
}.dpvroot .review-list{
  display: flex;
  flex-direction: column;
  gap: 24px;
}.dpvroot .review-item{
  display: flex;
  flex-direction: column;
  gap: 12px;
}.dpvroot .review-user{
  display: flex;
  gap: 10px;
  align-items: flex-start;
}.dpvroot .review-avatar{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--color-bg-layer);
}.dpvroot .review-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.dpvroot .review-user-info{
  display: flex;
  flex-direction: column;
}.dpvroot .review-user-name{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.1px;
}.dpvroot .review-user-meta{
  font-size: 12px;
  color: var(--color-neutral-muted);
  letter-spacing: -0.1px;
}.dpvroot .review-stars{
  display: flex;
  align-items: center;
  gap: 1px;
}.dpvroot .review-stars svg{
  width: 14px;
  height: 14px;
  color: var(--color-star);
}.dpvroot .review-text{
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-neutral);
  white-space: pre-line;
  letter-spacing: -0.1px;
}.dpvroot .review-helpful{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--color-neutral-subtle);
}.dpvroot .review-helpful svg{
  width: 16px;
  height: 16px;
}.dpvroot .review-photos{
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
}.dpvroot .review-photos::-webkit-scrollbar{
  display: none;
}.dpvroot .review-photo{
  width: 80px;
  height: 80px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  flex-shrink: 0;
}.dpvroot .review-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.dpvroot .news-list{
  display: flex;
  flex-direction: column;
  gap: 16px;
}.dpvroot .news-item{
  display: flex;
  justify-content: space-between;
  align-items: center; 
  gap: 16px;
  padding: 8px 0;
}.dpvroot .news-content{
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}.dpvroot .news-title{
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: -0.1px;
}.dpvroot .news-meta{
  font-size: 12px;
  color: var(--color-neutral-muted);
  display: flex;
  align-items: center;
  gap: 4px;
  letter-spacing: -0.1px;
}.dpvroot .news-thumb{
  width: 64px;
  height: 64px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  flex-shrink: 0;
  background: var(--color-bg-layer);
}.dpvroot .news-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}.dpvroot .footer-notice{
  padding: 24px 16px;
  border-top: 8px solid var(--color-bg-layer);
  font-size: 12px;
  color: var(--color-neutral-muted);
  line-height: 1.6;
  letter-spacing: -0.1px;
}.dpvroot .footer-notice .last-edit{
  margin-bottom: 6px;
  color: var(--color-neutral-muted);
}.dpvroot .cta-bar{
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 480px; 
  z-index: 200;
  background: var(--color-bg);
  border-top: 1px solid var(--color-border);
  padding: 12px 16px;
  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
}.dpvroot .cta-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  background: var(--color-brand);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border-radius: var(--radius-sm);
  border: none;
  cursor: pointer;
  letter-spacing: -0.2px;
  transition: background 0.15s ease;
}.dpvroot .cta-btn:active{
  background: #E55D00;
}.dpvroot .app-banner{
  background: var(--color-bg-layer);
  padding: 40px 16px;
  text-align: center;
  border-top: 8px solid var(--color-bg-layer);
}.dpvroot .app-banner .banner-label{
  font-size: 14px;
  font-weight: 700;
  color: var(--color-brand);
  margin-bottom: 6px;
  letter-spacing: -0.1px;
}.dpvroot .app-banner .banner-title{
  font-size: 18px;
  font-weight: 700;
  color: var(--color-neutral);
  margin-bottom: 20px;
  letter-spacing: -0.2px;
}.dpvroot .app-badges{
  display: flex;
  gap: 8px;
  justify-content: center;
}.dpvroot .app-badges img{
  height: 36px;
}.dpvroot .toast{
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: rgba(33,33,36,0.9);
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 20px;
  z-index: 300;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  white-space: nowrap;
  letter-spacing: -0.1px;
}.dpvroot .toast.show{
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}.dpvroot .time-detail{
  display: none;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
  font-size: 13px;
  color: var(--color-neutral-subtle);
  letter-spacing: -0.1px;
}.dpvroot .time-detail.show{
  display: flex;
}.dpvroot .time-row{
  display: flex;
  gap: 12px;
}.dpvroot .time-day{
  width: 32px;
  font-weight: 500;
}.dpvroot .address-detail{
  display: none;
  margin-top: 8px;
}.dpvroot .address-detail.show{
  display: block;
}.dpvroot .fade-in{
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}.dpvroot .fade-in.visible{
  opacity: 1;
  transform: translateY(0);
}.dpvroot .address-detail-full{
  display: none;
  margin: 12px -16px 0 -16px;
}.dpvroot .address-detail-full.show{
  display: block;
}.dpvroot .map-container-full{
  width: 100%;
}.dpvroot .cta-section{
  padding: 40px 16px;
  background: var(--color-bg-layer);
  text-align: center;
  border-top: 8px solid var(--color-bg-layer);
}.dpvroot .cta-title{
  font-size: 24px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 8px;
  letter-spacing: -0.1px;
}.dpvroot .cta-subtitle{
  font-size: 12px;
  font-weight: 500;
  color: var(--color-neutral-muted);
  margin-bottom: 24px;
  letter-spacing: -0.1px;
}.dpvroot .cta-section .cta-bar{
  display: flex;
  gap: 12px;
}.dpvroot .cta-section .cta-btn{
  flex: 1;
  height: 54px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}.dpvroot .cta-section .cta-btn.primary{
  background: var(--color-brand);
  color: #fff;
  box-shadow: 0 4px 12px rgba(255, 111, 15, 0.2);
}.dpvroot .cta-section .cta-btn.secondary{
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  color: var(--color-neutral);
}.dpvroot #previewView{
  padding-bottom: 40px;
}.dpvroot .empty-state-view{
    min-height: 100vh;
    background: #fff;
}.dpvroot .empty-state-view .primary-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 0 32px;
}.dpvroot .main-header{
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    position: sticky;
    top: 0;
    z-index: 1000;
}.dpvroot .main-header-inner{
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}.dpvroot .brand-logo .logo-text{
    font-size: 20px;
    font-weight: 800;
    color: #212124;
    letter-spacing: -0.5px;
}.dpvroot .brand-logo .logo-x{ color: #FF6F0F; }.dpvroot .hamburger-btn{
    background: none;
    border: none;
    font-size: 20px;
    color: #212124;
    cursor: pointer;
    padding: 8px;
}.dpvroot .nav-overlay{
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    z-index: 10001;
    display: none;
    opacity: 0;
    transition: opacity 0.3s;
}.dpvroot .nav-overlay.active{
    display: block;
    opacity: 1;
}.dpvroot .nav-drawer{
    position: fixed;
    top: 0; right: -300px;
    width: 280px; height: 100%;
    background: #fff;
    z-index: 10002;
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: -10px 0 30px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
}.dpvroot .nav-drawer.active{
    right: 0;
}.dpvroot .drawer-header{
    padding: 20px;
    border-bottom: 1px solid #f0f0f0;
}.dpvroot .close-btn{
    background: none;
    border: none;
    font-size: 20px;
    color: #868B94;
    cursor: pointer;
    margin-bottom: 20px;
    display: block;
}.dpvroot .user-greeting .biz-name{
    font-size: 15px;
    color: #212124;
}.dpvroot .user-greeting strong{ color: #FF6F0F; }.dpvroot .drawer-nav ul{
    list-style: none;
    padding: 10px 0;
    margin: 0;
}.dpvroot .drawer-nav li a{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    text-decoration: none;
    color: #4D5159;
    font-weight: 500;
    font-size: 15px;
    transition: background 0.2s;
}.dpvroot .drawer-nav li a i{ width: 20px; color: #868B94; }.dpvroot .drawer-nav li a:hover{ background: #F8F9FA; color: #FF6F0F; }.dpvroot .drawer-nav li a:hover i{ color: #FF6F0F; }.dpvroot .divider{ height: 1px; background: #f0f0f0; margin: 10px 0; }.dpvroot .logout-link{ color: #FF4D4D !important; }.dpvroot .nav-btn{
    background: #FF6F0F;
    color: #fff !important;
    border-radius: 12px;
    justify-content: center;
    margin: 10px 20px;
}


/* ── daangn 인라인 override ── */
.dpvroot{ max-width:480px; margin:0 auto; box-shadow:0 12px 44px rgba(0,0,0,.08); border:1px solid #EAEBEE; border-radius:20px; overflow:hidden; padding-bottom:0; min-height:0; background:#fff; }
.dpvroot .view{ min-height:0; }
.dpvroot #previewView{ min-height:0; }