/* LKCT Swapping 0.6.6-rc1 build 20261104.03 */
/* LKCT Swapping mobile and PWA design */
:root{color-scheme:light;--lk-green:#087d55;--lk-dark:#153e2f;--lk-border:#dbe9df;--lk-muted:#637b6a;--lk-bg:#f4f8f5}
html{scroll-behavior:smooth}body{background:var(--lk-bg);min-width:280px}
header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--lk-border);box-shadow:0 2px 18px #104a2010}
.wrap{max-width:1170px}header .app-nav{display:flex;gap:16px;align-items:center;padding-block:14px;min-height:72px}
.app-nav>.brand{flex:0 0 auto;font-size:23px;letter-spacing:-.03em;white-space:nowrap}
.app-nav .links{gap:8px;display:flex;align-items:center;flex-wrap:wrap;min-width:0}
.app-nav .links a{padding:9px 7px;font-size:14px;white-space:nowrap;border-radius:10px}
.app-nav .links a:hover,.mobile-nav a:hover{background:#e8f8ef}
.app-nav .header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.lang-switcher{display:flex;gap:3px;align-items:center;padding:3px;background:#eef7f0;border:1px solid #dbece0;border-radius:13px;white-space:nowrap}
.lang-switcher a{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:5px;border-radius:10px;font-size:13px;font-weight:800;color:#426b54}
.lang-switcher a[aria-current="page"]{background:var(--lk-green);color:#fff;box-shadow:0 2px 5px #10452c22}
.install-nav-btn{border:1px solid #11a06c;background:#f4fff9;color:var(--lk-green);padding:10px 12px;border-radius:12px;font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;min-height:41px}
.install-nav-btn:hover{background:#dff8e9}
.mobile-nav{display:none;position:relative}
.mobile-nav>summary{list-style:none;cursor:pointer;display:grid;place-items:center;min-width:42px;min-height:42px;border:1px solid #d9e7de;border-radius:11px;font-size:21px;color:var(--lk-dark)}
.mobile-nav>summary::-webkit-details-marker{display:none}
.mobile-nav[open]>summary{background:#e5f6e9}
.mobile-nav-items{position:absolute;right:0;top:calc(100% + 10px);width:min(310px,90vw);border:1px solid #d9e7de;background:white;padding:10px;border-radius:18px;box-shadow:0 20px 55px #10352424;display:grid;gap:5px;z-index:71}
.mobile-nav-items a{padding:12px 14px;border-radius:10px;font-weight:650}
body>.wrap,.wrap main{min-width:0}
main.wrap{min-height:calc(100vh - 230px)}
.panel{box-shadow:0 6px 20px #063c1d08}
button,.btn{transition:background .15s ease,transform .15s ease}
button:hover,.btn:hover{filter:brightness(.95)}
button:active,.btn:active{transform:translateY(1px)}
input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #72dca8;outline-offset:2px}
input,textarea,select{max-width:100%;background:#fff}
img{max-width:100%}
.market-sidebar{overscroll-behavior:contain}
.market-search button{min-width:100px}
.app-bottom-tabs{display:none}
.install-card{position:fixed;z-index:130;bottom:22px;left:50%;transform:translate(-50%,160%);width:min(440px,calc(100vw - 30px));opacity:0;pointer-events:none;background:#fff;border:1px solid #bce5ce;border-radius:19px;box-shadow:0 12px 42px #0a4d2c30;padding:14px;display:flex;align-items:center;gap:11px;transition:transform .28s ease,opacity .28s ease}
.install-card.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.install-card>img{width:51px;height:51px;border-radius:14px;flex:0 0 auto}
.install-card-text{min-width:0;flex:1}.install-card-text strong{display:block;font-size:14px;color:#145236}
.install-card-text small{display:block;color:#597063;font-size:12px;line-height:1.3;margin-top:3px}
.install-card button{font-size:12px;padding:9px 11px;white-space:nowrap;border-radius:10px;min-height:38px}
.install-card .dismiss-install{background:transparent;border:0;color:#688070;min-width:27px;padding:3px;font-size:18px}
.pwa-toast{position:fixed;z-index:150;max-width:380px;width:calc(100vw - 26px);left:50%;bottom:20px;transform:translate(-50%,130%);background:#16382a;color:white;padding:15px 18px;border-radius:15px;box-shadow:0 12px 42px #061f154d;line-height:1.45;transition:transform .3s ease;pointer-events:none}
.pwa-toast.is-visible{transform:translate(-50%,0)}
.lkct-countdown{display:inline-block;background:#ecfaee;color:#0e754b;border-radius:9px;padding:3px 9px;margin:5px 4px;font-weight:800;white-space:nowrap}
@media(max-width:1060px){.app-nav>.brand{font-size:21px}.app-nav .links a{font-size:12px;padding:8px 3px}.app-nav{gap:10px}.install-nav-btn{display:none!important}}
@media(max-width:840px){.app-nav>.links{display:none}.mobile-nav{display:block}.app-nav{justify-content:space-between}.install-nav-btn{display:none!important}}
@media(max-width:760px){
 body{padding-bottom:calc(85px + env(safe-area-inset-bottom))}
 main.wrap{padding:12px 15px 28px}
 header .app-nav{min-height:62px;padding:9px 12px;gap:8px}
 .app-nav>.brand{font-size:18px}
 .lang-switcher{padding:2px;gap:1px}
 .lang-switcher a{min-width:30px;min-height:34px;font-size:12px}
 .header-actions{gap:5px}
 .mobile-nav>summary{min-width:40px;min-height:40px}
 .hero{padding:22px 0}.hero h1{font-size:clamp(30px,8vw,43px)}
 .notice{margin:12px 0;padding:13px;border-radius:13px;line-height:1.55}
 .panel{padding:17px;border-radius:15px;margin:15px auto;max-width:100%;overflow-wrap:anywhere}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .card{border-radius:13px}.card img{height:160px}
 .card .inside{padding:10px}.card h3{font-size:15px;margin:6px 0;overflow-wrap:anywhere}
 .card .price{font-size:16px}
 .detail{display:block}.detail>div{min-width:0}.detail h1{font-size:27px}
 .filter-grid{grid-template-columns:1fr}
 .market-layout{grid-template-columns:1fr;gap:15px}
 .market-sidebar{position:static;max-height:210px;overflow:auto}
 .market-search{gap:8px}.market-search button{min-width:auto;padding:9px 12px}
 .market-search input{margin:2px 0}
 .profile-head{gap:12px}.profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .profile-stats>div{min-width:0;padding:12px}.profile-stats strong{font-size:17px}
 .public-profile{padding:15px}
 .filter-panel{margin-top:12px}
 .app-bottom-tabs{display:flex;position:fixed;z-index:100;left:0;right:0;bottom:0;min-height:calc(67px + env(safe-area-inset-bottom));padding:5px 6px calc(5px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #d8e7dc;box-shadow:0 -5px 24px #1040230e;justify-content:space-around;align-items:center;gap:3px;backdrop-filter:blur(12px)}
 .app-bottom-tabs a{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:7px 3px;border-radius:12px;min-width:0;color:#5a7967;font-weight:650;font-size:10px;text-align:center;line-height:1.1}
 .app-bottom-tabs a .tab-icon{font-size:21px}
 .app-bottom-tabs a[aria-current="page"]{background:#e8f8ef;color:#0b7d52}
 .install-card{bottom:calc(79px + env(safe-area-inset-bottom))}
 .pwa-toast{bottom:calc(83px + env(safe-area-inset-bottom))}
 footer.wrap{margin-top:15px;padding:18px 15px calc(30px + env(safe-area-inset-bottom))}
 footer.wrap p{line-height:1.8}
}
@media(max-width:350px){.app-nav>.brand{font-size:16px}.lang-switcher a{min-width:27px}.grid{grid-template-columns:1fr}.card img{height:190px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v0.6.1: install controls remain discoverable without a floating mobile overlay. */
.install-card,.pwa-toast{display:none!important}
.hero-install-btn{display:inline-flex;align-items:center;background:#eaf8f0;color:#076b48;border:1px solid #bbdfca;margin-left:8px;padding:11px 15px;min-height:44px}
.install-guide[hidden]{display:none!important}
.install-guide{margin:12px auto;padding:14px 16px;border:1px solid #a8dabe;border-radius:14px;background:#eaf8f0;color:#145337;display:flex;align-items:center;gap:12px;line-height:1.45;max-width:1100px}
#lkct-install-guide-text{flex:1}
#lkct-install-guide-close{font-size:21px;background:transparent;color:#176a47;padding:4px 10px}
@media(max-width:760px){.hero-install-btn{margin:8px 0 0;width:100%;justify-content:center}.install-guide{margin:10px 12px;padding:12px}}

/* In-flow cookie information, never overlays mobile navigation. */
.lkct-cookie-info[hidden]{display:none!important}
.lkct-cookie-info{margin:12px auto 8px;padding:17px 20px;border:1px solid #b8dec7;border-radius:15px;background:#f1fbf5;color:#154f36;box-shadow:0 4px 15px #0d54200c;display:flex;align-items:center;flex-wrap:wrap;gap:15px;line-height:1.48}
.lkct-cookie-info strong{font-size:17px}
.lkct-cookie-info .cookie-copy{min-width:230px;flex:1}
.lkct-cookie-info .cookie-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lkct-cookie-info button{padding:10px 16px;min-height:44px}
.lkct-cookie-info a{font-weight:650;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.lkct-cookie-info{margin:10px 12px;padding:14px}.lkct-cookie-info .cookie-actions{width:100%}.lkct-cookie-info .cookie-actions button{flex:1}}