:root{--ink:#17373b;--deep:#123f46;--sea:#237268;--coral:#d9654b;--sand:#f3ecdf;--paper:#fffdf8;--line:#dce6e2;--muted:#71817f;--gold:#d79d42;--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{background:#dfe7e5;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}button,a,input{font:inherit}button{color:inherit}.app{width:100%;min-height:100dvh;padding:58px 0 calc(96px + var(--safe));background:var(--paper)}
@media(min-width:600px){body{display:flex;justify-content:center}.app{max-width:480px;box-shadow:0 0 46px #17373b28}.topbar,.tabs{max-width:480px;left:50%!important;transform:translateX(-50%)}}
.topbar{position:fixed;z-index:100;top:0;left:0;right:0;height:58px;padding:0 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fffdf8ee;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{border:0;background:transparent;padding:0;text-align:left;font-size:13px;font-weight:900;letter-spacing:.1em}.sync{padding:5px 8px;border-radius:99px;background:#e5f1ed;color:var(--sea);font-size:8px;font-weight:900}.sync.busy{background:#fff1d8;color:#976514}.sync.err{background:#fde8e2;color:#a14733}.walica{text-align:right;color:var(--deep);font-size:10px;font-weight:900;text-decoration:none}.page{display:none}.page.active{display:block}.hero{min-height:470px;padding:34px 22px 22px;position:relative;display:flex;flex-direction:column;justify-content:space-between;color:#fff;overflow:hidden;background:radial-gradient(circle at 82% 22%,#75b4a95c 0 18%,transparent 19%),radial-gradient(circle at 10% 90%,#df906438 0 22%,transparent 23%),linear-gradient(150deg,#1d756c,#123e4a 55%,#092d36)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#0008,transparent)}.hero-copy,.hero-route,.couple{position:relative;z-index:1}.eyebrow{font:900 10px ui-monospace,monospace;letter-spacing:.18em}.hero h1{margin:18px 0 10px;font:500 53px/1.02 Georgia,"Yu Mincho",serif;letter-spacing:-.06em}.hero h1 em{color:#f4b078;font-style:normal}.hero p{max-width:310px;margin:0;color:#e5f1ee;font-size:13px}.couple{width:92px;height:92px;align-self:flex-end;margin-top:auto;filter:drop-shadow(0 10px 14px #082b2d55)}.hero-route{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:8px;align-items:center;margin-top:20px;font:800 9px ui-monospace,monospace;letter-spacing:.11em}.hero-route i{height:1px;background:#ffffff59}.hero-route b{color:#f4b078}.count-card{position:relative;z-index:3;margin:-25px 16px 0;padding:18px;border-radius:22px;background:#fff;box-shadow:0 14px 34px #17373b1e;display:flex;align-items:center;justify-content:space-between}.count-card small,.section-head small,.page-title>small{color:var(--coral);font:900 9px ui-monospace,monospace;letter-spacing:.14em}.count-card strong{display:block;margin-top:2px;font-size:25px}.count-card time{text-align:right;color:var(--muted);font:800 10px/1.55 ui-monospace,monospace}.section{padding:28px 16px}.home-section{padding-top:34px}.tint{background:var(--sand)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{margin:3px 0 0;font:500 28px/1.12 Georgia,"Yu Mincho",serif;letter-spacing:-.035em}.text-link{border:0;background:transparent;color:var(--sea);font-size:10px;font-weight:900}.next-card{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:start;padding:15px;border:1px solid #edd5a3;border-radius:17px;background:#fff4da}.next-card .date,.owner{padding:4px 7px;border-radius:99px;font-size:8px;font-weight:900;white-space:nowrap}.next-card .date{background:#fff;color:#9a6818}.owner{background:#e3effb;color:#276394}.next-card b{font-size:12px}.next-card p{margin:3px 0 0;color:#705f43;font-size:10px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.quick-grid button{min-height:100px;padding:14px;border:0;border-radius:18px;background:#edf4f1;text-align:left}.qicon{display:block;color:var(--sea);font:800 19px/1 ui-monospace,monospace}.quick-grid b{display:block;margin-top:11px;font-size:12px}.quick-grid small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.highlight-scroll{display:flex;gap:10px;overflow-x:auto;padding:1px 1px 6px;scrollbar-width:none}.highlight{flex:0 0 220px;min-height:195px;padding:18px;border-radius:21px;color:#fff;display:flex;flex-direction:column}.highlight span{font:900 9px ui-monospace,monospace;letter-spacing:.12em}.highlight h3{margin:14px 0 0;font:500 25px/1.2 Georgia,"Yu Mincho",serif}.highlight p{margin:auto 0 0;color:#ffffffc9;font-size:10px}.highlight.coral{background:linear-gradient(145deg,#d66b50,#983f38)}.highlight.green{background:linear-gradient(145deg,#2e8272,#174e4f)}.highlight.navy{background:linear-gradient(145deg,#345e78,#17374e)}
.page-title{padding:30px 16px 21px}.page-title h1{margin:5px 0 7px;font:500 35px/1.08 Georgia,"Yu Mincho",serif;letter-spacing:-.045em}.page-title p{margin:0;color:var(--muted);font-size:11px}.day-tabs{position:sticky;z-index:35;top:58px;padding:10px 11px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#fffdf8ed;backdrop-filter:blur(16px);border-block:1px solid var(--line)}.day-tabs button{padding:8px 2px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:center}.day-tabs b{display:block;font-size:10px}.day-tabs span{font-size:8px;color:var(--muted)}.day-tabs button.active{color:#fff;background:var(--deep);border-color:var(--deep)}.day-tabs button.active span{color:#ffffffa9}.day-panel{display:none;padding:16px}.day-panel.active{display:block}.day-hero{padding:20px;border-radius:23px;color:#fff;background:linear-gradient(140deg,#1b7269,#123b48)}.day-hero small{font:900 9px ui-monospace,monospace;letter-spacing:.14em;color:#f4b078}.day-hero h2{margin:7px 0 5px;font:500 28px/1.14 Georgia,"Yu Mincho",serif}.day-hero p{margin:0;color:#dcebe8;font-size:10px}.timeline{margin-top:20px}.event{display:grid;grid-template-columns:49px 1fr;gap:11px}.event-time{position:relative;padding-top:2px;color:var(--coral);font:900 10px ui-monospace,monospace}.event-time:after{content:"";position:absolute;top:22px;bottom:-3px;left:14px;border-left:1px dashed #c4d2ce}.event:last-child .event-time:after{display:none}.event-body{padding:0 0 19px;border-bottom:1px solid var(--line)}.event+.event{padding-top:16px}.event-body b{display:block;font-size:13px}.event-body p{margin:4px 0 0;color:var(--muted);font-size:10px}.event-body .ko{display:inline-block;margin-top:7px;padding:4px 7px;border-radius:99px;background:#e6f2ed;color:var(--sea);font-size:8px;font-weight:900}.rain-plan{margin-top:12px;padding:12px;border-radius:14px;background:#fff3d7;color:#735724;font-size:10px}
.spot-toolbar{position:sticky;top:58px;z-index:34;padding:10px 12px;background:#fffdf8ed;backdrop-filter:blur(16px);border-block:1px solid var(--line)}.search{height:42px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;background:#fff}.search input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.view-toggle{display:grid;grid-template-columns:1fr 1fr;margin-top:8px;padding:3px;border-radius:12px;background:#edf1ef}.view-toggle button{padding:7px;border:0;border-radius:9px;background:transparent;font-size:9px;font-weight:900}.view-toggle button.active{background:#fff;color:var(--sea);box-shadow:0 2px 8px #17373b12}.filter-row{display:flex;gap:6px;padding:11px 12px;overflow-x:auto;scrollbar-width:none}.filter-row button{flex:0 0 auto;padding:6px 10px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:9px;font-weight:900}.filter-row button.active{border-color:var(--deep);background:var(--deep);color:#fff}.spot-list{padding:0 12px 24px}.spot-card{display:grid;grid-template-columns:52px 1fr auto;gap:11px;align-items:center;padding:14px 5px;border-bottom:1px solid var(--line)}.spot-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:20px;background:var(--sea)}.spot-mark.food{background:#d86a50}.spot-mark.shop{background:#477ca1}.spot-mark.see{background:#5e8871}.spot-card h3{margin:0;font-size:13px}.spot-card p{margin:3px 0;color:var(--muted);font-size:9px}.spot-card .badge{display:inline-block;padding:3px 6px;border-radius:99px;background:#e6f2ed;color:var(--sea);font-size:7px;font-weight:900}.spot-card a{color:var(--sea);font-size:18px;text-decoration:none}.spot-empty{padding:40px;text-align:center;color:var(--muted);font-size:11px}#map-wrap{padding:0 12px 25px}#map{height:calc(100dvh - 270px);min-height:440px;border-radius:20px;overflow:hidden}.map-note{color:var(--muted);font-size:9px}.map-popup b{display:block;font-size:12px}.map-popup span{display:block;color:var(--muted);font-size:9px}.map-popup a{display:block;margin-top:6px;color:var(--sea);font-size:9px;font-weight:900}
.info-nav{position:sticky;top:58px;z-index:30;display:flex;gap:6px;padding:10px 12px;overflow-x:auto;background:#fffdf8ed;backdrop-filter:blur(16px);border-block:1px solid var(--line)}.info-nav a{flex:0 0 auto;padding:6px 10px;border-radius:99px;background:#edf3f0;color:var(--sea);font-size:9px;font-weight:900;text-decoration:none}.food-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.food-card{padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.food-card span{color:var(--coral);font-size:8px;font-weight:900}.food-card b{display:block;margin:4px 0;font-size:12px}.food-card small{color:var(--muted);font-size:8px}.info-card{padding:15px;border-radius:17px;background:#fff}.info-card.accent{border-left:4px solid var(--coral)}.info-card b{font-size:13px}.info-card p{margin:5px 0 0;color:var(--muted);font-size:10px}.info-list{margin-top:10px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff}.info-list div{display:grid;grid-template-columns:45px 1fr;gap:3px 10px;padding:12px;border-bottom:1px solid var(--line)}.info-list div:last-child{border:0}.info-list span{grid-row:1/3;color:var(--coral);font-size:8px;font-weight:900}.info-list b{font-size:11px}.info-list small{color:var(--muted);font-size:8px}.stay-card{padding:16px;border:1px solid var(--line);border-radius:19px;background:#fff}.stay-top{display:flex;justify-content:space-between;gap:10px}.stay-top small{color:var(--coral);font-size:8px;font-weight:900}.stay-top h3{margin:5px 0;font-size:16px}.stay-top>span{height:max-content;padding:4px 7px;border-radius:99px;background:#e5f2ed;color:var(--sea);font-size:8px;font-weight:900}.copy-ko{width:100%;margin-top:9px;padding:11px;border:0;border-radius:13px;background:var(--deep);color:#fff;text-align:left}.copy-ko b,.copy-ko small{display:block}.copy-ko small{margin-top:2px;color:#ffffffa3;font-size:8px}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.fact-grid div{padding:9px;border-radius:11px;background:#f2f5f3}.fact-grid span,.fact-grid b{display:block}.fact-grid span{color:var(--muted);font-size:8px}.fact-grid b{font-size:9px}.phrase-list{display:grid;gap:8px}.phrase{width:100%;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:left}.phrase span,.phrase b,.phrase small{display:block}.phrase span{color:var(--muted);font-size:8px}.phrase b{margin:3px 0;font-size:15px}.phrase small{color:var(--sea);font-size:8px;font-weight:900}.emergency-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.emergency-grid a{padding:13px;border-radius:15px;background:#edf4f1;color:var(--ink);text-decoration:none}.emergency-grid span,.emergency-grid b{display:block}.emergency-grid span{font-size:8px;color:var(--muted)}.emergency-grid b{margin-top:3px;font-size:14px}
.prep-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 16px;padding:3px;border-radius:13px;background:#edf1ef}.prep-tabs button{padding:9px;border:0;border-radius:10px;background:transparent;font-size:10px;font-weight:900}.prep-tabs button.active{background:#fff;color:var(--sea);box-shadow:0 2px 8px #17373b12}.progress-card{margin:13px 16px;padding:14px;border-radius:17px;background:var(--deep);color:#fff}.progress-card>div:first-child{display:flex;justify-content:space-between;font-size:10px}.progress{height:6px;margin-top:10px;border-radius:99px;background:#ffffff2c;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#f4b078;transition:.25s}.check-list{padding:0 16px 25px}.check-group h2{margin:22px 0 5px;color:var(--coral);font:900 9px ui-monospace,monospace;letter-spacing:.13em}.check-row{display:flex;gap:10px;align-items:flex-start;padding:13px 2px;border-bottom:1px solid var(--line)}.check-row input{appearance:none;flex:0 0 auto;width:21px;height:21px;margin:0;border:1.5px solid #a8b9b5;border-radius:7px}.check-row input:checked{border-color:var(--sea);background:var(--sea);box-shadow:inset 0 0 0 5px #fff}.check-row label{font-size:11px}.check-row label span{display:block;margin-top:3px;color:var(--muted);font-size:8px}.check-row .owner{margin-left:auto}.tabs{position:fixed;z-index:120;left:0;right:0;bottom:0;height:calc(82px + var(--safe));padding:7px 7px calc(11px + var(--safe));display:grid;grid-template-columns:repeat(5,1fr);background:#fffdf8f2;backdrop-filter:blur(20px);border-top:1px solid var(--line)}.tab{border:0;border-radius:14px;background:transparent;color:#7d8d8a;padding:4px 2px}.tab i{display:block;font:800 19px/24px ui-monospace,monospace;font-style:normal}.tab span{display:block;font-size:8px;font-weight:900}.tab.active{background:#e7f2ee;color:var(--sea)}.toast{position:fixed;z-index:200;left:50%;bottom:calc(94px + var(--safe));transform:translate(-50%,12px);padding:9px 14px;border-radius:99px;background:#183a3e;color:#fff;font-size:9px;font-weight:900;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}