:root{--glass:rgba(255,255,255,.75);--order-glass:rgba(255,255,255,.30);--glass-pressed:rgba(255,255,255,.96);--yeosu-navy:#061b39;--yeosu-blue:#0a3567;--yeosu-light:#65c9e8;--select:#ff6a2a}
.ui-icon{width:22px;height:22px;display:block;fill:none;flex:0 0 auto}.order-svg{width:48px;height:48px;color:#0c416b}.yeosu-night-shell{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(180deg,rgba(4,16,39,.06),rgba(4,31,68,.2)),url('assets/yeosu-ux/dolsan-night-mobile.webp') center top/cover no-repeat;padding-bottom:8px}.yeosu-night-shell::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(2,12,31,.08),rgba(5,29,61,.26) 58%,rgba(2,28,61,.5))}.yeosu-night-shell::after{content:"";position:absolute;left:-5%;right:-5%;top:40px;height:205px;z-index:-1;background:url('assets/yeosu-ux/dolsan-bridge.svg') center 38%/112% auto no-repeat;filter:brightness(.62) saturate(.85);opacity:.58;pointer-events:none}.yeosu-night-shell .topbar,.yeosu-night-shell .search-row,.yeosu-night-shell .order-section{position:relative;z-index:2}.yeosu-night-shell .topbar{background:linear-gradient(180deg,rgba(3,16,39,.42),rgba(3,16,39,.06));color:#fff}.yeosu-night-shell .location-chip{background:rgba(255,255,255,.76);border-color:rgba(255,255,255,.82);color:#132f50}.yeosu-night-shell .brand{filter:drop-shadow(0 2px 8px rgba(0,0,0,.28))}.yeosu-night-shell .icon-btn{color:#153451;background:var(--glass);border:1px solid rgba(255,255,255,.82);border-radius:14px}.weather-layer,.bridge-light-layer,.micro-fx-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.weather-layer{z-index:0}.bridge-light-layer{z-index:1;opacity:0}.micro-fx-layer{z-index:8}.yeosu-night-shell .main-search-row{background:transparent}.yeosu-night-shell .searchbox,.yeosu-night-shell .top-quick-btn{background:var(--glass);border-color:rgba(255,255,255,.82);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.yeosu-night-shell .order-section{background:transparent;box-shadow:none;border:0;padding-top:12px}.yeosu-night-shell .section-head h2,.yeosu-night-shell .section-head p,.yeosu-night-shell .text-btn{color:#fff;text-shadow:0 2px 9px rgba(0,10,30,.82)}.order-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:9px 7px}.order-item{grid-column:span 2;min-width:0;background:var(--order-glass)!important;border:1px solid rgba(255,255,255,.76)!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 7px 20px rgba(0,15,38,.13);color:#163450!important;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.order-item:nth-child(1){grid-column:1/3;grid-row:1/3}.order-item:nth-child(2){grid-column:3/5;grid-row:1}.order-item:nth-child(3){grid-column:5/7;grid-row:1}.order-item:nth-child(4){grid-column:7/9;grid-row:1}.order-item:nth-child(5){grid-column:3/5;grid-row:2}.order-item:nth-child(6){grid-column:5/7;grid-row:2}.order-item:nth-child(7){grid-column:7/9;grid-row:2}.direct-coming-soon,.order-coming-soon{cursor:default}.direct-coming-soon .order-svg{width:58px;height:58px}.direct-order-label{display:grid;gap:4px;font-size:14px}.direct-order-label small{font-size:11px;font-weight:850;color:#60717e}.order-coming-soon-label{display:grid;gap:3px}.order-coming-soon-label small{font-size:10px;font-weight:850;color:#60717e}.order-item.selected{border-color:var(--select)!important;box-shadow:0 0 0 2px rgba(255,106,42,.22),0 8px 22px rgba(0,20,48,.16)}.order-item.pressing,.glass-action.pressing{background:var(--glass-pressed)!important;border-color:rgba(255,255,255,.98)!important;box-shadow:0 0 0 1px rgba(255,255,255,.55),0 6px 18px rgba(255,255,255,.22)!important;transform:scale(.985)}.primary-btn.pressing{filter:brightness(1.09);transform:scale(.985)}.order-item:disabled,.glass-action:disabled{opacity:.5;transform:none!important}.direct-coming-soon:disabled,.order-coming-soon:disabled{opacity:1}.naval-lane{height:30px;margin:1px 4px 0;position:relative;overflow:hidden}.naval-lane .sea-line{position:absolute;left:0;right:0;bottom:7px;height:1px;background:linear-gradient(90deg,transparent,rgba(129,221,248,.8),transparent);box-shadow:0 5px 10px rgba(70,195,233,.35)}
.hero{background:#f6f9fc;padding-top:0}.hero-frame{border-radius:0 0 18px 18px!important}.hero-slide picture,.hero-slide img{filter:none!important}.category-section{background:linear-gradient(180deg,#f6f9fc,#eef5f8)}.horizontal-categories{display:flex!important;gap:9px!important;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 22% 10px 1px;scrollbar-width:none;overscroll-behavior-inline:contain}.horizontal-categories::-webkit-scrollbar,.recommend-track::-webkit-scrollbar{display:none}.horizontal-categories .category{flex:0 0 78px;scroll-snap-align:start;background:#fff;border:1px solid #dfe8ef;border-radius:15px;min-height:86px}.horizontal-categories .category.active{border-color:var(--select);box-shadow:0 0 0 2px rgba(255,106,42,.14)}.horizontal-categories .category .bubble{width:46px;height:46px}.category-main-icon{width:42px;height:42px;display:block;flex:0 0 auto}.category-modal-icon,.category-modal-color-icon{width:48px;height:48px;display:block}.category-placeholder-icon{width:42px;height:42px;display:block}.category-chip-icon{width:20px;height:20px;display:inline-block;vertical-align:-5px}.category-local-icon{width:25px;height:25px;color:#184c72}.recommend-rails{background:linear-gradient(180deg,#eef5f8,#f7fafc);padding:4px 0 12px}.recommend-rail{margin:0 0 18px}.recommend-rail-head{display:flex;justify-content:space-between;gap:12px;align-items:end;padding:0 18px 8px}.recommend-rail-head h2{font-size:19px;margin:0}.recommend-rail-head p{font-size:12px;color:#637080;margin:3px 0 0}.recommend-track{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 18% 12px 18px;scrollbar-width:none;overscroll-behavior-inline:contain}.rail-card{flex:0 0 min(72vw,278px);scroll-snap-align:start;border:1px solid #e2e9ef;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(22,57,83,.08);overflow:hidden;text-align:left;padding:0;color:#172330}.rail-card img,.rail-card .detail-photo-placeholder{display:block;width:100%;height:128px;object-fit:cover;border-radius:0}.rail-card-copy{padding:11px}.rail-card h3{margin:0 0 5px;font-size:15px;line-height:1.25}.rail-card p{margin:0;color:#657080;font-size:12px}.recommend-section-title{padding:0 18px}.phone-order-sheet,.brand-app-hub,.happyorder-hub{min-height:220px}.phone-order-list,.channel-store-list{display:grid;gap:9px}.phone-order-card,.channel-store-card{width:100%;display:grid;grid-template-columns:76px minmax(0,1fr) 20px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:9px;text-align:left}.phone-order-card img,.phone-order-card .app-browser-photo-placeholder,.channel-store-card img,.channel-store-card .app-browser-photo-placeholder{width:76px;height:68px;border-radius:12px;object-fit:cover}.phone-order-card small,.channel-store-card small{display:block;color:var(--muted);margin-top:4px}.phone-confirm-actions{display:grid;gap:9px;margin-top:15px}.phone-confirm-actions a,.phone-confirm-actions button{min-height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900}.phone-notion-link{background:var(--orange);color:#fff}.phone-cancel{border:1px solid var(--line);background:#fff}.brand-app-grid,.happyorder-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.brand-app-tile,.happyorder-brand-tile{border:1px solid var(--line);border-radius:15px;background:#fff;min-height:112px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.brand-app-tile img,.happyorder-brand-tile img{width:56px;height:56px;border-radius:13px;object-fit:contain}.brand-app-tile small,.happyorder-brand-tile small{color:var(--muted)}.brand-store-actions{display:grid;gap:8px;margin-top:12px}.brand-store-actions a,.brand-store-actions button,.brand-store-actions .platform-note{min-height:52px;border:1px solid var(--line);border-radius:13px;padding:9px 12px;background:#fff;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;text-decoration:none;color:#222}.brand-store-actions img{width:34px;height:34px;border-radius:9px;object-fit:contain}.platform-note{color:#596472!important;background:#f5f7f9!important}.channel-tabs{display:flex;gap:7px;overflow-x:auto;padding:4px 0 11px}.channel-tabs button{flex:0 0 auto;border:1px solid var(--line);border-radius:20px;background:#fff;min-height:38px;padding:0 13px}.channel-tabs button.active{border-color:var(--select);color:#9a3c16;background:#fff5f0}.ripple-ring{position:fixed;width:18px;height:9px;border:2px solid rgba(108,215,244,.82);border-radius:50%;transform:translate(-50%,-50%) scale(.15);opacity:.9;animation:water-ripple .36s ease-out forwards;pointer-events:none;z-index:1800}.ripple-ring.second{animation-delay:.045s;border-color:rgba(190,238,250,.7)}@keyframes water-ripple{to{transform:translate(-50%,-50%) scale(3.3);opacity:0}}
.turtle-ship{position:absolute;width:34px;height:22px;background:url('assets/yeosu-ux/geobukseon-mobile.svg') center/contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));opacity:0;animation:formation-go .52s ease-out forwards}.turtle-ship.escort{width:28px;opacity:0;animation-delay:.035s}.turtle-ship.escort.two{width:26px;animation-delay:.07s}@keyframes formation-go{0%{transform:translateX(-40px);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translateX(110px);opacity:0}}
.enemy-ship{position:absolute;width:31px;height:23px;background:url('assets/yeosu-ux/enemy-ship.svg') center/contain no-repeat;right:16px;bottom:4px;animation:enemy-retreat .55s .35s ease-out forwards}.battle-smoke{position:absolute;right:25px;bottom:13px;width:12px;height:12px;border-radius:50%;background:#d7dde2;box-shadow:8px -3px 0 #aab3bc;opacity:0;animation:smoke-fade .55s .34s ease-out forwards}.cannon-flash{position:absolute;left:105px;bottom:10px;width:9px;height:9px;border-radius:50%;background:#fff6a1;box-shadow:0 0 12px 5px #ff9b2e;opacity:0;animation:cannon .16s .28s ease-out 2}.cannon-ball{position:absolute;left:112px;bottom:14px;width:4px;height:4px;border-radius:50%;background:#ffe0a0;opacity:0;animation:cannon-ball .32s .31s linear forwards}@keyframes enemy-retreat{to{transform:translateX(30px);opacity:0}}@keyframes smoke-fade{25%{opacity:.85}to{transform:translate(16px,-14px) scale(1.7);opacity:0}}@keyframes cannon{50%{opacity:1;transform:scale(1.6)}}@keyframes cannon-ball{10%{opacity:1}to{transform:translateX(125px) translateY(-5px);opacity:0}}
.bridge-light-layer.active{background:linear-gradient(90deg,transparent 3%,rgba(100,220,255,.28) 18%,rgba(255,208,94,.4) 38%,rgba(255,113,75,.38) 58%,rgba(114,210,255,.34) 78%,transparent 97%);animation:bridge-light .48s ease-out forwards}@keyframes bridge-light{0%{clip-path:inset(0 100% 0 0);opacity:0}20%{opacity:1}80%{clip-path:inset(0 0 0 0);opacity:1}100%{opacity:0}}
.success-toast{position:absolute;left:50%;top:70px;transform:translateX(-50%);padding:9px 14px;border-radius:20px;background:rgba(255,255,255,.94);color:#174063;font-weight:850;font-size:12px;box-shadow:0 8px 25px rgba(0,0,0,.18);white-space:nowrap;animation:toast .9s ease-out forwards}.gull-fx{position:fixed;width:22px;height:18px;background:url('assets/yeosu-ux/seagull.svg') center/contain no-repeat;z-index:1800;pointer-events:none;animation:gull .4s ease-out forwards}.gull-fx.favorite::after{content:'♥';position:absolute;right:-7px;top:-8px;color:#ff5d52;font-size:12px}@keyframes toast{0%{opacity:0;transform:translate(-50%,-6px)}15%,75%{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-5px)}}@keyframes gull{0%{opacity:0;transform:translate(-6px,4px) rotate(-7deg)}30%{opacity:1}to{opacity:0;transform:translate(24px,-18px) rotate(6deg)}}
.weather-layer.rain{display:block}.rain-drop{position:absolute;top:-25px;width:1px;height:18px;background:linear-gradient(transparent,rgba(177,225,244,.72));animation:rain-fall var(--rain-speed,700ms) linear infinite;opacity:var(--rain-opacity,.55)}@keyframes rain-fall{to{transform:translate3d(-20px,330px,0)}}.weather-static-ripple{position:absolute;left:6%;right:6%;bottom:8px;height:26px;background:radial-gradient(ellipse at 20% 70%,transparent 0 9px,rgba(170,220,237,.35) 10px 11px,transparent 12px),radial-gradient(ellipse at 70% 35%,transparent 0 12px,rgba(170,220,237,.27) 13px 14px,transparent 15px)}
@media(max-width:520px){.yeosu-night-shell::after{top:45px;height:220px;background-size:145% auto;opacity:.5}.yeosu-night-shell .main-search-row{padding-top:5px}.yeosu-night-shell .order-section{padding:11px 11px 5px}.yeosu-night-shell .order-section .section-head{padding:0 3px}.order-grid{gap:8px 5px}.order-item{min-height:91px!important;padding:6px 2px!important}.order-item img,.order-svg,.brand-app-icon{width:43px!important;height:43px!important}.order-item strong{font-size:11px}.direct-coming-soon .order-svg{width:55px!important;height:55px!important}.direct-coming-soon .direct-order-label{font-size:12px}.direct-order-label small,.order-coming-soon-label small{font-size:9px}.naval-lane{height:28px}.hero-frame{min-height:190px}.recommend-rail-head{padding-left:13px}.recommend-track{padding-left:13px}.brand-app-grid,.happyorder-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.success-toast{top:65px;font-size:11px;max-width:92%;white-space:normal;text-align:center}}
@media(max-width:360px){.order-item strong{font-size:10px}.order-grid{gap:7px 4px}.brand-app-grid,.happyorder-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.order-item,.glass-action,.primary-btn{transition:background-color .12s ease!important}.order-item.pressing,.glass-action.pressing,.primary-btn.pressing{transform:none!important}.ripple-ring,.turtle-ship,.enemy-ship,.battle-smoke,.cannon-flash,.cannon-ball,.gull-fx{animation:none!important;display:none!important}.bridge-light-layer.active{animation:none!important;clip-path:none;opacity:.24;transition:opacity .16s ease}.weather-layer .rain-drop{display:none}.weather-layer.rain::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,transparent 0 10px,rgba(160,215,235,.28) 11px 12px,transparent 13px)}}

#categoryGrid [data-cat="전체"]{pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(255,106,42,.14);cursor:pointer}
#categoryGrid [data-cat="전체"] *{pointer-events:none!important}
.home-share-toast{position:fixed;left:50%;top:max(18px,env(safe-area-inset-top));z-index:1900;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:11px 16px;border-radius:999px;background:rgba(7,35,58,.94);color:#fff;font-size:13px;font-weight:850;line-height:1.35;text-align:center;white-space:nowrap;box-shadow:0 8px 26px rgba(0,0,0,.22);animation:home-share-toast 1.8s ease both;pointer-events:none}
@keyframes home-share-toast{0%{opacity:0;transform:translate(-50%,-8px)}12%,82%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-6px)}}
.home-share-sheet{padding:4px 0 8px;text-align:center}
.home-share-sheet h2{margin:2px 0 8px;padding:0 44px;font-size:24px;line-height:1.25;color:#082f52;word-break:keep-all}
.home-share-sheet>p{margin:0 auto 16px;max-width:340px;color:#687783;font-size:14px;line-height:1.5;word-break:keep-all}
.home-share-preview{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:13px;border:1px solid #dce7ee;border-radius:17px;background:#f5f9fb;text-align:left}
.home-share-preview img{width:54px;height:54px;flex:0 0 54px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #ffd4c2}
.home-share-preview span{min-width:0;display:grid;gap:3px}.home-share-preview b{color:#082f52}.home-share-preview small{color:#71808b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-share-actions{display:grid;gap:9px}
.home-share-actions button{width:100%;min-height:54px;border-radius:15px;font-weight:900;font-size:16px;touch-action:manipulation}
.home-share-action{border:0;background:#ff5a1f;color:#fff;box-shadow:0 8px 18px rgba(255,77,20,.2)}
.home-share-secondary{border:1px solid #cfdbe4;background:#fff;color:#082f52}
.home-share-status{min-height:20px!important;margin:10px 0 0!important;color:#d64d19!important;font-size:12px!important;font-weight:850;line-height:1.4}
.store-share-sheet{text-align:left}
.store-share-sheet>p{text-align:center}
.store-share-preview img{border-radius:14px;object-fit:cover}
.store-share-url-label{display:block;margin:2px 0 7px;color:#082f52;font-size:13px;font-weight:900}
.store-share-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;margin-bottom:10px}
.store-share-url{min-width:0;height:52px;padding:0 12px;border:1px solid #cfdbe4;border-radius:14px;background:#f8fafc;color:#173557;font-size:13px}
.store-share-copy{min-width:92px;border:0;border-radius:14px;background:#ff5a1f;color:#fff;font-size:15px;font-weight:900;touch-action:manipulation}
@media(max-width:420px){.store-share-url-row{grid-template-columns:1fr}.store-share-copy{min-height:50px}.store-share-url{font-size:12px}}
@media(max-width:360px){.home-share-toast{font-size:12px;white-space:normal}}
.search-popup .searchbox{display:grid;grid-template-columns:minmax(0,1fr) clamp(82px,22vw,100px);gap:8px;padding:0 8px 0 14px}
.search-popup #fxSearchInput{min-width:0}
.search-popup #fxSearchRun{width:100%;min-width:0;padding:0 10px;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;line-height:1;font-size:clamp(15px,4vw,18px)}