.tb-bottom-nav{position:fixed;left:0;right:0;bottom:0;padding:8px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px);box-sizing:border-box;z-index:99999}.tb-bottom-nav-inner{display:inline-flex;gap:3px;justify-content:center;align-items:center;padding:0 3px;margin:0 auto;box-sizing:border-box;white-space:nowrap}.tb-nav-item{color:inherit;text-decoration:none;padding:8px 10px;border-radius:10px;font-weight:700}.tb-content-padding-bottom{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}html,body,#root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;height:100%;width:100%;background:#eaf7f0;color:#111827;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea{font-size:16px}#root{min-height:100vh}.glass-panel{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.12);box-shadow:0 4px 20px #0000000f}.dateFieldWrap{position:relative;width:100%;overflow:hidden;border-radius:12px;border:2px solid rgba(0,0,0,.18);background:#ffffffe6;transition:all .2s ease}.dateFieldWrap:hover{border-color:#00000059;box-shadow:0 4px 12px #00000014}.dateFieldWrap:focus-within{border-color:#374151;box-shadow:0 0 0 3px #0000001f}.dateInput{width:100%;box-sizing:border-box;padding:8px 12px;height:44px;min-height:44px;line-height:24px;background:transparent;border:0;border-radius:0;color:#111827}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}input[type=time]::-webkit-calendar-picker-indicator:hover{background:#00000014}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #00000059}50%{box-shadow:0 0 0 8px #0000}}:focus-visible{outline:2px solid #374151;outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:100000}.skip-link:focus{position:fixed!important;left:16px!important;top:16px!important;width:auto!important;height:auto!important;overflow:visible!important;background:#374151;color:#fff;padding:12px 20px;border-radius:8px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px #00000059}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){:focus-visible{outline:3px solid currentColor;outline-offset:3px}button,a{text-decoration:underline}}button,a,[role=button],input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::selection{background:#00000026;color:#111827}.tripNameInput::selection{background:#ffffff4d;color:#fff}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 3px #ffffffe6,0 0 0 6px #0000002e}50%{box-shadow:0 0 0 4px #ffffffb3,0 0 0 9px #00000014}}@keyframes tutorial-bounce{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-5px)}}button,a,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}input,textarea,select{font-size:16px!important}.expense-form-row{grid-template-columns:1fr 120px}.packlist-add-row{grid-template-columns:200px 1fr auto}.packlist-filter-row{grid-template-columns:1fr 200px}@media (max-width: 768px){button{padding:12px 20px;min-height:48px}body{overflow-x:hidden}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;max-width:100%}[role=dialog],.modal{max-width:100vw!important;margin:0!important;border-radius:18px 18px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.container{padding:12px!important}body{font-size:16px;line-height:1.5}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}.expense-form-row,.packlist-add-row,.packlist-filter-row{grid-template-columns:1fr!important}.budget-view-toggle button{padding:6px 10px!important;font-size:12px!important}}@media (max-width: 480px){.container{padding:8px!important}[style*="padding: 24px"]{padding:16px!important}[style*="fontSize: 24"]{font-size:20px!important}.status-pill{font-size:11px!important;padding:4px 8px!important}}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.browser-only{display:none!important}}*:focus-visible{outline:2px solid #2d7aff;outline-offset:2px}@media (prefers-contrast: high){button,a{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.swipeable{touch-action:pan-y;user-select:none;-webkit-user-select:none}.swipe-hint{opacity:.6;font-size:12px;text-align:center;padding:8px;color:#666}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite}.pull-to-refresh{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-100%);transition:transform .3s ease;z-index:9998}.pull-to-refresh.visible{transform:translateY(0)}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:18px 18px 0 0;padding:20px;box-shadow:0 -4px 20px #00000026;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:9999;max-height:90vh;overflow-y:auto}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{width:40px;height:4px;background:#ddd;border-radius:2px;margin:0 auto 16px}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.snap-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.snap-scroll>*{scroll-snap-align:start}.slide-in{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (orientation: landscape) and (max-height: 500px){.container{padding-top:8px!important;padding-bottom:8px!important}[role=dialog],.modal{max-height:90vh!important;overflow-y:auto}}@media (min-width: 768px) and (max-width: 1024px){.tablet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}button{min-height:44px}}@media (prefers-color-scheme: dark){.skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#1a1a1a,#2a2a2a 75%)}.bottom-sheet{background:#1a1a1a;box-shadow:0 -4px 20px #00000080}.bottom-sheet-handle{background:#444}}
