:root{--color-navy-rgb: 26, 54, 93;--color-gold-rgb: 217, 119, 6;--color-red-rgb: 239, 68, 68;--color-white-rgb: 255, 255, 255;--color-black-rgb: 0, 0, 0;--color-background-dark-rgb: 10, 16, 31;--color-surface-dark-rgb: 17, 27, 45;--color-gray-400-rgb: 156, 163, 175;--color-gray-500-rgb: 107, 114, 128;--color-slate-500-rgb: 100, 116, 139;--color-slate-300-rgb: 203, 213, 225;--color-gray-300-rgb: 209, 213, 219;--color-social-bg-rgb: 26, 44, 34;--color-social-bg-hover-rgb: 35, 58, 45;--color-navy: rgb(var(--color-navy-rgb));--color-gold: rgb(var(--color-gold-rgb));--color-red: rgb(var(--color-red-rgb));--color-background-dark: rgb(var(--color-background-dark-rgb));--color-surface-dark: rgb(var(--color-surface-dark-rgb));--color-surface-light: var(--color-navy);--color-text-primary: rgb(var(--color-white-rgb));--color-text-secondary: rgba(var(--color-white-rgb), .5);--color-text-muted: rgb(var(--color-gray-400-rgb));--color-text-muted-light: rgb(var(--color-gray-500-rgb));--color-text-inactive: rgb(var(--color-slate-500-rgb));--color-text-hover: rgb(var(--color-slate-300-rgb));--color-border-default: rgba(var(--color-white-rgb), .1);--color-border-subtle: rgba(var(--color-white-rgb), .05);--color-border-hover: rgba(var(--color-white-rgb), .2);--color-border-gold: rgba(var(--color-gold-rgb), .3);--color-border-gold-hover: var(--color-gold);--color-border-gold-focus: rgba(var(--color-gold-rgb), .5);--color-border-red: rgba(var(--color-red-rgb), .3);--color-overlay-white-5: rgba(var(--color-white-rgb), .05);--color-overlay-white-10: rgba(var(--color-white-rgb), .1);--color-overlay-gold-5: rgba(var(--color-gold-rgb), .05);--color-overlay-gold-10: rgba(var(--color-gold-rgb), .1);--color-overlay-gold-20: rgba(var(--color-gold-rgb), .2);--color-overlay-gold-50: rgba(var(--color-gold-rgb), .5);--color-overlay-red-15: rgba(var(--color-red-rgb), .15);--color-overlay-black-80: rgba(var(--color-black-rgb), .8);--color-overlay-black-90: rgba(var(--color-black-rgb), .9);--color-overlay-navy-40: rgba(var(--color-navy-rgb), .4);--color-overlay-navy-50: rgba(var(--color-navy-rgb), .5);--color-overlay-background-95: rgba(var(--color-background-dark-rgb), .95);--shadow-gold-neon: 0 0 15px rgba(var(--color-gold-rgb), .2);--shadow-elevated: 0 4px 14px 0 rgba(var(--color-black-rgb), .25);--shadow-xl: 0 25px 50px -12px rgba(var(--color-black-rgb), .25);--color-social-bg: rgb(var(--color-social-bg-rgb));--color-social-bg-hover: rgb(var(--color-social-bg-hover-rgb))}.icon-card{width:3.5rem;height:3.5rem;background-color:var(--color-surface-dark);border:1px solid var(--color-border-default);border-radius:1rem;display:flex;align-items:center;justify-content:center}.icon-card-hover{width:3.5rem;height:3.5rem;background-color:var(--color-surface-dark);border:1px solid var(--color-border-default);border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-elevated);transition:all .2s}.group:hover .icon-card-hover{border-color:var(--color-border-gold-focus);background-color:var(--color-overlay-white-5)}.icon-card-hover-red{width:3.5rem;height:3.5rem;background-color:var(--color-surface-dark);border:1px solid var(--color-border-default);border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-elevated);transition:all .2s}.group:hover .icon-card-hover-red{border-color:#ef444480;background-color:var(--color-overlay-white-5)}.surface-card{background-color:var(--color-surface-dark);border:1px solid var(--color-border-default);border-radius:.75rem}.surface-card-lg{background-color:var(--color-surface-dark);border:1px solid var(--color-border-default);border-radius:1rem}.surface-card-gold{background-color:var(--color-surface-dark);border:1px solid var(--color-border-gold);border-radius:1rem}.surface-card-interactive{background-color:var(--color-surface-dark);border:1px solid var(--color-border-default);border-radius:.75rem;cursor:pointer;transition:border-color .2s}.surface-card-interactive:hover{border-color:var(--color-border-hover)}.update-card{background-color:var(--color-surface-dark);padding:1rem;border-radius:.75rem;border:1px solid var(--color-border-subtle);display:flex;gap:.75rem;align-items:flex-start}.page-container{display:flex;flex-direction:column;height:100%;background-color:var(--color-background-dark);color:var(--color-text-primary);overflow-y:auto;padding-bottom:6rem}.section-header{color:var(--color-text-primary);font-weight:700;font-size:1.125rem;font-family:Playfair Display,serif}.section-header-small{font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.button-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.text-label{font-size:.625rem;font-weight:500;color:var(--color-text-muted)}.group:hover .text-label-hover{color:var(--color-text-primary)}.text-small-uppercase{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.text-meta{font-size:.75rem;color:var(--color-text-muted)}.text-meta-small{font-size:.625rem;color:var(--color-text-muted-light)}.page-header{padding:2rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,var(--color-overlay-navy-50),transparent);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.page-header-sticky{position:sticky;top:0;z-index:50;background-color:var(--color-overlay-background-95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);padding:1rem 1.5rem}.badge{padding:.25rem .75rem;border-radius:9999px;border:1px solid var(--color-border-default)}.badge-small{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-gold{background-color:var(--color-gold);color:var(--color-navy);font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:.375rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-gold-neon)}.icon-container{width:2rem;height:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-container-gold{width:2rem;height:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--color-overlay-gold-10);color:var(--color-gold)}.trip-card{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;cursor:pointer;border:1px solid var(--color-border-default)}.trip-card-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .7s}.group:hover .trip-card-image{transform:scale(1.05)}.trip-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--color-navy),var(--color-overlay-navy-40),transparent);opacity:.9}.input-surface{width:100%;background-color:var(--color-surface-dark);border:1px solid var(--color-border-default);border-radius:.75rem;padding:.75rem;font-size:.875rem;display:flex;align-items:center;height:2.875rem;transition:all .2s}.input-surface:hover{border-color:var(--color-border-gold-focus)}.input-surface:active{border-color:var(--color-border-gold-hover)}.tab-container{display:flex;padding:.25rem;background-color:var(--color-surface-dark);border-radius:.75rem;border:1px solid var(--color-border-default);position:relative}.nav-button{display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:color .2s}.nav-button-active{display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:color .2s;color:var(--color-gold)}.nav-button-inactive{display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:color .2s;color:var(--color-text-inactive)}.nav-button-inactive:hover{color:var(--color-text-hover)}.action-button{display:flex;align-items:center;justify-content:center;height:2rem;padding-left:1rem;padding-right:1rem;border-radius:9999px;background-color:var(--color-overlay-white-5);font-size:.75rem;font-weight:500;color:var(--color-text-muted);border:1px solid var(--color-border-default);transition:all .2s}.action-button:hover{background-color:var(--color-overlay-white-10)}.gold-button{width:2.5rem;height:2.5rem;background-color:var(--color-gold);color:var(--color-navy);border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-gold-neon);transition:transform .2s}.group:hover .gold-button{transform:scale(1.1)}.content-section{padding-left:1.5rem;padding-right:1.5rem;display:flex;flex-direction:column;gap:2rem}.scrollable-horizontal{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.scrollable-horizontal::-webkit-scrollbar{display:none}.scrollable-horizontal{-ms-overflow-style:none;scrollbar-width:none}.suggestion-card{min-width:10rem;position:relative;border-radius:.75rem;overflow:hidden;aspect-ratio:3 / 4;cursor:pointer;border:1px solid var(--color-border-default)}.suggestion-card-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .5s}.group:hover .suggestion-card-image{transform:scale(1.1)}.suggestion-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--color-overlay-black-80),transparent)}.navy-card,.navy-header{background-color:var(--color-navy)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:3rem;padding-left:1.5rem;padding-right:1.5rem;border-radius:.75rem;background-color:var(--color-gold);color:var(--color-navy);font-size:1rem;font-weight:700;box-shadow:var(--shadow-gold-neon);transition:all .2s;cursor:pointer}.btn-primary:hover{background-color:#d97706e6}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:flex;align-items:center;justify-content:center;width:100%;height:2.5rem;padding-left:1rem;padding-right:1rem;border-radius:.5rem;background-color:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:700;letter-spacing:.05em;transition:color .2s;cursor:pointer}.btn-secondary:hover{color:#fff}.btn-border{width:100%;padding:.75rem 1.5rem;border-radius:.75rem;border:1px solid var(--color-border-gold);background-color:transparent;color:var(--color-gold);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;transition:all .2s;cursor:pointer}.btn-border:hover{background-color:var(--color-overlay-gold-10);border-color:var(--color-border-gold-hover)}.social-button{display:flex;height:3rem;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--color-border-default);background-color:var(--color-social-bg);transition:all .2s;cursor:pointer}.social-button:hover{background-color:var(--color-social-bg-hover);border-color:var(--color-border-gold)}.input-floating{position:relative}.input-floating input{display:block;width:100%;border-radius:.5rem;border:1px solid var(--color-border-hover);background-color:transparent;padding:.75rem 1rem;font-size:.875rem;color:var(--color-text-primary);outline:none;transition:all .2s}.input-floating input:focus{border-color:var(--color-border-gold-hover);box-shadow:0 0 0 1px var(--color-border-gold-hover)}.input-floating input::placeholder{color:transparent}.input-floating label{position:absolute;left:1rem;top:50%;z-index:10;transform:translateY(-50%);font-size:.875rem;color:var(--color-text-muted);transition:all .3s;pointer-events:none;background-color:var(--color-surface-dark);padding-left:.25rem;padding-right:.25rem}.input-floating input:focus+label,.input-floating input:not(:placeholder-shown)+label{top:0;transform:translateY(-50%) scale(.75);color:var(--color-gold)}.code-input{width:100%;aspect-ratio:4 / 5;background-color:var(--color-surface-dark);border:1px solid var(--color-border-default);border-radius:.5rem;text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);outline:none;transition:all .2s;caret-color:var(--color-gold)}.code-input:focus{border-color:var(--color-border-gold-hover);box-shadow:0 0 0 1px var(--color-border-gold-hover)}.code-input.filled{border-color:var(--color-border-gold-hover);box-shadow:0 0 0 1px var(--color-border-gold-hover);background-color:var(--color-overlay-gold-5)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background-color:var(--color-overlay-black-80);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-content{width:100%;max-width:20rem;background-color:var(--color-surface-dark);border:1px solid var(--color-border-gold);border-radius:1rem;box-shadow:var(--shadow-xl);padding:1.5rem;animation:zoomIn .2s}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.settings-list{background-color:var(--color-surface-dark);border-radius:.75rem;border:1px solid var(--color-border-subtle);overflow:hidden}.settings-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;transition:background-color .2s;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05)}.settings-item:last-child{border-bottom:none}.settings-item:hover{background-color:var(--color-overlay-white-5)}.settings-item-content{display:flex;align-items:center;gap:.75rem}.settings-item-icon{color:var(--color-text-muted)}.settings-item-text{font-size:.875rem;font-weight:500}.back-button{display:flex;width:2.5rem;height:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;color:var(--color-text-primary);transition:background-color .2s;cursor:pointer}.back-button:hover{background-color:var(--color-overlay-white-10)}.conflict-card{display:flex;flex-direction:column;background-color:var(--color-surface-dark);border-radius:.75rem;border:1px solid var(--color-border-red);overflow:hidden;position:relative;box-shadow:0 0 15px var(--color-overlay-red-15)}.conflict-card:before{content:"";position:absolute;top:0;left:0;width:.25rem;height:100%;background-color:var(--color-red)}.vibe-option-card{position:relative;flex:1;width:100%;border-radius:1rem;overflow:hidden;outline:none;transition:all .5s;cursor:pointer;min-height:12rem}.vibe-option-card:focus{box-shadow:0 0 0 4px var(--color-border-gold-focus)}.vibe-option-card:hover{transform:scale(1.01)}.vibe-option-card:active{transform:scale(.99)}.vibe-option-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .7s}.group:hover .vibe-option-image{transform:scale(1.1)}.vibe-option-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--color-overlay-black-90),rgba(0,0,0,.2),transparent);opacity:.8;transition:opacity .2s}.group:hover .vibe-option-overlay{opacity:.6}.divider{position:relative;display:flex;align-items:center;padding-top:.5rem;padding-bottom:.5rem;flex-shrink:0}.divider:before,.divider:after{content:"";flex-grow:1;border-top:1px solid rgba(255,255,255,.1)}.divider-text{margin-left:1rem;margin-right:1rem;font-size:.75rem;font-weight:500;color:var(--color-text-muted-light);text-transform:uppercase}