:root{--ink:#153d35;--muted:#667b75;--paper:#f7f5ee;--white:#fff;--line:#dfe5df;--accent:#dd6e4b;--soft:#e9eee7;--shadow:0 12px 35px #173b3220}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}button,input,textarea,select{font:inherit}button{cursor:pointer}.top{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:24px;position:sticky;top:0;z-index:500}.logo{border:0;background:none;color:var(--ink);font:600 25px Fraunces}.logo span{color:var(--accent);margin-left:4px}.top #tripHeading{flex:1}.top #tripHeading b{display:block}.top #tripHeading small{color:var(--muted)}.icon-btn,.ghost{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 13px;color:var(--ink)}.primary{background:var(--ink);color:white;border:0;border-radius:10px;padding:12px 17px;font-weight:700}.danger{color:#a83232}.network{position:fixed;z-index:900;right:73px;top:22px;font-size:11px;color:#368765}.network.offline{color:#bb5e40}.home{max-width:1100px;margin:auto;padding:55px 24px 120px}.home-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.kicker{font-size:11px;letter-spacing:1.7px;color:var(--muted);font-weight:700;text-transform:uppercase}h1,h2,h3{font-family:Fraunces;margin:0}h1{font-size:45px}.trip-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.home-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative}.cover{height:155px;background-size:cover;background-position:center;position:relative}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#102e2677)}.cover .days{position:absolute;z-index:2;right:14px;top:14px;background:#ffffffdf;padding:7px 10px;border-radius:20px;font-size:11px;font-weight:700}.card-body{padding:20px}.card-body h2{font-size:25px}.meta{font-size:12px;color:var(--muted);margin:6px 0 18px}.card-actions{display:flex;gap:8px}.card-actions .primary{flex:1}.workspace{display:grid;grid-template-columns:minmax(380px,48%) 1fr;height:calc(100vh - 66px)}.map-pane{position:sticky;top:66px;height:calc(100vh - 66px)}#map{height:100%;background:#dce5dc}.map-tools{position:absolute;z-index:450;top:14px;left:14px;right:14px;display:flex;gap:8px;pointer-events:none}.map-tools>*{pointer-events:auto;background:white;border:0;box-shadow:var(--shadow);padding:10px;border-radius:9px}.timeline{overflow:auto;padding:25px 28px 120px}.trip-tabs{display:flex;gap:5px;overflow:auto;margin-bottom:22px;padding-bottom:8px}.trip-tabs button{white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:9px 11px;border-radius:8px;font-size:12px}.trip-tabs button.active{background:var(--ink);color:#fff}.day-head{display:flex;align-items:end;justify-content:space-between;margin:28px 0 13px}.day-head h2{font-size:25px}.day-head p{margin:3px 0;color:var(--muted);font-size:12px}.item-list{min-height:40px}.item-card{background:#fff;border:1px solid var(--line);border-radius:12px;margin:8px 0;padding:14px;display:grid;grid-template-columns:60px 33px 1fr auto;gap:10px;align-items:start;box-shadow:0 3px 12px #173b320d}.item-card[draggable=true]{cursor:grab}.item-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #dd6e4b33}.item-time{font-size:12px;font-weight:700}.type-icon{width:31px;height:31px;border-radius:9px;background:var(--soft);display:grid;place-items:center}.item-card h3{font:700 14px 'DM Sans';margin:0}.item-card p{font-size:11px;color:var(--muted);margin:4px 0}.item-actions button{border:0;background:none;padding:3px}.travel{margin:-4px 0 -4px 83px;font-size:10px;color:var(--muted);border-left:1px dashed #95a69f;padding:8px}.add-item{width:100%;border:1px dashed #aab8b2;color:var(--ink);background:transparent;border-radius:10px;padding:11px;margin-top:8px}.ideas{background:#e8eee8;padding:15px;border-radius:13px;margin-top:26px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:14px}.panel h2{font-size:24px;margin-bottom:14px}.row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.row .grow{flex:1}.tag{font-size:10px;background:var(--soft);padding:5px 8px;border-radius:20px}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.empty b{display:block;font:600 30px Fraunces;color:var(--ink);margin:12px}dialog{border:0;border-radius:16px;padding:0;width:min(620px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 30px 90px #0b28236e}dialog::backdrop{background:#102e27aa;backdrop-filter:blur(4px)}#modalBody{padding:28px}.modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.modal-head h2{font-size:30px}.close{border:0;background:none;font-size:24px}.field{display:grid;gap:7px;margin:13px 0;font-size:12px;font-weight:700}.field input,.field textarea,.field select{border:1px solid #cbd5ce;border-radius:8px;padding:12px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.form-error{color:#a83232;background:#fff0ed;border-radius:8px;padding:0;font-size:12px}.form-error:not(:empty){padding:10px;margin-top:10px}.share-link{display:flex;gap:8px;margin:8px 0}.share-link input{flex:1;min-width:0;border:1px solid var(--line);padding:10px;border-radius:8px;color:var(--muted)}#toast{position:fixed;z-index:1000;bottom:85px;right:25px;background:var(--ink);color:white;padding:13px 18px;border-radius:10px;transform:translateY(180px);transition:.3s}#toast.show{transform:none}.bottom-nav{display:none}.leaflet-popup-content{font-family:'DM Sans'}:focus-visible{outline:3px solid #e8a48d;outline-offset:2px}@media(max-width:760px){.top{height:58px;padding:0 14px}.network{top:60px;right:10px;background:#fff;padding:5px;border-radius:5px}.workspace{display:block;height:auto}.map-pane{position:relative;top:0;height:34vh;min-height:230px}.timeline{padding:18px 14px 95px;overflow:visible}.trip-tabs{display:none}.item-card{grid-template-columns:49px 31px 1fr auto;padding:12px}.travel{margin-left:70px}.bottom-nav{position:fixed;z-index:700;bottom:0;left:0;right:0;height:67px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:none;color:var(--muted);font-size:10px;display:grid;place-items:center;gap:2px}.bottom-nav b{font-size:20px}.bottom-nav .active{color:var(--accent)}.home{padding:35px 15px 90px}.home-head{align-items:start}.home-head h1{font-size:34px}.home-head .primary{font-size:0}.home-head .primary:after{content:'＋';font-size:20px}.form-grid{grid-template-columns:1fr}.map-pane.expanded{height:calc(100vh - 58px);position:fixed;inset:58px 0 0;z-index:650}.logo{font-size:21px}.top #tripHeading small{display:none}}.role-badge{font:700 9px 'DM Sans';text-transform:uppercase;letter-spacing:.8px;color:var(--accent);background:#dd6e4b18;border:1px solid #dd6e4b55;border-radius:20px;padding:3px 7px;margin-left:6px;vertical-align:2px}.day-strip{display:flex;gap:7px;overflow:auto;padding:2px 1px 12px;position:sticky;top:0;background:var(--paper);z-index:20}.day-strip button{min-width:48px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px;color:var(--muted);display:grid;gap:1px}.day-strip button b{font-size:14px}.day-strip button span{font-size:9px;text-transform:uppercase}.day-strip button.active{border-color:var(--accent);background:var(--accent);color:#fff}.day{border-left:3px solid transparent;padding-left:14px}.day.selected-day{border-left-color:var(--accent)}.day-empty{border:1px dashed #b6c2bc;border-radius:12px;padding:20px;text-align:center;color:var(--muted);display:grid;gap:5px}.day-empty b{color:var(--ink)}.day-empty .add-item{max-width:220px;margin:10px auto 0}.item-card.transport-card{border-left:4px solid #4d7e95;background:#f8fbfc}.item-card.transport-card .type-icon{background:#dcebf0}.item-detail{display:none;padding:12px 0 2px;border-top:1px solid var(--line);margin-top:11px}.item-card.expanded .item-detail{display:block}.item-card.expanded .expand{transform:rotate(180deg)}.provider{font-size:9px;font-weight:700;color:#527268;background:#edf2ef;border-radius:4px;padding:3px 5px;display:inline-block}.has-booking{font-size:8px;color:var(--accent)}.detail-links,.move-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.detail-links a,.detail-links button,.move-tools button,.move-tools select{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:7px;padding:7px 9px;font-size:10px;text-decoration:none}.ideas{border:1px dashed #97aaa1}.ideas:before{content:'Not confirmed';float:right;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.travel{display:flex;gap:6px;align-items:center;background:#eef3f1;border-left:3px solid #91aaa0;border-radius:0 7px 7px 0}.nav-add b{background:var(--accent);color:#fff!important;width:45px;height:45px;border-radius:50%;display:grid!important;place-items:center;font-size:27px!important;box-shadow:0 5px 16px #dd6e4b55;margin-top:-20px}.map-empty{position:absolute;z-index:440;left:50%;top:50%;transform:translate(-50%,-50%);background:#fffffff0;padding:16px;border-radius:10px;text-align:center;box-shadow:var(--shadow);max-width:220px}.map-empty b{display:block}.skeleton{animation:pulse 1.3s infinite alternate;background:#e4e9e5;border-radius:8px}@keyframes pulse{to{opacity:.45}}@media(max-width:760px){.day-strip{top:0;margin:-3px -14px 10px;padding:8px 14px;background:#f7f5eef5}.day{padding-left:9px}.map-pane{height:30vh;min-height:205px}.item-card{font-size:14px}.item-actions{display:grid}.move-tools button,.move-tools select{min-height:40px}.top #tripHeading b{font-size:12px}.role-badge{display:inline-block}.share-link{flex-wrap:wrap}.share-link input{flex-basis:100%}dialog{margin-bottom:max(12px,env(safe-area-inset-bottom));max-height:86vh;overflow:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
