@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)}._section-spacing_bua3k_242{margin-top:3rem}._profile-card_bua3k_249{position:relative;max-width:500px;margin:2rem auto;background:var(--paper-bg);border-radius:12px;box-shadow:0 4px 6px #0000000d,0 10px 20px #00000014,0 1px #ffffff80 inset;border:1px solid rgba(0,0,0,.06);overflow:hidden}._profile-card__inner_bua3k_260{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:1.5rem}@media(min-width:480px){._profile-card__inner_bua3k_260{flex-direction:row;align-items:flex-start;padding:2rem}}._profile-card__image-area_bua3k_275{flex-shrink:0}._profile-card__image_bua3k_275{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid rgba(var(--color-accent-orange-rgb),.3);box-shadow:0 4px 12px #0000001a}._profile-card__content_bua3k_288{flex:1;min-width:0;text-align:center}@media(min-width:480px){._profile-card__content_bua3k_288{text-align:left}}._profile-card__name_bua3k_299{margin:0 0 1rem;font-size:1.4rem;font-weight:700;font-family:var(--font-handwrite);color:var(--color-text);letter-spacing:.5px}._profile-card__info_bua3k_308{margin:0;display:flex;flex-direction:column;gap:.75rem}._profile-card__row_bua3k_315{display:flex;flex-direction:column;gap:.2rem}@media(min-width:480px){._profile-card__row_bua3k_315{flex-direction:row;gap:.75rem}}._profile-card__row_bua3k_315 dt{font-weight:600;color:rgb(var(--color-accent-orange-rgb, 245, 160, 102));font-size:.85rem;font-family:var(--font-handwrite);min-width:4.5em;flex-shrink:0}._profile-card__row_bua3k_315 dd{margin:0;font-size:.95rem;color:var(--color-text);line-height:1.5}._profile-card__social_bua3k_343{margin-top:1rem;display:flex;justify-content:center;gap:.75rem}@media(min-width:480px){._profile-card__social_bua3k_343{justify-content:flex-start}}._social-link_bua3k_355{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:.4rem;border-radius:8px;transition:all .2s ease;background-color:#0000000d;color:var(--color-text)}._social-link_bua3k_355:hover{transform:translateY(-2px);background-color:#1a1a1a;color:#fff}._social-link_bua3k_355 svg{width:20px;height:20px}._profile-card__corner_bua3k_380{position:absolute;bottom:0;right:0;width:24px;height:24px;background:linear-gradient(135deg,var(--color-bg) 50%,#e8e0d8 50%,#ddd5cc 100%);box-shadow:-1px -1px 2px #0000000d}._tech-notebook_bua3k_393{max-width:500px;margin:2rem auto}._tech-notebook__paper_bua3k_398{position:relative;padding:1.5rem 1.5rem 1.5rem 2.5rem;background:var(--paper-bg);border-radius:4px;border:1px solid var(--paper-border);box-shadow:0 4px 12px #00000014,0 1px #ffffff80 inset;background-image:repeating-linear-gradient(transparent 0px,transparent 31px,rgba(var(--color-accent-orange-rgb),.1) 31px,rgba(var(--color-accent-orange-rgb),.1) 32px);background-size:100% 32px;background-position:0 8px}._tech-notebook__holes_bua3k_412{position:absolute;left:12px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-evenly;padding:1rem 0}._tech-notebook__hole_bua3k_412{width:10px;height:10px;border-radius:50%;background:var(--color-bg);border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 1px 2px #0000001a}._tech-notebook__notes_bua3k_433{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}._tech-note_bua3k_393{position:relative;padding:.85rem .75rem .7rem;border-radius:2px;box-shadow:2px 3px 6px #0000001a,0 1px #fff6 inset;transform:rotate(var(--rotation, -1.5deg));transition:transform .2s ease,box-shadow .2s ease;text-align:center;border-top:3px solid rgba(0,0,0,.06)}._tech-note_bua3k_393:hover{transform:rotate(0) translateY(-2px);box-shadow:3px 5px 10px #00000026;z-index:2}._tech-note__text_bua3k_458{font-family:var(--font-handwrite);font-size:.95rem;font-weight:600;line-height:1.3}._tech-note--yellow_bua3k_466{background:var(--color-note-yellow-bg);color:var(--color-note-yellow-text);border-top-color:var(--color-note-yellow-border, rgba(200, 160, 80, .15))}._tech-note--orange_bua3k_472{background:var(--color-note-orange-bg);color:var(--color-note-orange-text);border-top-color:var(--color-note-orange-border, rgba(200, 140, 80, .15))}._tech-note--blue_bua3k_478{background:var(--color-note-blue-bg);color:var(--color-note-blue-text);border-top-color:var(--color-note-blue-border, rgba(100, 150, 200, .15))}._tech-note--pink_bua3k_484{background:var(--color-note-pink-bg);color:var(--color-note-pink-text);border-top-color:var(--color-note-pink-border, rgba(180, 100, 120, .15))}._tech-note--green_bua3k_490{background:var(--color-note-green-bg);color:var(--color-note-green-text);border-top-color:var(--color-note-green-border, rgba(100, 160, 100, .15))}@media(max-width:479px){._tech-notebook__paper_bua3k_398{padding:1.5rem 1rem 1.5rem 2rem}._tech-notebook__notes_bua3k_433{grid-template-columns:1fr}._tech-note__text_bua3k_458{font-size:.9rem;word-break:break-word}}[data-theme=dark] ._profile-card_bua3k_249{background:var(--color-surface-solid);border-color:#ffffff14;box-shadow:0 4px 6px #0003,0 10px 20px #0000004d}[data-theme=dark] ._profile-card__image_bua3k_275{border-color:rgba(var(--color-accent-orange-rgb),.4)}[data-theme=dark] ._profile-card__corner_bua3k_380{background:linear-gradient(135deg,var(--color-bg) 50%,#3a3a4e 50%,#32324a 100%)}[data-theme=dark] ._social-link_bua3k_355{background-color:#ffffff14;color:var(--color-text)}[data-theme=dark] ._social-link_bua3k_355:hover{background-color:#e8e8ec;color:#1a1a2e}[data-theme=dark] ._tech-notebook__paper_bua3k_398{background-color:var(--color-surface-solid);border-color:#ffffff14;box-shadow:0 4px 12px #0000004d,0 1px #ffffff08 inset;background-image:repeating-linear-gradient(transparent 0px,transparent 31px,rgba(var(--color-accent-orange-rgb),.08) 31px,rgba(var(--color-accent-orange-rgb),.08) 32px)}[data-theme=dark] ._tech-notebook__hole_bua3k_412{background:var(--color-bg);border-color:#ffffff1a;box-shadow:inset 0 1px 2px #0000004d}[data-theme=dark] ._tech-note_bua3k_393{box-shadow:2px 3px 8px #0006,0 1px #ffffff0d inset;border-top-color:#ffffff1a}