
/* Homepage v0.2.0 — approved bright travel design */
:root{--cream:#fbfcfa;--ink:#062e40;--navy:#0c5063;--mint:#04b7c4;--coral:#ff7262;--yellow:#ffc63b}
body{background:#f8fcff}
.home-active .topbar{display:none}
.home-active main{padding:0 0 22px}
.travel-home{padding-bottom:12px}
.travel-cover{position:relative;overflow:hidden;min-height:295px;background:linear-gradient(#047cc22f,#044b64b8),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1100&q=85') center 42%/cover no-repeat;color:white;text-align:center;padding:14px 20px 32px}
.travel-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(#084e6140,#02425850 60%,#00283b55);pointer-events:none}
.travel-cover>*{position:relative;z-index:1}
.cover-controls{display:flex;align-items:center;justify-content:space-between;height:40px}
.cover-controls button{border:0;color:white;background:#0792abbe;border-radius:14px;font-size:24px;width:45px;height:43px}
.cover-controls>span{font-size:33px;transform:rotate(-17deg)}
.cover-mountains{font-size:24px;opacity:.94;margin:6px 0 0}
.travel-cover h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(33px,9vw,54px);line-height:.98;letter-spacing:-.8px;text-shadow:0 4px 10px #053644c2;margin:12px auto 12px;font-weight:900;color:#fffae9}
.cover-line{height:5px;width:min(78%,315px);margin:15px auto;border-radius:100%;background:#ffd681;transform:rotate(-2deg);box-shadow:0 3px 9px #9d670051}
.travel-cover p{font-size:clamp(12px,3.8vw,17px);line-height:1.3;font-weight:650;text-shadow:0 2px 5px #083e49e0;margin:13px 8px 0}
.cover-decor{display:flex;justify-content:space-between;font-size:37px;padding:0 16px;position:absolute;bottom:9px;left:0;right:0}
.travel-nums{position:relative;z-index:2;background:white;border-radius:19px;margin:-8px 10px 16px;padding:14px 4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));box-shadow:0 9px 22px #16445a24}
.travel-nums>div{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;font-size:clamp(10px,3vw,14px);color:#06394c;padding:1px 3px}
.travel-nums>div+div{border-left:1px solid #e0e9ed}
.travel-nums b{font-weight:950;color:#00a9b9;font-size:clamp(16px,4.5vw,24px)}
.travel-nums>div:nth-child(2) b{color:#fa705d}.travel-nums>div:nth-child(3) b{color:#f4ae00}
.travel-upcoming{position:relative;overflow:hidden;min-height:155px;margin:12px;border-radius:23px;background:#bcf3fb url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=900&q=85') center/cover no-repeat;box-shadow:0 8px 20px #00597720}
.upcoming-copy{position:relative;min-height:155px;width:67%;background:linear-gradient(110deg,#ffffff 67%,#d1fafdcb);border-radius:22px 40px 42px 22px;padding:18px 7px 13px 15px;color:#083e4c}
.upcoming-copy strong{font-size:clamp(10px,2.6vw,14px);white-space:nowrap}
.upcoming-copy h2{font-size:clamp(22px,5.5vw,32px);line-height:1.08;font-weight:950;margin:12px 0 8px;overflow-wrap:anywhere}
.upcoming-copy p{font-size:clamp(11px,3vw,15px);margin:0;color:#477780;font-weight:700;line-height:1.3}
.upcoming-open{position:absolute;right:6px;bottom:8px;border:0;border-radius:99px;width:39px;height:39px;background:#ff705e;color:white;font-size:25px;box-shadow:0 5px 10px #d64c5461}
.travel-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:14px 12px}
.shortcut{position:relative;border:0;border-radius:20px;overflow:hidden;isolation:isolate;padding:11px;color:white;text-align:left;box-shadow:0 9px 17px #0a5a6c1e;min-height:118px}
.shortcut b{position:relative;z-index:2;font-size:clamp(17px,4.5vw,24px);font-weight:900;line-height:1.06;text-shadow:0 2px 4px #13505b33}
.shortcut .tile-art{position:relative;z-index:1;display:block;font-size:clamp(38px,11vw,72px);filter:drop-shadow(0 4px 5px #12505b37)}
.shortcut-journeys{grid-column:span 4;background:linear-gradient(128deg,#0ed0c5,#0785c0);display:flex;align-items:center;justify-content:space-around}
.shortcut-journeys .tile-art{font-size:60px}
.shortcut-packing{grid-column:span 2;background:linear-gradient(135deg,#ff9a88,#ff6e65);display:flex;flex-direction:column;justify-content:space-around}
.shortcut-packing .tile-art{align-self:end}
.shortcut-budget,.shortcut-journal,.shortcut-world{grid-column:span 2;min-height:145px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-around}
.shortcut-budget{background:linear-gradient(120deg,#ffd76a,#ffb927)}.shortcut-journal{background:linear-gradient(120deg,#64ddc1,#17bba6)}.shortcut-world{background:linear-gradient(120deg,#6bd7ff,#13a9e7)}
.shortcut-budget .tile-art,.shortcut-journal .tile-art,.shortcut-world .tile-art{font-size:61px}
.travel-dreams-title{margin:21px 16px 13px;display:flex;justify-content:space-between;align-items:center;gap:4px}
.travel-dreams-title h2{font-size:clamp(20px,5.3vw,27px);margin:0;color:#0a3142;white-space:nowrap;letter-spacing:-.5px}
.travel-dreams-title h2:first-letter{color:#ff7966}
.travel-dreams-title button{border:0;background:transparent;font-size:clamp(10px,2.8vw,14px);white-space:nowrap;color:#096c85;font-weight:800;padding:5px 0}
.travel-dreams{margin:0 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.dream-photo{height:142px;position:relative;border:0;border-radius:18px;background-color:#09b9c0;background-position:center;background-size:cover;overflow:hidden;text-align:left;display:block;min-width:0}
.dream-photo:before{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#051d2cae)}
.dream-photo b{position:absolute;left:8px;bottom:12px;color:white;font-weight:900;font-size:clamp(12px,3.5vw,17px);text-shadow:0 2px 6px #001e2f99;overflow-wrap:anywhere}
.dream-heart{position:absolute;right:8px;top:3px;font-size:26px;color:#fff;text-shadow:0 2px 6px #004458}
.dream-bali{background-image:url('https://images.unsplash.com/photo-1537996194471-e657df975ab4?auto=format&fit=crop&w=500&q=75')}
.dream-japan{background-image:url('https://images.unsplash.com/photo-1493976040374-85c8e12f0c0e?auto=format&fit=crop&w=500&q=75')}
.dream-italy{background-image:url('https://images.unsplash.com/photo-1498307833015-e7b400441eb8?auto=format&fit=crop&w=500&q=75')}
.travel-caption{margin:12px 16px;color:#567980;font-size:12px}
.home-storage{margin:16px 12px 2px;padding:13px;background:#ebfaf9;border-radius:14px;font-size:11px;line-height:1.5;color:#416b70}
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));border-radius:24px 24px 0 0;border:0;box-shadow:0 -7px 22px #1d4f6d20}
.nav-btn{color:#083c4d;min-width:0}.nav-btn.active{color:#047c91}.nav-ico{font-size:27px}
.nav-plus{transform:translateY(-10px)}.nav-plus .nav-ico{background:#ff7164;color:white!important;font-size:38px;width:51px;height:51px;line-height:49px;border-radius:99px;box-shadow:0 4px 13px #e8665666}
@media(min-width:650px){.travel-cover{min-height:360px}.travel-shortcuts,.travel-dreams{margin-left:24px;margin-right:24px}.travel-upcoming{margin-left:24px;margin-right:24px}.shortcut{min-height:170px}.shortcut-budget,.shortcut-journal,.shortcut-world{min-height:190px}.dream-photo{height:200px}}

/* v0.3.0 — точнее к утверждённому красочному макету, без скучных emoji */
:root{--cream:#fffefa;--ink:#063b4b;--navy:#063a4c;--mint:#0dbcc2;--coral:#ff7063;--yellow:#ffc736}
.travel-home{background:linear-gradient(180deg,#fffdfa 0%,#fafdff 100%);padding-bottom:105px}
.home-active main{padding:0!important}
.travel-cover{height:clamp(265px,75vw,385px);min-height:0;display:flex;flex-direction:column;justify-content:center;padding:48px 12px 34px;background-image:linear-gradient(180deg,#075e812a 0%,#00668811 36%,#073c6152 100%),url('https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=1400&q=90');background-position:center,center 52%;background-size:cover}
.travel-cover::before{background:none}
.cover-controls{position:absolute;top:12px;left:15px;right:15px;z-index:5}
.cover-controls button{width:45px;height:45px;border-radius:14px;background:#00a0b3ce;box-shadow:0 5px 15px #0039482e}
.cover-controls>span{position:relative;top:2px;right:7px;filter:drop-shadow(0 4px 3px #133a5655)}
.travel-cover h1{font-size:clamp(35px,9.6vw,62px);line-height:.91;letter-spacing:-1.3px;margin:10px auto 5px;max-width:680px;text-shadow:0 3px 8px #002e49ab,0 0 3px #002e4980;font-family:Georgia,'Times New Roman',serif;font-weight:900;color:#fff3dc}
.cover-mountains{font-size:0;margin:0 auto 0;height:38px;width:90px}
.cover-mountains::before{content:"";display:block;width:95px;height:41px;background:linear-gradient(135deg,transparent 36%,#fff 36% 42%,transparent 42%) 8px 0/50px 41px no-repeat,linear-gradient(45deg,transparent 36%,#fff 36% 42%,transparent 42%) 44px 0/50px 41px no-repeat;filter:drop-shadow(0 2px 2px #003d5d70)}
.cover-line{height:4px;width:74%;max-width:340px;margin:14px auto 13px;background:#ffdc83;box-shadow:0 3px 7px #00556890;border-radius:70% 35% 70% 35%;transform:rotate(-1deg)}
.travel-cover p{font-size:clamp(13px,3.7vw,21px);font-weight:700;line-height:1.24;margin:0 auto;max-width:430px;color:#fff;text-shadow:0 2px 7px #002f51cf}
.cover-decor{z-index:1;position:absolute;left:0;right:0;bottom:2px;display:flex;justify-content:space-between;align-items:end;padding:0 4px;height:101px;pointer-events:none}
.cover-decor span{font-size:0;display:block;width:clamp(72px,24vw,137px);height:clamp(76px,24vw,135px);background-repeat:no-repeat;background-position:center;background-size:contain}
.cover-decor span:first-child{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22shadow%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22170%25%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%225%22%20stdDeviation%3D%224%22%20flood-color%3D%22%2308364f%22%20flood-opacity%3D%22.28%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23shadow)%22%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2280%22%20r%3D%2266%22%20fill%3D%22%238d5a21%22%20stroke%3D%22%23f5ce7b%22%20stroke-width%3D%228%22%2F%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2280%22%20r%3D%2255%22%20fill%3D%22%23eaf3e7%22%20stroke%3D%22%23633d19%22%20stroke-width%3D%225%22%2F%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2280%22%20r%3D%2245%22%20fill%3D%22none%22%20stroke%3D%22%23677c7e%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22m80%2033%2011%2047-11%2047-11-47Z%22%20fill%3D%22%23e95e53%22%2F%3E%3Cpath%20d%3D%22m80%20127%2011-47-11-47-11%2047Z%22%20fill%3D%22%23176e94%22%2F%3E%3Cpath%20d%3D%22m33%2080%2047-11%2047%2011-47%2011Z%22%20fill%3D%22%23154c65%22%2F%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2280%22%20r%3D%227%22%20fill%3D%22%23ffd264%22%20stroke%3D%22%23876126%22%20stroke-width%3D%222%22%2F%3E%3Ctext%20x%3D%2280%22%20y%3D%2228%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22serif%22%20fill%3D%22%23294659%22%3EN%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E");transform:rotate(-18deg) translate(-7px,12px)}
.cover-decor span:last-child{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22shadow%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22170%25%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%225%22%20stdDeviation%3D%224%22%20flood-color%3D%22%2308364f%22%20flood-opacity%3D%22.28%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22rotate(12%2080%2080)%22%20filter%3D%22url(%23shadow)%22%3E%3Crect%20x%3D%2232%22%20y%3D%2214%22%20width%3D%22103%22%20height%3D%22138%22%20rx%3D%229%22%20fill%3D%22%23772d4d%22%20stroke%3D%22%23491f36%22%20stroke-width%3D%225%22%2F%3E%3Cpath%20d%3D%22M46%2024h76v113H46Z%22%20stroke%3D%22%23b98661%22%20fill%3D%22none%22%20stroke-width%3D%222%22%20opacity%3D%22.7%22%2F%3E%3Ctext%20x%3D%2283%22%20y%3D%2247%22%20text-anchor%3D%22middle%22%20font-family%3D%22serif%22%20font-weight%3D%22bold%22%20font-size%3D%2213%22%20fill%3D%22%23ffd985%22%3E%D0%9F%D0%90%D0%A1%D0%9F%D0%9E%D0%A0%D0%A2%3C%2Ftext%3E%3Ccircle%20cx%3D%2283%22%20cy%3D%2289%22%20r%3D%2226%22%20fill%3D%22none%22%20stroke%3D%22%23ffd985%22%20stroke-width%3D%223%22%2F%3E%3Cellipse%20cx%3D%2283%22%20cy%3D%2289%22%20rx%3D%2212%22%20ry%3D%2226%22%20fill%3D%22none%22%20stroke%3D%22%23ffd985%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M57%2089h52m-47-13h42m-42%2027h42%22%20stroke%3D%22%23ffd985%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22m70%20128%2026%200%22%20stroke%3D%22%23ffd985%22%20stroke-width%3D%223%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");transform:rotate(5deg) translate(14px,12px);width:clamp(82px,26vw,146px)}
.travel-nums{border-radius:22px;margin:-3px 10px 12px;padding:17px 5px;box-shadow:0 10px 30px #174e6733;gap:0}
.travel-nums>div{font-size:clamp(11px,3.1vw,19px);gap:5px}
.travel-nums b{font-size:clamp(16px,5vw,27px)}
.travel-nums>div:nth-child(1){color:#057d99}
.travel-nums>div:nth-child(2){color:#ff675e}
.travel-nums>div:nth-child(3){color:#e4a900}
.travel-upcoming{margin:12px 12px 13px;min-height:125px;border-radius:23px;background-image:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1100&q=90');background-position:center 45%;box-shadow:0 10px 24px #06768e1f}
.travel-upcoming::after{content:"✈";position:absolute;top:10px;left:69%;font-size:27px;color:white;text-shadow:0 2px 5px #005b7780;transform:rotate(-19deg)}
.upcoming-copy{min-height:125px;width:65%;background:linear-gradient(100deg,#fffef9 55%,#ecffffee 90%);border-radius:22px 44% 34% 22px;padding:14px 5px 13px 15px}
.upcoming-copy strong{font-size:clamp(10px,2.8vw,15px);color:#12444d}
.upcoming-copy h2{font-size:clamp(22px,6.8vw,36px);margin:12px 0 7px;color:#053b4c;line-height:1.03}
.upcoming-copy p{font-size:clamp(11px,3.4vw,17px);color:#3c7077;line-height:1.2;padding-right:25px}
.upcoming-open{background:#ff6c60;width:37px;height:37px;right:9px;bottom:9px;box-shadow:0 4px 14px #ff645a7a}
.travel-shortcuts{grid-template-columns:repeat(6,minmax(0,1fr));margin:13px 12px;gap:9px}
.shortcut{height:108px;min-height:0;border-radius:21px;padding:12px;box-shadow:0 10px 22px #0a597e20}
.shortcut b{font-size:clamp(16px,4.7vw,26px);text-shadow:0 2px 3px #00456720}
.shortcut .tile-art{font-size:0!important;display:block;flex:none;filter:none;width:100px;height:98px;background-size:contain;background-repeat:no-repeat;background-position:center;transform:none}
.shortcut-journeys{background:linear-gradient(135deg,#13c7ce 0%,#0096b7 95%)}
.shortcut-journeys .tile-art{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22shadow%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22170%25%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%225%22%20stdDeviation%3D%224%22%20flood-color%3D%22%2308364f%22%20flood-opacity%3D%22.28%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23shadow)%22%3E%3Cpath%20d%3D%22M11%2037%2059%2022%20102%2041%20148%2022%20146%20127%20101%20145%2057%20126%2011%20142Z%22%20fill%3D%22%23f7f0cc%22%20stroke%3D%22%23e9d6a3%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M58%2023v103l43%2018V41Z%22%20fill%3D%22%23b8e7c4%22%2F%3E%3Cpath%20d%3D%22m102%2041%2046-19-2%20105-45%2017Z%22%20fill%3D%22%23e6ebc1%22%2F%3E%3Cpath%20d%3D%22M24%20106c27-53%2042%2012%2072-27%2014-17%2026%204%2043-28%22%20fill%3D%22none%22%20stroke%3D%22%2343b7c9%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%224%2012%22%2F%3E%3Cpath%20d%3D%22M116%2032c-17%200-30%2013-30%2030%200%2021%2030%2056%2030%2056s30-35%2030-56c0-17-13-30-30-30Z%22%20fill%3D%22%23ff665d%22%20stroke%3D%22%23fff6f2%22%20stroke-width%3D%224%22%2F%3E%3Ccircle%20cx%3D%22116%22%20cy%3D%2261%22%20r%3D%2211%22%20fill%3D%22%23ffebcd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");width:clamp(98px,30vw,155px);height:110px;margin-left:-13px}
.shortcut-journeys::before{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#05637f7a,transparent),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=700&q=65') center 78%/cover;opacity:.28}
.shortcut-packing{background:linear-gradient(135deg,#ff988c,#ff7267);justify-content:flex-start}
.shortcut-packing .tile-art{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22shadow%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22170%25%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%225%22%20stdDeviation%3D%224%22%20flood-color%3D%22%2308364f%22%20flood-opacity%3D%22.28%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22gold%22%20x2%3D%221%22%20y2%3D%22.2%22%3E%3Cstop%20stop-color%3D%22%23ffb326%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ffe077%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff9d09%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23shadow)%22%3E%3Crect%20x%3D%2258%22%20y%3D%2213%22%20width%3D%2245%22%20height%3D%2221%22%20rx%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%23a5620e%22%20stroke-width%3D%228%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2230%22%20width%3D%22105%22%20height%3D%22115%22%20rx%3D%2220%22%20fill%3D%22url(%23gold)%22%20stroke%3D%22%23ef850e%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M52%2038v97m16-98v96m18-96v97m17-96v97%22%20stroke%3D%22%23ffdf7b%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.9%22%2F%3E%3Crect%20x%3D%2238%22%20y%3D%2248%22%20width%3D%2286%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23fff9bb%22%20opacity%3D%22.4%22%2F%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%22143%22%20r%3D%2210%22%20fill%3D%22%23474960%22%2F%3E%3Ccircle%20cx%3D%22122%22%20cy%3D%22143%22%20r%3D%2210%22%20fill%3D%22%23474960%22%2F%3E%3Cpath%20d%3D%22m47%2088%2021-25%2022%2027Z%22%20fill%3D%22%2378e3dc%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22m58%2080%2010-17%2012%2018Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M100%20105q-8-26%2013-32%2022%209%202%2034%22%20fill%3D%22%2329b96f%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M109%2091v23%22%20stroke%3D%22%239f5d28%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");width:clamp(87px,30vw,132px);height:clamp(85px,30vw,125px);position:absolute;right:-12px;bottom:-12px}
.shortcut-packing b{align-self:flex-start;z-index:2}
.shortcut-budget,.shortcut-journal,.shortcut-world{height:133px;min-height:0;justify-content:flex-end;gap:0;padding-bottom:14px}
.shortcut-budget{background:linear-gradient(135deg,#ffe081,#ffb924)}
.shortcut-journal{background:linear-gradient(135deg,#66dec1,#22c0a4)}
.shortcut-world{background:linear-gradient(135deg,#6dd9ff,#08a6ef)}
.shortcut-budget .tile-art,.shortcut-journal .tile-art,.shortcut-world .tile-art{width:clamp(75px,24vw,120px);height:clamp(81px,26vw,127px);position:absolute;top:-8px;left:50%;transform:translateX(-50%)}
.shortcut-budget .tile-art{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22shadow%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22170%25%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%225%22%20stdDeviation%3D%224%22%20flood-color%3D%22%2308364f%22%20flood-opacity%3D%22.28%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23shadow)%22%3E%3Cellipse%20cx%3D%2253%22%20cy%3D%22124%22%20rx%3D%2244%22%20ry%3D%2211%22%20fill%3D%22%23bd7908%22%20opacity%3D%22.3%22%2F%3E%3Cg%20fill%3D%22%23ffcc40%22%20stroke%3D%22%23e69314%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M21%2098h62v11q-31%2013-62%200Z%22%2F%3E%3Cpath%20d%3D%22M21%2085h62v12q-31%2013-62%200Z%22%2F%3E%3Cpath%20d%3D%22M21%2072h62v12q-31%2013-62%200Z%22%2F%3E%3Cellipse%20cx%3D%2252%22%20cy%3D%2272%22%20rx%3D%2231%22%20ry%3D%2212%22%20fill%3D%22%23ffe17a%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M50%2037Q50%2024%2063%2023h68q14%200%2014%2016v80q0%2016-14%2016H64q-16%200-16-16Z%22%20fill%3D%22%23794118%22%20stroke%3D%22%234b280f%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M58%2034h70q6%200%206%207v11H58Z%22%20fill%3D%22%23ab7038%22%2F%3E%3Crect%20x%3D%2292%22%20y%3D%2279%22%20width%3D%2257%22%20height%3D%2236%22%20rx%3D%2210%22%20fill%3D%22%23b56f31%22%20stroke%3D%22%23744217%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%22131%22%20cy%3D%2297%22%20r%3D%226%22%20fill%3D%22%23edc16c%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.shortcut-journal .tile-art{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22shadow%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22170%25%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%225%22%20stdDeviation%3D%224%22%20flood-color%3D%22%2308364f%22%20flood-opacity%3D%22.28%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23shadow)%22%3E%3Cpath%20d%3D%22M13%2043Q47%2026%2078%2049v91Q45%20120%2013%20137Z%22%20fill%3D%22%23fff4d9%22%20stroke%3D%22%23aa7848%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M78%2049q31-23%2070-7v94q-34-15-70%204Z%22%20fill%3D%22%23fff3db%22%20stroke%3D%22%23aa7848%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M78%2050v89%22%20stroke%3D%22%23c1945d%22%20stroke-width%3D%225%22%2F%3E%3Crect%20x%3D%2227%22%20y%3D%2254%22%20width%3D%2242%22%20height%3D%2250%22%20rx%3D%222%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(-8%2046%2070)%22%2F%3E%3Crect%20x%3D%2230%22%20y%3D%2256%22%20width%3D%2237%22%20height%3D%2239%22%20rx%3D%222%22%20fill%3D%22%2367bee4%22%20transform%3D%22rotate(-8%2046%2070)%22%2F%3E%3Cpath%20d%3D%22M31%2093%2044%2074%2053%2084%2066%2069v27Z%22%20fill%3D%22%234eaa80%22%2F%3E%3Cpath%20d%3D%22M92%2071h44m-44%209h44m-44%209h26%22%20stroke%3D%22%23d1b698%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M106%20110c-18-15-26%209%200%2021%2026-12%2018-36%200-21Z%22%20fill%3D%22none%22%20stroke%3D%22%23fa786b%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22m136%2047-16%2076%22%20stroke%3D%22%23037c85%22%20stroke-width%3D%2211%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m136%2047-16%2076%22%20stroke%3D%22%234dc0c4%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22m120%20123-6%2010%22%20stroke%3D%22%23cb9a46%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.shortcut-world .tile-art{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20160%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22shadow%22%20x%3D%22-30%25%22%20y%3D%22-30%25%22%20width%3D%22160%25%22%20height%3D%22170%25%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%225%22%20stdDeviation%3D%224%22%20flood-color%3D%22%2308364f%22%20flood-opacity%3D%22.28%22%2F%3E%3C%2Ffilter%3E%3CradialGradient%20id%3D%22sea%22%20cx%3D%22.3%22%20cy%3D%22.25%22%20r%3D%22.8%22%3E%3Cstop%20stop-color%3D%22%236ce1ff%22%2F%3E%3Cstop%20offset%3D%22.85%22%20stop-color%3D%22%23138fdf%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230755a5%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23shadow)%22%3E%3Ccircle%20cx%3D%2279%22%20cy%3D%2273%22%20r%3D%2261%22%20fill%3D%22url(%23sea)%22%20stroke%3D%22%230b85ad%22%20stroke-width%3D%225%22%2F%3E%3Cpath%20d%3D%22M31%2039%2052%2029%2069%2037%2076%2054%2064%2064%2054%2056%2049%2078%2037%2080%2025%2068Z%22%20fill%3D%22%235fd37b%22%2F%3E%3Cpath%20d%3D%22m68%2084%2021-9%2023%2010%204%2020-18%2011-11%2019-13-11-10-24Z%22%20fill%3D%22%2345bd74%22%2F%3E%3Cpath%20d%3D%22m102%2026%2021%208%2015%2018-16%2012-18-11-7-13Z%22%20fill%3D%22%2362d38a%22%2F%3E%3Ccircle%20cx%3D%2279%22%20cy%3D%2273%22%20r%3D%2261%22%20fill%3D%22none%22%20stroke%3D%22%239ef0f8%22%20stroke-width%3D%223%22%20opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M16%2075q62%2030%20123-7%22%20fill%3D%22none%22%20stroke%3D%22%23ffffffb5%22%20stroke-width%3D%223%22%20stroke-dasharray%3D%225%206%22%2F%3E%3Cpath%20d%3D%22M54%2028c-12%200-20%209-20%2019%200%2015%2020%2032%2020%2032s20-17%2020-32c0-10-9-19-20-19Z%22%20fill%3D%22%23ff5d57%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2254%22%20cy%3D%2246%22%20r%3D%226%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M122%2075c-11%200-19%209-19%2019%200%2013%2019%2032%2019%2032s19-19%2019-32c0-10-8-19-19-19Z%22%20fill%3D%22%23ff7260%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%22122%22%20cy%3D%2293%22%20r%3D%226%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M80%20134v16m-28%200h56%22%20stroke%3D%22%23c58d42%22%20stroke-width%3D%227%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.shortcut-budget b,.shortcut-journal b,.shortcut-world b{position:relative;z-index:2;font-size:clamp(16px,5vw,24px)}
.travel-dreams-title{margin:18px 13px 12px}
.travel-dreams-title h2{font-size:clamp(20px,5.8vw,28px);letter-spacing:-.5px}
.travel-dreams-title button{font-size:clamp(12px,3.1vw,16px)}
.travel-dreams{gap:9px;margin:0 12px}
.dream-photo{height:120px;border-radius:19px;box-shadow:0 5px 12px #114b5f16}
.dream-photo b{font-size:clamp(13px,4vw,19px)}
.travel-caption,.home-storage{display:none}
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));box-shadow:0 -8px 28px #12496c22;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0;background:#fffc}
.nav-btn{color:#0b3e4e;font-size:11px;gap:2px}
.nav-ico{font-size:27px;line-height:30px}
.nav-btn.active .nav-ico{border-radius:14px;background:#d1f4ef;min-width:47px}
.nav-plus .nav-ico{background:#ff7060;width:54px;height:54px;box-shadow:0 6px 17px #f47a6a77}
@media(max-width:355px){.travel-nums>div{gap:2px;font-size:9px}.travel-nums b{font-size:16px}.travel-cover h1{font-size:34px}.upcoming-copy strong{font-size:9px}.travel-dreams-title h2{font-size:19px}}
@media(min-width:650px){.travel-cover{height:370px}.travel-shortcuts{margin-left:25px;margin-right:25px}.shortcut{height:160px}.shortcut-budget,.shortcut-journal,.shortcut-world{height:180px}.travel-upcoming{margin-left:24px;margin-right:24px;min-height:170px}.upcoming-copy{min-height:170px}.dream-photo{height:200px}.travel-dreams{margin-left:24px;margin-right:24px}}



/* v0.3.1 — keep hero text clear of compass/passport on Samsung and smaller screens */
.travel-cover .cover-mountains,
.travel-cover > h1,
.travel-cover .cover-line,
.travel-cover > p {
  transform: translateY(-14px);
}
.travel-cover > p {
  position: relative;
  z-index: 3;
  max-width: min(92%, 360px);
  text-wrap: balance;
}
.travel-cover .cover-decor {
  bottom: -14px;
  height: 76px;
  padding: 0 4px;
  z-index: 2;
}
.travel-cover .cover-decor span:first-child {
  width: clamp(54px, 15vw, 78px);
  height: clamp(54px, 15vw, 78px);
  transform: rotate(-15deg) translate(-6px, 9px);
}
.travel-cover .cover-decor span:last-child {
  width: clamp(55px, 16vw, 82px);
  height: clamp(67px, 20vw, 98px);
  transform: rotate(6deg) translate(9px, 12px);
}
@media (max-width: 420px) {
  .travel-cover > p {
    font-size: clamp(12px, 3.5vw, 16px);
    line-height: 1.28;
  }
}
