:root{--bg-main:#fff;--bg-body:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--accent-primary:#006f8e;--accent-secondary:#006f8e;--accent-hover:#005b75;--gradient-primary:linear-gradient(135deg, #0082a8 0%, #005b75 100%);--glass-bg:#ffffffd9;--glass-border:#006f8e33;--glass-shadow:0 4px 20px #00000014;--nav-height:calc(70px + env(safe-area-inset-bottom,0px))}.loading-indicator{z-index:11000;pointer-events:none;width:156px;height:72px;padding:8px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}body:has(.splash-screen)>.loading-indicator{visibility:hidden}.loading-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000004d}html,body{min-height:100dvh}body{background-color:var(--bg-body);color:var(--text-main);background-image:none;font-family:Inter,-apple-system,sans-serif;line-height:1.5}#root{background-color:var(--bg-main);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 20px #0000000d}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;margin-bottom:16px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #16a34a26}.app-header{padding:20px 24px;padding-top:max(20px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;border-bottom:1px solid var(--glass-border);background:#ffffffe6;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-title{color:var(--accent-primary);letter-spacing:-.5px;font-size:20px;font-weight:800}.main-content{padding:20px;padding-bottom:calc(40px + var(--nav-height));flex:1}.bottom-nav{z-index:999;width:100%;max-width:480px;height:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;padding:0 10px;padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffffa;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-around;align-items:center;margin-top:auto;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 30px #0000000d}.nav-item{color:#94a3b8;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:64px;padding:8px 16px;font-size:11px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item i{font-size:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-item.active,.nav-item.active i{color:var(--accent-primary)}.btn-primary{background:var(--accent-secondary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 4px 12px #006f8e33}.btn-primary:active{background:#005b75;transform:scale(.98);box-shadow:0 2px 6px #006f8e26}.activity-safety-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-outline{color:var(--accent-primary);border:1px solid var(--accent-primary);cursor:pointer;background:#fff;border-radius:12px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:background .2s}.btn-outline:active{background:#f8fafc}.locker-refund-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;min-width:0;padding:12px}.locker-refund-heading{justify-content:space-between;gap:12px;margin-bottom:4px;font-size:13px;display:flex}.locker-refund-heading strong:first-child{overflow-wrap:anywhere;min-width:0}.locker-refund-heading strong:last-child{flex-shrink:0}.locker-refund-status{color:var(--text-muted);margin:4px 0 8px;font-size:12px}.btn-outline.locker-secondary{width:auto;min-height:44px;padding:8px 12px;font-size:13px}.locker-copy{margin:0 0 12px}.host-refund{margin-top:12px}.host-refund-account{overflow-wrap:anywhere;background:#f1f5f9;border-radius:10px;margin-bottom:12px;padding:12px;font-size:13px}.host-refund-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px;display:grid}.host-refund-actions>.btn-primary,.host-refund-actions>.btn-outline,.host-refund-complete{word-break:keep-all;min-height:44px;padding:8px 10px;font-size:13px}.host-refund-confirm{align-items:center;gap:8px;min-height:44px;margin:8px 0;font-size:13px;display:flex}.host-refund-confirm input{width:18px;height:18px;accent-color:var(--accent-primary);flex-shrink:0}.host-refund-help{color:var(--text-muted);margin:8px 0;font-size:12px;line-height:1.6}.host-refund-complete:disabled{opacity:.5;cursor:not-allowed}.host-refund-toss{text-align:center;background:#3182f6;border:none;text-decoration:none}.host-refund-qr{text-align:center;margin:12px 0}.host-refund-qr svg{max-width:100%;height:auto;margin:auto;display:block}.host-refund-qr .btn-outline{width:auto;min-height:44px;padding:8px 14px;font-size:13px}.match-create .match-create-secondary{white-space:nowrap;width:auto;min-height:44px;padding:8px 12px;font-size:13px}.match-create-category,.match-create-choice{cursor:pointer;word-break:keep-all;overflow-wrap:break-word;border-radius:8px;flex:1;min-width:0;min-height:44px;padding:10px 8px;font-size:13px;font-weight:700}.match-create-category{border:none;font-weight:800}.match-create-choice{border:1.5px solid}.match-create-date-row{align-items:center;gap:8px;display:flex}.match-create-date-row .form-input{flex:1;min-width:0}.match-create-date-row .match-create-secondary{flex:none}.match-create .match-create-secondary.mt-2,.match-create-date-row,.match-create-date-hint{margin-top:8px}.match-create-payment-note{color:var(--text-muted);margin:8px 0 12px;font-size:12px;line-height:1.5}.match-create-time-row{grid-template-columns:minmax(0,2fr) minmax(92px,1fr);gap:12px;display:grid}.match-create-time-row .select-wrapper{min-width:0}.match-create-time-row .form-select{padding-left:10px;padding-right:26px}.match-create-time-row .select-wrapper:after{right:10px}.btn-kakao{color:#000;cursor:pointer;background:#fee500;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;display:flex;box-shadow:0 4px 12px #fee5004d}.input-group{margin-bottom:16px}.input-label{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-input,.form-select{width:100%;color:var(--text-main);appearance:none;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:14px 36px 14px 14px;font-family:inherit;font-size:15px;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #006f8e1a}.select-wrapper{position:relative}.select-wrapper:after{content:"▼";pointer-events:none;color:var(--text-muted);font-size:10px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.map-container{border:1px solid var(--glass-border);z-index:10;border-radius:16px;width:100%;margin-bottom:20px;overflow:hidden}.leaflet-popup-content-wrapper{color:var(--text-main);border:1px solid var(--glass-border);background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.leaflet-popup-tip{background:#fff}.leaflet-popup-close-button{color:var(--text-muted)!important}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-block}.badge-green{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.badge-blue{color:#2563eb;background:#dbeafe;border:1px solid #bfdbfe}.badge-yellow{color:#ca8a04;background:#fef9c3;border:1px solid #fef08a}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.flex{display:flex}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.text-sm{color:var(--text-muted);font-size:13px}.text-lg{color:var(--text-main);font-size:18px;font-weight:700}.text-xl{color:var(--text-main);font-size:22px;font-weight:800}.text-center{text-align:center}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:16px;display:grid}.calendar-day{text-align:center;color:var(--text-main);background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 5px;font-size:12px;font-weight:500}.calendar-day.has-booking{border-color:var(--accent-primary);color:var(--accent-primary);background:#f0fdf4;font-weight:700}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.2s ease-out forwards slideUp}@keyframes splashFadeOut{0%{opacity:1;pointer-events:auto}to{opacity:0;pointer-events:none;visibility:hidden}}@keyframes letterAppear{0%{opacity:.2;color:#cbd5e1;transform:translateY(2px)}to{opacity:1;color:var(--accent-primary);transform:translateY(0)}}.splash-screen{z-index:9999;background-image:url(/splash-bg.jpg);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-overlay{z-index:1;background:#0006;position:absolute;inset:0}.splash-screen.hide{animation:.5s ease-in-out forwards splashFadeOut}.splash-logo-img{border-radius:30px;width:140px;height:140px;margin-bottom:24px;box-shadow:0 10px 25px #006f8e26}.splash-text-container{letter-spacing:.05em;color:#cbd5e1;gap:2px;font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.splash-letter{opacity:.2;animation:.1s forwards letterAppear}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideUp;box-shadow:0 20px 40px #0003}.region-chip{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.region-chip.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}@media (width<=600px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:max(16px,1em)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.icon-touch-target{position:relative}.icon-touch-target:after{content:"";min-width:42px;min-height:42px;position:absolute;inset:-10px}.inline-loading-placeholder{color:#0000;background:#f1f5f9;border-radius:6px;min-width:72px;max-width:120px;display:inline-block}.app-notice{z-index:3000;bottom:calc(90px + env(safe-area-inset-bottom,0px));box-sizing:border-box;width:min(440px,100% - 32px);color:var(--text-main);white-space:pre-line;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;line-height:1.6;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0f172a1a}.app-notice>span{flex:1}.app-notice>button{color:#64748b;cursor:pointer;background:0 0;border:0;flex-shrink:0;margin:-10px;padding:10px}