:root{--bg-color: hsl(220, 15%, 8%);--card-bg: hsla(220, 15%, 15%, .7);--text-primary: #ffffff;--text-secondary: hsla(0, 0%, 100%, .6);--accent-yellow: hsl(45, 100%, 55%);--accent-teal: hsl(175, 100%, 45%);--border-color: hsla(0, 0%, 100%, .08);--timeline-rail: hsla(0, 0%, 100%, .1);--glass-blur: blur(15px);--font-main: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.5;padding-bottom:80px;overflow-x:hidden}#app{max-width:500px;margin:0 auto;min-height:100vh;position:relative}header{padding:24px 20px;background:linear-gradient(to bottom,var(--bg-color),transparent);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.header-top{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.header-title{font-size:1.1rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--accent-teal);text-shadow:0 0 20px hsla(180,100%,35%,.3)}.timeline{padding:0 20px;position:relative}.timeline:before{content:"";position:absolute;left:36px;top:0;bottom:0;width:2px;background:var(--timeline-rail)}.day-section{margin-bottom:40px;position:relative}.day-title{display:flex;align-items:center;gap:16px;margin-bottom:24px}.day-icon{width:32px;height:32px;background:var(--card-bg);border:2px solid var(--timeline-rail);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;position:relative}.day-icon.completed{background:var(--accent-yellow);border-color:var(--accent-yellow);color:var(--bg-color)}.day-icon.active{background:var(--accent-teal);border-color:var(--accent-teal)}.day-info h2{font-size:1.1rem;font-weight:700;text-transform:uppercase}.day-info p{font-size:.75rem;color:var(--text-secondary);font-weight:600}.event-card{margin-left:56px;background:var(--card-bg);border-radius:16px;padding:16px;margin-bottom:16px;border:1px solid var(--border-color);display:flex;gap:16px;position:relative;transition:transform .2s;cursor:pointer}.event-card:active{transform:scale(.98)}.event-image{width:60px;height:60px;border-radius:12px;object-fit:cover;background:#333}.event-details{flex:1}.event-time{font-size:.7rem;font-weight:600;color:var(--text-secondary);margin-bottom:2px}.event-name{font-size:1rem;font-weight:700;margin-bottom:2px}.event-location{font-size:.75rem;color:var(--text-secondary)}.chevron{opacity:.3;align-self:center}nav.bottom-bar{position:fixed;bottom:0;left:0;right:0;height:80px;background:#16181dcc;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;justify-content:space-around;align-items:center;padding:0 20px;border-top:1px solid var(--border-color);z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:.65rem;font-weight:700;text-transform:uppercase;text-decoration:none}.nav-item.active{color:var(--accent-teal)}.add-btn{width:56px;height:56px;background:var(--accent-teal);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-30px;box-shadow:0 4px 20px #00b3b366;color:#fff;border:none}.detail-view{position:absolute;top:0;left:0;right:0;background:var(--bg-color);min-height:100vh;z-index:200;animation:fadeIn .3s ease-out}.hero-section{position:relative;height:40vh;width:100%;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 40%,rgba(18,22,31,1) 95%);display:flex;flex-direction:column;justify-content:space-between;padding:20px}header{background:#14141ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px 20px;border-bottom:1px solid rgba(255,215,0,.1);position:relative;top:0;z-index:100;text-align:center}.back-btn{width:44px;height:44px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.hero-header{margin-bottom:10px}.hero-meta{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:4px}.hero-title{font-size:1.8rem;font-weight:800;line-height:1.1;margin-bottom:4px}.hero-address{font-size:.8rem;color:var(--accent-yellow);margin-bottom:8px;font-weight:600;opacity:.9}.hero-date{font-size:.8rem;opacity:.5}.detail-content{padding:0 20px 40px}.action-button.primary{background:var(--accent-yellow);color:#000;width:100%;padding:16px;border-radius:12px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:1rem;margin-bottom:30px;box-shadow:0 10px 20px #ffbf0033}.detail-card{background:var(--card-bg);border-radius:16px;padding:20px;margin-bottom:24px;border:1px solid var(--border-color)}.detail-card h3{font-size:1.1rem;margin-bottom:16px}.arrival-route{padding-left:10px}.route-step{display:flex;gap:20px;padding-bottom:20px;position:relative}.route-step.mid{padding-bottom:40px}.step-dot{width:12px;height:12px;border-radius:50%;background:#ccc;z-index:2;margin-top:4px}.step-dot.yellow{background:var(--accent-yellow)}.step-dot.pin{border-radius:50% 50% 50% 0;transform:rotate(-45deg);width:14px;height:14px;margin-left:-1px}.step-line{position:absolute;left:5px;top:16px;bottom:-4px;width:2px;background:var(--timeline-rail)}.step-line.yellow{background:var(--accent-yellow)}.step-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;opacity:.5;margin-bottom:2px}.step-value{font-size:.9rem;font-weight:600}.cost-card{background:#ffbf000d;border:1px solid rgba(255,191,0,.2);border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cost-label{font-size:.75rem;opacity:.6}.cost-amount{font-size:1.5rem;font-weight:700;color:var(--accent-yellow)}.cost-detail{font-size:.75rem;opacity:.6}.cost-icon{font-size:1.5rem;opacity:.8}.sub-timeline{border-left:2px solid var(--timeline-rail);padding-left:20px;margin-left:5px}.sub-timeline-item{margin-bottom:20px}.sub-time{color:var(--accent-yellow);font-weight:700;font-size:.75rem;margin-bottom:2px}.sub-label{font-weight:700}.sub-detail{font-size:.8rem;opacity:.6}.pro-tip-card{background:#ffffff08;border-left:4px solid var(--accent-yellow);padding:16px;border-radius:0 12px 12px 0;margin-bottom:24px}.pro-tip-title{font-size:.7rem;font-weight:800;color:var(--accent-yellow);margin-bottom:8px;letter-spacing:.05em}.pro-tip-text{font-size:.85rem;line-height:1.6;opacity:.8}.recommendation-card{background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:12px}.rec-name{font-weight:700;display:flex;align-items:center;gap:8px}.rec-rating{font-weight:700;color:var(--accent-yellow);font-size:.8rem}.rec-detail{font-size:.75rem;opacity:.5;margin-bottom:10px}.rec-btn{display:inline-block;background:#ffbf001a;color:var(--accent-yellow);padding:6px 16px;border-radius:20px;font-size:.7rem;text-decoration:none;font-weight:700}.status-tag{font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:800;margin-left:8px}.status-next{color:var(--accent-teal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.event-card{animation:fadeIn .5s ease-out forwards}.logistics-bar{display:flex;background:#ffffff08;border:1px solid var(--border-color);border-radius:16px;padding:16px;margin-bottom:20px}.log-item{flex:1;text-align:center}.log-divider{width:1px;background:var(--border-color);margin:0 16px}.log-label{font-size:.6rem;font-weight:800;color:var(--accent-teal);letter-spacing:.1em;margin-bottom:4px}.log-value{font-size:1rem;font-weight:700}.entrance-card{display:flex;align-items:center;gap:16px;background:linear-gradient(90deg,rgba(175,255,230,.05) 0%,transparent 100%);border:1px solid var(--border-color);padding:16px;border-radius:16px;margin-bottom:24px}.ent-icon{font-size:1.5rem}.ent-label{font-size:.6rem;font-weight:800;opacity:.6;letter-spacing:.05em;margin-bottom:2px}.ent-value{font-size:.85rem;font-weight:600;line-height:1.4}.highlight-callout{background:var(--accent-yellow);color:#000;padding:20px;border-radius:16px;margin-bottom:24px;box-shadow:0 10px 30px #ffc61a26}.hi-tag{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;opacity:.8}.hi-text{font-size:1.1rem;font-weight:700;line-height:1.3}.logistics-text{display:flex;gap:10px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px dashed var(--border-color);font-size:.8rem;color:var(--text-secondary);line-height:1.4}.detail-view .hero-section{height:45vh}.detail-view .hero-header{background:linear-gradient(to top,rgba(8,8,8,1) 15%,transparent 100%);width:100%;padding:60px 20px 24px;position:absolute;bottom:0;left:0}.detail-view .back-btn{position:absolute;top:20px;left:20px;z-index:100;background:#0000004d}.detail-view .hero-title{font-size:2.2rem;text-shadow:0 4px 12px rgba(0,0,0,.5)}.festive-header-container{padding:30px 20px 20px;background:linear-gradient(180deg,#14141e,#0a0a0f00);text-align:center}.festive-title-group{display:flex;flex-direction:column;gap:6px;align-items:center}.festive-super{font-size:.75rem;font-weight:800;letter-spacing:.3em;color:var(--accent-teal);text-transform:uppercase;font-family:Inter,sans-serif;opacity:.9}.festive-main{font-family:Inter,system-ui,sans-serif;font-size:3rem;line-height:.9;font-weight:900;text-transform:uppercase;margin:12px 0;background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fdb931;filter:drop-shadow(0 0 10px rgba(253,185,49,.3))}.festive-sub{font-size:1rem;font-weight:600;color:#ffffffe6;font-style:italic;background:#ffffff1a;padding:8px 12px;border-radius:8px;display:inline-block;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.arrival-route{padding:20px;background:#00ffd508;border-radius:16px;border:1px solid rgba(0,255,213,.1)}.route-step{display:flex;gap:16px;position:relative}.route-step.mid{padding:16px 0}.step-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;z-index:2;position:relative}.step-dot.yellow{background:var(--accent-yellow);box-shadow:0 0 15px #ffd70066}.step-dot.pin:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px}.step-line{position:absolute;left:9px;top:20px;bottom:-16px;width:3px;background:#ffd7004d;z-index:1}.step-line.yellow{background:linear-gradient(to bottom,#ffd70066,#00ffd566)}.step-label{font-size:.75rem;font-weight:700;letter-spacing:.5px;color:var(--accent-teal);margin-bottom:4px}.step-value{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.step-detail{font-size:.85rem;color:var(--text-secondary)}.rec-rating{font-size:.85rem;color:var(--accent-yellow);margin-left:8px}.bottom-bar .nav-item span:last-child,.bottom-bar .nav-item span.nav-label{display:none!important}.bottom-bar .nav-item span:first-child{font-size:1.8rem!important;margin:0;filter:grayscale(1) opacity(.6);transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-bar .nav-item.active span:first-child,.bottom-bar .nav-item:hover span:first-child{filter:grayscale(0) opacity(1);transform:scale(1.1)}.bottom-bar .add-btn{font-size:1.8rem!important;margin:0;filter:grayscale(1) opacity(.6);transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent!important;box-shadow:none!important;margin-top:0!important}.bottom-bar .add-btn:hover{filter:grayscale(0) opacity(1);transform:scale(1.15)}.bottom-bar{padding:12px 0!important}