:root{--glass:rgba(255,255,255,.75);--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(--glass)!important;border:1px solid rgba(255,255,255,.82)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);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(5){grid-column:2/4}.order-item:nth-child(6){grid-column:4/6}.order-item:nth-child(7){grid-column:6/8}.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}.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-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}.firework{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffe69a;box-shadow:0 -14px #fff,10px -10px #ff8c70,14px 0 #8ee6ff,10px 10px #ffe69a,0 14px #ff8c70,-10px 10px #8ee6ff,-14px 0 #fff,-10px -10px #ffe69a;animation:firework .55s 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 firework{0%{opacity:0;transform:scale(.2)}35%{opacity:1}to{opacity:0;transform:scale(1.25)}}@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}.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,.firework{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)}}