@charset "UTF-8";:root{--clr-white: #ffffff;--clr-black: #000000;--clr-gray-50: #fffcf7;--clr-gray-100: #fff9f5;--clr-gray-200: #e8e8ec;--clr-gray-700: #4a4a4a;--clr-gray-800: #2a2a2a;--clr-navy-700: #3d3d54;--clr-navy-800: #242438;--clr-navy-850: #2a3042;--clr-navy-900: #1a1a2e;--clr-blue-100: #e8f4fc;--clr-blue-200: #b8c4dc;--clr-blue-300: #7ba3c9;--clr-blue-400: #8b9dc3;--clr-blue-500: #306fcf;--clr-blue-600: #4577a8;--clr-blue-700: #3a5a75;--clr-blue-800: #2a4a6a;--clr-blue-900: #1e283c;--clr-blue-vivid: #0b64f4;--clr-orange-100: #fed7aa;--clr-orange-300: #f5a066;--clr-orange-300-rgb: 245, 160, 102;--clr-orange-600: #be540c;--clr-orange-700: #c05513;--clr-orange-900: #6b2510;--clr-gold-300: #e6b38a;--clr-gold-400: #d4a574;--clr-gold-400-rgb: 212, 165, 116;--clr-yellow-100: #fff5e6;--clr-yellow-200: #ffe8cc;--clr-yellow-800: #5a4336;--clr-beige-300: #d4c4b0;--clr-beige-900: #352f3a;--clr-terracotta-900: #3a3238;--clr-pink-100: #fce8e8;--clr-pink-200: #ffb3b3;--clr-pink-300: #ff9999;--clr-pink-800: #7a4a4a;--clr-pink-900: #352a38;--clr-rose-400: #c47690;--clr-rose-800: #b8738a;--clr-plum-300: #eec2d1;--clr-green-100: #e8f5e8;--clr-green-300: #c5dcc5;--clr-green-700: #047857;--clr-green-800: #3a5a3a;--clr-green-900: #2a3332;--clr-sage-400: #7fa890;--clr-magenta-500: #d323a6}:root{--color-text: var(--clr-gray-700, #4a4a4a);--color-bg: var(--clr-gray-100, #fff9f5);--color-accent: var(--clr-blue-500, #306fcf);--color-accent-alt: var(--clr-orange-600, #be540c);--color-accent-orange: var(--clr-orange-600, #be540c);--color-accent-orange-rgb: var(--clr-orange-300-rgb, 245, 160, 102);--color-headline-blue: var(--clr-blue-500, #306fcf);--color-headline-blue-rgb: 48, 111, 207;--color-muted-blue: var(--clr-blue-600, #4577a8);--color-muted-blue-rgb: 69, 119, 168;--color-accent-blue: #60a5fa;--color-hero-head: var(--clr-black, #000000);--tag-bg-color: var(--clr-blue-300, #7ba3c9);--tag-text-color: var(--clr-blue-900, #1e283c);--paper-bg: var(--clr-gray-50, #fffcf7);--paper-border: rgba(0, 0, 0, .05);--note-line: rgba(0, 0, 0, .05);--note-rule-start: var(--clr-pink-200, #ffb3b3);--note-rule-end: var(--clr-pink-300, #ff9999);--color-grid-dot: rgba(30, 40, 60, .03);--color-border: rgba(0, 0, 0, .12);--color-border-subtle: rgba(0, 0, 0, .06);--color-border-accent: rgba(91, 127, 163, .12);--shadow: 0 8px 24px rgba(15, 15, 15, .06);--paper-shadow-front: 0 8px 24px rgba(0, 0, 0, .12);--paper-shadow-outer: 0 10px 30px rgba(0, 0, 0, .08);--color-note-yellow-bg: var(--clr-yellow-100);--color-note-yellow-text: var(--clr-yellow-800);--color-note-yellow-border: transparent;--color-note-orange-bg: var(--clr-orange-100);--color-note-orange-text: var(--clr-orange-900);--color-note-orange-border: transparent;--color-note-blue-bg: var(--clr-blue-100);--color-note-blue-text: var(--clr-blue-700);--color-note-blue-border: transparent;--color-note-pink-bg: var(--clr-pink-100);--color-note-pink-text: var(--clr-pink-800);--color-note-pink-border: transparent;--color-note-green-bg: var(--clr-green-100);--color-note-green-text: var(--clr-green-800);--color-note-green-border: transparent;--memo-note-bg: linear-gradient(180deg, var(--clr-yellow-100) 0%, var(--clr-yellow-200) 100%);--memo-note-accent-bg: linear-gradient(180deg, #ffe8d6 0%, #ffd4b3 100%);--mobile-icon-1: var(--clr-orange-700);--mobile-icon-2: var(--clr-magenta-500);--mobile-icon-3: var(--clr-blue-vivid);--mobile-icon-4: var(--clr-green-700);--font-family-base: "Noto Serif JP", Georgia, "Times New Roman", serif;--font-handwrite: "Yomogi", "Hachi Maru Pop", "Comic Sans MS", "Noto Serif JP", serif;--paper-radius: 12px;--paper-radius-inner: 8px;--paper-line-height: 32px;--max-line: 72ch;--max-width: 1000px;--color-text-muted: var(--clr-gray-700, #666);--tap-target-min: 44px;--z-pagination: 5;--z-reading-progress: 1300;--z-nav: 1500;--z-nav-dropdown: 9999;--z-mobile-backdrop: 1090;--z-mobile-panel: 1100;--z-mobile-toggle: 1200;--z-search-overlay: 1400;--z-search-wrapper: 1401;--z-search-results: 1410;--z-search-close: 1420;--z-search-active: 1600;--z-focus-ring: 10000;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--nav-margin-bottom: 3.2rem;--nav-margin-bottom-desktop: 4.2rem;--hero-margin-bottom: 6rem;--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)}@media(min-width:960px){:root{--max-line: 1000px}}[data-theme=dark]{--color-text: var(--clr-gray-200);--color-bg: var(--clr-navy-900);--color-accent: var(--clr-blue-400);--color-accent-alt: var(--clr-gold-400);--color-accent-orange: var(--clr-gold-400);--color-accent-orange-rgb: var(--clr-gold-400-rgb);--color-headline-blue: var(--clr-blue-400);--color-muted-blue: var(--clr-blue-400);--color-hero-head: var(--clr-gray-200);--color-text-muted: var(--clr-gray-200, #aaa);--tag-bg-color: var(--clr-navy-700);--tag-text-color: var(--clr-gray-200);--paper-bg: var(--clr-navy-800);--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);--color-grid-dot: rgba(255, 255, 255, .025);--color-border: rgba(255, 255, 255, .12);--color-border-subtle: rgba(255, 255, 255, .04);--color-border-accent: rgba(139, 157, 195, .1);--paper-shadow-outer: 0 12px 32px rgba(0, 0, 0, .4);--color-surface-solid: #242438;--color-surface-solid-hover: #2a2a42;--color-note-yellow-bg: var(--clr-beige-900);--color-note-yellow-text: var(--clr-beige-300);--color-note-yellow-border: #4a4252;--color-note-orange-bg: var(--clr-terracotta-900);--color-note-orange-text: var(--clr-gold-300);--color-note-orange-border: #4d4455;--color-note-blue-bg: var(--clr-navy-850);--color-note-blue-text: var(--clr-blue-200);--color-note-blue-border: #3a4255;--color-note-pink-bg: var(--clr-pink-900);--color-note-pink-text: var(--clr-plum-300);--color-note-pink-border: #4a3a48;--color-note-green-bg: var(--clr-green-900);--color-note-green-text: var(--clr-green-300);--color-note-green-border: #3a4542;--memo-note-bg: linear-gradient(180deg, #2a2a3e 0%, #242438 100%);--memo-note-accent-bg: linear-gradient(180deg, #2a2a3e 0%, #242438 100%);--mobile-icon-1: var(--clr-gold-400);--mobile-icon-2: var(--clr-rose-400);--mobile-icon-3: var(--clr-blue-400);--mobile-icon-4: var(--clr-sage-400);--eraser-bg: rgba(200, 200, 200, .2);--eraser-bg-dark: rgba(80, 80, 80, .2)}[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] .blog-note-title span{background:linear-gradient(transparent 65%,rgba(var(--color-accent-orange-rgb),.45) 65%)}[data-theme=dark] .blog-body code:not(pre code){background:#ffffff1f;color:#e0e0e0}[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:#352f3a;color:#d4c4b0;border-color:#4a4252;box-shadow:none}[data-theme=dark] .blog-tag .tag-count{background:#4a4252;color:#d4c4b0;opacity:1}[data-theme=dark] .blog-tag:hover .tag-count{background:#5a5262}[data-theme=dark] .blog-tag:nth-child(4n+1){background:#352f3a;color:#d4c4b0}[data-theme=dark] .blog-tag:nth-child(4n+1) .tag-count{background:#4a4252;color:#d4c4b0}[data-theme=dark] .blog-tag:nth-child(4n+2){background:#2a3042;color:#b8c4dc}[data-theme=dark] .blog-tag:nth-child(4n+2) .tag-count{background:#3a4255;color:#b8c4dc}[data-theme=dark] .blog-tag:nth-child(4n+3){background:#352a38;color:#eec2d1}[data-theme=dark] .blog-tag:nth-child(4n+3) .tag-count{background:#4a3a48;color:#eec2d1}[data-theme=dark] .blog-tag:nth-child(4n+4){background:#2a3332;color:#c5dcc5}[data-theme=dark] .blog-tag:nth-child(4n+4) .tag-count{background:#3a4542;color:#c5dcc5}[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)}[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] .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)}[data-theme=dark] .note-box.sticky-note{box-shadow:2px 3px 8px #0000004d}[data-theme=dark] .post-nav__link{--fold-face: #3a3a52;--fold-face-light: #46465f;--fold-crease: rgba(0, 0, 0, .55);background:var(--color-surface-solid);border-color:var(--color-border);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .post-nav__link:hover{background:var(--color-surface-solid-hover);box-shadow:0 6px 16px #0006}[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}[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(min-width:1280px){[data-theme=dark] .paper-layer{background:linear-gradient(180deg,#2a2a3e,#252540)}[data-theme=dark] .paper-layer--deep{background:linear-gradient(180deg,#18182a,#141426)}[data-theme=dark] .paper-layer--back{background:linear-gradient(180deg,#1e1e32,#1a1a2e)}[data-theme=dark] .paper-layer--front{background:linear-gradient(180deg,#343450,#303050)}}