:root{--ink:#243349;--muted:#68748a;--canvas:#fff9ef;--paper:#fff;--edge:#efe7de;--sea:#009a96;--deepsea:#00696c;--orange:#ff8b45;--coral:#ff6673;--pink:#ff4b91;--purple:#7757e8;--sun:#ffce56;--shadow:0 12px 35px #82685015;--font:Outfit,'DM Sans',system-ui,sans-serif;--body:'DM Sans',system-ui,sans-serif; font-family:var(--body);background:var(--canvas);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a,button,input,textarea{ -webkit-tap-highlight-color:transparent }button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--purple);outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}.app-shell{max-width:940px;min-height:100svh;margin:auto;background:var(--canvas);padding-bottom:calc(105px + env(safe-area-inset-bottom));position:relative}.topbar{height:69px;padding:11px 21px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fffaf0ee;backdrop-filter:blur(18px);z-index:40;border-bottom:1px solid #f0e4d4}.brand{display:flex;gap:10px;align-items:center;color:#27334a;font:900 22px var(--font);letter-spacing:-.8px;line-height:.84}.brand>span:last-child{display:flex;flex-direction:column}.brand-light{color:var(--pink)}.brand small{font:800 8px var(--body);letter-spacing:.23em;color:#9b92a0;margin-top:8px}.brand-symbol{height:39px;width:39px;display:grid;place-items:center;font-size:31px;color:#fff;background:linear-gradient(155deg,#ffba48,#ff5b79 67%,#ef4eaa);border-radius:13px;box-shadow:0 4px 12px #ff6a7440}.circle-btn{width:40px;height:40px;display:grid;place-items:center;background:#fff;border-radius:50%;border:1px solid #f0e4dc;font-size:22px;font-weight:800;color:var(--pink);box-shadow:0 3px 8px #a5927e15}.page{padding:20px 17px 16px;animation:rise .25s ease both}@keyframes rise{from{transform:translateY(9px);opacity:.75}to{transform:translateY(0);opacity:1}}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.19em;text-transform:uppercase;color:var(--coral)}.page-title{font:800 clamp(28px,6vw,37px)/1.12 var(--font);letter-spacing:-1px;margin:8px 0 8px}.page-subtitle{color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 17px}.hero{position:relative;min-height:370px;background:linear-gradient(90deg,#103d57d8 0,#0d6584a4 45%,#10484d11 100%),url('assets/hero.svg') center/cover;border-radius:29px;padding:26px 23px;color:white;overflow:hidden;isolation:isolate;box-shadow:0 13px 33px #007d8a36}.hero:after{content:'';position:absolute;right:-75px;bottom:-130px;width:280px;height:280px;border:40px solid #ffffff2e;border-radius:50%;pointer-events:none}.hero:before{content:'✧';position:absolute;right:28px;top:33px;font-size:48px;color:#ffe8a4;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{50%{transform:scale(1.25) rotate(20deg);opacity:.55}}.hero-top{display:inline-flex;gap:6px;align-items:center;border:1px solid #ffffff8b;background:#ffffff3c;backdrop-filter:blur(8px);padding:7px 11px;border-radius:50px;font-weight:800;font-size:10px;letter-spacing:.06em}.hero h1{font:900 clamp(46px,10vw,69px)/.95 var(--font);letter-spacing:-2px;margin:25px 0 14px;text-shadow:0 4px 25px #05365344}.hero h1 em{font-style:normal;color:#fff0a0}.hero p{font-size:14px;line-height:1.65;max-width:330px;color:#e4ffff;margin-bottom:20px}.hero-bottom{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;z-index:3}.hero-bottom span{padding:8px 11px;border-radius:20px;font-weight:800;font-size:11px;color:white;background:#ffffff35;border:1px solid #ffffff57;backdrop-filter:blur(10px)}.hero-bottom i{font-style:normal;font-size:16px;color:#fff3b4}.hero-sticker{position:absolute;right:23px;bottom:77px;color:#463c2b;display:flex;justify-content:center;align-items:center;background:#fff0a6;height:76px;width:76px;border-radius:50%;font-weight:900;font-size:11px;text-transform:uppercase;transform:rotate(13deg);line-height:1.15;text-align:center;box-shadow:0 7px 17px #10203140;z-index:2}.hero-sticker b{font-size:20px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:28px 2px 12px;gap:10px}.section-head h2{font:850 clamp(21px,4.5vw,26px) var(--font);letter-spacing:-.7px;margin:0 0 3px}.section-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.quiet-link{color:var(--pink);font-size:12px;font-weight:900;white-space:nowrap;background:#ffe8ec;padding:9px 11px;border-radius:18px;border:0}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0 5px}.stat{background:#fff;border:1px solid #f3e6da;border-radius:20px;padding:14px 5px;text-align:center;box-shadow:0 5px 18px #bc956019}.stat:nth-child(1){background:#fff2da}.stat:nth-child(2){background:#e3f8f3}.stat:nth-child(3){background:#ffebf5}.stat strong{font:900 clamp(20px,6vw,28px) var(--font);letter-spacing:-1px;display:block}.stat small{color:#777184;font-size:10px;font-weight:700}.countdown{margin:14px 0;background:linear-gradient(105deg,#7456d7,#a466e4 80%,#e28ab4);color:#fff;border-radius:20px;padding:15px 17px;display:flex;gap:13px;align-items:center;justify-content:space-between;box-shadow:0 6px 16px #7559ce24}.countdown .clock{font-size:30px}.countdown b{font:800 15px var(--font);display:block}.countdown span{font-size:11px;color:#f2eaff}.countdown a{font-size:10px;font-weight:800;background:#ffffff2b;border-radius:12px;padding:9px 10px;color:#fff}.route-card{padding:18px 15px 15px;background:#fff;border-radius:23px;border:1px solid #f1e6df;box-shadow:var(--shadow)}.route-track{display:grid;grid-template-columns:1fr 27px 1fr 27px 1fr;align-items:center;gap:2px}.route-pin{text-align:center;min-width:0}.route-pin .bubble{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 8px;font-size:25px;border-radius:18px}.route-pin:nth-child(1) .bubble{background:#fff0df}.route-pin:nth-child(3) .bubble{background:#dcf8f2}.route-pin:nth-child(5) .bubble{background:#fce7f0}.route-pin b{font:800 13px var(--font);display:block}.route-pin small{font-size:9px;color:var(--muted)}.route-dash{height:2px;border-top:2px dashed #f6a984;transform:translateY(-14px)}.card{background:var(--paper);border:1px solid #efe5df;border-radius:22px;padding:17px;margin:11px 0;box-shadow:var(--shadow)}.card h3{font:800 18px var(--font);letter-spacing:-.4px;margin:0 0 9px}.card p{color:var(--muted);font-size:12px;line-height:1.65;margin:5px 0}.day-short{display:grid;grid-template-columns:67px minmax(0,1fr) 26px;align-items:center;gap:12px;text-align:left;width:100%;padding:12px;border:1px solid #f0e6dc;background:#fff;border-radius:20px;margin:9px 0;box-shadow:0 5px 16px #bfb0a019;transition:transform .2s,box-shadow .2s}.day-short:active,.shortcut:active{transform:scale(.985)}.day-date{background:#ffeee8;border-radius:16px;min-height:70px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#d84c60}.day-short:nth-of-type(3n+2) .day-date{background:#d9f7ef;color:#007f78}.day-short:nth-of-type(3n+3) .day-date{background:#efebff;color:#7051b7}.day-date b{font:900 27px var(--font);line-height:1}.day-date small{font-size:10px;font-weight:800;letter-spacing:.14em;margin-top:5px}.day-short-text strong{font:800 15px/1.35 var(--font);display:block;letter-spacing:-.15px}.day-short-text small{display:block;font-size:11px;color:var(--muted);line-height:1.4;margin-top:5px}.day-symbol{font-size:23px;margin-right:3px}.chevron{height:25px;width:25px;display:grid;place-items:center;background:#fff5ef;border-radius:50%;color:#d96a79;font-size:23px}.notice{background:#fff1dc;border:1px solid #ffe1ae;border-left:4px solid #ffb448;border-radius:16px;padding:14px 15px;margin:14px 0;font-size:12px;line-height:1.65;color:#855426}.notice strong{color:#68401e}.notice.blue{background:#e7f8f5;color:#216f73;border-color:#b9e7df;border-left-color:#2ab2a9}.notice.pink{background:#fff0f5;color:#a43c69;border-color:#fad5e4;border-left-color:#f65c9f}.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shortcut{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:#fff;border:1px solid #f2e4df;border-radius:21px;padding:16px;min-height:134px;box-shadow:var(--shadow);transition:transform .2s}.shortcut:nth-child(4n+1){background:#fff2de}.shortcut:nth-child(4n+2){background:#e9f9f4}.shortcut:nth-child(4n+3){background:#eeebff}.shortcut:nth-child(4n){background:#ffebf3}.shortcut>span{font-size:26px;margin-bottom:5px}.shortcut b{font:800 14px var(--font)}.shortcut small{font-size:10px;color:#756f7b;line-height:1.5}.vibe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.vibe{border:1px solid #f5e3d8;border-radius:19px;background:#fff;overflow:hidden;min-width:0;box-shadow:var(--shadow)}.vibe .vibe-art{height:79px;display:grid;place-items:center;font-size:39px;background:linear-gradient(125deg,#fff1cd,#ffc1a8)}.vibe:nth-child(2) .vibe-art{background:linear-gradient(125deg,#cff9ea,#a6d5eb)}.vibe:nth-child(3) .vibe-art{background:linear-gradient(125deg,#efdeff,#ffbfd7)}.vibe b{font:800 12px var(--font);display:block;padding:11px 9px 3px}.vibe small{display:block;padding:0 9px 11px;font-size:10px;color:var(--muted)}.day-tabs{display:flex;overflow-x:auto;scrollbar-width:none;gap:9px;position:sticky;top:69px;z-index:25;background:#fff9efeb;backdrop-filter:blur(12px);padding:7px 1px 13px;margin:0 -2px}.day-tabs::-webkit-scrollbar{display:none}.day-tab{border-radius:17px;padding:10px 13px;min-width:70px;flex:0 0 auto;text-align:center;border:1px solid #f0e4d8;background:#fff;color:#777a85;box-shadow:0 3px 8px #9d776315}.day-tab b{font:900 22px var(--font);display:block;line-height:1}.day-tab small{display:block;font-size:10px;font-weight:900;margin-top:5px}.day-tab.selected{color:#fff;background:linear-gradient(135deg,#ff795c,#ff5590);border-color:#ff7080;box-shadow:0 6px 14px #ff698250}.day-intro{position:relative;border-radius:24px;padding:21px 20px;min-height:195px;color:white;overflow:hidden;background:linear-gradient(120deg,#006e78,#22c6b1)}.day-intro.day-1{background:linear-gradient(125deg,#f66069,#ffa63c)}.day-intro.day-2{background:linear-gradient(125deg,#007991,#20c7b3)}.day-intro.day-3{background:linear-gradient(125deg,#5a55c9,#c05dd8)}.day-intro.day-4{background:linear-gradient(125deg,#078b98,#49cca7)}.day-intro.day-5{background:linear-gradient(125deg,#e56a4e,#f3b64c)}.day-intro.day-6{background:linear-gradient(125deg,#9053d3,#f44e97)}.day-intro.day-7{background:linear-gradient(125deg,#007f8e,#76bdb3)}.day-intro:after{content:attr(data-emoji);position:absolute;right:-3px;bottom:-38px;font-size:143px;line-height:1;transform:rotate(-18deg);opacity:.21;pointer-events:none}.day-intro .eyebrow{color:#fff3db}.day-intro h2{font:900 29px/1.08 var(--font);letter-spacing:-.6px;margin:10px 0}.day-intro p{max-width:85%;font-size:12px;line-height:1.7;color:#fffaf4}.day-progress{display:flex;align-items:center;gap:9px;margin-top:11px;position:relative;z-index:1}.day-progress b{font-size:11px}.mini-track{background:#ffffff68;height:7px;overflow:hidden;flex:1;border-radius:20px}.mini-track>span{display:block;height:100%;background:#fff7c6;border-radius:20px;transition:width .25s}.btns{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:5px;border:1px solid #d5dad8;background:#fff;border-radius:14px;min-height:43px;padding:10px 14px;font-size:12px;font-weight:800;color:var(--deepsea);box-shadow:0 3px 9px #6b968b14}.btn.primary{background:linear-gradient(125deg,#fa6174,#fa7b59);color:#fff;border-color:#f87170}.btn.sea{background:var(--sea);border-color:var(--sea);color:#fff}.btn.soft{background:#fff0e9;color:#d25d66;border-color:#ffe0d6}.btn.full{width:100%}.btn:disabled{opacity:.6}.pill{display:inline-flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:.01em;border-radius:50px;padding:6px 10px;background:#eff6f4;color:#337f78}.pill.critical{background:#ffebe8;color:#c55053}.pill.recommend{background:#eaeaff;color:#6b5ac1}.pill.flex{background:#e9f8f5;color:#007e73}.segmented{display:flex;background:#fff0e7;padding:4px;border:1px solid #f7dfd4;border-radius:16px;gap:4px}.segmented button{flex:1;min-width:0;border:0;background:transparent;color:#8d7674;font-size:11px;font-weight:800;padding:12px 8px;border-radius:13px}.segmented button.selected{color:#fff;background:var(--coral);box-shadow:0 3px 10px #e55d6c44}.timeline{padding:8px 0}.timeline-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;position:relative;padding-bottom:12px}.timeline-item:not(:last-child):before{content:'';position:absolute;top:24px;bottom:-2px;left:13px;border-left:2px dashed #efcabd}.check-dot{appearance:none;display:block;position:relative;width:27px;height:27px;flex:0 0 27px;border-radius:10px;border:2px solid #f4c7ba;background:#fff;margin:0;cursor:pointer;z-index:1}.check-dot:checked{background:#06ad9d;border-color:#06ad9d}.check-dot:checked:after{content:'✓';position:absolute;left:5px;top:-2px;color:#fff;font-size:18px;font-weight:900}.timeline-card{background:white;border:1px solid #f0e2d8;border-radius:18px;padding:14px;min-width:0;box-shadow:0 5px 17px #d6aa8a16}.timeline-card.done{opacity:.56}.timeline-card.done h3{text-decoration:line-through}.timeline-time{font-weight:900;font-size:12px;color:var(--pink)}.timeline-card h3{font:800 16px/1.27 var(--font);letter-spacing:-.2px;margin:5px 0}.timeline-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 10px}.timeline-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.tiny-map{color:var(--deepsea);background:#e4f8f3;font-size:11px;font-weight:800;border-radius:10px;padding:8px 10px}.hotel-card{border:1px solid #ecdfd9;background:#fff;border-radius:23px;margin:12px 0;overflow:hidden;box-shadow:var(--shadow)}.hotel-visual{height:84px;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;position:relative;background:linear-gradient(110deg,#e8f6fa,#b5e9e5)}.hotel-visual.g2{background:linear-gradient(110deg,#e1f7ed,#c5f9cf)}.hotel-visual.g3{background:linear-gradient(110deg,#ffefd0,#ffcbc3)}.hotel-visual.g4{background:linear-gradient(110deg,#eee5ff,#d8d4ff)}.hotel-visual.g5{background:linear-gradient(110deg,#ffe9eb,#ffb4c8)}.hotel-visual .emoji{font-size:40px;filter:drop-shadow(0 4px 5px #00000015)}.hotel-grade{background:#ffffffb9;backdrop-filter:blur(4px);padding:7px 10px;border-radius:30px;font-size:10px;font-weight:900;color:#674e60}.hotel-body{padding:16px}.hotel-title{font:900 19px var(--font);letter-spacing:-.3px;margin:9px 0 5px}.hotel-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:5px 0 12px}.hotel-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.hotel-links{display:flex;flex-wrap:wrap;gap:7px}.hotel-links .btn{min-height:39px;padding:8px 10px;font-size:11px}.radio-pick{padding:9px 12px;border:1px solid #fad0c8;background:#fff1eb;border-radius:12px;color:#bb5362;font-size:11px;font-weight:900}.radio-pick.selected{background:#007f7a;color:#fff;border-color:#007f7a}.stay-bar{display:flex;gap:10px;align-items:center;background:#eaf8f2;padding:12px;border-radius:14px;font-size:12px;margin-top:11px}.stay-bar span{font-size:24px}.book-row{display:flex;align-items:start;gap:13px;padding:13px 0;border-bottom:1px solid #f1e7e1}.book-row:last-child{border:0}.book-title{font:800 14px/1.4 var(--font);margin:5px 0 3px}.book-note{font-size:11px;color:var(--muted);line-height:1.55}.progress-track{height:10px;border-radius:20px;background:#f4e9df;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00b6a5,#6edec9);border-radius:20px;transition:width .3s}.field{margin:14px 0}.field label{display:block;font-size:11px;font-weight:900;letter-spacing:.01em;margin:0 0 7px}.field input,.field textarea,.field select{width:100%;background:#fff;border:1px solid #eadad5;border-radius:14px;min-height:45px;padding:12px 13px;color:#253549;font-size:13px}.field textarea{resize:vertical;min-height:96px}.source-link{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f3e9e3;font-weight:800;font-size:12px;color:var(--deepsea)}.source-link:last-child{border:0}.tip-cards{display:grid;grid-template-columns:1fr;gap:11px}.tip-card{display:grid;grid-template-columns:55px 1fr;gap:11px;align-items:start;background:#fff;border-radius:18px;padding:13px;border:1px solid #f0e4dc}.tip-card .tip-emoji{font-size:25px;display:grid;place-items:center;height:52px;border-radius:15px;background:#fff0df}.tip-card:nth-child(even) .tip-emoji{background:#def8f0}.tip-card h4{font:800 15px var(--font);margin:1px 0 5px}.tip-card p{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 6px}.tip-card small{font-size:10px;font-weight:800;color:#8a7796}.tip-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px}.tip-actions button{font-weight:800;font-size:11px;background:#ffeeea;color:#cf5572;border:0;border-radius:9px;padding:9px 11px}.tip-actions button.saved{background:#e2f7f2;color:#00796e}.budget-total{font:900 32px var(--font);letter-spacing:-1px;color:#236573;margin:4px 0}.expense-line{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border-bottom:1px solid #f2e8e2;padding:11px 0;font-size:12px}.expense-line small{display:block;color:var(--muted);font-size:10px}.expense-line button{border:0;border-radius:8px;background:#fff1eb;color:#c44c5b;padding:6px}.budget-row{display:grid;grid-template-columns:1.3fr .8fr;gap:8px}.callout-strip{display:flex;gap:10px;padding:13px 15px;border-radius:16px;background:#e8f6ff;color:#276c98;font-size:12px;line-height:1.6}.bottom-nav{position:fixed;z-index:70;bottom:0;left:50%;transform:translateX(-50%);max-width:940px;width:100%;background:#ffffffed;border-top:1px solid #f0e5e0;backdrop-filter:blur(18px);padding:9px 10px calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:3px;box-shadow:0 -7px 24px #88757018}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;border-radius:17px;color:#777a85;min-height:57px;font-weight:800}.bottom-nav button span{font-size:22px;line-height:1}.bottom-nav button small{font-size:10px}.bottom-nav button.active{color:#e9566d;background:linear-gradient(140deg,#fff0e2,#ffecf4)}#toast{position:fixed;max-width:calc(100vw - 30px);left:50%;bottom:calc(97px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(15px);background:#273348;color:white;border-radius:15px;padding:12px 17px;opacity:0;pointer-events:none;transition:.2s;z-index:100;font-size:12px;text-align:center;box-shadow:0 12px 25px #0f1e2844}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.footnote{font-size:10px;color:#827f83;line-height:1.6;margin:12px 0}.link-inline{color:var(--pink);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;font-weight:800}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.gallery-card{border:1px solid #f3dfd7;border-radius:17px;overflow:hidden;min-width:0;background:#fff}.gallery-card .photo{background-size:cover;background-position:center;height:100px}.gallery-card b{display:block;padding:8px 8px 1px;font-size:11px}.gallery-card small{display:block;padding:1px 8px 9px;font-size:10px;color:var(--muted)}.checklist-inline{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checklist-inline label{display:flex;align-items:center;gap:7px;padding:11px;background:#fff;border:1px solid #f2e4df;border-radius:14px;font-size:11px}.checklist-inline input{accent-color:#06a595}.route-alert{display:grid;gap:9px}.ferry-leg{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;background:#f0faf8;border:1px solid #d1eee9;border-radius:14px}.ferry-leg strong{font:900 14px var(--font)}.ferry-leg small{color:var(--muted);font-size:10px}.anchor-mini{font-size:24px}.quick-actions{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.quick-actions button{font-size:11px;background:white;border:1px solid #f4dfd5;color:#bf5264;border-radius:13px;font-weight:800;padding:10px}.photo-credits{font-size:10px;color:#7c7985;line-height:1.8}.photo-credits a{text-decoration:underline}.option-label{display:inline-block;background:#fff0dd;border-radius:10px;font-size:10px;font-weight:900;color:#9b6b38;padding:6px 9px;margin-top:6px}.tagline{font:800 13px var(--font);color:#89728d}.share-strip{background:linear-gradient(115deg,#ff8b76,#f75493);padding:19px;border-radius:23px;color:white}.share-strip h3{font:900 19px var(--font);margin:0 0 6px}.share-strip p{font-size:12px;color:#fff0f5;line-height:1.6;margin:0 0 13px}.share-strip button{border:0;border-radius:12px;padding:11px 13px;font-size:12px;font-weight:900;background:white;color:#d9556c}
@media(min-width:650px){.page{padding:24px 34px}.topbar{padding-left:35px;padding-right:35px}.hero{min-height:405px;padding:36px}.hero h1{font-size:70px}.hero p{font-size:16px;max-width:410px}.day-short{grid-template-columns:75px 1fr 30px}.cols-2{grid-template-columns:repeat(4,1fr)}.tip-cards{grid-template-columns:1fr 1fr}.vibe .vibe-art{height:130px;font-size:52px}.gallery-card .photo{height:165px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.top-actions{display:flex;align-items:center;gap:8px}.thai-clock{font-weight:900;font-size:10px;background:#e8f8ee;color:#007e74;border-radius:11px;padding:10px 9px;white-space:nowrap}.gallery-card .photo{background-color:#b2e6df}.gallery-card:nth-child(2) .photo{background-color:#d7edc4}.gallery-card:nth-child(3) .photo{background-color:#ffd4bf}@media(max-width:355px){.thai-clock{font-size:9px;padding:9px 6px}.brand{font-size:19px}}