:root{--bg-light:#fefaf5;--bg-soft:#fbf6f0;--surface:#fffefc;--hairline:#f0ece7;--stroke:#e7e2dc;--ink-1:#392e25;--ink-2:#695e55;--coral:#f18477;--coral-panel:#b25344;--coral-text:#8f3f33;--coral-tint:#ffe6e0;--paper:#fbf6f0;--paper-dot:#ede4d8;--shadow-print:0 6px 18px #392e251f;--shadow-sheet:0 4px 16px #392e250f;--font-body:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;--font-display:"Zen Maru Gothic","Hiragino Maru Gothic ProN", -apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;--font-stamp:ui-monospace,"SF Mono",Menlo,Consolas,monospace}*,:before,:after{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}*{transition:none!important;animation:none!important}}html{-webkit-text-size-adjust:100%}body{background-color:var(--paper);background-image:radial-gradient(var(--paper-dot) 1px,transparent 1px);color:var(--ink-1);font-family:var(--font-body);line-break:strict;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;background-size:24px 24px;margin:0}img{max-width:100%;height:auto}a{color:var(--coral-text)}:focus-visible{outline:2px solid var(--coral-panel);outline-offset:2px;border-radius:3px}.note-topline{background:var(--coral);height:6px}.note-header{border-bottom:1px solid var(--hairline);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:13px 20px;display:flex}.note-header__mark{align-items:center;gap:9px;text-decoration:none;display:flex}.note-header__icon{border-radius:6px;flex:none;width:26px;height:26px;display:block}.note-header__logo{width:auto;height:24px;display:block}.note-header__rule{background:#e5ded3;width:1px;height:11px;display:none}.note-header__section{letter-spacing:.05em;color:var(--ink-2);font-size:11px;font-weight:700;display:none}.note-lang{border:1px solid var(--stroke);background:var(--surface);border-radius:999px;align-items:center;height:44px;display:flex;overflow:hidden}.note-lang a{height:100%;color:var(--ink-2);align-items:center;padding:0 13px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.note-lang a[aria-current=true]{background:var(--ink-1);color:var(--bg-light)}.note-footer{border-top:1px solid var(--hairline);background:var(--surface);padding:24px 20px 36px}.note-footer__inner{max-width:880px;margin:0 auto}.note-footer__logo{width:auto;height:16px;display:block}.note-footer__nav{flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:12px;display:flex}.note-footer__copy{color:var(--ink-2);margin:14px 0 0;font-size:11.5px}.note-wrap{max-width:880px;margin:0 auto;padding:0 20px}.note-stamp{font-family:var(--font-stamp);letter-spacing:.12em;color:var(--coral-panel);font-feature-settings:"tnum";font-size:11px;font-weight:700}.note-stamp--onphoto{z-index:2;color:var(--coral-tint);text-shadow:0 1px 4px #392e25b3;font-size:12px;position:absolute;bottom:12px;right:14px}.note-tag{background:var(--coral-tint);letter-spacing:.04em;color:var(--coral-text);padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-block;transform:rotate(-2deg);box-shadow:0 2px 6px #392e251a}.note-tag--new{background:var(--ink-1);color:var(--bg-light)}.note-tape:after,.note-tape--corner:after{content:"";z-index:3;background:var(--coral-tint);opacity:.94;pointer-events:none;width:84px;height:24px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-3deg)}.note-tape--corner:after{width:52px;height:16px;top:-9px;left:14px;transform:rotate(-4deg)}.note-print__frame{box-shadow:var(--shadow-print);background:#fff;padding:8px;display:block;position:relative}.note-print__frame:before{content:"";z-index:1;pointer-events:none;background-repeat:no-repeat;background-image:linear-gradient(135deg,var(--coral-tint) 50%,transparent 50.5%), linear-gradient(225deg,var(--coral-tint) 50%,transparent 50.5%), linear-gradient(45deg,var(--coral-tint) 50%,transparent 50.5%), linear-gradient(315deg,var(--coral-tint) 50%,transparent 50.5%);background-position:0 0,100% 0,0 100%,100% 100%;background-size:16px 16px;position:absolute;inset:0}.note-print__frame img{object-fit:cover;width:100%;height:auto;display:block}.note-polaroid{box-shadow:var(--shadow-print);background:#fff;padding:7px 7px 20px;display:block;position:absolute}.note-polaroid img{object-fit:cover;display:block}.note-polaroid .note-stamp{font-size:8px;position:absolute;bottom:5px;right:9px}.note-album{max-width:1244px;margin:0 auto;padding:0 14px}.note-scatter{height:206px;position:relative;overflow:hidden}.note-scatter__p1{display:none}.note-scatter__p2{top:22px;right:16px;transform:rotate(5deg)}.note-scatter__p2 img{width:92px;height:92px}.note-scatter__p3{top:96px;right:96px;transform:rotate(-6deg)}.note-scatter__p3 img{width:66px;height:66px}.note-sticker{z-index:2;background:var(--surface);padding:20px 24px 22px;position:absolute;top:44px;left:18px;transform:rotate(-1.5deg);box-shadow:0 10px 30px #392e2529}.note-sticker .note-index__title{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:30px;font-weight:700;line-height:1.25}.note-index__dot{color:var(--coral)}.note-sticker .note-index__lead{max-width:190px;color:var(--ink-2);margin:8px 0 0;font-size:11px;line-height:1.8}.note-tabs{scrollbar-width:none;gap:5px;padding:0 12px;display:flex;overflow-x:auto}.note-tabs::-webkit-scrollbar{display:none}.note-tabs__tab{background:var(--coral-tint);min-height:44px;color:var(--coral-text);white-space:nowrap;border-radius:10px 10px 0 0;align-items:center;padding:2px 16px 0;font-size:11.5px;font-weight:700;text-decoration:none;display:flex}.note-tabs__tab[aria-current=true]{background:var(--ink-1);color:var(--bg-light)}.note-tabs__count{font-family:var(--font-stamp);margin-left:6px;font-size:10.5px}.note-sheet{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-sheet);border-radius:14px;padding:20px 18px}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;display:grid}.note-card{color:var(--ink-1);text-decoration:none;transition:transform .16s cubic-bezier(.2,.8,.2,1);display:block;transform:rotate(-.8deg)}.note-card:nth-child(4n+2){transform:rotate(.7deg)}.note-card:nth-child(4n+3){transform:rotate(-.5deg)}.note-card:nth-child(4n){transform:rotate(1deg)}.note-card:hover{transform:rotate(0)translateY(-2px)}.note-card__photo{aspect-ratio:1;display:block;overflow:hidden}.note-card__photo img{width:100%;height:100%}.note-card__meta{align-items:center;gap:8px;margin-top:10px;display:flex}.note-card__cat{letter-spacing:.05em;color:var(--coral-text);font-size:10.5px;font-weight:700}.note-card__title{font-family:var(--font-display);margin-top:7px;font-size:13px;font-weight:700;line-height:1.55;display:block}.note-card__desc{display:none}.note-card .note-stamp{margin-top:7px;font-size:9.5px;display:block}.note-card--feature{grid-column:1/-1}.note-card--feature .note-card__photo{aspect-ratio:16/9}.note-card--feature .note-card__title{font-size:16.5px;line-height:1.6}.note-card--feature .note-card__desc{color:var(--ink-2);margin-top:5px;font-size:11.5px;line-height:1.7;display:block}.note-more{position:relative}.note-more__toggle{opacity:0;pointer-events:none;position:absolute}.note-more .note-more__rest{display:none}.note-more .note-more__toggle:checked~.note-grid .note-more__rest{display:contents}.note-more__label{border:1px solid var(--stroke);background:var(--surface);min-height:48px;color:var(--ink-1);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin:16px 0 8px;padding:0 20px;font-size:13.5px;font-weight:700;display:flex}.note-more__label:hover{border-color:var(--coral-text);color:var(--coral-text)}.note-more__toggle:focus-visible~.note-more__label{outline:2px solid var(--coral-panel);outline-offset:2px}.note-more__label .is-open{display:none}.note-more__toggle:checked~.note-more__label .is-open{display:inline}.note-more__toggle:checked~.note-more__label .is-closed{display:none}.note-ctaband{background:var(--coral-tint);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:22px;padding:22px 20px;display:flex}.note-ctaband__icon{width:36px;height:36px}.note-ctaband__copy{font-family:var(--font-display);color:var(--ink-1);font-size:14px;font-weight:700}.note-ctaband__badge{height:34px;display:block}.note-ctaband__badge img{width:auto;height:100%;display:block}.note-crumb{margin:0;padding:18px 0 0}.note-crumb a{align-items:center;min-height:24px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.note-crumb a:hover{text-decoration:underline}.note-hero{border:1px solid var(--hairline);aspect-ratio:16/9;background:var(--bg-soft);border-radius:14px;margin:22px 0 0;overflow:hidden}.note-hero img{object-fit:cover;width:100%;height:100%;display:block}.note-hero--print{aspect-ratio:auto;background:0 0;border:0;border-radius:0;position:relative;overflow:visible}.note-hero--print .note-print__frame img{aspect-ratio:16/9;width:100%;height:auto}.note-head{padding-top:14px}.note-head__meta{align-items:center;gap:10px;margin:0;display:flex}.note-head__title{font-family:var(--font-display);letter-spacing:-.01em;margin:10px 0 0;font-size:25px;font-weight:700;line-height:1.6}.note-byline{align-items:center;gap:10px;margin:16px 0 0;display:flex}.note-avatar{border:2px solid var(--coral-tint);width:36px;height:36px;color:var(--coral-text);background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;overflow:hidden}.note-avatar img{object-fit:cover;width:100%;height:100%}.note-byline__text{color:var(--ink-2);font-size:12.5px;line-height:1.5}.note-byline__name{color:var(--ink-1);font-weight:700}.note-columns{padding-top:18px}.note-body{background:var(--surface);box-shadow:var(--shadow-sheet);border:0;border-radius:14px;padding:22px 16px;font-size:16px;line-height:2}.note-body>:first-child{margin-top:0}.note-body p{margin:26px 0 0}.note-body h2{box-decoration-break:clone;font-family:var(--font-display);background:linear-gradient(transparent 62%,var(--coral-tint) 62%);padding:0 2px;scroll-margin-top:16px;font-size:20px;font-weight:700;line-height:1.85;display:inline}.note-body h2+p{margin-top:18px}.note-body h3{margin:36px 0 0;scroll-margin-top:16px;font-size:17px;font-weight:700;line-height:1.65}.note-body h3+p{margin-top:12px}.note-body strong{background:linear-gradient(transparent 62%,var(--coral-tint) 62%)}.note-body a{text-underline-offset:3px;text-decoration:underline 1px}.note-body ul,.note-body ol{margin:26px 0 0;padding:0;list-style:none}.note-body li{padding-left:26px;font-size:16px;line-height:1.9;position:relative}.note-body li+li{margin-top:10px}.note-body ul li{padding-left:18px}.note-body ul li:before{content:"";background:var(--coral);border-radius:999px;width:6px;height:6px;position:absolute;top:calc(.95em - 3px);left:0}.note-body ol{counter-reset:note-ol}.note-body ol li{counter-increment:note-ol}.note-body ol li:before{content:counter(note-ol) ".";color:var(--coral-text);font-feature-settings:"tnum";font-weight:700;position:absolute;left:0}.note-body blockquote{border-left:2px solid var(--stroke);color:var(--ink-2);margin:34px 0;padding:2px 0 2px 18px;font-size:15.5px;line-height:2}.note-body blockquote p{margin:0}.note-body blockquote p+p{margin-top:12px}.note-body .note-callout{background:var(--bg-soft);color:var(--ink-2);border-radius:0;padding:16px 18px;font-size:13px;line-height:1.85;position:relative;transform:rotate(-.4deg)}.note-body figure{margin:36px 0}.note-body figure img,.note-body p>img{border:1px solid var(--hairline);border-radius:14px;width:100%;margin:36px auto;display:block}.note-body figure img{margin:0}.note-body .note-figure--app img{width:360px;margin-inline:auto}.note-body .note-figure--print{width:fit-content;max-width:100%;margin-inline:auto;position:relative}.note-body .note-figure--print .note-print__frame{border:1px solid var(--hairline);width:376px;max-width:100%;transform:rotate(.8deg)}.note-body .note-figure--print img{border:0;border-radius:0;width:100%;margin:0}.note-body .note-print__frame p{margin:0}.note-body figcaption{text-align:center;color:var(--ink-2);margin-top:10px;font-size:12.5px;line-height:1.7}.note-body .note-figure--print figcaption{width:0;min-width:100%}.note-body>:has(+h2){margin-bottom:52px}.note-body table{border-collapse:collapse;width:100%;margin:26px 0 0;font-size:13.5px;line-height:1.7}.note-body th,.note-body td{border:1px solid var(--stroke);text-align:left;padding:9px 10px}.note-body th{background:var(--bg-soft);font-weight:700}.note-body td:first-child{color:var(--ink-2);font-weight:700}.note-toc{border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);margin:26px 0 0;padding:16px 0}.note-toc__title{letter-spacing:.06em;color:var(--ink-2);font-size:12px;font-weight:700}.note-toc__list{flex-direction:column;gap:0;margin:10px 0 0;padding:0 0 0 18px;list-style:none;display:flex}.note-toc__list li{position:relative}.note-toc__list li:before{content:"";background:var(--stroke);width:1px;position:absolute;top:0;bottom:0;left:-15px}.note-toc__list li:first-child:before{top:16px}.note-toc__list li:last-child:before{bottom:calc(100% - 16px)}.note-toc__list li:after{content:"";background:var(--bg-light);border:1.5px solid var(--coral);border-radius:999px;width:7px;height:7px;position:absolute;top:13px;left:-18px}.note-toc__list a{align-items:flex-start;min-height:32px;padding:5px 0;font-size:14px;font-weight:600;line-height:1.6;text-decoration:none;display:inline-flex}.note-toc__list a:hover{text-decoration:underline}.note-toc--inline{background:var(--surface);box-shadow:var(--shadow-print);border:0;margin:26px 0 22px;padding:14px 16px;position:relative;transform:rotate(.4deg)}.note-authorcard{background:var(--surface);box-shadow:var(--shadow-print);border-radius:0;align-items:center;gap:12px;margin:44px 0 0;padding:16px 18px;display:flex;transform:rotate(-.4deg)}.note-authorcard .note-avatar{width:44px;height:44px;font-size:16px}.note-authorcard__text{color:var(--ink-2);font-size:12.5px;line-height:1.7}.note-appcard{background:var(--coral-tint);box-shadow:var(--shadow-print);text-align:center;border:0;border-radius:0;margin:24px 0 0;padding:20px;transform:rotate(.4deg)}.note-appcard__head{justify-content:center;align-items:center;gap:12px;display:flex}.note-appcard__icon{flex:none;width:44px;height:44px;display:block}.note-appcard__name{font-size:15px;font-weight:700;line-height:1.5}.note-appcard__tag{color:var(--coral-text);margin-top:2px;font-size:12.5px;line-height:1.65}.note-appcard__cta{justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.note-appcard__badge{height:44px;display:block}.note-appcard__badge img{width:auto;height:100%;display:block}.note-appcard__note{color:var(--coral-text);font-size:11.5px;line-height:1.6}.note-backlink{margin-top:26px;padding-bottom:40px}.note-backlink a{align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.note-backlink a:hover{text-decoration:underline}.note-side{display:none}@media (width>=481px){.note-header{padding:13px 32px}.note-wrap{padding:0 32px}.note-footer{padding:26px 32px 40px}}@media (width>=769px){.note-header{padding:18px 48px}.note-header__mark{gap:10px}.note-header__icon{border-radius:7px;width:30px;height:30px}.note-header__logo{height:28px}.note-header__rule{height:13px;display:block}.note-header__section{font-size:12px;display:block}.note-wrap{padding:0 48px}.note-footer{padding:26px 48px 40px}.note-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;display:flex}.note-footer__nav{margin-top:0}.note-footer__copy{margin:0;font-size:11.5px}.note-footer__nav,.note-footer__copy{align-items:center;gap:8px 18px;display:flex}.note-print__frame{padding:10px}.note-print__frame:before{background-size:20px 20px}.note-polaroid{padding:9px 9px 26px}.note-polaroid .note-stamp{font-size:9.5px;bottom:7px;right:12px}.note-album{padding:0 32px}.note-scatter{height:350px}.note-scatter__p1{display:block;top:48px;left:5%;transform:rotate(-6deg)}.note-scatter__p1 img{width:140px;height:140px}.note-scatter__p2{top:26px;right:23%;transform:rotate(4deg)}.note-scatter__p2 img{width:130px;height:130px}.note-scatter__p3{top:110px;right:6%;transform:rotate(-3deg)}.note-scatter__p3 img{width:150px;height:150px}.note-sticker{padding:30px 44px 32px;top:96px;left:24%}.note-sticker .note-index__title{font-size:46px;line-height:1.2}.note-sticker .note-index__lead{max-width:380px;margin-top:12px;font-size:13px;line-height:1.9}.note-tabs{padding:0 22px}.note-tabs__tab{border-radius:12px 12px 0 0;padding:2px 22px 0;font-size:12.5px}.note-sheet{border-radius:18px;padding:36px 38px}.note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 34px}.note-card__photo{aspect-ratio:4/3}.note-card__title{font-size:16.5px;line-height:1.6}.note-card__desc{color:var(--ink-2);margin-top:6px;font-size:12px;line-height:1.7;display:block}.note-card .note-stamp{margin-top:9px;font-size:11px}.note-card--feature{grid-column:auto}.note-card--feature .note-card__photo{aspect-ratio:4/3}.note-ctaband{gap:18px;margin-top:36px;padding:28px 64px}.note-ctaband__icon{width:44px;height:44px}.note-ctaband__copy{font-size:18px}.note-ctaband__badge{height:42px}.note-crumb{padding-top:28px}.note-crumb a{font-size:13.5px}.note-hero{aspect-ratio:880/330;border-radius:18px;margin-top:26px}.note-hero--print .note-print__frame img{aspect-ratio:16/7}.note-head{padding-top:18px}.note-head__title{margin-top:12px;font-size:32px;line-height:1.55}.note-byline{gap:11px;margin-top:18px}.note-avatar{width:40px;height:40px;font-size:15px}.note-byline__text{font-size:13px}.note-columns{padding-top:40px}.note-body{max-width:712px;padding:32px 36px;font-size:17px;line-height:2.05}.note-body>:first-child{margin-top:0}.note-body p{margin-top:28px}.note-body h2{font-size:22px}.note-body h2+p{margin-top:20px}.note-body h3{font-size:18px}.note-body li{font-size:17px}.note-body blockquote{margin:36px 0;padding-left:22px;font-size:16px;line-height:2.05}.note-body figure{margin:40px 0}.note-body>:has(+h2){margin-bottom:56px}.note-appcard{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:22px 24px;display:flex}.note-appcard__head{justify-content:flex-start;gap:14px;min-width:0}.note-appcard__cta{justify-content:flex-start;margin-top:0}.note-appcard__icon{width:48px;height:48px}.note-appcard__name{font-size:15.5px}.note-appcard__tag{font-size:13px}.note-appcard__badge{height:46px}.note-backlink{margin-top:30px;padding-bottom:40px}}:lang(en) .note-body,:lang(en) .note-body li{line-height:1.75}:lang(en) .note-header__section{font-family:"Baloo 2",-apple-system,sans-serif;font-weight:600}:lang(en) .note-sticker .note-index__title,:lang(en) .note-card__title,:lang(en) .note-head__title,:lang(en) .note-body h2,:lang(en) .note-ctaband__copy{font-family:"Baloo 2",var(--font-display)}@media (width>=1068px){.note-wrap,.note-footer__inner{max-width:1068px}.note-columns{grid-template-columns:712px minmax(0,1fr);gap:56px;display:grid}.note-body{max-width:none}.note-toc--inline{display:none}.note-side{flex-direction:column;align-self:start;gap:22px;max-height:calc(100vh - 48px);margin-inline:-8px;padding:0 8px 40px;display:flex;position:sticky;top:24px;overflow-y:auto}.note-side__card{background:var(--surface);box-shadow:var(--shadow-print);padding:18px;transform:rotate(.6deg)}.note-side__card .note-avatar{width:52px;height:52px;font-size:18px}.note-side__name{margin-top:12px;font-size:14px;font-weight:700}.note-side__bio{color:var(--ink-2);margin-top:5px;font-size:12px;line-height:1.8}.note-side .note-toc{background:var(--surface);box-shadow:var(--shadow-print);border:0;margin:0;padding:16px 18px;position:relative;transform:rotate(-.5deg)}.note-side .note-toc__title{color:var(--ink-2);font-size:11.5px}.note-side .note-toc__list a{font-size:13px}.note-related{background:var(--surface);box-shadow:var(--shadow-print);border-top:0;padding:16px 18px;transform:rotate(.4deg)}.note-related__title{letter-spacing:.06em;color:var(--ink-2);font-size:11.5px;font-weight:700}.note-related__item{color:var(--ink-1);gap:10px;margin-top:12px;text-decoration:none;display:flex}.note-related__item:hover{color:var(--coral-text)}.note-related__thumb{background:var(--bg-soft);border:3px solid #fff;border-radius:0;flex:none;width:56px;height:42px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 3px 8px #392e2526}.note-related__thumb img{object-fit:cover;width:100%;height:100%;display:block}.note-related__title2{font-size:12.5px;font-weight:600;line-height:1.6}.note-authorcard{display:none}}
