@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@400;600;800&display=swap";:root{--busan-cyan:#00a2e8;--busan-magenta:#e2007a;--bg-color:#f8f8f5;--text-main:#111;--brutal-border:3px solid var(--text-main);--brutal-shadow:6px 6px 0px var(--text-main);--brutal-shadow-hover:10px 10px 0px var(--text-main)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#cbd5e1 1.5px,#0000 1.5px);background-size:28px 28px;font-family:Inter,-apple-system,sans-serif}h1,h2,h3,h4,.brand-font{font-family:Space Grotesk,sans-serif}.app-wrapper{grid-template-columns:1fr;max-width:1600px;min-height:100vh;margin:0 auto;display:grid}@media (width>=1024px){.app-wrapper{grid-template-columns:420px 1fr;gap:3rem;padding:3rem}}.intro-container{background:var(--busan-magenta);color:#fff;border-bottom:var(--brutal-border);flex-direction:column;justify-content:center;min-height:60vh;padding:2.5rem;display:flex;position:relative;overflow:hidden}@media (width>=1024px){.intro-container{border:var(--brutal-border);height:calc(100vh - 6rem);box-shadow:var(--brutal-shadow);border-radius:16px;min-height:auto;position:sticky;top:3rem}}.intro-title{text-transform:uppercase;z-index:2;text-shadow:4px 4px 0px var(--text-main);letter-spacing:-.05em;margin-bottom:1.5rem;font-size:5rem;font-weight:700;line-height:.9}.intro-subtitle{z-index:2;background:var(--text-main);color:var(--busan-cyan);border:3px solid #fff;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:1.8rem;font-weight:700;display:inline-block;transform:rotate(-3deg);box-shadow:4px 4px #0000004d}.intro-desc{z-index:2;color:var(--text-main);border:var(--brutal-border);box-shadow:6px 6px 0px var(--busan-cyan);background:#fff;margin-top:auto;padding:1.5rem;font-size:1.1rem;font-weight:600;line-height:1.6}.decorative-circle{background:var(--busan-cyan);border:var(--brutal-border);z-index:1;border-radius:50%;width:250px;height:250px;position:absolute;top:-80px;right:-80px}.decorative-shape{border:var(--brutal-border);z-index:1;background:#facc15;width:100px;height:100px;position:absolute;bottom:20%;right:-20px;transform:rotate(15deg)}.itinerary-main{padding:2rem}@media (width>=1024px){.itinerary-main{padding:0}}.bento-day-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:5rem;display:grid}@media (width>=600px){.bento-day-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.day-header{color:var(--text-main);text-transform:uppercase;grid-column:1/-1;align-items:center;gap:1.5rem;margin-bottom:1.5rem;font-size:2.8rem;font-weight:800;display:flex}.day-header:after{content:"";background-color:var(--busan-cyan);border:2px solid var(--text-main);flex-grow:1;height:6px}.ticket-card{border:var(--brutal-border);box-shadow:var(--brutal-shadow);background:#fff;border-radius:0;flex-direction:column;padding:1.5rem;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.ticket-card:hover{box-shadow:var(--brutal-shadow-hover);transform:translate(-4px,-4px)}.card-header{border-bottom:3px dashed #cbd5e1;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;padding-bottom:.8rem;display:flex}.card-time{color:var(--busan-magenta);font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700}.sticker-tag{border:2px solid var(--text-main);text-transform:uppercase;box-shadow:2px 2px 0px var(--text-main);background:#e2e8f0;padding:4px 12px;font-size:.85rem;font-weight:800;transform:rotate(3deg)}.tag-餐廳{background:#facc15;transform:rotate(-2deg)}.tag-景點{background:#4ade80;transform:rotate(3deg)}.tag-交通{background:#60a5fa;transform:rotate(-1deg)}.tag-住宿{background:#f472b6;transform:rotate(2deg)}.card-title{margin-bottom:.8rem;font-size:1.5rem;font-weight:800;line-height:1.3}.card-note{color:#334155;flex-grow:1;margin-bottom:1.5rem;font-size:1rem;font-weight:500}.btn-naver{color:var(--text-main);border:2px solid var(--text-main);box-shadow:4px 4px 0px var(--text-main);text-transform:uppercase;background:#04d35e;justify-content:center;align-self:flex-start;align-items:center;padding:.8rem 1.2rem;font-size:1rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn-naver:hover{box-shadow:6px 6px 0px var(--text-main);background:#00e663;transform:translate(-2px,-2px)}
