:root{--ink:#173c39;--muted:#667a76;--paper:#fcfaf4;--cream:#f3eee2;--line:#dedbd0;--lime:#c8ec61;--coral:#ed795d;--gold:#efa94e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif;font-size:14px}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(36px,calc((100vw - 1220px)/2));background:#fffdf8}.brand{font-weight:700;font-size:20px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px}.brand-mark{background:var(--ink);color:var(--lime);border-radius:8px;width:31px;height:31px;display:grid;place-items:center;font-size:17px}.trip-chip{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#4a5b57}.trip-chip button,.icon-btn,.card-title button{border:0;background:transparent;color:var(--ink);font-size:17px;cursor:pointer}.status-dot{height:7px;width:7px;border-radius:50%;background:#bada56}.header-actions{display:flex;align-items:center;gap:14px}.avatar{height:32px;width:32px;border:0;border-radius:50%;background:#efc16e;color:var(--ink);font-weight:bold}main{max-width:1220px;margin:auto;padding:0 26px 55px}.hero{min-height:266px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:1.3px;color:#74857d;margin:0 0 10px}.hero h1{font:600 38px/1.18 'Playfair Display','Noto Sans SC',serif;margin:0;color:var(--ink);letter-spacing:-.6px}.hero h1 em{color:#e76f54;font-style:italic}.intro{color:var(--muted);max-width:495px;line-height:1.75;margin:15px 0 0}.route-art{height:235px;width:405px;position:relative;flex:none}.route-art svg{position:absolute;width:100%;height:100%;z-index:2}.route{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:5 7}.plane{fill:var(--coral)}.sun{position:absolute;width:124px;height:124px;background:#f4c764;border-radius:50%;right:75px;top:45px;opacity:.85}.cloud{position:absolute;border-radius:20px;background:#d8e5dc;width:78px;height:23px;z-index:1}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:36px;height:36px;left:14px;bottom:8px}.cloud:after{width:24px;height:24px;left:42px;bottom:5px}.cloud-1{top:48px;left:28px}.cloud-2{bottom:35px;right:9px;transform:scale(.7)}.stamp{position:absolute;right:1px;bottom:2px;border:1px solid var(--ink);color:var(--ink);padding:5px 8px;font:10px/1.1 'DM Mono';transform:rotate(-8deg);z-index:3}.stamp b{font-size:15px}.planner-card{background:var(--ink);color:white;padding:19px 20px;display:grid;grid-template-columns:1.25fr 1fr .8fr auto;align-items:end;gap:15px;border-radius:4px;box-shadow:0 14px 24px #23433b18}.field label{font-size:11px;color:#c1d0c5;display:block;margin:0 0 8px}.input-wrap{border:1px solid #54706b;border-radius:3px;height:42px;display:flex;align-items:center;padding:0 11px;gap:8px}.input-wrap span{color:var(--lime);font-size:18px}.input-wrap input{min-width:0;width:100%;font:14px 'Noto Sans SC';color:#fff;background:transparent;border:0;outline:0}.plan-button{background:var(--lime);color:var(--ink);border:0;border-radius:3px;height:42px;padding:0 19px;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap}.plan-button span{font-size:19px;margin-left:8px}.content-head{display:flex;align-items:end;justify-content:space-between;padding:45px 0 22px}.content-head h2{font:600 28px 'Playfair Display','Noto Sans SC';margin:0 0 6px}.muted{color:var(--muted);margin:0;font-size:13px}.content-actions{display:flex;gap:8px}.secondary-btn{background:transparent;border:1px solid #cbd3ce;padding:8px 12px;border-radius:3px;color:var(--ink);font-family:inherit;cursor:pointer}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px}.timeline-panel{border:1px solid var(--line);background:#fffefb;border-radius:4px}.timeline-toolbar{border-bottom:1px solid var(--line);padding:0 17px;display:flex;justify-content:space-between;align-items:center}.days{display:flex;gap:20px;overflow:auto}.day-tab{padding:15px 1px 12px;border:0;border-bottom:2px solid transparent;background:none;color:#82908b;font:11px 'DM Mono';cursor:pointer;white-space:nowrap}.day-tab b{display:block;font-size:13px;margin-top:3px;color:inherit}.day-tab.active{color:var(--ink);border-color:var(--coral)}.view-btn{border:0;background:var(--cream);font:12px 'Noto Sans SC';padding:6px 8px;color:var(--ink)}.day-overview{display:flex;justify-content:space-between;align-items:center;padding:22px 25px 14px}.date-label{font:11px 'DM Mono';color:#84918b}.day-overview h3{margin:5px 0 0;font-size:17px}.weather{color:#d4902d}.timeline{padding:0 25px}.item{display:grid;grid-template-columns:62px 19px 1fr;min-height:83px;position:relative}.item:not(:last-child) .dot-line:after{content:"";position:absolute;width:1px;background:#d4dad4;top:17px;bottom:-2px;left:9px}.time{font:12px 'DM Mono';color:#63736e;padding-top:12px}.dot-line{position:relative}.dot{position:absolute;top:9px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:10px;z-index:1}.transport .dot{background:#d5ed86}.stay .dot{background:#f7dc99}.food .dot{background:#f7bda8}.sight .dot{background:#c4e2d8}.event-card{margin-bottom:13px;border:1px solid #e1e5df;border-radius:3px;padding:11px 13px;display:flex;justify-content:space-between;gap:13px;box-shadow:0 2px 5px #193a3310}.event-card:hover{border-color:#a7bbb1}.event-main{display:flex;gap:10px;min-width:0}.event-icon{height:30px;width:30px;flex:none;border-radius:3px;display:grid;place-items:center;font-size:16px;background:var(--cream)}.event-card h4{font-size:13px;margin:0 0 3px}.event-card p{margin:0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.event-price{font:12px 'DM Mono';color:#536963;white-space:nowrap}.tag{font-size:10px;color:#bd654e;background:#fff0ea;padding:2px 5px;border-radius:8px;margin-left:5px}.add-item{width:calc(100% - 50px);margin:1px 25px 20px;border:1px dashed #b8c7be;background:#f8faf5;padding:10px;color:#59716a;font-family:inherit;cursor:pointer}.side-panel{display:flex;flex-direction:column;gap:17px}.budget-card,.recommend-card{background:#f3eee2;border-radius:4px;padding:17px}.card-title{display:flex;justify-content:space-between;font-weight:700}.budget-number{font:600 24px 'Playfair Display';margin:15px 0 9px}.budget-number span{font:12px 'DM Mono';color:#75827b}.meter{height:6px;background:#d7d3c8;border-radius:4px;overflow:hidden}.meter i{display:block;background:var(--coral);width:96%;height:100%}.budget-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.budget-breakdown span{font-size:10px;padding:3px 5px;background:#fffdf8;color:#5d716a}.recommend-card{background:#fffefb;border:1px solid var(--line)}.recommend-sub{font-size:11px;color:var(--muted);margin:6px 0 12px}.rec{border-top:1px solid #e8e6de;padding:11px 0;display:flex;gap:9px}.rec:last-child{padding-bottom:0}.rec-icon{font-size:20px;width:25px}.rec h4{margin:0 0 3px;font-size:12px}.rec p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.rating{color:#d4882b;font:10px 'DM Mono'}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,80px);background:var(--ink);color:#fff;padding:10px 17px;border-radius:3px;opacity:0;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{display:none;position:fixed;inset:0;background:#173c397a;align-items:center;justify-content:center;z-index:9}.modal-backdrop.open{display:flex}.modal{width:min(400px,90vw);background:#fffdf8;padding:28px;border-radius:5px;position:relative}.modal h2{font:600 25px 'Playfair Display';margin:0 0 20px}.modal label{display:block;font-size:12px;color:#60736c;margin:12px 0}.modal input{width:100%;border:1px solid #ced6cf;border-radius:3px;padding:10px;margin-top:5px;font:14px 'Noto Sans SC';outline-color:#9bb1a5}.modal .plan-button{width:100%;margin-top:10px}.close{position:absolute;right:14px;top:11px;border:0;background:none;font-size:24px;color:#63736e;cursor:pointer}@media(max-width:780px){.topbar{padding:0 18px}.trip-chip{display:none}main{padding:0 16px}.hero{min-height:300px}.route-art{display:none}.hero h1{font-size:32px}.planner-card{grid-template-columns:1fr;gap:10px}.content-head{align-items:start;gap:16px;flex-direction:column;padding-top:32px}.dashboard{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1fr 1fr}.event-card p{max-width:180px}}@media(max-width:510px){.side-panel{display:block}.side-panel>*{margin-bottom:15px}.days{gap:12px}.timeline{padding:0 12px}.day-overview{padding:18px 12px 12px}.item{grid-template-columns:52px 19px 1fr}.add-item{width:calc(100% - 24px);margin-left:12px}.content-actions{width:100%}.secondary-btn{flex:1}.event-price{font-size:10px}}