:root{--bg-color:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#38bdf8;--accent-hover:#0ea5e9;--card-bg:#1e293bb3;--border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);background-blend-mode:overlay;color:var(--text-main);background-image:radial-gradient(circle at 100% 0,#1e1b4b,#0f172a),url(https://images.unsplash.com/photo-1493976040374-85c8e12f0c0e?q=80&w=2070&auto=format&fit=crop);background-position:50%;background-size:cover;background-attachment:fixed;height:100vh;font-family:Outfit,-apple-system,sans-serif;overflow:hidden}.app-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aa6;grid-template-columns:320px 1fr 380px;height:100vh;transition:grid-template-columns .4s cubic-bezier(.4,0,.2,1);display:grid}.app-container.todo-collapsed{grid-template-columns:320px 1fr 0}.sidebar{border-right:1px solid var(--border);background:#0f172a66;flex-direction:column;gap:2.5rem;padding:2.5rem 2rem;display:flex;overflow-y:auto}.logo{letter-spacing:-1px;font-size:2.5rem;font-weight:800}.logo span{color:var(--accent);font-weight:300}.timeline-nav{flex-direction:column;gap:1rem;display:flex}.nav-item{cursor:pointer;background:var(--card-bg);border:1px solid #0000;border-radius:16px;padding:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{border-color:var(--border);background:#2d3748cc;transform:translate(8px)}.nav-item.active{border-color:var(--accent);background:#38bdf826;box-shadow:0 0 25px #38bdf81a}.nav-item .date{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.nav-item .title{font-size:1.2rem;font-weight:600}.content{padding:3.5rem;animation:.6s ease-out fadeIn;overflow-y:auto}.hero-card{background:var(--card-bg);border:1px solid var(--border);border-radius:28px;margin-bottom:2rem;padding:3.5rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0009}.hero-card:before{content:"";background:linear-gradient(90deg,#38bdf8,#a855f7,#ec4899);width:100%;height:6px;position:absolute;top:0;left:0}.hero-card h2{background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.hero-card p.subtitle{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.3rem}.info-panels{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}.info-panel{background:#0f172a80;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:1.2rem;padding:1.5rem;display:flex}.accommodation-panel{border-left:4px solid #ec4899}.transport-panel{border-left:4px solid #10b981}.panel-icon{background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;min-width:80px;padding:1rem;font-size:2.5rem;display:flex}.panel-content h4{color:var(--text-main);margin-bottom:.4rem;font-size:1.1rem}.panel-content .desc{color:var(--text-muted);margin-bottom:.5rem;font-size:.95rem;line-height:1.4}.panel-content .budget{color:#38bdf8;font-size:.85rem;font-weight:600}.map-container{background:#000;border:1px solid #ffffff14;border-radius:20px;width:100%;height:300px;margin-bottom:2.5rem;overflow:hidden;box-shadow:0 10px 30px #0000004d}.details-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.detail-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:2rem;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative}.detail-box:hover{background:#ffffff0d;transform:translateY(-5px)}.detail-box h3{color:var(--accent);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.detail-box p{color:#e2e8f0;line-height:1.6}.clickable-highlight{cursor:pointer}.clickable-highlight:hover{border-color:#38bdf8;box-shadow:0 10px 20px #38bdf826}.click-hint{color:#38bdf8;opacity:0;align-items:center;gap:5px;margin-top:1rem;font-size:.8rem;font-weight:600;transition:opacity .3s;display:flex}.clickable-highlight:hover .click-hint{opacity:1}.todo-panel{border-left:1px solid var(--border);background:#0f172a80;padding:2.5rem;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s;overflow-y:auto}.todo-collapsed .todo-panel{opacity:0;pointer-events:none;border:none;padding:0;transform:translate(100%)}.todo-panel h2{margin-bottom:2rem;font-size:1.8rem;font-weight:600}.todo-group{margin-bottom:2.5rem}.todo-group h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1.2rem;font-size:.95rem}.todo-item{background:var(--card-bg);border:1px solid #0000;border-radius:16px;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1.2rem;transition:all .2s;display:flex}.todo-item:hover{border-color:var(--border);transform:scale(1.02)}.todo-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:1.4rem;height:1.4rem;margin-top:.25rem}.todo-item label{cursor:pointer;flex:1;font-size:.95rem;line-height:1.5}.todo-item input[type=checkbox]:checked+label{color:var(--text-muted);text-decoration:line-through}.priority-0{border-left:4px solid #ef4444}.priority-1{border-left:4px solid #f97316}.priority-2{border-left:4px solid #eab308}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}