.native-public{--hub-ink:#242a30;--hub-muted:#5b6570;--hub-paper:#fff;--hub-line:#dce1e4;--room-color:#285a73;--room-soft:#edf3f6;--color-text:#242a30;--color-muted:#5b6570;background:#fff;color:var(--hub-ink);font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif}.native-public .native-atmosphere,.native-public .native-motion-overlay{display:none}.native-public .native-main{background:transparent}.native-public .native-masthead{background:#fffffff5;border-bottom:1px solid #dce1e4;box-shadow:none;padding-inline:max(24px,calc((100vw - 1200px)/2));gap:24px}.native-public .native-header{padding:15px 0;min-height:78px}.native-public .native-brand{gap:10px;white-space:nowrap;min-height:44px}.native-public .native-brand,.native-public .native-brand span{color:#252c31}.native-public .native-brand span{font-size:21px;letter-spacing:-.045em}.native-public .native-brand img{width:36px;height:36px}.native-public .native-header-actions{display:none}.native-public #native-site-nav{gap:10px;align-items:center}.native-public #native-site-nav>a{color:#3e4851;font-size:13px;min-height:44px;gap:6px}.native-public #native-site-nav>a:hover{color:var(--room-color)}.native-public .native-nav-status{font-size:9px;color:#616a70;border:1px solid #cbd0d4;background:none;border-radius:2px;padding:2px 4px;line-height:1.25}.native-public .native-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f7f8f8;color:#555e64;border-top:1px solid #dce1e4;padding:25px max(24px,calc((100vw - 1200px)/2));margin:0;width:100%;max-width:none}.native-public .native-footer>p{margin:0;font-size:11px;white-space:nowrap;color:#555e64}.native-public .native-footer nav{display:flex;flex-wrap:wrap;gap:0 20px;justify-content:flex-end}.native-public .native-footer nav a{color:#555e64;font-size:11px;min-height:44px;min-width:44px;display:inline-flex;align-items:center}.native-public a:focus-visible,.native-public button:focus-visible,.native-public summary:focus-visible,.native-public input:focus-visible{outline:3px solid var(--room-color);outline-offset:4px}.room-wayfinding{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 0 17px;color:var(--hub-muted);font-size:11px;line-height:1.5;background:none;border:0}.room-wayfinding p{margin:0;display:flex;align-items:center;gap:9px}.room-wayfinding p>span{font-family:ui-monospace,monospace;color:var(--room-color)}.room-wayfinding a{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--hub-muted);text-decoration:none}.room-crossroads a{border:1px solid var(--hub-line);border-radius:2px;background:#fff}.room-preparing-label{font-size:10px;color:var(--hub-muted);font-weight:400;display:inline-block;margin-left:8px}.room-crossroads h2{font-size:19px}.native-public .hub-chip{border-radius:3px;background:#fff;border-color:var(--hub-line)}.native-public .hub-chip.is-active{background:var(--room-color);border-color:var(--room-color);color:#fff;box-shadow:none}.native-public .hub-search>div{border-radius:3px;background:#fff}.native-public .hub-search button{border-radius:2px}.directory-home{max-width:1264px;padding:0 32px 55px;margin:auto}.directory-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:39px 0 29px}.directory-heading h1{font-size:38px;font-weight:800;letter-spacing:-.065em;line-height:1.4;margin:0;color:#222b31}.directory-heading p{font-size:13px;line-height:1.8;color:#5b6570;margin:0}.directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.directory-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:300px;padding:21px 26px 24px;border:1px solid #cbd7da;overflow:hidden;text-decoration:none;color:#233139;transition:box-shadow .22s,transform .22s}.directory-cover:hover{transform:translateY(-3px);box-shadow:0 8px #20333b0b;color:inherit}.directory-cover-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.025em;line-height:1.5}.directory-cover-top>span:last-child{font-size:23px;transition:transform .2s}.directory-cover:hover .directory-cover-top>span:last-child{transform:translate(2px,-2px)}.directory-cover-copy{position:relative;z-index:2;margin-top:110px}.directory-cover-copy h2{font-family:inherit;font-size:35px;font-weight:800;letter-spacing:-.035em;line-height:1.45;margin:0 0 5px;color:inherit}.directory-cover-copy p{font-size:12px;line-height:1.8;margin:0;color:inherit}.directory-status{display:inline-block;margin-top:10px;padding:2px 7px;border:1px solid currentColor;font-size:10px;line-height:1.5}.directory-cover--tech{--room-color:#6b36b5;background-color:#f1e7fc;background-image:linear-gradient(#8653c612 1px,transparent 1px),linear-gradient(90deg,#8653c612 1px,transparent 1px);background-size:22px 22px;color:#6031a6;border-color:#b399d3}.native-public .directory-cover--tech .directory-cover-copy h2{color:#5b269e}.directory-cover--tech .directory-cover-copy{width:max-content;max-width:100%;padding:7px 12px 7px 0;background:linear-gradient(90deg,#f2e9fc 88%,transparent)}.directory-cover--tech h2{letter-spacing:-.06em}.directory-bolt{color:#b86e00;margin-left:8px}.directory-tech-art{position:absolute;width:78%;height:90%;right:-9%;top:21%;transform:rotate(-6deg);opacity:.96;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%);mask-image:linear-gradient(90deg,transparent,#000 20%)}.directory-tech-art img{width:100%;height:100%;object-fit:cover}.directory-cover--reading{background:#f7faf6;color:#183f39;border-color:#aebcb3}.directory-reading-mark{display:flex;gap:5px;position:absolute;right:30px;top:66px;transform:rotate(-5deg)}.directory-reading-mark span{display:grid;place-items:center;width:65px;height:82px;border:1px solid #42675e;background:#fff;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:38px;font-weight:700;box-shadow:3px 3px #cfd9ce}.directory-reading-mark span:nth-child(2n){transform:translateY(10px)}.directory-cover--reading h2{font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-weight:700;letter-spacing:.025em}.directory-cover--sake{background:#f4f0e6;color:#38342c;border-color:#c9c1ac;background-image:radial-gradient(#94836915 .8px,transparent .8px);background-size:5px 5px}.directory-sake-mark{position:absolute;right:52px;top:52px;width:140px;height:140px;border:1px solid #baad8c;border-radius:50%;display:grid;place-items:center;transform:rotate(-8deg)}.directory-sake-mark span{font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:91px;line-height:1;color:#78694e;font-weight:400}.directory-sake-mark i{position:absolute;bottom:4px;right:-5px;width:23px;height:37px;background:#9e3c2d;border:3px double #f4f0e6;transform:rotate(8deg)}.directory-cover--sake h2{font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-weight:500;letter-spacing:.11em}.directory-cover--sake .directory-status{color:#9c3c2e}.directory-cover--reviews{background:#f8fafc;border-color:#cbd5dd;color:#253c52}.directory-review-mark{position:absolute;right:21px;top:54px;width:47%;max-width:250px;transform:rotate(-5deg);color:#334c62}.directory-review-mark svg{width:100%;height:auto}.directory-cover--reviews h2{letter-spacing:-.05em}.native-public.native-section-tech{--room-color:#6b36b5;--room-soft:#f1eafa;--hub-line:#dfd3ed;--hub-ink:#30233f;--hub-muted:#6a5a7b;--accent:#6b36b5;--accent-hover:#51258b;--accent-soft:#e8daf6;--ink:#30233f;--muted:#6a5a7b;--line:#dfd3ed;--paper:#faf7fd;--midnight:#302041;background:#faf7fd}.native-section-tech .native-masthead{background:#fdfbfff5;border-color:#e4d9ef}.native-section-tech .native-footer{background:#f2edf8;border-color:#dfd3ed}.native-section-tech .blog-directory{max-width:1264px;padding-bottom:1px}.native-section-tech .tech-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative;padding:0;margin:0 0 28px;gap:0;align-items:stretch;border:1px solid #9870c3;border-radius:0;background:#f1e8fa;box-shadow:5px 5px #e4d6f1;overflow:hidden}.tech-window-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 13px;background:#6b36b5;border-bottom:1px solid #51258b;color:#fff;font:12px/1.4 ui-monospace,monospace;letter-spacing:.06em}.tech-window-bar i{font-style:normal;letter-spacing:.3em}.tech-opening-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:34px 32px 32px;background-image:linear-gradient(#9766c916 1px,transparent 1px),linear-gradient(90deg,#9766c916 1px,transparent 1px);background-size:24px 24px}.tech-opening-label{font-size:12px;font-weight:600;letter-spacing:.05em;color:#704490;margin:0 0 12px}.native-section-tech .tech-opening h1{font-family:Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:clamp(36px,4.3vw,61px);line-height:1.35;letter-spacing:-.07em;font-weight:900;color:#5b269e;margin:0 0 15px;white-space:nowrap;text-shadow:2px 2px 0 #fff}.tech-opening h1>span{display:inline-block;margin-left:8px;color:#bb7800;text-shadow:2px 2px 0 #fff8c1}.tech-opening-description{max-width:31em;font-size:14px;line-height:2;color:#59436f;margin:0}.tech-opening-count{font-size:11px;font-weight:600;line-height:1.5;margin:20px 0 0;padding:5px 9px;border:1px solid #b998d9;background:#ffffffac;width:max-content;color:#63378e;box-shadow:2px 2px #ddc9ef}.tech-opening-art{margin:0;min-width:0;height:300px;min-height:0;overflow:hidden;background:#eee4f8;border-left:1px solid #b399d3}.tech-opening-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}.native-section-tech .hub-directory-head{display:block;padding:0 0 20px}.native-section-tech .hub-search{max-width:520px}.native-section-tech .hub-search>div{border:1px solid #b6a0cf;border-radius:0;padding:4px;box-shadow:3px 3px #eee4f7}.native-section-tech .hub-search button{border-radius:0}.native-section-tech .hub-chip{border-radius:0;border-color:#cdbbdf;color:#675179;font-size:12px;background:#fff}.native-section-tech .hub-chip.is-active{color:#fff;box-shadow:3px 3px #e0d0ef}.blog-filter-details{border-block:1px solid #dfd3ed;padding:0;margin:0}.blog-filter-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:12px;color:#63497a;list-style:none;cursor:pointer}.blog-filter-details>summary::-webkit-details-marker{display:none}.blog-filter-details>summary:after{content:"\ff0b";font-size:17px}.blog-filter-details[open]>summary:after{content:"\2212"}.blog-filter-details .hub-filters{padding:8px 0 18px}.native-section-tech .hub-result-head{border-bottom:2px solid #7140b8;padding-bottom:15px;margin-top:24px}.native-section-tech .hub-result-head h2{color:#4b3266;font-size:22px}.native-section-tech .hub-grid{gap:27px}.native-section-tech .hub-card{background:#fff;border:1px solid #e0d3ed;border-radius:0;overflow:hidden;transition:border-color .2s,box-shadow .2s}.native-section-tech .hub-card-link{height:100%;display:flex;flex-direction:column}.native-section-tech .hub-card-copy{padding:19px 21px 20px;flex:1}.native-section-tech .hub-card-art{border-radius:0;aspect-ratio:2;background:#f0e7fa;border-bottom:1px solid #e0d3ed;flex:none}.native-section-tech .hub-format{border-radius:0;border:1px solid #bca4d5;color:#65408d;font-size:10px}.native-section-tech .hub-card h3{font-size:20px;line-height:1.75;text-wrap:pretty;letter-spacing:0}.native-section-tech .hub-card-summary{font-size:13px;line-height:1.9}.native-section-tech .hub-card:hover{border:1px solid #b18acf;box-shadow:4px 4px #e9dcf5}.native-section-tech .hub-card:hover h3{color:#6b36b5}.native-section-tech .hub-card-art img{object-fit:cover}.native-section-tech .journal-reading{background:#fff;border-inline:1px solid #eae2f1;--journal-ink:#30233f;--journal-muted:#6a5a7b;--journal-accent:#6b36b5}.native-section-tech .journal-article-header{border-top:4px solid #6b36b5;padding-top:22px}.native-section-tech .journal-article-header h1{font-weight:800;text-wrap:pretty;letter-spacing:-.025em}.native-section-tech .journal-content h2{padding:16px 19px;border:0;border-left:4px solid #7743bb;background:#f5eefb;font-size:25px;margin-top:2.4em}.native-section-tech .journal-content h3{border-bottom:1px solid #d9c3ed;padding-bottom:10px;font-size:21px}.native-section-tech .journal-content p{margin:1.35em 0}.native-section-tech .journal-content pre{border:1px solid #83609f;border-radius:0;box-shadow:3px 3px #e8dbf3;max-width:100%;overflow:auto}.native-section-tech .reader-toc-aside .journal-toc{background:#f6f0fc;border:1px solid #e0d0ee;border-radius:0}.native-section-tech .journal-content blockquote{background:#f8f4fc;border-left:3px solid #ad83d1;border-radius:0}.native-public.native-section-tech .journal a:focus-visible,.native-public.native-section-tech .journal summary:focus-visible{outline-color:var(--room-color)}.native-section-tech .journal-content pre,.native-section-tech .journal-content code,.native-section-tech .journal-content th{background:#f2eafa;color:#30233f}.native-section-tech .journal-content pre code{background:transparent}.native-section-tech .journal-content blockquote{color:#655274}.native-public.native-section-tech .journal-category.is-active{box-shadow:0 3px 8px #6b36b51a,inset 0 1px #ffffff29}.native-public.native-section-tech .journal-category:not(.is-active):hover{background:#f1eafa;border-color:#b399d3}html:has(body.native-section-tech) .turbo-progress-bar{background:var(--tech-progress,#6b36b5)}@media(min-width:761px)and (max-width:1050px){.native-public .native-masthead{gap:12px;padding-inline:24px}.native-public #native-site-nav{gap:0}.native-public #native-site-nav>a{font-size:12px;padding-inline:8px}.native-public .native-brand span{font-size:19px}.native-public .native-nav-status{display:none}.directory-reading-mark{right:20px}.directory-reading-mark span{width:52px;height:70px;font-size:32px}.directory-cover-copy h2{font-size:30px}.directory-cover{padding-inline:22px;min-height:285px}.tech-opening-copy{padding:27px 23px}.tech-opening-art{height:300px;min-height:0}}@media(max-width:760px){.native-public .native-masthead{display:block;padding-inline:20px}.native-public .native-header{min-height:62px;padding:12px 0}.native-public .native-brand span{font-size:19px}.native-public .native-brand img{width:32px;height:32px}.native-public #native-site-nav{gap:0}.native-public #native-site-nav>a{padding:9px 4px;min-height:46px;font-size:12px;flex-direction:column;gap:2px}.native-public .native-nav-status{display:none}.native-public .native-footer{display:block;padding:22px 20px}.native-public .native-footer nav{justify-content:flex-start;gap:0 18px;margin-top:6px}.room-wayfinding{padding:14px 0 10px;font-size:10px}.directory-home{padding:0 20px 34px}.directory-heading{display:block;padding:26px 0 22px}.directory-heading h1{font-size:30px}.directory-heading p{font-size:12px;margin-top:8px}.directory-grid{gap:16px}.directory-cover{min-height:270px;padding:17px 19px 20px}.directory-cover-copy h2{font-size:27px}.directory-cover-copy p{font-size:11px}.directory-cover-top{font-size:10px}.directory-reading-mark{top:70px;right:16px;gap:3px}.directory-reading-mark span{width:40px;height:55px;font-size:27px}.directory-sake-mark{right:20px;width:100px;height:100px;top:65px}.directory-sake-mark span{font-size:65px}.directory-sake-mark i{width:18px;height:29px}.directory-review-mark{right:13px;top:76px;width:72%}.native-section-tech .tech-opening h1{font-size:36px}.tech-opening-copy{padding:23px 19px}.tech-opening-description{font-size:13px;line-height:1.9}.tech-opening-label{font-size:11px}.tech-opening-art{height:275px;min-height:0}.tech-opening-count{margin-top:15px}.native-section-tech .hub-card-copy{padding:15px 18px 18px}.native-section-tech .hub-card h3{font-size:19px}.native-section-tech .hub-card-summary{font-size:13px}.native-section-tech .journal-content h2{font-size:23px;padding:13px 14px}.native-section-tech .journal-content h3{font-size:20px}}@media(max-width:600px){.directory-grid{grid-template-columns:1fr;gap:14px}.directory-cover{min-height:242px;padding:17px 21px 20px}.directory-cover-copy{margin-top:102px}.directory-cover-copy h2{font-size:29px}.directory-cover--tech .directory-cover-copy{padding-top:4px;padding-bottom:4px}.directory-tech-art{width:77%;top:17%;right:-7%}.directory-cover-top{font-size:10px}.directory-reading-mark{top:62px;right:25px;gap:5px}.directory-reading-mark span{width:50px;height:62px;font-size:31px}.directory-sake-mark{right:32px;top:48px;width:110px;height:110px}.directory-review-mark{right:15px;top:52px;width:58%}.native-section-tech .tech-opening{grid-template-columns:1fr 115px;margin-bottom:23px}.tech-window-bar{grid-column:1/-1;font-size:11px;padding:6px 10px}.tech-opening-copy{padding:20px 110px 20px 19px;grid-column:1/-1;min-height:200px}.native-section-tech .tech-opening h1{font-size:35px;white-space:normal;width:max-content;margin-bottom:12px}.tech-opening h1>span{display:none}.tech-opening-description{max-width:23em;font-size:12px}.tech-opening-count{font-size:10px}.tech-opening-art{position:absolute;right:-35px;bottom:0;width:145px;height:170px;min-height:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 23%);mask-image:linear-gradient(to right,transparent,#000 23%);border:0;opacity:.9}.tech-opening-art img{object-position:30% center}.native-section-tech .hub-list .hub-card,.native-section-tech .hub-list .hub-card:first-child{padding:17px;min-height:0}.native-section-tech .hub-list .hub-card-link{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px}.native-section-tech .hub-list .hub-card-art{width:74px;height:70px;border:1px solid #e0d3ed;margin:3px 0 0;border-radius:0}.native-section-tech .hub-list .hub-card-copy{padding:0}.native-section-tech .hub-list .hub-card h3{font-size:17px;line-height:1.75}.native-section-tech .hub-list .hub-card-summary{font-size:12px;line-height:1.85}.native-section-tech .hub-grid{gap:23px}.native-section-tech .hub-result-head{align-items:flex-start;gap:6px;margin-bottom:20px}.native-section-tech .hub-result-head h2{font-size:20px}.native-section-tech .hub-result-head>span{font-size:11px}.native-section-tech .journal-reading{border:0}}@media(max-width:360px){.directory-cover-copy h2{font-size:26px}.directory-cover-copy p{font-size:10px}.directory-reading-mark span{width:43px;height:56px;font-size:28px}.directory-cover{padding-inline:17px}.directory-home{padding-inline:16px}.native-section-tech .tech-opening h1{font-size:30px}.tech-opening-copy{padding:21px 82px 21px 16px}.tech-opening-art{right:-55px}.tech-opening-description{font-size:12px}.native-public .native-masthead{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.directory-cover,.directory-cover-top>span:last-child{transition:none}.directory-cover:hover{transform:none}}