.yeoul-page{--paper:#f7f5eb;--ink:#245a47;--accent:#e57850;background:var(--paper);color:var(--ink)}.yeoul-page h1,.yeoul-page h2,.yeoul-page h3{letter-spacing:-.06em;word-break:keep-all}.yeoul-page button:focus-visible,.yeoul-page a:focus-visible,.yeoul-page input:focus-visible{outline:3px solid #e57850;outline-offset:4px}.yeoul-nav{display:flex;justify-content:space-between;align-items:center;padding:28px 6%;border-bottom:1px solid #245a4725}.yeoul-logo{font-size:29px;font-weight:900;display:flex;align-items:center;gap:12px}.yeoul-logo span{font-size:9px;letter-spacing:.15em;font-weight:500}.yeoul-nav nav{display:flex;gap:30px;font-size:11px}.yeoul-hero{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:75px 6% 90px}.yeoul-page .tiny{font-size:9px;letter-spacing:.13em}.yeoul-hero h1{font-size:clamp(40px,4.8vw,74px);line-height:1.22;margin:30px 0}.yeoul-hero h1 em{font-style:normal;position:relative}.yeoul-hero h1 em:after{content:'';position:absolute;left:0;right:0;height:7px;bottom:0;background:#e5b861;transform:rotate(-3deg);z-index:-1}.yeoul-hero>div>p:not(.tiny){font-size:14px;line-height:1.9;color:#7c8c77}.yeoul-button{background:#245a47;color:#f7f5eb;border:0;padding:18px 22px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:5px}.yeoul-button:hover{background:#39735d}.yeoul-button:disabled{opacity:.4;cursor:default}.yeoul-hero .yeoul-button{display:inline-flex;margin-top:28px}.yeoul-hero small{display:block;font-size:9px;color:#8c9784;line-height:1.8;margin-top:15px}.island-art{height:430px;position:relative;border-radius:48% 48% 8px 8px;background:#cee4dc;overflow:hidden}.sun{position:absolute;top:65px;left:70px;width:76px;height:76px;border-radius:50%;background:#eabb68}.cloud{position:absolute;width:95px;height:28px;border-radius:50%;background:#f7f5eb99}.cloud-one{right:45px;top:95px}.cloud-two{left:50px;top:160px;width:70px}.hill{position:absolute;border-radius:50% 50% 0 0;transform:rotate(-15deg)}.hill-back{background:#a1b780;width:400px;height:200px;bottom:15px;left:-90px}.hill-front{background:#517c53;width:370px;height:230px;right:-130px;bottom:-30px;transform:rotate(25deg)}.sea-line{position:absolute;height:2px;background:#91bdb5;left:6%;right:6%;bottom:50px;transform:rotate(-8deg);z-index:2}.line-two{bottom:25px;left:30%}.line-three{bottom:80px;right:45%}.little-house{position:absolute;left:25%;bottom:110px;color:#f7f5eb;font-size:70px;transform:rotate(-10deg)}.art-label{position:absolute;right:30px;top:135px;font-family:Georgia,serif;font-style:italic;font-size:60px;line-height:1;color:#245a47}.island-badge{position:absolute;right:25px;bottom:40px;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#f6e5a1;font-size:13px;transform:rotate(12deg);z-index:3}.planner-section{padding:80px 6%;background:#e9eddf}.planner-heading,.places-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.planner-heading h2,.places-heading h2{font-size:37px;margin-top:15px;line-height:1.25}.planner-heading>p{font-size:12px;line-height:1.8;color:#7c8c77}.planner-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:start}.map-panel{position:sticky;top:25px}.map-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;padding:0 0 15px;gap:12px}.map-heading span:last-child{font-size:7px;color:#82917d}.island-map{width:100%;height:auto;display:block;border-radius:12px}.map-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;padding:20px 0;line-height:1.7}.map-caption span{max-width:80%}.map-caption button{border:0;background:none;color:#245a47;white-space:nowrap;font-size:11px}.map-caption button:disabled{opacity:.4}.yeoul-page .map-note{font-size:9px;line-height:1.9;color:#7c8c77;word-break:keep-all}.trip-panel{background:#f7f5eb;border:1px solid #d4ddcb;padding:28px;border-radius:12px}.trip-panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:22px;border-bottom:1px solid #dde3d5}.trip-panel-top h3{font-size:22px}.trip-panel-top h3 span{display:inline-grid;place-items:center;background:#e5b861;width:25px;height:25px;border-radius:50%;font-size:12px;margin-left:6px}.trip-panel-top>span{font-size:7px;letter-spacing:.1em;color:#8c9784}.yeoul-page #trip-list{list-style:none;padding:0;margin:0}.trip-stop{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #dde3d5;cursor:grab}.trip-stop.dragging{opacity:.45}.trip-stop.drag-over{box-shadow:0 -3px #e57850}.stop-number{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:#e9eddf;font-size:12px}.stop-text{flex:1;min-width:0}.stop-text strong{font-size:13px;display:block}.stop-text small{font-size:10px;color:#8c9784;display:block;margin-top:5px}.stop-actions{display:flex;gap:3px}.stop-actions button{border:1px solid #d4ddcb;border-radius:4px;background:transparent;color:#245a47;width:27px;height:29px;font-size:12px}.stop-actions button:disabled{opacity:.3}.empty-trip{padding:55px 10px;text-align:center;font-size:12px;line-height:2;color:#8c9784}.empty-trip span{display:block;font-size:38px;color:#a1b780;margin-bottom:12px}.reorder-note{font-size:9px;color:#8c9784;margin:14px 0 25px}.budget-controls>label{font-size:11px;display:flex;justify-content:space-between}.budget-controls input[type=range]{width:100%;accent-color:#245a47;margin:18px 0 25px}.budget-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #dde3d5;padding-top:20px}.budget-summary span{font-size:11px}.budget-summary small{display:block;font-size:8px;line-height:1.7;max-width:160px;color:#8c9784;margin-top:7px}.budget-summary strong{font-size:27px;letter-spacing:-.04em;white-space:nowrap}.trip-meta{display:flex;justify-content:space-between;margin:25px 0;font-size:10px;color:#8c9784}.trip-meta b{margin-left:8px;color:#245a47}.budget-controls .yeoul-button{width:100%;margin-bottom:15px}.places-section{padding:90px 6%}.place-filters{display:flex;flex-wrap:wrap;gap:7px}.place-filters button{border:1px solid #d4ddcb;background:transparent;color:#245a47;padding:9px 17px;border-radius:30px;font-size:11px}.place-filters button[aria-pressed=true]{background:#245a47;color:#f7f5eb}.places-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:20px}.place-art{height:160px;display:grid;place-items:center;background:var(--place-color);border-radius:10px;position:relative;overflow:hidden}.place-art:before,.place-art:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #245a4722;border-radius:50%;top:60px;left:-20px}.place-art:after{left:auto;right:-20px;top:-80px}.place-art span{font-size:68px;position:relative;color:#245a47;line-height:1}.place-card{border-bottom:1px solid #d4ddcb;padding-bottom:22px}.place-card .place-kind{font-size:9px;color:#8c9784;letter-spacing:.1em;margin-top:20px}.place-card h3{font-size:21px;margin:8px 0}.place-card p{font-size:12px;color:#7c8c77;line-height:1.8;word-break:keep-all}.place-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}.place-card-bottom span{font-size:10px;color:#7c8c77}.place-card-bottom button{border:1px solid #a6b59a;border-radius:30px;background:transparent;color:#245a47;padding:8px 12px;font-size:10px}.place-card-bottom button[aria-pressed=true]{background:#245a47;color:#f7f5eb}.yeoul-end{text-align:center;padding:90px 6%;background:#f6e5a1}.yeoul-end h2{font-size:40px;line-height:1.35;margin:25px 0}.yeoul-end a{font-size:12px;border-bottom:1px solid #245a47;padding-bottom:7px}.yeoul-footer{display:flex;justify-content:space-between;align-items:center;padding:35px 6%;gap:25px}.yeoul-footer>span{font-size:9px;line-height:1.8;color:#8c9784}.yeoul-footer>a:last-child{font-size:11px}.yeoul-page dialog{background:#f7f5eb;color:#245a47}.yeoul-page dialog h2{font-size:32px;margin:25px 0}.yeoul-page dialog ol{padding-left:25px;font-size:13px;line-height:2.5}.trip-card-total{font-size:28px;padding:20px 0;margin-top:15px;border-top:1px solid #d4ddcb}.yeoul-page dialog .yeoul-button{width:100%;margin-top:25px}
@media(max-width:950px){.planner-layout{gap:20px}.trip-panel{padding:22px}.places-grid{gap:20px}.yeoul-hero{gap:5%;padding:55px 5%}.island-art{height:370px}.art-label{font-size:50px}.budget-summary{flex-wrap:wrap;gap:10px}.map-heading{flex-wrap:wrap}}
@media(max-width:700px){.yeoul-nav{padding:22px 6%}.yeoul-nav nav{gap:15px;font-size:10px}.yeoul-logo{font-size:24px;gap:8px}.yeoul-logo span{font-size:7px}.yeoul-hero{grid-template-columns:1fr;padding:45px 6% 55px;gap:35px}.yeoul-hero h1{font-size:46px;margin:25px 0}.yeoul-hero>div>p:not(.tiny){font-size:12px}.island-art{height:340px}.planner-section,.places-section{padding:55px 6%}.planner-heading,.places-heading{align-items:start;flex-direction:column;gap:22px}.planner-heading h2,.places-heading h2{font-size:30px}.planner-layout{grid-template-columns:1fr;gap:30px}.map-panel{position:relative;top:0}.trip-panel{padding:22px}.budget-summary{flex-wrap:nowrap}.places-grid{grid-template-columns:repeat(2,1fr);gap:25px 16px}.place-art{height:125px}.place-art span{font-size:50px}.place-card h3{font-size:18px}.place-card p{font-size:11px}.place-card-bottom{align-items:start;flex-direction:column;gap:12px}.place-card-bottom button{width:100%}.yeoul-end{padding:65px 6%}.yeoul-end h2{font-size:30px}.yeoul-footer{flex-wrap:wrap}.yeoul-footer>span{font-size:8px;text-align:right}.yeoul-footer>a:last-child{width:100%;border-top:1px solid #d4ddcb;padding-top:20px}}