@charset "UTF-8";:root{--tag-bg-color: #7ba3c9;--font-family-base: "Noto Serif JP", Georgia, "Times New Roman", serif;--font-handwrite: "Yomogi", "Hachi Maru Pop", "Comic Sans MS", "Noto Serif JP", serif;--tag-text-color: #2a4a6a;--color-headline-blue: #5b8dd9;--color-accent-orange: #f5a066;--color-accent-orange-rgb: 245, 160, 102;--color-muted-blue: #7ba3c9;--color-text: #4a4a4a;--color-background: #fff9f5;--color-grid-dot: rgba(30, 40, 60, .03);--paper-bg: #fffcf7;--paper-border: rgba(0,0,0,.05);--note-line: rgba(0,0,0,.05);--note-rule-start: #ffb3b3;--note-rule-end: #ff9999;--shadow: 0 8px 24px rgba(15,15,15,.06);--paper-radius: 12px;--paper-radius-inner: 8px;--paper-shadow-front: 0 8px 24px rgba(0,0,0,.12);--paper-shadow-outer: 0 10px 30px rgba(0, 0, 0, .08);--paper-line-height: 32px;--color-hero-head: #000000;--max-line: 72ch;--max-width: 1000px;--color-bg: var(--color-background);--color-accent: var(--color-headline-blue);--color-accent-alt: var(--color-accent-orange);--color-border: rgba(0, 0, 0, .12);--color-border-subtle: rgba(0, 0, 0, .06);--color-border-accent: rgba(91, 127, 163, .12);--duration-instant: .12s;--duration-fast: .18s;--duration-base: .2s;--duration-moderate: .25s;--duration-smooth: .35s;--duration-deliberate: .5s;--ease-standard: cubic-bezier(.22, .61, .36, 1);--ease-gentle: cubic-bezier(.22, 1, .36, 1);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--tap-target-min: 44px;--nav-margin-bottom: 3.2rem;--nav-margin-bottom-desktop: 4.2rem;--hero-margin-bottom: 6rem;--color-note-yellow-bg: #fff5e6;--color-note-yellow-text: #5a4336;--color-note-yellow-border: transparent;--color-note-orange-bg: #fed7aa;--color-note-orange-text: #6b2510;--color-note-orange-border: transparent;--color-note-blue-bg: #e8f4fc;--color-note-blue-text: #3a5a75;--color-note-blue-border: transparent;--color-note-pink-bg: #fce8e8;--color-note-pink-text: #7a4a4a;--color-note-pink-border: transparent;--color-note-green-bg: #e8f5e8;--color-note-green-text: #3a5a3a;--color-note-green-border: transparent;--mobile-icon-1: #f59e0b;--mobile-icon-2: #ec4899;--mobile-icon-3: #3b82f6;--mobile-icon-4: #10b981}@media(min-width:1024px){:root{--max-line: 1000px}}[data-theme=dark]{--tag-bg-color: #3d3d54;--tag-text-color: #e8e8ec;--color-headline-blue: #8b9dc3;--color-text: #e8e8ec;--color-background: #1a1a2e;--color-grid-dot: rgba(255, 255, 255, .025);--color-bg: var(--color-background);--color-accent: #8b9dc3;--color-accent-alt: #d4a574;--color-accent-orange: #d4a574;--color-accent-orange-rgb: 212, 165, 116;--color-muted-blue: #6b7b9c;--color-card-bg: rgba(255, 255, 255, .02);--color-surface-solid: #242438;--color-surface-solid-hover: #2a2a42;--color-border: rgba(255, 255, 255, .12);--color-border-subtle: rgba(255, 255, 255, .04);--color-border-accent: rgba(139, 157, 195, .1);--color-hero-head: #e8e8ec;--paper-bg: #242438;--paper-border: rgba(255, 255, 255, .08);--note-line: rgba(255,255,255,.04);--note-rule-start: rgba(184, 115, 138, .7);--note-rule-end: rgba(184, 115, 138, .5);--paper-shadow-outer: 0 12px 32px rgba(0, 0, 0, .4);--color-note-yellow-bg: rgba(212, 165, 116, .18);--color-note-yellow-text: #d4c4b0;--color-note-yellow-border: rgba(212, 165, 116, .1);--color-note-orange-bg: rgba(212, 165, 116, .22);--color-note-orange-text: #e6b38a;--color-note-orange-border: rgba(212, 165, 116, .12);--color-note-blue-bg: rgba(139, 157, 195, .2);--color-note-blue-text: #b8c4dc;--color-note-blue-border: rgba(139, 157, 195, .1);--color-note-pink-bg: rgba(196, 118, 144, .2);--color-note-pink-text: #eec2d1;--color-note-pink-border: rgba(196, 118, 144, .1);--color-note-green-bg: rgba(127, 168, 144, .2);--color-note-green-text: #c5dcc5;--color-note-green-border: rgba(127, 168, 144, .1);--mobile-icon-1: #d4a574;--mobile-icon-2: #c47690;--mobile-icon-3: #8b9dc3;--mobile-icon-4: #7fa890;--pen-color-main: rgb(var(--color-accent-orange-rgb));--pen-color-alt: var(--color-muted-blue);--pen-stroke-width: 2px;--pen-opacity: .8;--pen-opacity-dark: .6;--clip-color-silver: #9aa5b1;--clip-color-gold: #d4a574;--clip-color-rose: #b8738a;--clip-color-blue: #7ba3c9;--staple-color: #8a8a8a;--staple-color-dark: #5a5a5a;--eraser-bg: rgba(200, 200, 200, .2);--eraser-bg-dark: rgba(80, 80, 80, .2);--whiteout-bg: #fefefe;--whiteout-bg-dark: rgba(60, 60, 70, .2)}.blog-note-wrapper{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:24px 24px 48px;font-family:var(--font-family-base);width:100%;max-width:none;margin:0 auto;box-sizing:border-box;overflow-x:hidden}@media(min-width:1280px){.blog-note-wrapper.design-simple,.blog-note-wrapper.design-notebook{width:100%;max-width:1440px;padding-left:40px;padding-right:40px}}.blog-note-header{position:relative;width:100%;background:var(--paper-bg);padding:100px 40px 40px;border-radius:var(--paper-radius);border:1px solid var(--paper-border);box-shadow:var(--shadow);margin-bottom:24px;text-align:center;box-sizing:border-box}.blog-note-header:before{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%) rotate(.5deg);width:100px;height:28px;background:rgba(var(--color-accent-orange-rgb),.25);border-radius:2px;border-left:3px dotted rgba(var(--color-accent-orange-rgb),.15);border-right:3px dotted rgba(var(--color-accent-orange-rgb),.15);box-shadow:0 2px 4px #00000014}.blog-note-header:after{content:"";position:absolute;bottom:0;right:0;width:28px;height:28px;background:linear-gradient(135deg,var(--color-bg) 50%,#f0e8e0 50%,#e8ddd4 100%);box-shadow:-2px -2px 3px #0000000d}.blog-note-header{border-bottom-right-radius:0}.header-pencil{position:absolute;top:18px;left:20px;width:48px;height:10px;z-index:6;pointer-events:none;transform:rotate(-35deg);transform-origin:center center;opacity:.45;background:#d4b85a;border-radius:2px;box-shadow:0 1px 2px #0000001a}.header-pencil:before{content:"";position:absolute;left:-10px;top:0;height:100%;width:10px;background:linear-gradient(90deg,#c9a0a8 0% 45%,#a8a8a8 45%,#989898);border-radius:2px 0 0 2px}.header-pencil:after{content:"";position:absolute;right:-7px;top:0;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #c9a870;filter:drop-shadow(1px 0 0 #555)}.blog-note-title{font-family:inherit;margin:0 0 24px;font-weight:700;font-size:28px;color:var(--color-hero-head);line-height:1.3}.blog-note-title span{background:linear-gradient(transparent 55%,rgba(var(--color-accent-orange-rgb),.35) 55%);padding:0 .15em;border-radius:.15em .25em .2em .3em}.blog-meta{display:flex;justify-content:center;margin-top:16px}.blog-meta .tags{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.dates.note-ruled{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;color:var(--color-text);font-size:.8rem;font-family:var(--font-handwrite);background:rgba(var(--color-accent-orange-rgb),.15);padding:8px 14px;border-radius:2px;border-left:2px dotted rgba(var(--color-accent-orange-rgb),.3);border-right:2px dotted rgba(var(--color-accent-orange-rgb),.3);transform:rotate(-1.5deg);box-shadow:1px 2px 4px #0000000f;position:absolute;top:16px;right:24px;margin-bottom:0;z-index:10}.dates-row{display:inline-flex;align-items:center}.dates .published,.dates .blog-updated,.dates .reading-time{display:inline-block;background:transparent;padding:0;border-radius:0;color:var(--color-text);opacity:1}.tags-container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:24px 0}.blog-tag{display:inline-flex;align-items:center;gap:8px;background:var(--color-note-yellow-bg);color:var(--color-note-yellow-text);padding:6px 14px;border-radius:2px;font-size:.95rem;font-family:var(--font-handwrite);text-decoration:none;box-shadow:1px 1px 2px #0000001a;transition:transform .2s,box-shadow .2s;transform:rotate(-1deg);border:1px solid rgba(0,0,0,.05)}.blog-tag .tag-count{display:inline-block;background:#0000000f;padding:1px 6px;border-radius:999px;font-size:.8em;font-family:ui-monospace,SFMono-Regular,monospace;opacity:.8}.blog-tag:hover{transform:scale(1.05) rotate(0);box-shadow:2px 4px 8px #00000026;opacity:1;z-index:1}.blog-tag:hover .tag-count{background:#0000001a;opacity:1}.blog-tag:nth-child(4n+1){background:var(--color-note-yellow-bg);color:var(--color-note-yellow-text);transform:rotate(-2deg)}.blog-tag:nth-child(4n+1) .tag-count{background:#b48c461a}.blog-tag:nth-child(4n+2){background:var(--color-note-blue-bg);color:var(--color-note-blue-text);transform:rotate(1.5deg)}.blog-tag:nth-child(4n+2) .tag-count{background:#4a6d8c1a}.blog-tag:nth-child(4n+3){background:var(--color-note-pink-bg);color:var(--color-note-pink-text);transform:rotate(-1deg)}.blog-tag:nth-child(4n+3) .tag-count{background:#8c5a5a1a}.blog-tag:nth-child(4n+4){background:var(--color-note-green-bg);color:var(--color-note-green-text);transform:rotate(.5deg)}.blog-tag:nth-child(4n+4) .tag-count{background:#4a6b4a1a}.paper-front{display:block;position:relative;background-color:var(--paper-bg);--grid-size: 24px;--dot-color: rgba(0, 0, 0, .1);--paper-gradient: linear-gradient(180deg, #fffcf9 0%, #fff9f5 100%);background-image:radial-gradient(var(--dot-color) 1px,transparent 1px),var(--paper-gradient);background-size:var(--grid-size) var(--grid-size),100% 100%;background-position:0 0;border-radius:var(--paper-radius);border:1px solid var(--paper-border);box-shadow:var(--shadow);padding:48px;box-sizing:border-box;width:100%}.paper-front:before{content:"";position:absolute;left:15%;top:-10px;width:32px;height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa5b1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.4;z-index:10;pointer-events:none;transform:rotate(45deg)}.paper-front:after{content:"";position:absolute;right:15%;top:-10px;width:32px;height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa5b1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.4;z-index:10;pointer-events:none;transform:rotate(-45deg)}.paper-stack{position:relative;margin:0 auto;padding:0 0 36px}.paper-layer{position:absolute;left:0;right:0;height:100%;border-radius:var(--paper-radius);box-shadow:var(--paper-shadow-front);background:linear-gradient(180deg,#fffcf9,#fff8f4);z-index:0}.paper-layer--deep{transform:translateY(-6px) rotate(-1.5deg) scale(.992);left:14px;right:4px;opacity:.94;background:linear-gradient(180deg,#f5ebe5,#f0e5de)}.paper-layer--back{transform:translateY(-2px) rotate(-.5deg) scale(.994);z-index:1;left:10px;right:2px;opacity:.95;background:linear-gradient(180deg,#faf4ef,#f7f0ea)}.paper-layer--front{transform:translateY(-1px) rotate(.5deg) scale(.998);z-index:2;left:6px;right:0;opacity:.98;background:linear-gradient(180deg,#fffcf9,#fff9f5)}.paper-stack>.paper-front{position:relative;z-index:3}.blog-body{font-size:1.05rem;line-height:1.8;color:var(--color-text);margin-top:0;overflow-wrap:break-word;word-break:break-word}.blog-body p{margin:0 0 1.5em}.blog-body code:not(pre code){word-break:break-all;overflow-wrap:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em;padding:.1em .3em;margin:0 .1em;background:#0000000f;border-radius:3px;line-height:1.2;vertical-align:baseline}[data-theme=dark] .blog-body code:not(pre code){background:#ffffff1f;color:#e0e0e0}.blog-body hr{border:none;border-top:1px solid var(--color-border);height:0;margin:3rem 0}.blog-body.design-notebook h2{position:relative;font-size:1.6rem;line-height:1.4;font-weight:700;color:var(--color-text);margin-top:3rem;margin-bottom:1.5rem;padding-bottom:.5em;background:linear-gradient(transparent 40%,rgba(var(--color-accent-orange-rgb),.15) 40%)}.blog-body.design-notebook h2:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:linear-gradient(90deg,rgb(var(--color-accent-orange-rgb)) 0%,rgb(var(--color-accent-orange-rgb)) 75%,transparent 100%);border-radius:2px;opacity:.8}.blog-body.design-notebook h3{position:relative;font-size:1.3rem;line-height:1.4;font-weight:700;color:var(--color-text);margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.4em;background:linear-gradient(transparent 50%,rgba(var(--color-muted-blue-rgb, 123, 163, 201),.12) 50%)}.blog-body.design-notebook h3:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-muted-blue) 0%,var(--color-muted-blue) 65%,transparent 100%);border-radius:2px;opacity:.7}.blog-body.design-notebook h4{font-size:1.15rem;line-height:1.5;margin-top:2rem;margin-bottom:1rem;font-weight:700;color:var(--color-muted-blue)}.blog-body.design-notebook ul,.blog-body.design-notebook ol{margin-top:.5em;margin-bottom:1.5em;padding-left:1.5em}.blog-body.design-notebook ul ul,.blog-body.design-notebook ul ol,.blog-body.design-notebook ol ul,.blog-body.design-notebook ol ol{margin:.5em 0}.blog-body.design-notebook ul li,.blog-body.design-notebook ol li{list-style-type:none;position:relative;margin:.3em 0;padding-left:.5em;line-height:1.6}.blog-body.design-notebook ul li:before,.blog-body.design-notebook ol li:before{position:absolute;left:-.8em;top:0;line-height:1.6;display:flex;align-items:center;font-weight:700}.blog-body.design-notebook ul li p,.blog-body.design-notebook ol li p{margin:0}.blog-body.design-notebook ul li:before{content:"・";color:rgb(var(--color-accent-orange-rgb))}.blog-body.design-notebook ol{counter-reset:ol-counter}.blog-body.design-notebook ol li:before{counter-increment:ol-counter;content:counter(ol-counter) ".";left:-1.2em;color:var(--color-muted-blue);font-family:var(--font-handwrite)}.blog-body.design-notebook strong{background:linear-gradient(transparent 60%,rgba(var(--color-accent-orange-rgb),.25) 60%);font-weight:700;padding:0 .1em}.blog-body.design-notebook blockquote,.blog-body.design-notebook .blog-note-quote{box-sizing:border-box;border-left:none;background:#f5a0660d;position:relative;margin:2rem 0;padding:1.25rem 1.5rem 1.25rem 2rem;border-radius:0 4px 4px 0;color:var(--color-text);font-style:italic}.blog-body.design-notebook blockquote:before,.blog-body.design-notebook .blog-note-quote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#f5a066 0% 70%,#f5a06680);border-radius:2px 0 0 2px;opacity:1}.blog-body.design-notebook blockquote:after,.blog-body.design-notebook .blog-note-quote:after{content:"“";position:absolute;top:.5rem;left:.3rem;font-size:2.5rem;line-height:1;color:#f5a066;opacity:.25;font-family:Georgia,serif;pointer-events:none}.blog-body.design-notebook blockquote p:last-child,.blog-body.design-notebook .blog-note-quote p:last-child{margin-bottom:0}.blog-body.design-simple h2{font-size:1.75rem;margin-top:3rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border);color:var(--color-text);font-weight:700}.blog-body.design-simple h3{font-size:1.4rem;margin-top:2.5rem;margin-bottom:1rem;color:var(--color-text);font-weight:600}.blog-body.design-simple h4{font-size:1.15rem;margin-top:2rem;margin-bottom:1rem;font-weight:600;color:var(--color-text)}.blog-body.design-simple ul,.blog-body.design-simple ol{margin:1.5em 0;padding-left:2em}.blog-body.design-simple ul li{list-style-type:disc;margin-bottom:.5em}.blog-body.design-simple ol li{list-style-type:decimal;margin-bottom:.5em}.blog-body.design-simple strong{font-weight:700;color:var(--color-headline-blue);background:none;padding:0}.blog-body.design-simple blockquote{border-left:4px solid var(--color-border);padding:1rem 1.25rem;margin:2rem 0;color:var(--color-text);font-style:italic;background:transparent}@media(min-width:1280px){.blog-body.design-simple,.blog-body.design-notebook{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:start}.blog-body.design-simple .toc-area,.blog-body.design-notebook .toc-area{grid-column:2;grid-row:1;position:sticky;top:120px;padding-top:10px;padding-right:5px}.blog-body.design-simple .post-content,.blog-body.design-notebook .post-content{grid-column:1;grid-row:1;min-width:0;max-width:52rem}}.toc-area{margin-bottom:2rem}.blog-body table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95em;line-height:1.6;display:block;overflow-x:auto;max-width:100%;position:relative}.blog-body table:after{content:"";position:sticky;right:0;top:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent,var(--paper-bg));pointer-events:none;opacity:0;transition:opacity .2s}.blog-body table::-webkit-scrollbar{height:6px}.blog-body table::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.blog-body table::-webkit-scrollbar-track{background:transparent}.blog-body th,.blog-body td{padding:.8em 1em;border:1px solid var(--color-border)}.blog-body th{background-color:#00000005;font-weight:700}.blog-body img{display:block;max-width:100%;height:auto;margin:2rem auto}.blog-body figure{margin:2rem 0;padding:0}.blog-body figure img{margin:0 auto}.blog-body figcaption{margin-top:.5rem;padding-bottom:.5rem;line-height:1.4;font-size:.9em;color:var(--color-text);opacity:.8;text-align:center}.blog-body details{margin:1.5em 0;padding:0;border:1px solid var(--color-border);border-radius:4px;background:#00000003}.blog-body summary{padding:1em;line-height:1.5;cursor:pointer;font-weight:600;color:var(--color-text)}.blog-body summary:hover{background:#00000005}.blog-body summary::marker{color:rgb(var(--color-accent-orange-rgb))}.blog-body details[open] summary{border-bottom:1px solid var(--color-border)}.blog-body details>*:not(summary){padding:0 1em}.blog-body details>*:last-child{padding-bottom:1em}[data-theme=dark] .header-pencil{background:#a89048;opacity:.4}[data-theme=dark] .header-pencil:before{background:linear-gradient(90deg,#9a7880 0% 45%,#787878 45%,#686868)}[data-theme=dark] .header-pencil:after{border-left-color:#9a8058;filter:drop-shadow(1px 0 0 #888)}[data-theme=dark] .blog-note-header{background:var(--color-surface-solid);border-color:var(--color-border)}[data-theme=dark] .blog-note-header:after{background:linear-gradient(135deg,var(--color-bg) 50%,#3a3a4e 50%,#32324a 100%);box-shadow:-2px -2px 3px #00000026}[data-theme=dark] .paper-front{background-color:var(--color-surface-solid);border-color:var(--color-border);--dot-color: rgba(255, 255, 255, .08);--paper-gradient: linear-gradient(to bottom, var(--color-surface-solid), var(--color-surface-solid))}[data-theme=dark] .paper-front:before,[data-theme=dark] .paper-front:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a9aaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E");opacity:.35}[data-theme=dark] .paper-layer{background:#2a2a3e}[data-theme=dark] .paper-layer--deep{background:#222234}[data-theme=dark] .paper-layer--back{background:#262638}[data-theme=dark] .paper-layer--front{background:#2e2e44}[data-theme=dark] .blog-note-title span{background:linear-gradient(transparent 65%,rgba(var(--color-accent-orange-rgb),.45) 65%)}[data-theme=dark] .blog-body.design-notebook strong{background:linear-gradient(transparent 60%,rgba(var(--color-accent-orange-rgb),.35) 60%)}[data-theme=dark] .blog-body.design-notebook blockquote,[data-theme=dark] .blog-body.design-notebook .blog-note-quote{background:#d4a5741a}[data-theme=dark] .blog-body.design-notebook blockquote:before,[data-theme=dark] .blog-body.design-notebook .blog-note-quote:before{background:linear-gradient(180deg,#d4a574 0% 70%,#d4a57480);opacity:.85}[data-theme=dark] .blog-body.design-notebook blockquote:after,[data-theme=dark] .blog-body.design-notebook .blog-note-quote:after{color:#d4a574;opacity:.2}[data-theme=dark] .dates .published,[data-theme=dark] .dates .blog-updated,[data-theme=dark] .dates .reading-time{color:var(--color-text)}[data-theme=dark] .blog-tag{background:#d4a57426;color:#d4c4b0;border-color:#ffffff14;box-shadow:none}[data-theme=dark] .blog-tag .tag-count{background:#ffffff1a;color:#fffc}[data-theme=dark] .blog-tag:hover .tag-count{background:#ffffff2e}[data-theme=dark] .blog-tag:nth-child(4n+1){background:#d4a5742e;color:#d4c4b0}[data-theme=dark] .blog-tag:nth-child(4n+1) .tag-count{background:#d4a57433;color:#d4c4b0}[data-theme=dark] .blog-tag:nth-child(4n+2){background:#8b9dc32e;color:#b8c4dc}[data-theme=dark] .blog-tag:nth-child(4n+2) .tag-count{background:#8b9dc333;color:#b8c4dc}[data-theme=dark] .blog-tag:nth-child(4n+3){background:#b8738a2e;color:#d4b0bc}[data-theme=dark] .blog-tag:nth-child(4n+3) .tag-count{background:#b8738a33;color:#d4b0bc}[data-theme=dark] .blog-tag:nth-child(4n+4){background:#82a0822e;color:#b8ccb8}[data-theme=dark] .blog-tag:nth-child(4n+4) .tag-count{background:#82a08233;color:#b8ccb8}[data-theme=dark] .dates.note-ruled{background:rgba(var(--color-accent-orange-rgb),.12);border-left-color:rgba(var(--color-accent-orange-rgb),.25);border-right-color:rgba(var(--color-accent-orange-rgb),.25)}.footnotes{margin-top:3rem;padding-top:0;border-top:none;font-size:.9rem;color:var(--color-text);position:relative}.footnotes:before{content:"脚注";display:flex;align-items:center;position:absolute;top:-2rem;left:0;right:0;height:2rem;font-size:1.3rem;font-weight:700;color:var(--color-text);padding-left:.6em;border-left:4px solid var(--color-muted-blue);box-sizing:border-box}.footnotes:after{content:"";position:absolute;top:0;left:0;right:0;border-bottom:1px dashed var(--color-border);pointer-events:none}.footnotes h2{display:none!important}.footnotes ol{padding-left:1.5em;margin:0}.footnotes ol li{margin-bottom:.5rem;line-height:1.5}.footnotes ol li::marker{color:var(--color-muted-blue);font-weight:700}.footnotes ol li p{margin:0;display:inline}.footnotes a{color:var(--color-headline-blue);text-decoration:none}.footnotes a:hover{text-decoration:underline}.footnotes .data-footnote-backref{margin-left:.3em;font-size:.9em;text-decoration:none}.footnotes .data-footnote-backref:before{content:"["}.footnotes .data-footnote-backref:after{content:"]"}.footnotes .data-footnote-backref:hover{text-decoration:none;color:rgba(var(--color-accent-orange-rgb),1)}.blog-body a[data-footnote-ref]{color:var(--color-headline-blue);text-decoration:none;font-size:.85em;vertical-align:super;padding:0 .2em}.blog-body a[data-footnote-ref]:before{content:"["}.blog-body a[data-footnote-ref]:after{content:"]"}.blog-body a[data-footnote-ref]:hover{text-decoration:underline}@media(max-width:720px){.blog-note-wrapper{padding:16px 16px 32px}.blog-note-header{padding:24px 20px 60px;display:flex;flex-direction:column}.blog-note-header:after{width:20px;height:20px}.blog-note-title{font-size:22px;margin-top:40px}.header-pencil{left:12px;top:14px;width:38px;height:8px}.header-pencil:before{left:-8px;width:8px}.header-pencil:after{right:-6px;border-top-width:4px;border-bottom-width:4px;border-left-width:6px}.dates.note-ruled{position:relative;top:auto;right:auto;width:auto;align-self:flex-end;align-items:flex-start;margin-bottom:12px;flex-direction:column;gap:2px;transform:rotate(-1deg)}.paper-front{padding:32px 16px;background-position:0 0}.paper-front:before,.paper-front:after{width:24px;height:24px;top:-8px}.paper-front:before{left:10%}.paper-front:after{right:10%}.paper-layer{display:none}.paper-stack{width:100%;max-width:100%;overflow:hidden}}.note-box{position:relative;margin:2rem 0;padding:2rem 1.5em;border-radius:2px;background:var(--paper-bg);color:var(--color-text);font-family:var(--font-family-base);box-sizing:border-box}.note-box>*:first-child{margin-top:0}.note-box>*:last-child{margin-bottom:0}.note-box p{margin-bottom:1em}.note-box.point{background:#fff8ef;border:1px solid rgba(0,0,0,.05);box-shadow:2px 3px 6px #0000000a}.note-box.point:before{content:"POINT";position:absolute;top:-14px;left:50%;transform:translate(-50%) rotate(-1.5deg);background:rgba(var(--color-accent-orange-rgb),.9);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:3px 14px;border-radius:2px;box-shadow:0 2px 4px #0000001f;border-left:2px dotted rgba(255,255,255,.4);border-right:2px dotted rgba(255,255,255,.4)}.note-box.memo{background:var(--paper-bg);border:2px dashed var(--color-muted-blue);border-radius:6px}.note-box.memo:before{content:"💡 MEMO";position:absolute;top:-14px;left:16px;background:var(--paper-bg);padding:0 8px;font-weight:700;color:var(--color-muted-blue);font-size:.85rem;font-family:var(--font-handwrite);line-height:1.2}.note-box.alert{background:#fff5f5;border-left:6px solid #f5a0a0;border-radius:0 4px 4px 0;box-shadow:0 1px 3px #0000000d}.note-box.alert:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f5a0a0;color:#fff;border-radius:50%;font-weight:700;font-size:14px;position:absolute;top:-12px;left:-12px;box-shadow:0 2px 4px #00000014}.note-box.check{border:4px double rgba(var(--color-accent-orange-rgb),.35);background:var(--paper-bg);border-radius:4px}.note-box.check:before{content:"✔ CHECK";position:absolute;top:-14px;left:16px;background:var(--paper-bg);padding:0 8px;font-weight:700;color:rgb(var(--color-accent-orange-rgb));font-size:.85rem;font-family:var(--font-handwrite);line-height:1.2}.note-box.clip{background:#fafafa;border:1px solid #e8e8e8;border-top:4px solid #d8d8d8;box-shadow:0 4px 8px #0000000a}.note-box.clip:before{content:"";position:absolute;top:-24px;right:32px;width:14px;height:36px;border:4px solid #9aa5b1;border-bottom:none;border-radius:14px 14px 0 0;z-index:1}.note-box.clip:after{content:"";position:absolute;top:-12px;right:28px;width:22px;height:20px;border:4px solid #86919d;border-top:none;border-radius:0 0 14px 14px;z-index:2}.note-box.tape{background:#fff;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.02);transform:rotate(-.5deg)}.note-box.tape:before{content:"";position:absolute;top:-16px;left:50%;transform:translate(-50%) rotate(1deg);width:100px;height:30px;background:#ffffff73;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px #0000000d;background-image:repeating-linear-gradient(45deg,#fff0,#fff0 2px,#ffffff4d 2px 4px);backdrop-filter:blur(1px);opacity:.8}[data-theme=dark] .note-box{background:var(--color-surface-solid);color:var(--color-text)}[data-theme=dark] .note-box.point{background:#d4a5741a;border-color:#d4a57433;color:var(--color-text)}[data-theme=dark] .note-box.point:before{opacity:.95;border-color:#00000026}[data-theme=dark] .note-box.memo{background:transparent;border-color:var(--color-muted-blue);color:var(--color-text)}[data-theme=dark] .note-box.memo:before{background:var(--color-surface-solid);color:var(--color-muted-blue)}[data-theme=dark] .note-box.alert{background:#b8738a1a;border-left-color:#b8738a;color:var(--color-text)}[data-theme=dark] .note-box.alert:before{background:#b8738a}[data-theme=dark] .note-box.check{background:transparent;border-color:rgba(var(--color-accent-orange-rgb),.4)}[data-theme=dark] .note-box.check:before{background:var(--color-surface-solid);color:rgba(var(--color-accent-orange-rgb),.95)}[data-theme=dark] .note-box.clip{background:#ffffff05;border-color:#ffffff14;border-top-color:#ffffff26}[data-theme=dark] .note-box.clip:before{border-color:#6b7b8c}[data-theme=dark] .note-box.clip:after{border-color:#555f6b}[data-theme=dark] .note-box.tape{background:#ffffff05;border-color:#ffffff0a;box-shadow:0 2px 12px #00000040}[data-theme=dark] .note-box.tape:before{background:#ffffff0f;border-color:#ffffff14;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.15) 2px,rgba(255,255,255,.15) 4px)}.note-box.sticky-note{position:relative;padding:2rem 1.5em;border-radius:2px;box-shadow:2px 3px 6px #00000014;transform:rotate(-1deg);transition:transform .2s,box-shadow .2s}.note-box.sticky-note:before{content:"";position:absolute;top:-6px;left:0;right:0;height:8px;background:#0000000d;border-radius:2px 2px 0 0;opacity:.4}.note-box.sticky-note:hover{transform:rotate(0) translateY(-2px);box-shadow:3px 5px 10px #0000001f}.note-box.sticky-note--yellow{background:var(--color-note-yellow-bg);color:var(--color-note-yellow-text);border:1px solid var(--color-note-yellow-border)}.note-box.sticky-note--blue{background:var(--color-note-blue-bg);color:var(--color-note-blue-text);border:1px solid var(--color-note-blue-border)}.note-box.sticky-note--orange{background:var(--color-note-orange-bg);color:var(--color-note-orange-text);border:1px solid var(--color-note-orange-border)}.note-box.sticky-note--pink{background:var(--color-note-pink-bg);color:var(--color-note-pink-text);border:1px solid var(--color-note-pink-border)}.note-box.sticky-note--green{background:var(--color-note-green-bg);color:var(--color-note-green-text);border:1px solid var(--color-note-green-border)}[data-theme=dark] .note-box.sticky-note{box-shadow:2px 3px 8px #0000004d}.blog-body.design-notebook del,.blog-body.design-notebook s{position:relative;text-decoration:line-through;color:var(--color-text);opacity:.6;background:linear-gradient(135deg,var(--eraser-bg) 0%,rgba(220,220,220,.15) 50%,var(--eraser-bg) 100%);padding:0 .3em;border-radius:2px}.blog-body.design-notebook del:before,.blog-body.design-notebook s:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.03) 1px,transparent 1px),radial-gradient(circle at 60% 70%,rgba(0,0,0,.02) 1px,transparent 1px);background-size:8px 8px;pointer-events:none;opacity:.4}[data-theme=dark] .blog-body.design-notebook del,[data-theme=dark] .blog-body.design-notebook s{background:linear-gradient(135deg,var(--eraser-bg-dark) 0%,rgba(100,100,100,.15) 50%,var(--eraser-bg-dark) 100%);opacity:.5}.note-box.eraser{background:var(--eraser-bg);border:2px dashed rgba(0,0,0,.15);border-radius:4px;position:relative;padding:2rem 1.5em 2rem 3em}.note-box.eraser:before{content:"🧹";position:absolute;top:1rem;left:1rem;font-size:1.5rem;opacity:.6}.note-box.eraser:after{content:"訂正";position:absolute;top:-12px;left:16px;background:var(--paper-bg);padding:0 8px;font-weight:700;color:#00000080;font-size:.85rem;font-family:var(--font-handwrite);line-height:1.2}[data-theme=dark] .note-box.eraser{background:var(--eraser-bg-dark);border-color:#ffffff26}[data-theme=dark] .note-box.eraser:after{background:var(--color-surface-solid);color:#fff9}@media(prefers-reduced-motion:reduce){.blog-note-header:before,.dates.note-ruled,.blog-tag,.blog-tag:nth-child(4n+1),.blog-tag:nth-child(4n+2),.blog-tag:nth-child(4n+3),.blog-tag:nth-child(4n+4),.note-box.tape,.note-box.point:before{transform:none}.blog-tag{transition:none}.blog-tag:hover{transform:none}}