@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.tabi{background:#081b23;color:#eef6f3;min-height:100vh;font-family:DM Sans,sans-serif;font-size:14px}.tabi *{box-sizing:border-box}.tabi button,.tabi input{font:inherit}.tabi button{cursor:pointer;transition:.2s}.tabi button:hover{filter:brightness(1.18);transform:translateY(-1px)}.tabi button:focus-visible,.tabi input:focus-visible,.tabi g:focus-visible{outline:2px solid #a4f4ce;outline-offset:4px}.tabi nav{height:86px;border-bottom:1px solid #20343c;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{display:flex;align-items:center;gap:9px;color:#eef6f3;text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-2px}.brandicon{color:#a0ebcb;border:1px solid #3f655b;border-radius:10px;width:35px;height:35px;font-size:23px;text-align:center;letter-spacing:0}.branddot{color:#91e7bf;margin-left:-9px}.navlinks{display:flex;gap:32px;height:100%}.navlinks button{border:0;background:none;color:#809aa6;font-size:13px}.navlinks .active{color:#a4edcf;border-bottom:2px solid #9ce8c6}.navlinks span{font-size:10px;border:1px solid #35515b;padding:2px 5px;border-radius:5px;margin-left:5px}.export{background:#a1edcb;color:#10382d;border:0;border-radius:9px;padding:12px 19px;font-weight:700!important}.tabi main{max-width:1370px;margin:auto;padding:50px 5% 0}.tabi header{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:38px}.eyebrow{font-size:9px;letter-spacing:2px;color:#7da399;font-weight:700}.eyebrow>span{display:inline-block;width:6px;height:6px;background:#9aebc5;border-radius:50%;margin-right:7px}.tabi h1{font-family:Manrope,sans-serif;font-size:48px;letter-spacing:-2px;line-height:1.16;font-weight:600;margin:16px 0}.tabi h1 em{font-style:normal;color:#a5ebcc}.tabi header p{font-size:12px;color:#8ba2ad}.passport{width:208px;background:#102a31;border:1px solid #2b4c4e;border-radius:16px;padding:22px;transform:rotate(3deg)}.passport>span{font-size:9px;letter-spacing:2px;color:#91b7ac}.passport strong{display:block;font-size:48px;letter-spacing:-2px;font-weight:500;margin:8px 0}.passport strong small{font-size:23px;color:#9edec0}.passport>div{height:4px;background:#294942;border-radius:5px;overflow:hidden}.passport i{display:block;height:100%;background:#abedcb}.passport p{font-size:10px!important}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.mapcard{border:1px solid #29404a;border-radius:17px;overflow:hidden;background:#0d242d}.mapheading{padding:25px 26px;display:flex;justify-content:space-between;align-items:center;gap:12px}.mapheading h2{font-size:21px;margin:8px 0 0;font-weight:500}.mapheading h2>span{color:#63858c;font-size:12px;margin-left:12px}.maptabs{display:flex;border:1px solid #2b444d;background:#0a2028;padding:3px;border-radius:7px}.maptabs button{background:none;color:#819da7;border:0;padding:7px 12px;font-size:11px;border-radius:4px}.maptabs .chosen{background:#29434b;color:#d7ece4}.mapwrap{position:relative}.mapwrap>svg{display:block;width:100%;height:auto}.watermark{display:none}.zoom{position:absolute;bottom:80px;right:20px;display:flex;flex-direction:column;border:1px solid #38515b;border-radius:7px;overflow:hidden}.zoom button{width:30px;height:30px;border:0;border-bottom:1px solid #304950;background:#142d36;color:#acbec4;font-size:17px}.legend{display:flex;gap:19px;align-items:center;padding:12px 25px 22px;color:#8eabb3;font-size:10px}.legend>span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;background:#a1ecc6;border-radius:2px}.legend>span:nth-child(2) i{background:#36515a}.legend small{margin-left:auto;color:#607f8b;font-size:9px}.mapfoot{display:flex;justify-content:space-between;padding:16px 25px;border-top:1px solid #263d46;font-size:10px;color:#80a299}.mapfoot button{border:0;background:none;color:#78919d;font-size:10px}.detail{border:1px solid #2c454b;border-radius:15px;overflow:hidden;background:#10272f}.detailtop{padding:18px 19px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#91aca6}.detailtop b{font-weight:400;color:#63818b}.mountain{height:138px;position:relative;background:linear-gradient(135deg,#1e3935,#314b3d);overflow:hidden}.mountain>span{position:absolute;right:18px;top:0;font-size:100px;opacity:.08}.mountain svg{position:absolute;width:100%;bottom:0}.prefintro{padding:21px}.prefintro>span{font-size:8px;color:#9bc9ad;letter-spacing:2px}.prefintro h2{font-size:29px;font-weight:500;margin:9px 0}.prefintro h2 small{display:block;font-size:12px;color:#708f95;margin-top:4px}.prefintro p{font-size:11px;color:#8ca4ac;line-height:1.8;margin:12px 0 20px}.mark{width:100%;padding:12px;border:0;border-radius:7px;background:#a2ebc8;color:#164336;font-size:12px!important;font-weight:700!important}.mark.done{background:#23483e;color:#b1ecd0;border:1px solid #3d7761}.stats{display:flex;margin:19px 0;border:1px solid #2b414a;border-radius:12px;padding:18px 13px;gap:12px}.stats>div{flex:1}.stats>div+div{border-left:1px solid #2b414a;padding-left:13px}.stats span{font-size:7px;color:#85a2a9;letter-spacing:1px}.stats b{display:block;font-size:28px;font-weight:500;margin-top:10px}.stats small{font-size:9px;color:#6e8e9a;letter-spacing:0}.personal{padding:20px;border:1px dashed #36504f;border-radius:12px}.personal>span{font-size:8px;letter-spacing:2px;color:#9bd8b8}.personal label{display:block;margin-top:15px;font-size:11px;color:#a0b8bc}.personal input{width:100%;background:#0b2029;border:1px solid #34515a;padding:10px;border-radius:6px;color:#e2f3ed;margin:9px 0 13px}.personal button{display:flex;justify-content:space-between;width:100%;border:0;background:none;color:#b6d4c8;padding:5px 0;font-size:11px}.personal button span{font-size:8px;color:#668c89}.personal p{font-size:8px;color:#637f8c;margin-bottom:0}.directory{margin:39px 0;border-top:1px solid #233b45;padding-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.directory h2{font-weight:500;margin:8px 0;font-size:24px}.directory>input{align-self:center;background:#102832;border:1px solid #2a444f;padding:12px 18px;border-radius:8px;color:#c8e3d9;width:235px;font-size:11px}.regionfilters{width:100%;display:flex;gap:7px;flex-wrap:wrap}.regionfilters button{border:1px solid #2d454e;border-radius:20px;padding:7px 12px;background:none;color:#7e9aa6;font-size:10px}.regionfilters .on{background:#a5ebc8;color:#153c31;border-color:#a5ebc8}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{padding:9px 13px;border-radius:7px;border:1px solid #243e47;background:#102730;color:#8ba5af;font-size:10px}.chips .yes{background:#173e34;color:#a2e8c5;border-color:#315d4c}.prefgrid{padding:0 22px 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-height:610px;overflow:auto}.prefgrid button{display:flex;justify-content:space-between;align-items:center;background:#1a343e;color:#a5bdc3;border:1px solid #35515b;border-radius:8px;padding:12px;text-align:left}.prefgrid small{display:block;font-size:9px;color:#7a9ca7;margin-top:5px}.prefgrid .visited{background:#214d3c;color:#b4efd1}footer{border-top:1px solid #253c45;display:flex;justify-content:space-between;align-items:center;padding:25px 0;color:#62808c;gap:20px}footer .brand{font-size:20px;color:#a2c9b9}footer p{font-size:10px}footer>span:last-child{font-size:8px;letter-spacing:1.5px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);padding:15px 25px;background:#a6ebc9;color:#173d30;border-radius:10px;box-shadow:0 10px 40px #0006;font-size:12px;z-index:20}@media(min-width:1450px){.tabi main{padding-top:60px}.mapwrap>svg{max-height:640px}}@media(max-width:900px){.workspace{grid-template-columns:1fr 250px;gap:15px}.tabi h1{font-size:39px}.tabi main{padding:35px 4% 0}.mapheading{padding:20px}.mapheading h2>span{display:none}.legend small{display:none}.passport{width:180px}.maptabs button{padding:6px}.prefgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.tabi nav{height:70px;padding:0 5%}.brand{font-size:25px}.navlinks{gap:15px}.navlinks button{font-size:11px}.export{padding:10px}.export span{display:none}.tabi header{gap:15px;align-items:flex-start;margin-bottom:25px}.tabi h1{font-size:33px;letter-spacing:-1.5px}.eyebrow{font-size:7px;letter-spacing:1.3px}.tabi header p{font-size:10px;max-width:220px;line-height:1.7}.passport{padding:13px;width:115px;margin-top:26px;border-radius:12px;flex-shrink:0}.passport>span{font-size:6px;letter-spacing:1px}.passport strong{font-size:31px}.passport strong small{font-size:17px}.passport p{font-size:7px!important}.workspace{grid-template-columns:1fr}.mapheading{padding:20px 17px}.mapheading h2{font-size:19px}.mapwrap>svg{min-height:350px}.legend{padding:12px 17px 18px}.mapfoot{padding:14px 17px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail{grid-row:span 2}.detailtop{padding:13px;font-size:6px;letter-spacing:.6px}.mountain{height:100px}.prefintro{padding:16px}.prefintro h2{font-size:24px}.prefintro p{font-size:10px}.mark{font-size:10px!important;padding:11px 5px}.stats{margin:0;display:block;padding:16px}.stats>div+div{border-left:0;border-top:1px solid #2b414a;margin-top:12px;padding:12px 0 0}.stats b{font-size:25px;margin-top:5px}.personal{padding:14px}.personal label{font-size:10px}.personal>span{font-size:7px}.personal button{font-size:9px}.directory{margin:28px 0}.directory>input{width:150px;font-size:10px}.directory h2{font-size:23px}.regionfilters{gap:6px}.regionfilters button{padding:7px 10px;font-size:9px}footer{flex-wrap:wrap;gap:10px}footer>span:last-child{display:none}.prefgrid{grid-template-columns:repeat(2,1fr)}}.mapwrap{background:#f5f1e8}.mapwrap>svg{max-height:none!important;min-height:0!important}.mapheading{background:#f5f1e8;color:#142d24}.mapheading .eyebrow{color:#728776}.mapheading h2>span{color:#92998c}.legend{color:#687b69;background:#f5f1e8}.legend i{background:#16805b}.legend>span:nth-child(2) i{background:#dfddcf}.legend small{color:#889082}.maptabs{background:#e9e7dc;border-color:#d2d7c9}.maptabs .chosen{background:#186c50;color:#f5f6e8}.maptabs button{color:#5a7060}.mapfoot{background:#f5f1e8;border-color:#dedfcf;color:#486450}.mapfoot button{color:#75816e}.mapcard{border-color:#d5dccc}.zoom button{background:#fffdf3;color:#29634f;border-color:#ccd4c6}.zoom{border-color:#ccd4c6}.mapwrap g[role=button]:hover path{fill:#56b28a;stroke:#166443;stroke-width:2}.postercontrols{display:flex;align-items:center;gap:25px;background:#102b32;border:1px solid #31504c;padding:20px 24px;border-radius:14px;margin-bottom:24px}.postercontrols>div:first-child{flex:1}.postercontrols label{display:block;font-size:11px;color:#a5c8b8;margin-bottom:9px}.postercontrols input{background:#0b2028;color:#e6f6ee;border:1px solid #3b5a55;border-radius:7px;padding:10px 12px;width:100%;max-width:320px}.posterstat strong{display:block;font-size:28px;color:#b0edcc;font-weight:600}.posterstat small{font-size:15px;color:#769689}.posterstat span{font-size:9px;color:#86a498}.postercontrols>button{background:#a1e7c3;border:0;border-radius:8px;padding:12px 17px;color:#194936;font-size:11px;font-weight:700}.mapwrap>svg{width:100%;display:block;overflow:visible}.zoom{bottom:115px}.mapwrap g[role=button]:hover path{stroke:#166443}.mapwrap g[role=button]:hover rect{fill:#b4ddc0}.mapwrap g[role=button]:hover text{fill:#183e29}@media(max-width:650px){.postercontrols{flex-wrap:wrap;padding:17px;gap:16px}.postercontrols>div:first-child{flex-basis:100%}.postercontrols input{max-width:none}.posterstat{flex:1}.posterstat strong{font-size:24px}.postercontrols>button{width:100%;font-size:12px}.zoom{right:8px;bottom:95px}.zoom button{width:25px;height:25px}.legend small{display:none}}.posterbackdrop{position:fixed;inset:0;background:#020f19d9;z-index:90;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(8px)}.postermodal{width:min(600px,100%);max-height:94vh;background:#102a31;border:1px solid #3a5953;border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.postermodal>header{margin:0;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.postermodal>header strong{font-size:15px}.postermodal>header p{margin:5px 0 0;font-size:10px;max-width:none;color:#91ad9f}.postermodal>header button{border:0;background:none;color:#e6f4ec;font-size:30px}.posterimage{overflow:auto;background:#f5f1e8}.posterimage img{width:100%;height:auto;display:block}.posteractions{display:flex;gap:10px;padding:15px}.posteractions button{flex:1;border:1px solid #67957d;background:#a5e9c7;color:#173e2c;border-radius:8px;padding:12px 8px;font-size:11px;font-weight:700}.toast{z-index:100}.tabi main{position:relative;isolation:isolate}.japanbackdrop{position:absolute;top:60px;right:-1%;width:85%;max-height:800px;opacity:.045;z-index:-1;pointer-events:none}.tabi .brand{letter-spacing:-1px;font-size:25px}.branddot{margin-left:-7px}.mapwrap .zoom{position:static;flex-direction:row;justify-content:center;width:max-content;margin:0 auto 14px;box-shadow:0 2px 12px #153c2510}.mapwrap .zoom button{width:38px;height:33px;border-bottom:0;border-right:1px solid #ccd4c6}.mapwrap .zoom button:last-child{border-right:0}.galleryhint{padding:0 20px 12px;margin:0;color:#9eb7a8;font-size:10px;line-height:1.6}.posteractions button:first-child{background:#a5e9c7;color:#173e2c}.posteractions button+button{background:#1a3a36;color:#b4ebcd}.mapwrap g[role=button]:hover rect{fill:#16805b}.mapwrap g[role=button]:hover text{fill:#fffdf5}.large-map-shell{width:100%;max-width:100%;touch-action:pan-x pan-y;background:#f5f1e8}.large-map-shell svg{display:block;width:100%;height:auto}.large-map-shell [data-pref-id]{cursor:pointer}.large-map-shell path[data-pref-id]:hover{fill:#4aac7c;stroke:#164e3c;stroke-width:2}.large-map-shell [data-pref-id]:focus-visible{outline:2px solid #176c50}.mapwrap .zoom{margin:10px auto 16px}.japan-ad{margin:32px 0;padding:18px;background:#0e252d;border:1px solid #263f47;border-radius:12px;min-height:130px;width:100%;overflow:hidden}.japan-ad>span{display:block;color:#718c97;text-align:center;text-transform:uppercase;letter-spacing:1.5px;font-size:8px;margin-bottom:12px}.japan-ad ins{min-height:90px}.mapheading h2>span{font-size:8px}.tabi footer a{margin-left:12px;color:#a4cdbb}.mapwrap .large-map-shell>div{transition:width .2s}.tabi .workspace{grid-template-columns:minmax(0,1fr) 260px}@media(max-width:900px){.tabi .workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail{grid-row:span 2}}@media(max-width:650px){.tabi main{padding:24px 12px 0}.mapheading{padding:18px 14px}.maptabs button{padding:7px 10px}.mapcard{border-radius:12px}.large-map-shell svg{min-height:0!important}.japan-ad{padding:12px;margin:22px 0}.tabi footer{padding:18px 4px}}.postermodal{max-height:94dvh}.postermodal>header{padding:12px 16px}.postermodal>header p{font-size:10px}.posterimage{min-height:0}.posteractions{padding:12px;flex-shrink:0}.galleryhint{padding:0 16px 9px;font-size:9px}.posterimage img{width:100%;aspect-ratio:4/5}.postermodal .posterimage{overscroll-behavior:contain}.posteractions{flex-wrap:wrap}.posteractions button{min-width:130px}.posteractions button span{display:block;font-size:9px;font-weight:400;margin-top:4px}html{min-height:100%;width:100%;overflow-x:hidden}body{margin:0;min-width:320px;width:100%;font-family:Arial,sans-serif}#root{width:100%;min-height:100vh}button,input{font:inherit}button{touch-action:manipulation}svg{max-width:100%}a{color:inherit}*{box-sizing:border-box}