@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--ocean:#087e91;--deep:#063f50;--coral:#ff7058;--sand:#f7f2e6;--palm:#238567;--ink:#17343a;--muted:#728084;--card:#fffefa;--line:#054e581a}*{box-sizing:border-box}html{background:#dce6e5}body{color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{background:linear-gradient(145deg,#f8f3e8 0%,#fff 52%,#eff8f6 100%);max-width:520px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.ambient{filter:blur(2px);pointer-events:none;border-radius:50%;position:fixed}.ambient-one{background:#087e9117;width:280px;height:280px;top:-100px;right:calc(50% - 360px)}.ambient-two{background:#ff705812;width:220px;height:220px;bottom:80px;left:calc(50% - 340px)}.topbar{z-index:2;justify-content:space-between;align-items:center;height:84px;padding:17px 20px 10px;display:flex;position:relative}.topbar h1{letter-spacing:.02em;margin:0;font-size:20px}.thai-kicker{color:var(--ocean);font-size:11px;font-weight:700;line-height:1;display:block}.round-button{background:#ffffffbf;border:0;border-radius:50%;width:42px;height:42px;font-size:22px;box-shadow:0 8px 24px #063f5014}.screen{z-index:1;padding:4px 18px 106px;position:relative}.stack{flex-direction:column;gap:16px;display:flex}.hero-card{color:#fff;background:linear-gradient(138deg,#074a5b 0%,#088ba0 72%,#19a5ab 100%);border-radius:31px;min-height:230px;padding:24px;position:relative;overflow:hidden;box-shadow:0 22px 38px #0444503b}.sun-orb{background:linear-gradient(145deg,#ffd275,#ffac4d);border-radius:50%;width:65px;height:65px;position:absolute;top:29px;right:34px;box-shadow:0 0 45px #ffc25470}.wave{border:20px solid #ffffff1c;border-radius:50%;width:590px;height:115px;position:absolute;left:-30px}.wave-a{bottom:-78px;transform:rotate(-4deg)}.wave-b{border-width:2px;bottom:-47px;left:70px}.eyebrow{letter-spacing:.18em;color:#ffffffb8;margin:0 0 24px;font-size:10px;font-weight:800}.eyebrow.dark{color:var(--ocean);margin:0 0 6px}.hero-label{color:#ffffffc7;margin:0 0 2px;font-size:13px}.hero-card h2{letter-spacing:-.04em;margin:0;font-size:40px;line-height:1.2}.hero-copy{color:#ffffffbf;margin:5px 0 18px;font-size:13px}.weather-pill{background:#ffffff1f;border:1px solid #ffffff21;border-radius:99px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;display:inline-flex}.hotel-card{text-align:left;background:#ffffffc7;border:1px solid #ffffffbf;border-radius:22px;align-items:center;gap:13px;width:100%;padding:15px;display:flex;box-shadow:0 11px 28px #074b5514}.grow{flex:1;min-width:0}.hotel-card b,.feature b{font-size:14px;display:block}.hotel-card small,.feature small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;display:block;overflow:hidden}.chevron{color:#9babac;font-size:28px}.icon-tile{color:#fff;border-radius:15px;flex:none;place-items:center;width:45px;height:45px;font-size:21px;font-weight:800;display:grid;box-shadow:0 8px 16px #00000014}.ocean{background:linear-gradient(145deg,#0b96a9,#087286)}.coral{background:linear-gradient(145deg,#ff8a6d,#f75c4e)}.green{background:linear-gradient(145deg,#36a67d,#19775e)}.red{background:linear-gradient(145deg,#ff6b67,#d9404a)}.amber{background:linear-gradient(145deg,#ffba4f,#ec8d2c)}.feature-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.feature{text-align:left;background:#ffffffd1;border:0;border-radius:22px;min-height:132px;padding:15px;box-shadow:0 10px 24px #074b5512}.feature .icon-tile{margin-bottom:12px}.panel{background:#ffffffdb;border:1px solid #fffc;border-radius:24px;padding:18px;box-shadow:0 12px 30px #074b5512}.section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-heading h3,.panel h3{margin:0;font-size:18px}.section-heading p,.page-title p{color:var(--muted);margin:3px 0 0;font-size:11px}.progress{--progress:0deg;background:conic-gradient(var(--ocean) var(--progress),#087e911f 0);border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:relative}.progress:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.progress span{font-size:10px;font-weight:800;position:relative}.task{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:11px 0;font-size:13px;display:flex}.task.done>span:last-child{color:#8b999a;text-decoration:line-through}.check{color:#fff;border:1.5px solid #b6c3c3;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.task.done .check{border-color:var(--palm);background:var(--palm)}.task-icon{width:24px;color:var(--ocean);text-align:center;font-weight:800}.text-button{width:100%;color:var(--ocean);background:0 0;border:0;padding:14px 0 0;font-size:12px;font-weight:700}.page-title{padding:5px 4px 3px}.page-title h2{letter-spacing:-.04em;margin:0;font-size:29px}.map-card{background:linear-gradient(145deg,#c9ebea 0%,#8fd0d1 55%,#6db7bd 100%);border-radius:30px;height:290px;position:relative;overflow:hidden;box-shadow:0 17px 30px #0557632e}.coast{background:#f4e6c4;border-radius:45%;position:absolute}.coast-a{width:290px;height:380px;top:-60px;right:-140px;transform:rotate(-18deg)}.coast-b{width:180px;height:170px;bottom:-100px;right:-30px}.road{background:#fff7e8;border:1px solid #95774d3b;border-radius:99px;height:5px;position:absolute}.road-a{width:280px;top:130px;right:-20px;transform:rotate(72deg)}.road-b{width:210px;top:182px;right:-13px;transform:rotate(-9deg)}.sea-label{letter-spacing:.18em;color:#0546517a;font-size:9px;position:absolute;top:118px;left:24px;transform:rotate(-10deg)}.map-pin,.hotel-pin{color:var(--coral);text-shadow:0 2px 5px #0000001f;font-size:22px;position:absolute}.map-pin b,.hotel-pin b{color:var(--deep);white-space:nowrap;text-shadow:none;background:#ffffffc7;border-radius:9px;padding:4px 7px;font-size:9px;position:absolute;top:1px;left:16px}.pin-kata{top:117px;right:105px}.pin-noi{bottom:42px;right:125px}.pin-karon{top:43px;right:85px}.hotel-pin{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:16px;display:grid;top:160px;right:55px}.hotel-pin b{top:37px;left:-36px}.locate{width:42px;height:42px;color:var(--ocean);background:#fff;border:0;border-radius:14px;font-size:22px;position:absolute;bottom:16px;right:16px;box-shadow:0 7px 18px #053f4b2e}.offline-banner{background:#fff2de;border:1px solid #ffe2b5;border-radius:20px;align-items:center;gap:12px;padding:14px;display:flex}.offline-banner.saved{background:#e8f7f1;border-color:#cbeade}.offline-banner>span{color:#fff;background:#ffc866;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.offline-banner.saved>span{background:var(--palm)}.offline-banner b,.offline-banner small{display:block}.offline-banner b{font-size:13px}.offline-banner small{color:var(--muted);margin-top:3px;font-size:10px}.offline-banner button{background:var(--deep);color:#fff;border:0;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:700}.hotel-route h3{margin:4px 0}.hotel-route>div>small{color:var(--ocean);font-weight:800}.hotel-route>div>p{color:var(--muted);margin:4px 0 12px;font-size:11px}.route-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid!important}.route-actions button,.route-actions a{text-align:center;border:0;border-radius:13px;padding:11px;font-size:12px;font-weight:700;text-decoration:none}.route-actions button{color:var(--ocean);background:#e9f5f5}.route-actions a{background:var(--ocean);color:#fff}.warning{background:#fff7e7;border-radius:12px;padding:10px;line-height:1.5;color:#91672d!important;margin:12px 0 0!important}.primary-button{background:linear-gradient(135deg,var(--ocean),#0ba0a9);color:#fff;border:0;border-radius:17px;width:100%;padding:15px;font-weight:800;box-shadow:0 10px 22px #087e9133}.primary-button:disabled{opacity:.45}.poi{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:11px 0;display:flex}.poi:last-child{border-bottom:0}.poi-dot{width:36px;height:36px;color:var(--ocean);background:#e8f6f5;border-radius:12px;place-items:center;font-weight:800;display:grid}.poi b,.poi small{display:block}.poi b{font-size:13px}.poi small{color:var(--muted);margin-top:3px;font-size:9px}.poi a{color:var(--ocean);font-size:25px;text-decoration:none}.trip-progress{color:#fff;background:linear-gradient(135deg,var(--deep),var(--ocean));border-radius:24px;align-items:center;gap:15px;padding:19px;display:flex;box-shadow:0 16px 30px #063f5033}.trip-progress .progress:before{background:var(--deep)}.trip-progress b,.trip-progress small{display:block}.trip-progress small{color:#ffffffa8;margin-top:4px;font-size:10px}.task-list .task{padding:15px 0}.tip-card{background:#fff0df;border:1px solid #ffe1bf;border-radius:22px;gap:14px;padding:18px;display:flex}.tip-card>span{font-size:26px}.tip-card b{font-size:13px}.tip-card p{color:#755b3b;margin:5px 0 0;font-size:11px;line-height:1.55}.segmented{background:#087e9114;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;display:grid}.segmented button{background:0 0;border:0;border-radius:12px;padding:10px;font-size:12px;font-weight:700}.segmented button.active{color:var(--ocean);background:#fff;box-shadow:0 4px 12px #063f5014}.chips{gap:7px;padding:1px 0;display:flex;overflow:auto}.chips button{background:#edf2f0;border:0;border-radius:99px;flex:none;padding:8px 13px;font-size:11px}.chips button.active{background:var(--ocean);color:#fff}.phrase-card{background:#ffffffe6;border-radius:21px;padding:17px;box-shadow:0 9px 22px #063f500f}.phrase-card>small{color:var(--ocean);font-size:9px;font-weight:800}.phrase-card h3{margin:7px 0 5px;font-size:14px}.phrase-card strong{color:var(--deep);font-size:20px;line-height:1.4;display:block}.phrase-card>div{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.phrase-card div span{color:var(--muted);font-size:10px}.phrase-card button{width:36px;height:36px;color:var(--ocean);background:#e6f5f5;border:0;border-radius:50%;font-size:11px}.converter{color:#fff;background:linear-gradient(145deg,var(--deep),var(--ocean));border-radius:27px;padding:22px;box-shadow:0 18px 30px #063f5033}.converter label,.converter p,.converter small{color:#ffffffa8;font-size:10px;display:block}.converter>div{align-items:center;gap:9px;margin:6px 0;display:flex}.converter>div span{font-size:29px}.converter input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:38px;font-weight:800}.converter hr{border:0;border-top:1px solid #ffffff2e}.converter p{margin:12px 0 3px}.converter strong{font-size:25px}.converter small{margin-top:10px;line-height:1.5}.expense-form{gap:8px;margin:13px 0;display:flex}.expense-form input{border:1px solid var(--line);border-radius:12px;outline:0;flex:1;min-width:0;padding:11px}.expense-form button{background:var(--ocean);color:#fff;border:0;border-radius:12px;padding:0 15px;font-weight:700}.expense{border-top:1px solid var(--line);align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.expense span{flex:1}.expense button{color:#aaa;background:0 0;border:0;font-size:20px}.emergency{background:#fff;border-radius:23px;overflow:hidden;box-shadow:0 12px 28px #063f5012}.emergency a{color:var(--ink);border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:14px;text-decoration:none;display:flex}.emergency a:last-child{border-bottom:0}.emergency b,.emergency small{display:block}.emergency b{font-size:13px}.emergency small{color:var(--muted)}.emergency i{color:var(--palm);background:#e8f6f2;border-radius:9px;margin-left:auto;padding:7px 10px;font-size:10px;font-style:normal;font-weight:800}.driver-card{background:linear-gradient(145deg,#fff1de,#ffe4c6);border:1px solid #ffd8ac;border-radius:24px;padding:21px}.driver-card small{color:#9e6b36;font-weight:800}.driver-card p{font-size:22px;font-weight:800;line-height:1.45}.driver-card h3{color:var(--coral)}.driver-card span{color:#7d654d;font-size:11px}.safety-list p{border-bottom:1px solid var(--line);margin:0;padding:7px 0;font-size:12px}.safety-list p:last-child{border:0}.tabbar{z-index:20;width:min(520px,100%);padding:9px 14px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe8;border-top:1px solid #084e5914;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar button{color:#91a0a1;background:0 0;border:0;place-items:center;gap:2px;display:grid}.tabbar button span{font-size:21px;line-height:1}.tabbar button small{font-size:9px;font-weight:700}.tabbar button.active{color:var(--ocean)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04222873;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{width:min(520px,100%);max-height:90dvh;padding:22px 20px calc(24px + env(safe-area-inset-bottom));background:#fffdf8;border-radius:29px 29px 0 0;animation:.25s ease-out slide;overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-head small{color:var(--ocean);letter-spacing:.14em;font-weight:800}.modal-head h2{margin:3px 0 0}.modal-head>button{background:#edf2f1;border:0;border-radius:50%;width:36px;height:36px;font-size:24px}.modal>label,.coords label{color:var(--muted);margin:12px 0;font-size:10px;font-weight:700;display:block}.modal input{width:100%;color:var(--ink);background:#fff;border:1px solid #dde7e4;border-radius:13px;outline:0;margin-top:5px;padding:13px;font-size:13px;display:block}.modal input:focus{border-color:var(--ocean)}.coords{grid-template-columns:1fr 1fr;gap:10px;display:grid}.location-button{width:100%;color:var(--ocean);background:#e8f5f4;border:0;border-radius:13px;margin:4px 0 13px;padding:11px;font-size:11px;font-weight:700}.privacy{text-align:center;color:var(--muted);font-size:9px}.install-step{background:#f3f6f3;border-radius:16px;align-items:center;gap:14px;margin:12px 0;padding:13px;display:flex}.install-step b{background:var(--ocean);color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.install-step p{margin:0;font-size:13px}.install-step span{color:var(--ocean);font-size:20px}.install-modal .primary-button{margin-top:12px}.toast{z-index:80;background:var(--deep);color:#fff;white-space:nowrap;border-radius:99px;padding:11px 16px;font-size:11px;animation:.2s ease-out toast;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003}@keyframes slide{0%{opacity:.6;transform:translateY(35px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}}@media (min-width:600px){body{padding:24px}.app-shell{border-radius:34px;box-shadow:0 28px 70px #0f3d422e}.tabbar{border-radius:0 0 34px 34px;bottom:24px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
.hotel-actions{grid-template-columns:minmax(0,1fr) 86px;gap:9px;display:grid}.hotel-actions .hotel-card{min-width:0}.driver-shortcut{color:#fff;background:linear-gradient(145deg,#ff8a6d,#f75c4e);border:0;border-radius:22px;box-shadow:0 10px 24px #f75c4e33}.driver-shortcut span,.driver-shortcut b{display:block}.driver-shortcut span{font-size:20px}.driver-shortcut b{margin-top:5px;font-size:11px}.editable-task{border-bottom:1px solid var(--line);align-items:center;display:flex}.editable-task>button:first-child{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:11px;padding:14px 0;font-size:13px;display:flex}.editable-task.done>button:first-child>span:last-child{color:#8b999a;text-decoration:line-through}.editable-task.done .check{border-color:var(--palm);background:var(--palm)}.delete-task{color:#b3bcbc;background:0 0;border:0;border-radius:50%;width:34px;height:34px;font-size:20px}.add-task{gap:8px;margin-top:14px;display:flex}.add-task input{border:1px solid #dfe8e5;border-radius:13px;outline:0;flex:1;min-width:0;padding:12px}.add-task input:focus{border-color:var(--ocean)}.add-task button{background:var(--ocean);color:#fff;border:0;border-radius:13px;padding:0 15px;font-size:11px;font-weight:800}.rate-status{justify-content:space-between!important;margin:0 0 15px!important}.rate-status>span{background:#ffffff1f;border-radius:99px;padding:6px 9px;font-weight:800;font-size:9px!important}.rate-status>span.live{color:#9af0c6}.rate-status>span.cached{color:#ffd18b}.rate-status button{color:#fff;background:0 0;border:1px solid #fff3;border-radius:9px;padding:6px 10px;font-size:9px}.driver-card{text-align:left;width:100%;color:var(--ink);border:0}.driver-screen{z-index:100;padding:calc(28px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));color:#fff;text-align:center;background:linear-gradient(155deg,#063f50 0%,#087e91 58%,#0ba1a5 100%);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.driver-close{right:18px;top:calc(16px + env(safe-area-inset-top));color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:50%;width:42px;height:42px;font-size:27px;position:absolute}.driver-language{color:#ffffff9e;letter-spacing:.15em;margin-top:12px;font-size:9px;font-weight:800}.driver-icon{background:var(--coral);border-radius:24px;place-items:center;width:76px;height:76px;margin:28px 0 18px;font-size:25px;font-weight:800;display:grid;box-shadow:0 14px 28px #0000002e}.driver-screen>h2{margin:0;font-size:31px}.driver-cn{color:#ffffffb3;margin:7px 0 22px}.driver-screen>section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1f;border:1px solid #fff3;border-radius:26px;width:100%;max-width:430px;padding:24px 18px}.driver-screen section h1{margin:0 0 10px;font-size:27px}.driver-screen section p{margin:0 0 20px;font-size:18px;font-weight:700;line-height:1.55}.driver-screen section small,.driver-screen section strong{display:block}.driver-screen section small{color:#ffffff94;font-size:9px}.driver-screen section strong{margin:4px 0 15px;font-size:14px}.driver-screen section a{color:#fff;background:#ffffff1f;border-radius:13px;padding:11px;font-size:11px;text-decoration:none;display:block}.driver-buttons{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:430px;margin-top:14px;display:grid}.driver-buttons button,.driver-buttons a{border:0;border-radius:15px;padding:14px;font-weight:800;text-decoration:none}.driver-buttons button{color:var(--deep);background:#fff}.driver-buttons a{background:var(--coral);color:#fff}.driver-note{color:#ffffff8f;font-size:10px}
.checklist-tabs{grid-template-columns:1fr 1fr}.ocr-importer{background:linear-gradient(135deg,#eefafa,#fff8f4);border:1px solid #14808924;border-radius:20px;margin:2px 0 4px;padding:12px;box-shadow:0 10px 24px #1554580f}.ocr-importer>input{display:none}.ocr-importer>button{color:#123f43;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:2px;display:flex}.ocr-importer>button:disabled{opacity:.65}.ocr-importer>button>span{color:#fff;background:#0d9199;border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 6px 14px #0d919938}.ocr-importer>button>div{flex-direction:column;flex:1;gap:3px;display:flex}.ocr-importer>button b{font-size:15px}.ocr-importer>button small{color:#6b8587;font-size:12px}.ocr-importer>button i{color:#79a7a9;font-size:25px;font-style:normal}.ocr-importer>p{color:#789092;text-align:center;margin:8px 2px 0;font-size:10px}.ocr-status{margin-top:10px}.ocr-status>div{background:#d9e9e9;border-radius:999px;height:5px;overflow:hidden}.ocr-status>div>span{border-radius:inherit;background:linear-gradient(90deg,#17a2a8,#ff8a72);height:100%;transition:width .25s;display:block}.ocr-status>small{color:#557477;margin-top:6px;font-size:11px;display:block}.ocr-status.done>small{color:#14836e;font-weight:700}
.flight-summary{text-align:left;background:#ffffffe0;border:1px solid #fffc;border-radius:24px;width:100%;padding:17px;box-shadow:0 12px 28px #074b5514}.flight-head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.flight-head b,.flight-head small{display:block}.flight-head b{font-size:15px}.flight-head small{color:var(--muted);margin-top:3px;font-size:9px}.flight-head i{color:var(--ocean);font-size:10px;font-style:normal;font-weight:800}.flight-leg{align-items:center;gap:10px;min-height:48px;display:flex}.flight-badge{color:#fff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:10px;font-weight:800;display:grid}.flight-badge.out{background:linear-gradient(145deg,var(--ocean),#15a6ad)}.flight-badge.back{background:linear-gradient(145deg,var(--coral),#f49165)}.flight-route{flex:1;grid-template-columns:auto 22px auto;align-items:center;min-width:0;display:grid}.flight-route b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.flight-route>span{text-align:center;color:var(--ocean);font-size:11px}.flight-route small{color:var(--muted);grid-column:1/4;margin-top:3px;font-size:9px}.flight-number{text-align:right}.flight-number b,.flight-number small{display:block}.flight-number b{font-size:11px}.flight-number small{max-width:80px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.flight-divider{background:var(--line);height:1px;margin:8px 0}.empty-flight{color:var(--ocean);font-size:11px;font-weight:700}.flight-modal .segmented{margin-bottom:16px}.flight-form{margin-bottom:15px}.flight-form label{color:var(--muted);margin:11px 0;font-size:10px;font-weight:700;display:block}.flight-form input{width:100%;color:var(--ink);background:#fff;border:1px solid #dce7e4;border-radius:13px;outline:0;margin-top:5px;padding:12px;font-size:13px;display:block}.flight-form input:focus{border-color:var(--ocean)}.two-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}
.swipe-reveal{z-index:0;width:min(520px,100%);color:var(--ocean);pointer-events:none;will-change:opacity;background:linear-gradient(145deg,#d9efeb,#f8f3e8 58%,#e8f5f3);flex-direction:column;justify-content:center;align-items:center;gap:7px;margin:0 auto;display:flex;position:fixed;inset:0}.swipe-reveal span{background:#ffffffb8;border-radius:50%;place-items:center;width:48px;height:48px;font-size:34px;display:grid;box-shadow:0 8px 22px #063f501a}.swipe-reveal small{letter-spacing:.08em;font-size:11px;font-weight:800}.v2-shell{z-index:1;touch-action:pan-y;will-change:transform;min-height:100dvh}.v2-shell.swipe-moving{box-shadow:var(--swipe-shadow-x) 0 38px #05303833}.v2-shell.swipe-animating{pointer-events:none;transition:transform .27s cubic-bezier(.22,.8,.25,1),box-shadow .27s}.sub-topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;grid-template-columns:52px 1fr 52px;align-items:center;gap:8px;display:grid}.sub-topbar>div{text-align:center}.sub-topbar .thai-kicker{font-size:8px}.back-button{z-index:20;width:48px;height:48px;color:var(--ocean);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#e8f4f2;border:0;border-radius:50%;place-items:center;font-size:34px;line-height:1;transition:transform .16s,background .16s;display:grid;position:relative}.back-button:active{background:#d9eeeb;transform:scale(.92)}.header-spacer{width:48px}.sub-screen{padding-bottom:34px}.compact-hero{min-height:190px}.compact-hero .eyebrow{margin-bottom:18px}.compact-hero h2{font-size:35px}.flight-motion-card{text-align:left;background:linear-gradient(145deg,#fff,#edf9f7);border:0;border-radius:25px;width:100%;padding:19px;overflow:hidden;box-shadow:0 14px 30px #074b551a}.motion-card-head{justify-content:space-between;align-items:center;display:flex}.motion-card-head span small,.motion-card-head span b{display:block}.motion-card-head small{color:var(--ocean);letter-spacing:.16em;font-size:8px;font-weight:900}.motion-card-head b{margin-top:4px;font-size:15px}.motion-card-head i{color:var(--ocean);font-size:10px;font-style:normal;font-weight:800}.sky-route{height:54px;margin:11px 10px 0;position:relative}.route-line{border-top:2px dashed #087e914d;position:absolute;top:28px;left:6px;right:6px}.airport-dot{background:var(--ocean);border:3px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;top:23px;box-shadow:0 2px 8px #087e9140}.airport-dot.left{left:0}.airport-dot.right{right:0}.moving-plane{color:var(--coral);filter:drop-shadow(0 5px 5px #ff705838);font-size:25px;animation:4.5s ease-in-out infinite fly-route;position:absolute;top:8px;left:0}.airport-row{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;display:grid}.airport-row>div:last-child{text-align:right}.airport-row strong,.airport-row small{display:block}.airport-row strong{font-size:14px}.airport-row small{color:var(--muted);margin-top:2px;font-size:10px}.airport-row>span{color:var(--muted);font-size:9px}@keyframes fly-route{0%{left:2%;transform:translateY(4px)rotate(4deg)}45%{transform:translateY(-6px)rotate(0)}to{left:88%;transform:translateY(3px)rotate(4deg)}}.boarding-countdown{background:#087e9112;border:1px solid #087e9114;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:11px 12px;display:flex}.boarding-countdown span small,.boarding-countdown span b{display:block}.boarding-countdown small{color:var(--muted);font-size:8px;font-weight:800}.boarding-countdown b{color:var(--deep);margin-top:3px;font-size:13px}.boarding-countdown.active{background:linear-gradient(135deg,#e1f5f1,#fff3dc);border-color:#23856724}.boarding-countdown.active b{color:var(--palm);font-size:15px}.boarding-countdown>i{color:var(--muted);flex:none;font-size:8px;font-style:normal}.flight-completed .moving-plane{color:var(--palm);animation:none;left:88%}.flight-completed .route-line{border-color:#23856752}.flight-completed .airport-dot{background:var(--palm)}.home-feature-grid .feature{min-height:125px}.driver-shortcut:disabled{opacity:.45}.prepare-card{text-align:left;background:#ffffffe0;border:0;border-radius:25px;grid-template-columns:52px 1fr 20px;align-items:center;gap:13px;width:100%;padding:20px;display:grid;box-shadow:0 12px 28px #074b5514}.prepare-card h3{margin:0;font-size:18px}.prepare-card p{color:var(--muted);margin:5px 0 12px;font-size:11px}.prepare-card>div>.progress{width:45px;height:45px}.prepare-card>i{color:#9babab;font-size:27px;font-style:normal}.sub-hero{color:#fff;background:linear-gradient(135deg,var(--deep),var(--ocean));border-radius:24px;align-items:center;gap:13px;padding:19px;display:flex}.sub-hero>span{background:#ffffff24;border-radius:15px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.sub-hero>div{flex:1}.sub-hero h2{margin:0;font-size:18px}.sub-hero p{color:#ffffffad;margin:5px 0 0;font-size:10px}.sub-hero .progress:before{background:var(--deep)}.flight-editor{padding:20px}.flight-editor .flight-form label,.ledger-form label{color:var(--muted);margin:11px 0;font-size:10px;font-weight:700;display:block}.flight-editor input,.ledger-form input,.ledger-form select,.ledger-form textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce7e4;border-radius:13px;outline:0;margin-top:5px;padding:12px;font-size:13px;display:block}.ledger-form textarea{resize:vertical;min-height:74px}.flight-editor input:focus,.ledger-form input:focus,.ledger-form select:focus,.ledger-form textarea:focus{border-color:var(--ocean)}.ledger-summary{background:linear-gradient(145deg,var(--deep),var(--ocean));color:#fff;border-radius:27px;padding:22px;box-shadow:0 16px 30px #063f5033}.ledger-summary small,.ledger-summary strong,.ledger-summary p{margin:0;display:block}.ledger-summary small{color:#ffffffad;font-size:10px}.ledger-summary strong{margin-top:6px;font-size:34px}.ledger-summary p{color:#ffffffad;margin-top:6px;font-size:11px}.ledger-form h3{margin-bottom:12px}.ledger-form .primary-button{margin-top:15px}.ledger-list{flex-direction:column;gap:12px;display:flex}.day-group{background:#ffffffe6;border-radius:23px;overflow:hidden;box-shadow:0 10px 24px #074b5512}.day-group>header{background:#edf7f5;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.day-group header b,.day-group header small{display:block}.day-group header small{color:var(--muted);margin-top:3px;font-size:9px}.day-group header strong{color:var(--ocean)}.expense-row{border-top:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) auto 26px;align-items:center;gap:9px;padding:13px 14px;display:grid}.expense-category{width:34px;height:34px;color:var(--ocean);background:#e8f5f4;border-radius:11px;place-items:center;font-size:11px;font-weight:900;display:grid}.expense-row b,.expense-row small{display:block}.expense-row b{font-size:12px}.expense-row small{max-width:210px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.expense-row>strong{font-size:12px}.expense-row>button{color:#a7b1b1;background:0 0;border:0;border-radius:50%;width:26px;height:26px;font-size:18px}.empty-ledger{color:var(--muted);text-align:center;background:#fff;border-radius:22px;padding:25px;font-size:11px}.two-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:380px){.two-fields{grid-template-columns:1fr}.expense-row{grid-template-columns:32px minmax(0,1fr) auto}.expense-row>button{grid-column:3}.home-feature-grid{grid-template-columns:1fr 1fr}}