body{margin:0;padding:0}:root{--co-bg:#fdfaf5;--co-primary:#8da9c4;--co-secondary:#e6b8a2;--co-accent:#9eb384;--co-text:#5c544e;--co-text-light:#9a8c81;--co-border:#eee3d8;--co-card:#fff;--shadow-soft:0 4px 12px #5c544e0d;--safe-area-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--co-bg);width:100%;color:var(--co-text);margin:0;padding:0;font-family:Hiragino Mincho ProN,Yu Mincho,serif;line-height:1.8;position:relative;overflow-x:hidden}.app-container{max-width:500px;min-height:100vh;padding-bottom:calc(90px + var(--safe-area-bottom));background:var(--co-bg);flex-direction:column;margin:0 auto;display:flex}header{text-align:center;padding:40px 24px 20px;position:relative}header:after{content:"";background:var(--co-secondary);width:40px;height:2px;margin:15px auto 0;display:block}header h1{letter-spacing:.2rem;color:var(--co-text);margin:0;font-size:1.4rem;font-weight:500}.magazine-subtitle{color:var(--co-text-light);letter-spacing:.1rem;margin-bottom:8px;font-family:sans-serif;font-size:.8rem}.nav-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:calc(100% - 32px);max-width:468px;padding:8px 0 calc(8px + var(--safe-area-bottom));z-index:100;background:#fffffff2;border:1px solid #fffc;border-radius:24px;justify-content:space-around;margin:0 auto;display:flex;position:fixed;bottom:12px;left:16px;right:16px;box-shadow:0 4px 20px #0000001a}.nav-item{color:var(--co-text-light);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:4px 0;font-size:.65rem;transition:all .3s;display:flex}.nav-item.active{color:var(--co-primary);transform:translateY(-2px)}.nav-item:active{background:#8da9c41a}.nav-item svg{margin-bottom:4px}.content{padding:0 20px}.hero-card{border-radius:2px;margin-bottom:30px;position:relative;overflow:hidden}.hero-img{object-fit:cover;background:#eee;border-radius:2px;width:100%;height:200px}.magazine-section-title{border-bottom:1px solid var(--co-border);align-items:center;gap:10px;margin:40px 0 20px;padding-bottom:8px;font-size:1.1rem;display:flex}.magazine-section-title span{color:var(--co-primary);font-family:sans-serif;font-size:.7rem}.co-card{background:var(--co-card);box-shadow:var(--shadow-soft);border:1px solid #fcf6f0;border-radius:4px;margin-bottom:24px;padding:24px}.itinerary-day{border-left:1px solid var(--co-border);margin-bottom:40px;padding-left:20px;position:relative}.day-label{background:var(--co-bg);color:var(--co-secondary);padding:0 4px;font-family:sans-serif;font-size:.75rem;font-weight:700;position:absolute;top:0;left:-12px}.day-title{color:var(--co-text);margin-bottom:20px;font-size:1.2rem}.co-activity{margin-bottom:24px}.co-activity-time{color:var(--co-text-light);margin-bottom:4px;font-family:sans-serif;font-size:.7rem;display:block}.co-activity-title{margin-bottom:4px;font-size:1rem;font-weight:500}.co-activity-desc{color:var(--co-text-light);font-size:.85rem;line-height:1.6}.co-tip{border-left:3px solid var(--co-secondary);background:#fdf6f0;border-radius:4px;margin-top:10px;padding:12px 16px;font-size:.8rem}.co-tip-label{color:var(--co-secondary);margin-bottom:2px;font-size:.7rem;font-weight:700;display:block}.tag-magazine{border:1px solid var(--co-border);color:var(--co-text-light);border-radius:20px;margin-bottom:6px;margin-right:6px;padding:2px 8px;font-size:.65rem;display:inline-block}.fade-in{animation:.6s ease-out forwards coFadeIn}@keyframes coFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.confetti-container{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti-piece{-webkit-user-select:none;user-select:none;will-change:transform, opacity;animation:cubic-bezier(.2,.6,.35,1) forwards cracker;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes cracker{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}8%{opacity:1}35%{transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1.1) rotate(var(--r));opacity:1;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}to{transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y) + var(--fall-y))) scale(.9) rotate(calc(var(--r) + var(--fall-r)));opacity:0}}.correct-bounce{transform-origin:bottom;animation:.6s cubic-bezier(.36,.07,.19,.97) both correctBounce;border-color:#16a34a!important;box-shadow:0 0 0 4px #16a34a4d,0 8px 20px #16a34a66!important}@keyframes correctBounce{0%,to{transform:scale(1)}20%{transform:scale(1.15)rotate(-2deg)}40%{transform:scale(.95)rotate(2deg)}60%{transform:scale(1.08)rotate(-1deg)}80%{transform:scale(.98)rotate(.5deg)}}.correct-pulse{animation:.8s ease-out correctPulse}@keyframes correctPulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.sparkle{animation:1.2s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.7;transform:scale(1.3)rotate(180deg)}}.trivia-card{transition:all .2s ease-out}.trivia-card:active{transform:scale(.97)}.quiz-image-area{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:12px;justify-content:center;align-items:center;width:100%;height:180px;margin-bottom:20px;font-size:5rem;display:flex;position:relative;overflow:hidden}.quiz-image-area:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff80,#0000 50%);position:absolute;inset:0}.progress-bar{background:var(--co-border);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--co-primary);border-radius:4px;height:100%;transition:width .4s ease-out}.quick-links{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.quick-link-btn{border:1px solid var(--co-border);color:var(--co-text);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.quick-link-btn:active{background:#fdf6f0;transform:scale(.96)}.current-day-btn{animation:2s ease-in-out infinite gentlePulse}@keyframes gentlePulse{0%,to{box-shadow:0 0 #8da9c480}50%{box-shadow:0 0 0 8px #8da9c400}}.next-btn{animation:.4s ease-out nextBtnPop}@keyframes nextBtnPop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.spot-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.spot-item{text-align:center;font-size:.8rem}.spot-thumb{aspect-ratio:1;width:100%;color:var(--co-primary);background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.co-btn{text-align:center;border:1px solid var(--co-primary);color:var(--co-primary);border-radius:2px;margin-top:20px;padding:12px;font-size:.85rem;text-decoration:none;transition:all .3s;display:block}.co-btn:active{background:var(--co-primary);color:#fff}@media (width<=380px){header h1{font-size:1.2rem}.magazine-subtitle{font-size:.7rem}}