:root{--paper:#f4efe6;--card:#fffaf4;--ink:#171717;--muted:#6e6a64;--line:#d8cfc4;--red:#c8102e;--red-dark:#8e0d22;--amber:#c7852f;--blue:#2f5d73;--green:#516d57;--locked:#c8102e;--flex:#2f5d73;--optional:#777062}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#f7f2ea 0%,#f1ebe1 100%);margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}button,a{font:inherit}.app-shell{min-height:100vh;overflow-x:clip}.hero{color:#fff;background:linear-gradient(135deg,#111 0%,#2b2323 55%,#5b0e19 100%);min-height:560px;padding:0 24px 92px;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(150deg,#ffffff0a,#c8102e3d);height:90%;position:absolute;inset:auto -8vw -42% 48%;transform:skew(-14deg)}.folk-band{background:repeating-linear-gradient(90deg,#fff 0 20px,var(--red) 20px 40px,#fff 40px 55px,#171717 55px 75px,#fff 75px 90px,var(--red) 90px 110px);height:15px;margin:0 -24px}.topbar{z-index:2;border-bottom:1px solid #ffffff38;justify-content:space-between;align-items:center;width:min(1180px,100%);margin:auto;padding:22px 0;display:flex;position:relative}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand span{border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:38px;height:38px;font:700 12px/1 Georgia,serif;display:grid}.brand b{letter-spacing:.16em;font-size:12px}.top-actions{gap:8px;display:flex}.top-actions button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff4d;border-radius:999px;padding:9px 13px}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:end;gap:60px;width:min(1180px,100%);margin:0 auto;padding-top:76px;display:grid;position:relative}.hero-copy p{color:#f0c6ce;letter-spacing:.19em;margin:0 0 18px;font-size:12px;font-weight:800}.hero-copy h1{letter-spacing:-.065em;margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(80px,12vw,150px);font-weight:500;line-height:.82}.hero-copy>strong{color:#fff;margin-top:24px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(28px,4vw,48px);font-weight:500;display:block}.route-line{flex-wrap:wrap;align-items:center;gap:9px;margin-top:30px;display:flex}.route-line b{letter-spacing:.12em;border:1px solid #ffffff54;border-radius:999px;padding:7px 10px;font-size:10px}.route-line i{color:#f4b7c1;font-style:normal}.hero-poster{background:#ffffff0a;border:1px solid #ffffff38;justify-self:end;width:min(330px,100%);padding:26px;box-shadow:16px 16px #c8102e29}.eagle-mark{width:78px;height:78px;color:var(--red);background:#fff;border-radius:50%;place-items:center;font:700 26px Georgia,serif;display:grid}.poster-lines{gap:8px;margin:30px 0;display:grid}.poster-lines span{background:var(--red);height:8px}.poster-lines span:nth-child(2){background:#fff;width:72%}.poster-lines span:nth-child(3){background:#d7a04b;width:45%}.hero-poster p{color:#fff;letter-spacing:.05em;margin:0;font:700 clamp(28px,4vw,48px)/.95 Georgia,serif}.summary{z-index:5;background:var(--card);border-radius:18px;grid-template-columns:repeat(3,1fr);width:min(1050px,100% - 32px);margin:-52px auto 56px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 52px #17120f24}.summary div{border-right:1px solid var(--line);min-height:112px;padding:25px 28px}.summary div:last-child{border:0}.summary strong,.summary span{display:block}.summary strong{font-family:Georgia,Noto Serif TC,serif;font-size:26px}.summary span{color:var(--muted);letter-spacing:.04em;margin-top:8px;font-size:11px}.section-title{width:min(1050px,100% - 32px);margin:0 auto 18px}.section-title small{color:var(--red);letter-spacing:.16em;font-weight:900}.section-title h2{margin:7px 0 0;font-family:Georgia,Noto Serif TC,serif;font-size:30px;font-weight:500}.pretrip,.bases{margin:0 0 50px}.action-grid,.base-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:min(1050px,100% - 32px);margin:auto;display:grid}.action-grid article{border:1px solid var(--line);background:var(--card);min-height:185px;padding:20px;position:relative}.action-grid article:before{content:"";background:#aaa;width:5px;position:absolute;inset:0 auto 0 0}.action-grid article.action:before{background:var(--red)}.action-grid article.watch:before{background:var(--amber)}.action-grid small{color:var(--muted);letter-spacing:.1em;font-size:10px;font-weight:800;display:block}.action-grid span{letter-spacing:.08em;background:#f1e7e0;border-radius:999px;margin-top:9px;padding:4px 7px;font-size:9px;font-weight:900;display:inline-block}.action-grid h3{margin:16px 0 8px;font-family:Georgia,Noto Serif TC,serif;font-size:20px;font-weight:500}.action-grid p{color:#55504a;margin:0;font-size:13px;line-height:1.65}.base-grid{grid-template-columns:repeat(3,1fr)}.base-card{color:#fff;border-radius:20px;padding:26px;position:relative;overflow:hidden}.base-card:after{content:"";border:18px solid #ffffff17;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-42px;right:-28px}.base-card.warsaw{background:#9f1028}.base-card.gdansk{background:#7f541a}.base-card.krakow{background:#243d4a}.base-card small{color:#ffffffb8;letter-spacing:.12em;font-weight:900}.base-card h3{margin:9px 0 6px;font-family:Georgia,Noto Serif TC,serif;font-size:23px;font-weight:500}.base-card p{color:#ffffffc7;margin:0;font-size:12px}.base-card dl{margin:22px 0 18px}.base-card dl div{margin-top:12px}.base-card dt{color:#ffffff8c;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:900}.base-card dd{margin:4px 0 0;font-size:12px;line-height:1.5}.base-card a{z-index:1;color:#fff;border:1px solid #ffffff59;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;text-decoration:none;display:inline-block;position:relative}.day-tabs{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none;background:#f4efe6f2;width:min(1050px,100%);margin:0 auto;padding:10px 14px;display:flex;position:sticky;top:0;overflow-x:auto}.day-tabs::-webkit-scrollbar{display:none}.day-tabs button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1 0 88px;padding:11px 12px}.day-tabs b,.day-tabs span{display:block}.day-tabs span{color:var(--muted);margin-top:3px;font-size:9px}.day-tabs .active{color:#fff;background:var(--red)}.day-tabs .active span{color:#ffffffb8}.day-card{--accent:var(--red);border:1px solid var(--line);background:var(--card);touch-action:pan-y;border-radius:24px;width:min(1050px,100% - 32px);margin:18px auto 0;overflow:hidden;box-shadow:0 12px 34px #18120e12}.day-card.gdansk{--accent:var(--amber)}.day-card.malbork{--accent:#7b2d26}.day-card.krakow{--accent:var(--blue)}.day-card.memory{--accent:#4b4b4b}.day-card.salt{--accent:var(--green)}.day-card.travel{--accent:var(--red)}.day-head{color:#fff;background:linear-gradient(125deg,#181818 0%,#2d2928 70%,color-mix(in srgb,var(--accent),#111 45%) 100%);min-height:260px;padding:48px 46px;position:relative;overflow:hidden}.day-head:after{content:"";border:36px solid color-mix(in srgb,var(--accent),transparent 34%);opacity:.45;border-radius:50%;width:250px;height:250px;position:absolute;top:-75px;right:-70px}.city-stamp{z-index:1;color:#ffffff1f;text-align:right;text-transform:uppercase;max-width:42%;font:700 clamp(28px,5vw,58px)/.9 Georgia,serif;position:absolute;bottom:30px;right:36px}.day-head small{z-index:2;color:#f0c4cc;letter-spacing:.1em;font-weight:800;position:relative}.day-head h2{z-index:2;max-width:720px;margin:10px 0 8px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(34px,6vw,58px);font-weight:500;line-height:1.05;position:relative}.day-head p{z-index:2;color:#ffffffbd;max-width:720px;margin:0;font-size:14px;position:relative}.transit-strip,.day-rule{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:18px;padding:15px 28px;display:grid}.transit-strip{color:#fff;background:var(--accent)}.day-rule{background:#f6eee7}.transit-strip b,.day-rule b{letter-spacing:.09em;font-size:11px}.transit-strip span,.day-rule span{font-size:12px;line-height:1.55}.timeline{padding:30px 34px 12px}.stop{grid-template-columns:118px 26px minmax(0,1fr);min-height:136px;display:grid}.time{color:var(--accent);padding-top:6px;font-size:12px;font-weight:900;line-height:1.45}.rail{justify-content:center;display:flex;position:relative}.rail:after{content:"";background:var(--line);width:1px;position:absolute;top:17px;bottom:-4px}.stop:last-child .rail:after{display:none}.rail i{z-index:2;border:2px solid var(--accent);background:var(--card);border-radius:50%;width:11px;height:11px;margin-top:8px;position:relative}.stop.current .rail i{background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent),transparent 82%)}.stop.done{opacity:.62}.body{padding:0 0 34px 16px}.stop-meta{align-items:center;gap:7px;display:flex}.rigidity,.now-chip{letter-spacing:.08em;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900;display:inline-flex}.rigidity.locked{color:#8d0b21;background:#f4dce1}.rigidity.flex{color:#204f63;background:#dce8ee}.rigidity.optional{color:#5f594e;background:#eae4da}.now-chip{color:#fff;background:var(--accent)}.body h3{margin:8px 0;font-family:Georgia,Noto Serif TC,serif;font-size:22px;font-weight:500}.body p{color:#47413b;margin:6px 0;font-size:14px;line-height:1.72}.body .travel{border-left:3px solid var(--accent);background:#f5ede5;margin-top:11px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-block}.body address{color:var(--muted);margin-top:10px;font-size:12px;font-style:normal;line-height:1.5}.body>a{border:1px solid color-mix(in srgb,var(--accent),transparent 55%);color:var(--accent);border-radius:999px;margin-top:10px;padding:7px 11px;font-size:11px;font-weight:900;text-decoration:none;display:inline-block}.info{border-left:3px solid var(--accent);background:#f8f2eb;margin-top:13px;padding:13px 15px}.info b{font-size:12px}.info p,.info li{font-size:12px;line-height:1.6}.info ul{margin:8px 0 0;padding-left:18px}.pager{justify-content:space-between;align-items:center;width:min(1050px,100% - 32px);margin:18px auto 56px;display:flex}.pager button{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:10px 14px}.pager button:disabled{opacity:.35}.pager span{color:var(--muted);font-size:12px}footer{color:#eee;text-align:center;background:#171717;padding:34px 24px 46px}.legend{flex-wrap:wrap;justify-content:center;gap:9px 12px;font-size:11px;display:flex}.legend span{border-radius:50%;width:8px;height:8px;margin-top:3px;display:inline-block}.locked-dot{background:var(--red)}.flex-dot{background:var(--blue)}.optional-dot{background:#91897b}footer p{color:#9f9a94;max-width:720px;margin:14px auto 0;font-size:11px;line-height:1.6}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:20px;width:min(500px,100%);padding:28px;position:relative;box-shadow:0 22px 60px #0000004d}.modal>button{cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:14px}.modal h2{margin:0 0 10px;font-family:Georgia,Noto Serif TC,serif}.modal p{color:#554f48;margin:0;line-height:1.7}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-poster{display:none}.action-grid{grid-template-columns:repeat(2,1fr)}.base-grid{grid-template-columns:1fr}.hero{min-height:510px}.summary{margin-top:-44px}}@media (max-width:700px){.hero{padding-inline:16px;min-height:470px;padding-bottom:74px}.folk-band{margin-inline:-16px}.topbar{padding:17px 0}.brand b{display:none}.top-actions button{padding:8px 10px;font-size:11px}.hero-grid{padding-top:56px}.hero-copy h1{font-size:82px}.hero-copy>strong{font-size:30px}.route-line{margin-top:24px}.summary{grid-template-columns:1fr 1fr 1fr;width:calc(100% - 24px);margin-top:-34px;margin-bottom:42px}.summary div{min-height:92px;padding:17px 12px}.summary strong{font-size:19px}.summary span{font-size:9px}.section-title,.action-grid,.base-grid{width:calc(100% - 24px)}.section-title h2{font-size:25px}.action-grid{grid-template-columns:1fr}.day-card{width:calc(100% - 20px)}.day-head{min-height:220px;padding:34px 23px}.city-stamp{bottom:24px;right:18px}.transit-strip,.day-rule{grid-template-columns:1fr;gap:5px;padding:13px 18px}.timeline{padding:24px 15px}.stop{grid-template-columns:84px 20px minmax(0,1fr)}.body{padding-left:10px}.body h3{font-size:19px}.time{font-size:10px}.pager{width:calc(100% - 20px)}}