/* One app, the same flow on every screen. */
html{background:#edf0f7}.unified-app{max-width:600px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 60px #1823400b;font-weight:600}.unified-app .wrap{max-width:100%;padding-left:22px;padding-right:22px}.unified-app #header{position:sticky;top:0;z-index:30;background:#fff}.unified-app .header-inner{height:76px;gap:14px}.unified-app .header-links{display:none}.unified-app .header-actions>a[aria-label="마이페이지"]{display:none}.unified-app .logo img{width:155px}.unified-app .preview-bar{font-size:10px;padding:9px 18px}.unified-app #mobile-nav{display:flex!important;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;z-index:60;justify-content:space-around;background:#ffffffed;backdrop-filter:blur(15px);border-top:1px solid #e5e7ef;padding:11px 8px calc(11px + env(safe-area-inset-bottom));box-sizing:border-box}.unified-app #mobile-nav a{display:flex;align-items:center;flex-direction:column;gap:5px;font-size:11px;font-weight:750;flex:1;color:#0f172a}.unified-app #mobile-nav a.active{color:#7b5cff}.unified-app #mobile-nav svg{width:23px;height:23px}.unified-app #footer{padding-bottom:95px}.unified-app .header-nav{display:none}.unified-app .hero{display:grid;grid-template-columns:1fr;padding:30px 22px 0;gap:20px;margin-top:18px}.unified-app .hero h1{font-size:36px;letter-spacing:-1.9px;line-height:1.35}.unified-app .hero h1 span{font-size:32px;white-space:nowrap}.unified-app .hero-visual{min-height:230px;height:250px}.unified-app .hero-copy{padding:0}.unified-app .products-grid,.unified-app .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unified-app .detail-grid,.unified-app .checkout-grid,.unified-app .help-grid,.unified-app .admin-layout,.unified-app .notifications-grid,.unified-app .notification-grid,.unified-app .admin-grid{grid-template-columns:1fr}.unified-app .detail-visual{min-height:250px}.unified-app .page{padding-top:30px;padding-bottom:50px}.unified-app .page-title{font-size:29px}.unified-app .order-summary{position:static}.unified-app .auth-layout{display:block;min-height:calc(100vh - 155px);padding-bottom:90px}.unified-app .auth-aside{display:none}.unified-app .auth-form-panel{padding:36px 24px}.unified-app .auth-card{width:100%;max-width:400px;margin:auto}.unified-app .auth-card h1{font-size:30px}.unified-app .auth-complete .btn+.btn{margin-top:12px}.unified-app .auth-input{font-weight:650;font-size:17px;min-width:0}.unified-app .auth-demo-note,.unified-app .helper{font-size:12px;font-weight:600;color:#707681;line-height:1.8}.unified-app .account-header,.unified-app .account-greeting{align-items:flex-start;gap:12px}.unified-app .account-header h1{font-size:25px}.unified-app .stats{grid-template-columns:1fr;gap:8px}.unified-app .stat{padding:16px;display:flex;align-items:center;justify-content:space-between}.unified-app .stat strong{font-size:24px}.unified-app .subscription{flex-wrap:wrap;gap:12px}.unified-app .subscription-actions{width:100%;display:flex;justify-content:space-between;align-items:center}.unified-app .admin-sidebar{position:static;display:flex;overflow:auto;gap:6px;white-space:nowrap;padding:8px 0}.unified-app .admin-sidebar>h3,.unified-app .admin-sidebar>p{display:none}.unified-app .admin-sidebar a{flex-shrink:0}.unified-app .table-scroll{overflow:auto}.unified-app .modal{max-width:550px;width:calc(100% - 28px);max-height:85vh;overflow:auto}.unified-app .business-info,.unified-app .business-info a,.unified-app .business-info p{color:#707681}.unified-app .success-page{padding:38px 22px 50px}.unified-app .success-page h1{font-size:29px}.unified-app .footer-top{flex-wrap:wrap;gap:20px}.unified-app .benefit-banner,.unified-app .referral-hero{background:linear-gradient(125deg,#f1eaff,#edf7ff);border:1px solid #e8ddff;padding:24px;border-radius:22px}.member-heading{position:relative;padding:0 0 25px 36px}.member-heading h1{font-size:29px;font-weight:850;letter-spacing:-1.2px;margin:0 0 8px}.member-heading p{font-size:13px;color:#707681}.member-back{position:absolute;left:0;top:0;font-size:26px}.member-links{border:1px solid #e5e7ef;border-radius:18px;margin:22px 0;overflow:hidden}.member-links a{display:flex;align-items:center;justify-content:space-between;padding:19px 16px;font-weight:700;font-size:14px}.member-links a+a{border-top:1px solid #edf0f5}.member-links span,.member-links strong{display:flex;gap:10px;align-items:center}.member-links svg{width:20px;height:20px}.member-links strong{font-size:12px;color:#7050e8}.benefit-banner strong{font-size:22px;font-weight:850}.benefit-banner p{margin:10px 0;line-height:1.8;font-size:13px}.benefit-banner a{font-size:13px;color:#6240d9}.member-tabs{display:flex;gap:6px;margin:25px 0 18px;border-bottom:1px solid #e5e7ef}.member-tabs button{flex:1;padding:14px 4px;font-size:13px;color:#707681;font-weight:700}.member-tabs button.active{border-bottom:3px solid #7b5cff;color:#0f172a}.member-empty{text-align:center;padding:50px 15px}.member-empty>svg{width:36px;height:36px;color:#9c86f0}.member-empty h2{font-size:19px;margin:18px 0 9px}.member-empty p{font-size:13px;color:#707681;margin-bottom:22px}.coupon-card{display:grid;grid-template-columns:100px 1fr;gap:18px;border:1px solid #ded5fb;border-radius:19px;padding:22px;margin-bottom:15px;background:#fff}.coupon-card .btn{grid-column:1/-1}.coupon-value{font-size:44px;font-weight:900;letter-spacing:-2px;color:#7956f1;border-right:1px dashed #d7caef}.coupon-value span{font-size:25px}.coupon-value small{display:block;font-size:11px;letter-spacing:0}.coupon-copy h2{font-size:16px;margin:8px 0}.coupon-copy p,.coupon-copy small{font-size:11px;color:#707681;line-height:1.7;display:block}.coupon-card.inactive{opacity:.6}.referral-hero h2{font-size:31px;font-weight:850;line-height:1.4;letter-spacing:-1.4px;margin:12px 0}.referral-hero p{font-size:14px;line-height:1.8}.member-page .panel{margin:18px 0;padding:22px}.member-page .panel h2{font-size:18px;font-weight:800}.referral-code{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.referral-code strong{font-size:30px;letter-spacing:1px}.referral-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.referral-pair>div{display:flex;flex-direction:column;background:#f5f1ff;border-radius:12px;padding:18px 10px;gap:9px;text-align:center}.referral-pair span,.referral-pair small{font-size:11px;color:#707681}.referral-pair strong{font-size:21px}.member-rules ol{padding-left:20px;font-size:13px;line-height:2}.member-demo-tools{padding:18px;border:1px dashed #d7caef;border-radius:14px;font-size:13px;margin-top:20px}.member-demo-tools p{margin:15px 0}.member-input{display:block;box-sizing:border-box;width:100%;border:1px solid #d9dfe9;padding:15px;border-radius:12px;font-size:16px;font-weight:650;background:#fff}.text-link{color:#6744d8;font-weight:750;font-size:13px;padding:8px 0}.sample-fill{display:block;margin-bottom:12px}.profile-avatar{background:#eee7ff;width:58px;height:58px;border-radius:20px;display:grid;place-items:center;font-weight:900;font-size:23px;color:#7b5cff;margin-bottom:16px}.profile-panel dl{margin-top:20px}.profile-panel dl>div{display:flex;justify-content:space-between;border-top:1px solid #edf0f7;padding:16px 0;font-size:13px}.profile-panel dt{color:#707681}.profile-panel dd{margin:0}.profile-email{padding:20px 0;font-size:17px}.login-referral{border-top:1px solid #e6e9f0;margin-top:28px;padding-top:22px}.login-referral strong{font-size:17px}.login-referral p{font-size:12px;color:#707681;line-height:1.8;margin:10px 0}.login-referral a{font-size:12px;color:#6744d8}.chat-status{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid #e5e7ef}.chat-status .temp{margin-left:auto}.chat-status p{font-size:11px;color:#707681;margin-top:6px}.chat-avatar{background:#7b5cff;color:white;border-radius:16px;width:45px;height:45px;display:grid;place-items:center;font-weight:850}.chat-demo-notice{background:#f5f2ff;border-radius:10px;padding:12px;font-size:11px;color:#707681}.chat-messages{background:#f8fafc;border-radius:16px;padding:16px;min-height:240px;max-height:500px;overflow:auto;margin:15px 0;display:flex;flex-direction:column;gap:15px}.chat-bubble{max-width:86%;padding:14px;border-radius:15px;background:white;border:1px solid #e5e7ef;align-self:flex-start}.chat-bubble.customer{align-self:flex-end;background:#7b5cff;color:white;border-color:#7b5cff}.chat-bubble strong{font-size:10px}.chat-bubble p{font-size:13px;line-height:1.8;margin:6px 0}.chat-bubble time{font-size:10px;opacity:.7;display:block;text-align:right}.chat-quick{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.chat-quick button{border:1px solid #ded5fb;padding:10px;border-radius:20px;font-size:11px;color:#6240d9}.chat-compose{display:flex;gap:8px}.chat-compose input{min-width:0;flex:1;border:1px solid #d9dfe9;border-radius:12px;padding:10px;font-size:12px;font-weight:650}.chat-compose .btn{padding:12px;font-size:12px}.chat-controls{display:flex;gap:8px;margin:14px 0}.chat-system{text-align:center;font-size:11px;color:#707681}.checkout-benefits{border-top:1px solid #e5e7ef;margin-top:14px;padding-top:18px}.checkout-benefits label{display:block;margin-bottom:10px;font-size:13px}.checkout-benefits select{width:100%;padding:13px 8px;border:1px solid #d9dfe9;border-radius:10px;background:white;font-size:13px;font-weight:650}.copy-value{overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:430px){.unified-app .wrap{padding-left:18px;padding-right:18px}.unified-app .hero{padding:26px 20px 0}.unified-app .hero h1{font-size:31px;letter-spacing:-1.6px}.unified-app .hero h1 span{font-size:25px}.unified-app .hero-visual{height:230px;min-height:230px}.coupon-card{grid-template-columns:78px 1fr;padding:18px;gap:12px}.coupon-value{font-size:36px}.unified-app .account-header h1{font-size:22px}.unified-app .header-inner{height:70px}.unified-app .logo img{width:145px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.unified-app .catalog-controls{margin-left:0;margin-right:0;width:100%;max-width:100%;gap:10px}.unified-app .categories{min-width:0}.unified-app .layer-visual{height:260px;min-height:260px}.unified-app .layer-visual img{height:250px;max-width:100%;object-fit:contain}.unified-app .steps,.unified-app .benefit-grid{grid-template-columns:1fr;gap:18px}.unified-app .benefit-grid article{padding:22px}.unified-app .notification-grid aside{display:block}.unified-app .detail-content h2{font-size:25px}.unified-app .comparison-table{font-size:12px;table-layout:fixed}.unified-app .comparison-table th,.unified-app .comparison-table td{padding:14px 9px;overflow-wrap:anywhere}.unified-app .comparison-table th:first-child{width:25%}.unified-app .savings-section{padding:22px!important}.unified-app .savings-total{flex-direction:column;align-items:flex-start}.unified-app .header-actions .login-link{font-size:11px;padding:10px 14px}.unified-app header{height:auto}.unified-app .member-page .row{gap:10px}.unified-app .admin-top{flex-wrap:wrap;gap:14px}.unified-app .admin-top h1{font-size:27px}.unified-app .summary-line strong{overflow-wrap:anywhere;max-width:65%;text-align:right}.unified-app .coupon-copy{min-width:0}.unified-app .coupon-copy small{overflow-wrap:anywhere}

/* Home: direct product shortcuts, preserving the existing hero copy. */
.unified-app .hero{min-height:0;padding-bottom:28px;gap:28px}
.hero-product-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;padding:4px 0 0}
.hero-product-link{display:flex;flex-direction:column;align-items:center;gap:11px;min-width:0;border-radius:18px}
.hero-product-thumb{display:grid;place-items:center;width:100%;aspect-ratio:1;border:1px solid #e8e2f5;border-radius:22px;background:#ffffffeb;box-shadow:0 6px 20px #6544a308;transition:transform .16s,border-color .16s,box-shadow .16s}
.hero-product-thumb .brand-svg,.hero-product-thumb img,.hero-product-thumb svg{width:50px;height:50px;max-width:60%;max-height:60%;object-fit:contain;display:block}
.hero-product-name{font-size:12px;font-weight:750;color:#0f172a;line-height:1.5;white-space:nowrap}
.hero-product-link:hover .hero-product-thumb,.hero-product-link:focus-visible .hero-product-thumb{transform:translateY(-3px);border-color:#baa6ff;box-shadow:0 10px 22px #7b5cff15}
@media(max-width:430px){.unified-app .hero{padding-bottom:23px;gap:25px}.hero-product-shortcuts{gap:10px}.hero-product-thumb{border-radius:16px}.hero-product-thumb .brand-svg,.hero-product-thumb img,.hero-product-thumb svg{width:35px;height:35px}.hero-product-name{font-size:10px}.hero-product-link{gap:8px}}