.app-body{height:100dvh;min-height:500px;display:flex;overflow:hidden;background:#faf9f6}.sidebar{width:274px;flex-shrink:0;background:#171a17;color:#f5f5ee;padding:24px 20px;display:flex;flex-direction:column;height:100dvh}.sidebar .brand{font-size:23px;gap:8px}.sidebar .brand img{mix-blend-mode:normal;border-radius:9px;width:36px;height:40px}.sidebar-top{display:flex;align-items:center}.back-site{color:#a4aea0;font-size:11px;margin:19px 0 33px;padding-left:5px}.explorer-title{font-size:17px;letter-spacing:-.3px;margin-bottom:23px}.trip-button,.trip-nav button,.sidebar-bottom button{background:none;border:0;color:inherit;text-align:left;width:100%;border-radius:9px;padding:11px 10px;display:flex;align-items:center;gap:10px}.trip-button{font-size:14px}.trip-button.selected{font-weight:600}.trip-button:last-of-type{border-top:1px solid #343a32;border-radius:0;margin-top:20px;padding-top:25px}.trip-nav{display:block;padding-left:14px}.trip-nav button{font-size:13px;gap:15px;padding:12px 13px;margin:3px 0;color:#d5dbd0}.trip-nav button:hover{background:#282f26}.trip-nav button.active{background:#3b513c;color:#fff}.trip-nav button>span:first-of-type{flex:1}.sidebar-bottom{margin-top:auto;padding:20px 8px 0}.small-label{font-size:9px;letter-spacing:1.7px;color:#889080}.sidebar-bottom p{font-size:11px;line-height:1.7;color:#9ea799}.sidebar-bottom button{font-size:12px;padding:5px 0;color:#d4ddcd}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100dvh}.app-header{height:95px;flex-shrink:0;border-bottom:1px solid #e5e6df;display:flex;align-items:center;padding:17px 40px;gap:20px}.app-header h1{font:27px/1.3 Georgia,serif;letter-spacing:-.5px;margin:0}.app-header p{font-size:10px;margin:5px 0 0}.preview-pill{font-size:10px;display:flex;align-items:center;gap:7px;border:1px solid #d9dfd1;border-radius:30px;padding:4px 10px;color:#5c7051}.preview-pill i{width:5px;height:5px;border-radius:50%;background:#67875c}.app-home-link{margin-left:auto;font-size:11px;color:#6e7868}.app-scroll{flex:1;min-height:0;overflow-y:auto;padding:25px clamp(22px,5vw,90px) 30px;scroll-behavior:smooth}.welcome{display:flex;align-items:center;gap:32px;max-width:900px;margin:0 auto 24px;padding:12px 10px}.mascot-frame{position:relative;width:125px;height:142px;overflow:hidden;flex-shrink:0;background:white;border-radius:25px}.mascot-frame img{position:absolute;max-width:none;width:398px;height:735px;left:-138px;top:-365px}.welcome h2{font-size:31px;letter-spacing:-1px;line-height:1.6;margin:0}.welcome .eyebrow{font-size:9px;margin-bottom:7px}.welcome p:last-child{font-size:12px;margin:10px 0}.quick-prompts{display:flex;gap:10px;max-width:900px;margin:0 auto 35px}.quick-prompts button{border:1px solid #dadfd3;border-radius:12px;background:transparent;color:#4d5d46;font-size:11px;padding:10px 15px;flex:1}.quick-prompts button:hover{background:#edf0e6;border-color:#9fb093}.view-heading{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 17px}.view-heading h2{font-size:20px;margin:5px 0 0}.sample-label{font-size:9px;color:#868b81;background:#eceee7;border-radius:20px;padding:4px 10px}#view-content{max-width:900px;margin:auto}.day-card{border:1px solid #dedfd7;border-radius:15px;overflow:hidden;background:white;display:grid;grid-template-columns:.85fr 1.15fr}.day-art{background:#e9eee3;min-height:210px;display:flex;align-items:center;overflow:hidden}.day-art img{height:100%;width:100%;object-fit:cover;min-height:210px}.day-info{padding:22px 26px}.day-info h3{margin:0 0 4px;font:25px Georgia,serif}.day-info>p{font-size:11px;margin:6px 0 17px}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:flex;gap:13px;position:relative;padding:7px 0 7px 15px;border-left:1px solid #b6c6ab;font-size:12px}.timeline li:before{content:'';width:6px;height:6px;background:#5a7b4d;border-radius:50%;position:absolute;left:-3.5px;top:16px}.timeline time{font-variant-numeric:tabular-nums;color:#708364;font-size:11px}.save-button{background:transparent;border:0;color:#46613c;font-size:11px;margin-top:18px;padding:5px 0}.empty-state{padding:30px;border:1px dashed #c8d0c1;border-radius:12px}.empty-state h3{margin-top:0}.empty-state p{font-size:13px}.itinerary-list{display:grid;gap:10px}.itinerary-row{padding:15px 19px;border:1px solid var(--line);border-radius:10px;background:white;display:flex;gap:25px}.itinerary-row>span{font:25px Georgia,serif;color:#788b69}.itinerary-row h3{font-size:14px;margin:0}.itinerary-row p{font-size:12px;margin:4px 0}.conversation{max-width:900px;margin:22px auto 0;display:flex;flex-direction:column;gap:13px}.message{max-width:88%;font-size:13px;padding:13px 17px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:#e8eddf}.message.bb{align-self:flex-start;background:#f0f0e9}.message.bb:before{content:'BB · คำตอบสาธิต';font-size:9px;display:block;color:#688359;margin-bottom:6px;letter-spacing:.6px}.composer-area{padding:5px clamp(22px,5vw,90px) 11px;background:#faf9f6;flex-shrink:0}.demo-note{font-size:9px;text-align:center;margin:0 0 8px;color:#8d9385}.composer{max-width:900px;margin:auto;border:1px solid #d6dccd;border-radius:20px;padding:10px 12px 10px 19px;display:flex;align-items:center;gap:15px;background:white;box-shadow:0 5px 20px #25351b07}.composer textarea{resize:none;border:0;background:transparent;outline:0;flex:1;min-width:0;max-height:100px;font-size:13px;line-height:1.8;padding:5px 0;color:#303d29}.composer textarea:focus-visible{outline:none}.composer:focus-within{border-color:#78946a;box-shadow:0 0 0 2px #78946a33}.composer button{width:39px;height:39px;border-radius:50%;border:0;background:#46643e;color:white;font-size:25px;flex-shrink:0}.composer-foot{font-size:9px;text-align:center;margin:7px 0 0}.icon-button{background:none;border:0;color:inherit;font-size:23px;padding:5px}.sidebar-scrim,#open-sidebar,#close-sidebar{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1050px){.sidebar{width:230px;padding:21px 14px}.sidebar .brand{font-size:21px}.app-header{padding:20px 25px}.welcome{gap:23px}.welcome h2{font-size:27px}.app-scroll{padding-left:25px;padding-right:25px}.composer-area{padding-left:25px;padding-right:25px}.day-info{padding:20px}.quick-prompts button{font-size:10px;padding:9px}.app-header h1{font-size:23px}.day-card{grid-template-columns:.8fr 1.2fr}}@media(max-width:720px){.app-body{min-height:400px}.sidebar{position:fixed;left:0;top:0;z-index:30;width:280px;transform:translateX(-100%);transition:transform .22s}.sidebar.open{transform:translateX(0)}#open-sidebar,#close-sidebar{display:block}.sidebar-top{gap:8px}.sidebar-top .brand{font-size:20px}#close-sidebar{font-size:24px}.sidebar-scrim.open{display:block;position:fixed;inset:0;border:0;background:#0006;z-index:25;width:100%;height:100%}.app-header{height:76px;padding:12px 16px;gap:13px}.app-header h1{font-size:18px}.app-header p{font-size:9px}.preview-pill{margin-left:auto}.app-home-link{display:none}.app-scroll{padding:18px 18px 25px}.welcome{display:block;text-align:center;padding:5px 0;margin-bottom:20px}.mascot-frame{width:112px;height:125px;margin:0 auto 10px;border-radius:20px}.mascot-frame img{width:350px;height:auto;left:-121px;top:-321px}.welcome .eyebrow{justify-content:center;font-size:8px}.welcome h2{font-size:27px;line-height:1.5}.welcome h2 br{display:none}.welcome p:last-child{font-size:11px;max-width:260px;margin:9px auto}.quick-prompts{gap:6px;margin-bottom:24px;flex-wrap:wrap}.quick-prompts button{flex:1 1 42%;font-size:10px;white-space:nowrap;padding:9px 6px}.quick-prompts button:last-child{flex-basis:100%}.view-heading h2{font-size:18px}.day-card{grid-template-columns:1fr}.day-art{max-height:145px;min-height:0}.day-art img{height:145px;min-height:0;object-position:50% 65%}.day-info{padding:18px 22px}.day-info h3{font-size:23px}.timeline li{font-size:12px}.composer-area{padding:4px 12px max(9px,env(safe-area-inset-bottom))}.demo-note{font-size:8px}.composer{border-radius:17px;padding:8px 10px 8px 15px}.composer textarea{font-size:12px}.composer-foot{font-size:8px}.message{font-size:12px;max-width:94%}.itinerary-row{gap:17px}.empty-state{padding:22px}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}.app-scroll{scroll-behavior:auto}}

.app-mobile-brand{display:none}@media(max-width:720px){.app-mobile-brand{display:flex;align-items:center;gap:5px;font:600 16px system-ui,sans-serif;margin-bottom:3px}.app-mobile-brand img{width:21px;height:23px;object-fit:contain;mix-blend-mode:multiply}.app-header h1{font-size:13px}.app-header p{display:none}}

.mascot-frame{height:135px}@media(max-width:720px){.mascot-frame{height:118px}}