@import"https://fonts.googleapis.com/css2?family=Single+Day&family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{--bg: #ECEEDF;--surface: #FFFDF8;--text: #3A2C24;--text-muted: #665244;--primary: #2F7A62;--primary-hover: #23624E;--on-primary: #FFFFFF;--strong: #276A55;--line: #E6D8C3;--line-strong: #7F8B78;--tint-primary: #D6EDE2;--dot: #D8C6AB;--tape-pink: #F5B7B1;--tape-mint: #B9DCCB;--tape-yellow: #F6D88A;--tape-sky: #BBD3EE;--danger: #B0263F;--danger-bg: #FFE1E6;--radius: 4px;--radius-btn: 10px;--paper: 0 1px 2px rgba(58,44,36,.12), 0 8px 16px -8px rgba(58,44,36,.3);--tape-edge: polygon(0 8%, 5% 0, 95% 0, 100% 10%, 97% 50%, 100% 92%, 94% 100%, 6% 100%, 0 90%, 3% 50%);--font-title: "Single Day", "Noto Sans KR", cursive;--font-body: "Noto Sans KR", "Apple SD Gothic Neo", sans-serif}body{margin:0;color:var(--text);font-family:var(--font-body);line-height:1.7;background:radial-gradient(var(--dot) 1.3px,transparent 1.6px) 0 0 / 20px 20px,var(--bg)}h1,h2,h3,h4{font-family:var(--font-title);font-weight:400;line-height:1.2}button,input,select,textarea{font:inherit;color:inherit}button{font-weight:700}a{color:var(--strong)}*{box-sizing:border-box}img{max-width:100%}.app-shell{min-height:100vh}.app-header{position:sticky;top:0;z-index:1200;background:var(--surface);box-shadow:var(--paper)}.app-header-inner{max-width:1040px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-header .brand{font-family:var(--font-title);font-size:26px;color:var(--text);text-decoration:none}.app-header .nav-link{font-size:14px;font-weight:700;color:var(--strong)}.container{max-width:1040px;margin:0 auto;padding:20px 16px 72px}.section{margin-top:24px}.section-title{font-size:32px;margin:0 0 12px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--paper);padding:20px}.deco-card{position:relative;background:var(--surface);border-radius:var(--radius);box-shadow:var(--paper);padding:24px 20px 20px}.deco-card:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-3deg);width:96px;height:26px;opacity:.85;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 6px,transparent 6px 12px),var(--tape-pink);clip-path:var(--tape-edge)}.tilt-1{rotate:-1deg}.tilt-2{rotate:.8deg}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:var(--radius-btn);border:none;cursor:pointer;font-size:15px;font-weight:700;text-decoration:none;transition:transform .18s ease-out}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--paper)}.btn-secondary{background:var(--surface);border:2px solid var(--line-strong);color:var(--text)}.btn-danger{background:var(--danger-bg);color:var(--danger)}.btn-sm{min-height:36px;padding:5px 12px;font-size:13px;border-radius:8px}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--surface);border:1px dashed var(--line-strong);color:var(--text)}.chip-sky{background:var(--tape-sky);border:none}.chip-pink{background:var(--tape-pink);border:none}.chip-yellow{background:var(--tape-yellow);border:none}.chip-mint{background:var(--tape-mint);border:none}.chip-tint{background:var(--tint-primary);border:none}.stamp{display:inline-block;padding:3px 12px;color:var(--primary);border:2px dashed var(--primary);outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius);font-family:var(--font-title);font-size:18px;transform:rotate(-8deg)}.stamp-sm{font-size:14px;padding:2px 8px;outline-offset:2px}.notice{background:var(--tape-yellow);color:var(--text);border-radius:var(--radius);padding:10px 14px;font-size:14px;font-weight:700;margin-bottom:16px}.trip-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.trip-head .trip-title{font-size:clamp(40px,9vw,64px);margin:0}.trip-head .trip-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.trip-head .trip-period{font-size:15px;color:var(--text-muted)}.trip-head .stamp-wrap{margin-left:auto}.day-tabs{position:sticky;top:56px;z-index:1100;background:var(--bg);padding:12px 0;overflow-x:auto;display:flex;gap:10px;scrollbar-width:none}.day-tabs::-webkit-scrollbar{display:none}.day-tab{flex:0 0 auto;min-width:108px;text-align:center;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-btn);padding:8px 12px;cursor:pointer;transition:transform .18s ease-out}.day-tab .day-label{font-family:var(--font-title);font-size:20px;line-height:1.1}.day-tab .day-date{font-size:12.5px;color:var(--text-muted)}.day-tab.active{background:var(--tint-primary);border-color:var(--primary);color:var(--primary)}.day-tab.active .day-date{color:var(--strong)}.map-wrap{position:relative;z-index:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--paper)}.map-el{height:280px;width:100%}.map-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;background:var(--tint-primary);color:var(--strong);font-size:14px;font-weight:700;pointer-events:none}.pin{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--text);box-shadow:var(--paper)}.pin>span{transform:rotate(45deg)}.pin--active{background:var(--primary)!important;color:var(--on-primary)!important;transform:rotate(-45deg) scale(1.3)}.pin-sky{background:var(--tape-sky)}.pin-pink{background:var(--tape-pink)}.pin-yellow{background:var(--tape-yellow)}.pin-mint{background:var(--tape-mint)}.map-info{background:var(--surface);border-radius:var(--radius);box-shadow:var(--paper);padding:6px 10px;font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--text);white-space:nowrap}.timeline{display:flex;flex-direction:column;gap:16px}.tl-card{display:flex;gap:14px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--paper);padding:16px;cursor:pointer;border-left:4px solid transparent;transition:transform .18s ease-out}.tl-card:hover{transform:translateY(-2px)}.tl-card.selected{border-left-color:var(--primary);background:var(--tint-primary)}.tl-num{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:2px solid var(--primary);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:var(--surface)}.tl-body{flex:1 1 auto;min-width:0}.tl-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tl-time{font-weight:700;font-size:14px;color:var(--strong)}.tl-name{font-family:var(--font-title);font-size:24px;margin:2px 0;line-height:1.25}.tl-addr{font-size:14px;color:var(--text-muted);margin:0}.tl-memo{font-size:14px;color:var(--text);margin:6px 0 0}.tl-cost{font-size:14px;font-weight:700;margin:6px 0 0;color:var(--strong)}.tl-photo{flex:0 0 auto;width:88px;height:88px;border-radius:var(--radius);object-fit:cover}.tl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tl-actions .btn{min-height:36px;padding:4px 10px;font-size:13px}.budget-total{display:flex;align-items:baseline;gap:8px;margin:4px 0 16px}.budget-total .big{font-family:var(--font-title);font-size:48px;line-height:1}.budget-total .unit{font-size:18px;font-weight:700;color:var(--text-muted)}.budget-row{display:flex;align-items:center;gap:10px;padding:6px 0}.budget-row .bar{flex:1 1 auto;height:12px;background:var(--tint-primary);border-radius:6px;overflow:hidden}.budget-row .bar>span{display:block;height:100%;background:var(--primary)}.budget-row .amt{flex:0 0 auto;font-size:14px;font-weight:700;min-width:88px;text-align:right}.budget-row .lbl{flex:0 0 auto;min-width:72px;font-size:14px;font-weight:700}.budget-day{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:4px 0;border-bottom:1px dashed var(--line)}.budget-day:last-child{border-bottom:none}.budget-day .amt{font-weight:700}.home-cta{margin-top:48px;text-align:center}.home-cta .cta-title{font-family:var(--font-title);font-size:32px;margin:0 0 16px}.home-cta .btn-row{justify-content:center}.trip-grid{display:grid;grid-template-columns:1fr;gap:20px}.trip-card{display:flex;flex-direction:column;gap:10px}.trip-card .t-title{font-family:var(--font-title);font-size:24px;margin:0}.trip-card .t-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.trip-card .t-stats{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:700;color:var(--strong)}.empty-card{text-align:center;padding:32px 20px}.empty-card p{margin:8px 0 16px;color:var(--text-muted)}.loading{padding:40px 20px;text-align:center;color:var(--text-muted)}.two-col{display:block}@media(min-width:900px){.two-col{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.two-col .map-col{grid-column:2;grid-row:1;position:sticky;top:140px}.two-col .main-col{grid-column:1;grid-row:1}.trip-grid{grid-template-columns:1fr 1fr}.day-tabs{top:56px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.btn:hover,.tl-card:hover{transform:none}}