:root{--sky:#5bc8f5;--splash-bottom:#e4b4f2;--page:#f4f6f8;--surface:#fff;--ink:#1c2430;--muted:#8b939e;--primary:#3b82f6;--primary-deep:#2458d6;--line:#e6e9ee;--soon:#e2554a;--paper:#fff8ec;--pop-pink:#ff5d8f;--pop-orange:#ff9f1c;--pop-yellow:#ffd23f;--pop-mint:#3ddc97;--pop-purple:#9b5de5;--space-page:16px;--space-section:24px;--space-card:12px;--radius-card:16px;--shadow:0 8px 20px #1c243014;color:var(--ink);background:var(--page);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.ui-icon-button{width:40px;height:40px;color:var(--ink);background:0 0;border:0;place-items:center;display:grid}.ui-app-bar{padding:calc(8px + env(safe-area-inset-top)) 8px 8px 16px;background:var(--surface);align-items:center;gap:4px;display:flex}.ui-app-bar.is-overlay{z-index:2;background:color-mix(in srgb, var(--surface) 92%, transparent);padding-left:8px;position:sticky;top:0}.ui-app-bar h1,.ui-app-bar-fill{flex:1}.ui-app-bar h1{margin:0;font-size:22px;font-weight:800}.ui-app-bar-side{align-items:center;display:flex}.ui-app-bar-side.is-end{margin-left:auto}.ui-underline-tabs{padding:0 var(--space-page);border-bottom:1px solid var(--line);scrollbar-width:none;gap:18px;display:flex;overflow-x:auto}.ui-underline-tabs::-webkit-scrollbar{display:none}.ui-underline-tabs button{height:40px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:0;font-size:15px;font-weight:700}.ui-underline-tabs button.is-on{color:var(--ink);border-bottom-color:var(--ink)}.ui-segment-tabs{margin:8px var(--space-page) 0;background:color-mix(in srgb, var(--ink) 6%, var(--page));border-radius:14px;gap:4px;padding:4px;display:flex}.ui-segment-tabs button{height:38px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.ui-segment-tabs button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px color-mix(in srgb, var(--ink) 14%, transparent)}.ui-segment-count{background:color-mix(in srgb, var(--ink) 10%, transparent);min-width:18px;height:18px;color:inherit;border-radius:999px;padding:0 5px;font-size:11px;line-height:18px}.ui-segment-tabs button.is-on .ui-segment-count{background:var(--pop-pink);color:var(--surface)}.ui-chip{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--ink);border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.ui-chip.is-on{border-color:var(--primary);color:var(--primary)}.ui-menu{width:max-content;margin:8px var(--space-page) 0;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;padding:6px;display:flex}.ui-menu.is-end{margin-left:auto;margin-right:var(--space-page)}.ui-menu button{text-align:left;background:0 0;border:0;height:36px;padding:0 12px;font-size:13px;font-weight:700}.ui-product-shot{aspect-ratio:1.15;background:var(--page);border:0;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.ui-product-shot img,.ui-media-tile img{object-fit:cover;width:100%;height:100%}.ui-badge{font-size:12px;font-weight:900;position:absolute;top:8px;left:8px}.ui-badge.is-hot{color:var(--soon)}.ui-badge.is-new{color:var(--primary)}.ui-secret{width:28px;height:28px;color:var(--surface);background:#1c24308c;border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;bottom:10px;right:36px}.ui-fav{background:color-mix(in srgb, var(--surface) 92%, transparent);width:28px;height:28px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:8px}.ui-product-copy{text-align:left;width:100%;color:inherit;background:0 0;border:0;margin-top:8px;padding:0 2px;display:block}.ui-product-copy h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;margin:0;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.ui-product-copy p{align-items:baseline;gap:6px;margin:6px 0 0;display:flex}.ui-product-copy b{font-size:15px;font-weight:800}.ui-product-copy span{color:var(--primary);font-size:12px;font-weight:700}.ui-section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-card);padding:28px var(--space-page) 12px;display:flex}.ui-section-heading h2{margin:0;font-size:18px;font-weight:800}.ui-section-heading p,.ui-section-heading button{color:var(--muted);background:0 0;border:0;margin:0;font-size:14px;font-weight:700}.ui-section-heading em{color:var(--soon);font-style:normal}.ui-section-heading button{color:var(--primary);font-size:13px}.ui-info-banner{background:var(--page);border-radius:12px;margin:0;padding:12px 14px}.ui-info-banner b,.ui-info-banner span{display:block}.ui-info-banner b{font-size:14px;font-weight:800}.ui-info-banner span{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4}.ui-media-tile{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);overflow:hidden}.ui-media-tile div{height:150px;color:var(--muted);place-items:center;font-size:28px;font-weight:800;display:grid}.ui-media-tile img{object-fit:contain}.ui-media-tile p{text-align:center;margin:0;padding:0 8px 14px;font-size:14px;font-weight:700}.ui-bottom-cta{align-items:center;gap:var(--space-card);padding:10px var(--space-page) calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);display:flex}.ui-like{width:48px;color:var(--ink);background:0 0;border:0}.ui-like span{color:var(--muted);font-size:11px;font-weight:700;display:block}.ui-pay{background:var(--primary);height:48px;color:var(--surface);border:0;border-radius:12px;flex:1;font-size:16px;font-weight:800}.ui-pay.is-pop{background:var(--pop-pink);box-shadow:0 4px 0 color-mix(in srgb, var(--pop-pink) 60%, var(--ink))}.ui-pay:disabled{opacity:.45}*{box-sizing:border-box}body,#root{min-height:100dvh;margin:0}button,h1,h2,p{font:inherit;color:inherit}button{cursor:pointer}h2{font-size:inherit}.intro{display:none}.tabs{padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs button{height:56px;color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:600;display:flex}.tabs button.is-on{color:var(--primary)}@media (width>=900px) and (hover:hover) and (pointer:fine){.shell{background:var(--page);justify-content:center;align-items:center;gap:120px;height:100dvh;display:flex}.intro{word-break:keep-all;flex-direction:column;gap:16px;width:320px;display:flex}.intro img{background:linear-gradient(180deg, var(--sky), var(--splash-bottom));object-fit:contain;border-radius:36px;width:160px;height:160px}.intro h1{margin:8px 0 0;font-size:32px;font-weight:800}.intro-lead{margin:0;font-size:20px;font-weight:700;line-height:1.4}.intro-sub{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.phone{background:var(--page);width:430px;height:100dvh;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 0 24px #1c24301a}.phone-scroll{scrollbar-width:none;height:100%;overflow-y:auto}.phone-scroll::-webkit-scrollbar{display:none}}
