:root{--bg-paper: #F5F7F4;--bg-primary: #F2F5F0;--bg-secondary: #E6ECE2;--bg-elevated: #FAFBF9;--bg-accent: #D9E3D4;--bg-overlay: rgba(242, 245, 240, 0.92);--text-primary: #1A2D1A;--text-secondary: #2D3D2A;--text-tertiary: #526850;--text-muted: #839580;--accent-indigo: #2F5240;--accent-vermillion: #B85D3D;--accent-moss: #3D6B4A;--accent-gold: #B59855;--accent-deep: #1A3020;--accent-primary: var(--accent-indigo);--accent-secondary: var(--accent-vermillion);--accent-tertiary: var(--accent-moss);--border-light: rgba(22, 29, 20, 0.06);--border-subtle: rgba(22, 29, 20, 0.1);--border-strong: rgba(22, 29, 20, 0.18);--border-accent: var(--accent-indigo);--shadow-xs: 0 1px 3px rgba(22, 29, 20, 0.04), 0 1px 2px rgba(22, 29, 20, 0.06);--shadow-sm: 0 2px 8px rgba(22, 29, 20, 0.06), 0 1px 3px rgba(22, 29, 20, 0.08);--shadow-md: 0 4px 20px rgba(22, 29, 20, 0.08), 0 2px 6px rgba(22, 29, 20, 0.06);--shadow-lg: 0 8px 40px rgba(22, 29, 20, 0.1), 0 4px 12px rgba(22, 29, 20, 0.06);--shadow-inset: inset 0 1px 3px rgba(22, 29, 20, 0.06);--focus-ring: 0 0 0 3px rgba(47, 82, 64, 0.25);--stamp-color: var(--accent-vermillion);--wave-color: var(--accent-indigo);--pattern-opacity: 0.50}[data-theme="wave"]{--bg-paper: #F5F8FA;--bg-primary: #F0F4F7;--bg-secondary: #E4EAF0;--bg-elevated: #FAFCFD;--bg-accent: #D8E2EB;--bg-overlay: rgba(240, 244, 247, 0.92);--text-primary: #0D1B24;--text-secondary: #1E3344;--text-tertiary: #4A6275;--text-muted: #7A91A5;--accent-indigo: #1B4B6E;--accent-vermillion: #D4623A;--accent-moss: #2B5D4E;--accent-gold: #C4A155;--accent-deep: #0F2D42;--accent-primary: var(--accent-indigo);--accent-secondary: var(--accent-vermillion);--accent-tertiary: var(--accent-moss);--border-light: rgba(13, 27, 36, 0.05);--border-subtle: rgba(13, 27, 36, 0.08);--border-strong: rgba(13, 27, 36, 0.15);--pattern-opacity: 0.45}[data-theme="sakura"]{--bg-paper: #FBF8F5;--bg-primary: #F9F5F1;--bg-secondary: #F2EBE4;--bg-elevated: #FDFCFA;--bg-accent: #EBE1D8;--bg-overlay: rgba(249, 245, 241, 0.92);--text-primary: #241D19;--text-secondary: #4A3F36;--text-tertiary: #7A6D62;--text-muted: #A89D92;--accent-indigo: #6B4A5C;--accent-vermillion: #D67D6A;--accent-moss: #5B7D6D;--accent-gold: #C9A86A;--accent-deep: #4A3040;--accent-primary: var(--accent-indigo);--accent-secondary: var(--accent-vermillion);--accent-tertiary: var(--accent-moss);--border-light: rgba(36, 29, 25, 0.05);--border-subtle: rgba(36, 29, 25, 0.08);--border-strong: rgba(36, 29, 25, 0.15);--pattern-opacity: 0.50}[data-theme="forest"]{--bg-paper: #F5F7F4;--bg-primary: #F2F5F0;--bg-secondary: #E6ECE2;--bg-elevated: #FAFBF9;--bg-accent: #D9E3D4;--bg-overlay: rgba(242, 245, 240, 0.92);--text-primary: #141D14;--text-secondary: #2D3D2A;--text-tertiary: #526850;--text-muted: #839580;--accent-indigo: #2F5240;--accent-vermillion: #B85D3D;--accent-moss: #3D6B4A;--accent-gold: #B59855;--accent-deep: #1A3020;--accent-primary: var(--accent-indigo);--accent-secondary: var(--accent-vermillion);--accent-tertiary: var(--accent-moss);--border-light: rgba(20, 29, 20, 0.05);--border-subtle: rgba(20, 29, 20, 0.08);--border-strong: rgba(20, 29, 20, 0.15);--pattern-opacity: 0.50}[data-theme="night"]{--bg-paper: #141210;--bg-primary: #181614;--bg-secondary: #1E1C1A;--bg-elevated: #242220;--bg-accent: #2A2826;--bg-overlay: rgba(24, 22, 20, 0.95);--text-primary: #F2EFE9;--text-secondary: #CCC7BE;--text-tertiary: #9A958C;--text-muted: #6B6660;--accent-indigo: #6B9DB8;--accent-vermillion: #E88B6A;--accent-moss: #6BAA8A;--accent-gold: #D4B86A;--accent-deep: #4A7A9A;--accent-primary: var(--accent-indigo);--accent-secondary: var(--accent-vermillion);--accent-tertiary: var(--accent-moss);--border-light: rgba(242, 239, 233, 0.04);--border-subtle: rgba(242, 239, 233, 0.08);--border-strong: rgba(242, 239, 233, 0.15);--shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.35);--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.25);--shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.35), 0 4px 12px rgba(0, 0, 0, 0.25);--focus-ring: 0 0 0 3px rgba(107, 157, 184, 0.35);--pattern-opacity: 0.25}@font-face{font-family:"PT Sans";src:local("PT Sans"),local("PTSans-Regular"),url("../fonts/PTSans-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"PT Sans";src:local("PT Sans Bold"),local("PTSans-Bold"),url("../fonts/PTSans-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{background:var(--bg-paper);color:var(--text-primary);font-family:"DM Sans","Noto Sans JP",system-ui,-apple-system,sans-serif;font-weight:400;font-size:calc(1rem + 0.12vw);line-height:1.75;margin:0;min-height:100vh;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .35s cubic-bezier(.4, 0, .2, 1),color .35s cubic-bezier(.4, 0, .2, 1);position:relative;overflow-x:hidden}body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("/assets/frogwallpaper1.jpg");background-size:800px auto;background-position:center top;background-repeat:repeat;background-attachment:fixed;opacity:var(--pattern-opacity, .15);pointer-events:none;z-index:-3;filter:sepia(.05) contrast(.98)}body::after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.03) 100%),linear-gradient(180deg, transparent 0%, rgba(139,119,101,0.02) 50%, transparent 100%);pointer-events:none;z-index:-2}[data-theme="night"] body::before{opacity:.025;filter:invert(1) brightness(.6) sepia(.2)}[data-theme="night"] body::after{background:radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.15) 100%)}h1,h2,h3,h4,h5,h6{font-family:"DM Sans","Noto Sans JP",system-ui,sans-serif;font-weight:600;letter-spacing:-0.02em;color:var(--accent-indigo);margin-top:0;line-height:1.25}h1{font-size:clamp(2rem, 5vw, 2.75rem);margin-bottom:1.5rem;position:relative;color:var(--accent-indigo)}h2{font-size:clamp(1.5rem, 4vw, 2rem);margin-bottom:1rem;color:var(--accent-indigo)}h3{font-size:clamp(1.25rem, 3vw, 1.5rem);margin-bottom:1rem;color:var(--text-primary)}h4{font-size:1.125rem;margin-bottom:.5rem}h5,h6{font-size:1rem;margin-bottom:.5rem}b,strong,th{font-weight:600;color:var(--text-primary)}p{color:var(--text-secondary);margin:0 0 1.5rem}p:last-child{margin-bottom:0}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease,opacity .2s ease;font-weight:500;position:relative}a:hover{color:var(--accent-secondary)}a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}article p a,article li a,.main-content a{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;text-decoration-thickness:1px}article p a:hover,article li a:hover,.main-content a:hover{text-decoration-color:var(--accent-secondary)}header a,footer a,aside a,nav a{color:inherit;text-decoration:none}hr{border:none;height:2px;background:linear-gradient(90deg, transparent 0%, var(--border-strong) 15%, var(--accent-primary) 50%, var(--border-strong) 85%, transparent 100%);margin:4rem 0;position:relative;opacity:.6}hr::before{content:"〰";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:var(--bg-paper);padding:0 1rem;color:var(--accent-primary);font-size:1.25rem;letter-spacing:-0.15em}ul,ol{padding-left:2rem;margin:1rem 0 1.5rem}li{margin:.5rem 0;color:var(--text-secondary);line-height:1.7}li::marker{color:var(--accent-tertiary)}img{max-width:100%;height:auto;border-radius:4px;display:block}figure{margin:2rem 0}figcaption{font-size:.875rem;color:var(--text-tertiary);text-align:center;margin-top:1rem;font-style:italic}blockquote{background:var(--bg-elevated);border-left:3px solid var(--accent-primary);padding:2rem 2rem 2rem 3rem;margin:2rem 0;color:var(--text-secondary);font-style:italic;border-radius:0 6px 6px 0;box-shadow:var(--shadow-sm);position:relative}blockquote::before{content:"「";position:absolute;left:1rem;top:1rem;font-size:2rem;color:var(--accent-primary);opacity:.3;font-style:normal;font-family:"Shippori Mincho","Noto Serif JP","Hiragino Mincho ProN",serif;line-height:1}blockquote p{margin:0}blockquote cite{display:block;margin-top:1rem;font-size:.9rem;color:var(--text-tertiary);font-style:normal}blockquote cite::before{content:"— "}pre{background:var(--bg-secondary);border-radius:6px;font-size:.875rem;margin:2rem 0;padding:1.5rem;overflow-x:auto;border:1px solid var(--border-subtle);box-shadow:var(--shadow-inset)}:not(pre)>code{font-size:.875em;background:var(--bg-secondary);color:var(--accent-primary);border-radius:3px;padding:.15em .4em;font-weight:500;border:1px solid var(--border-light)}table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--bg-elevated);border-radius:6px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}th,td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-light)}th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-accent);transition:background-color .2s ease}::selection{background:var(--accent-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes revealUp{from{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.22, 1, .36, 1),transform .6s cubic-bezier(.22, 1, .36, 1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-30px);transition:opacity .6s cubic-bezier(.22, 1, .36, 1),transform .6s cubic-bezier(.22, 1, .36, 1)}.reveal-left.revealed{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(30px);transition:opacity .6s cubic-bezier(.22, 1, .36, 1),transform .6s cubic-bezier(.22, 1, .36, 1)}.reveal-right.revealed{opacity:1;transform:translateX(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}.reveal-delay-6{transition-delay:.48s}.reveal-delay-7{transition-delay:.56s}.reveal-delay-8{transition-delay:.64s}.reveal-delay-9{transition-delay:.72s}.reveal-delay-10{transition-delay:.8s}.reveal-delay-11{transition-delay:.88s}.reveal-delay-12{transition-delay:.96s}@media (prefers-reduced-motion: reduce){.reveal,.reveal-left,.reveal-right{opacity:1;transform:none;transition:none}}body{display:flex;flex-direction:column;min-height:100vh}body>header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(135deg, rgba(61,107,74,0.1), var(--bg-overlay));backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:2px solid var(--border-subtle);position:sticky;top:0;z-index:100;transition:background-color .35s cubic-bezier(.4, 0, .2, 1),border-color .35s cubic-bezier(.4, 0, .2, 1),box-shadow .35s cubic-bezier(.4, 0, .2, 1)}body>header::before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg, var(--accent-moss), var(--accent-gold), var(--accent-vermillion));opacity:.8}body>header.scrolled{box-shadow:var(--shadow-sm);background:linear-gradient(135deg, rgba(61,107,74,0.15), var(--bg-overlay))}body>header .title{font-family:"DM Sans","Noto Sans JP",system-ui,sans-serif;font-weight:600;font-size:1.125rem;color:var(--accent-indigo);letter-spacing:-0.01em;transition:color .2s ease;white-space:nowrap;position:relative}body>header .title:hover{color:var(--accent-moss)}nav{display:flex;align-items:center;gap:1.5rem}nav a{font-weight:500;font-size:.9375rem;color:var(--text-secondary);transition:color .2s ease;position:relative;padding:.25rem 0}nav a::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--accent-gold), var(--accent-vermillion));transform:scaleX(0);transform-origin:center;transition:transform .2s ease;border-radius:2px}nav a:hover{color:var(--accent-indigo)}nav a:hover::after{transform:scaleX(1)}nav a.selected{color:var(--accent-indigo);font-weight:600}nav a.selected::after{transform:scaleX(1);background:linear-gradient(90deg, var(--accent-moss), var(--accent-gold))}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;color:var(--text-tertiary);transition:all .2s ease;flex-shrink:0}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.theme-toggle svg{width:18px;height:18px;display:block}article{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:3rem 2rem 4rem;position:relative;background:rgba(245,247,244,0.65)}article::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, var(--bg-elevated) 0%, transparent 120px),linear-gradient(0deg, var(--bg-elevated) 0%, transparent 120px);pointer-events:none;opacity:.5;z-index:-1}article>header{margin-bottom:3rem;text-align:center;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle);position:relative}article>header h1{margin-bottom:.5rem}article>header h1 a{color:inherit}article>header h1 a:hover{color:var(--accent-primary)}article>header time{font-size:.9375rem;color:var(--text-tertiary)}.page-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle);position:relative}.page-header::after{content:"〰〰〰";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);background:var(--bg-paper);padding:0 1.5rem;color:var(--accent-primary);font-size:.875rem;letter-spacing:-0.2em;opacity:.4}.page-title-jp{font-family:"Shippori Mincho","Noto Serif JP","Hiragino Mincho ProN",serif;font-size:1rem;color:var(--accent-secondary);margin:0 0 .5rem;letter-spacing:.2em;font-weight:400}.page-title{font-size:clamp(1.75rem, 4vw, 2.25rem);color:var(--text-primary);margin:0;font-weight:600;letter-spacing:-0.02em}.page-subtitle{font-size:1rem;color:var(--text-tertiary);margin:1rem 0 0;font-weight:400}article:not(:last-of-type){border-bottom:1px solid var(--border-subtle);padding-bottom:4rem;margin-bottom:4rem}body>footer{background:linear-gradient(135deg, rgba(61,107,74,0.12), var(--bg-secondary), rgba(181,155,90,0.08));border-top:2px solid var(--border-subtle);padding:3rem 2rem;margin-top:auto;text-align:center;transition:background-color .35s cubic-bezier(.4, 0, .2, 1),border-color .35s cubic-bezier(.4, 0, .2, 1);position:relative}body>footer::before{content:"";position:absolute;top:-2px;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--accent-moss) 0%, var(--accent-gold) 33%, var(--accent-vermillion) 66%, var(--accent-moss) 100%);opacity:.8}.footer-tagline{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:500}.footer-copyright{font-size:.8125rem;color:var(--text-muted);margin-top:1.5rem}body>footer nav{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}body>footer nav a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-secondary);border-radius:6px;border:2px solid var(--border-light);transition:all .2s ease;background:var(--bg-elevated);position:relative}body>footer nav a::after{display:none}body>footer nav a:hover{color:var(--accent-indigo);border-color:var(--accent-gold);background:linear-gradient(135deg, rgba(181,155,90,0.15), var(--bg-elevated));transform:translateY(-3px);box-shadow:var(--shadow-sm),0 0 15px rgba(181,155,90,0.3)}.icon{width:1.25em;height:1.25em;fill:currentColor;vertical-align:middle;flex-shrink:0}footer .icon{width:1.375em;height:1.375em}@media (max-width: 768px){body>header{padding:1rem 1.5rem;flex-wrap:wrap;gap:1rem}body>header .title{order:1;flex:1}.theme-toggle{order:2}nav{order:3;width:100%;justify-content:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}nav a{font-size:.875rem}article{padding:2rem 1.5rem 3rem}body>footer{padding:2rem 1.5rem}}@media (max-width: 480px){body>header{padding:1rem}nav{gap:.5rem}nav a{font-size:.8125rem}article{padding:1.5rem 1rem 2rem}}article{animation:revealUp .6s cubic-bezier(.22, 1, .36, 1)}@keyframes revealUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){article{animation:none}nav a::after{transition:none}.theme-toggle{transition:none}body>footer nav a:hover{transform:none}}.title{font-size:1.125rem;font-weight:600;color:var(--text-primary);transition:color .2s ease}.title:hover{color:var(--accent-primary)}.btn,.more a,.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;font-family:"DM Sans","Noto Sans JP",system-ui,-apple-system,sans-serif;font-size:.9375rem;font-weight:500;border-radius:4px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:focus-visible,.more a:focus-visible,.cta-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary,.cta-button{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-primary:hover,.cta-button:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-secondary,.more a,.cta-button.secondary{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}.btn-secondary:hover,.more a:hover,.cta-button.secondary:hover{background:var(--accent-primary);color:#fff}.btn-tertiary{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-subtle)}.btn-tertiary:hover{background:var(--bg-accent);border-color:var(--accent-primary);color:var(--accent-primary)}.more{margin:1.5rem 0 1rem}.ukiyo-button{display:inline-flex;flex-direction:column;align-items:center;padding:1rem 2rem;background:var(--bg-elevated);border:1px solid var(--accent-primary);border-radius:3px;color:var(--accent-primary);font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.ukiyo-button::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--accent-primary);border-radius:50%;transform:translate(-50%, -50%);transition:width .4s ease,height .4s ease;z-index:0;opacity:0}.ukiyo-button:hover{color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-md)}.ukiyo-button:hover::before{width:300%;height:300%;opacity:1}.ukiyo-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ukiyo-button>*{position:relative;z-index:1}.ukiyo-button.primary{border-color:var(--accent-primary);color:var(--accent-primary)}.ukiyo-button.primary::before{background:var(--accent-primary)}.ukiyo-button.primary:hover{color:#fff}.ukiyo-button.secondary{border-color:var(--accent-secondary);color:var(--accent-secondary)}.ukiyo-button.secondary::before{background:var(--accent-secondary)}.ukiyo-button.secondary:hover{color:#fff}.ukiyo-button.tertiary{border-color:var(--accent-tertiary);color:var(--accent-tertiary)}.ukiyo-button.tertiary::before{background:var(--accent-tertiary)}.ukiyo-button.tertiary:hover{color:#fff}.button-en{display:block;font-size:.75rem;margin-top:.25rem;opacity:.8;font-weight:400;transition:opacity .2s ease}.ukiyo-button:hover .button-en{opacity:1}.stamp{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;background:var(--accent-secondary);color:#fff;font-size:.75rem;font-weight:600;border-radius:2px;letter-spacing:.05em;box-shadow:2px 2px 0 rgba(0,0,0,0.1);transform:rotate(-2deg)}.stamp-vertical{writing-mode:vertical-rl;padding:.5rem .25rem}.section-stamp{position:absolute;top:0;right:0;background:var(--accent-secondary);color:#fff;padding:.5rem 1rem;font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transform:rotate(3deg) translate(10%, -50%);box-shadow:2px 2px 4px rgba(0,0,0,0.15);border-radius:2px}.wave-divider{position:relative;height:40px;margin:3rem 0;overflow:hidden}.wave-divider::before{content:"";position:absolute;width:200%;height:100%;left:-50%;background:repeating-radial-gradient(circle at 50% 100%, transparent 0, transparent 14px, var(--accent-primary) 14px, var(--accent-primary) 16px, transparent 16px, transparent 30px);background-size:30px 30px;background-position:0 15px;opacity:.15}.wave-divider-sm{height:20px;margin:1.5rem 0}.wave-divider-sm::before{background-size:20px 20px;background-position:0 10px}.line-wave{display:flex;align-items:center;gap:1rem;margin:2rem 0}.line-wave::before,.line-wave::after{content:"";flex:1;height:1px;background:linear-gradient(90deg, transparent, var(--border-strong), transparent)}.line-wave span{color:var(--accent-primary);font-size:1.25rem;opacity:.5}.frame{position:relative;padding:2rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:4px;box-shadow:var(--shadow-sm)}.frame::before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px solid var(--border-light);border-radius:2px;pointer-events:none}.frame-accent{border-color:var(--accent-primary)}.frame-accent::before{border-color:rgba(27,58,75,0.1)}.frame-scroll{padding:3rem 2rem;background:linear-gradient(to bottom, var(--bg-elevated) 0%, var(--bg-paper) 50%, var(--bg-elevated) 100%);border-radius:6px;box-shadow:var(--shadow-md),inset 0 0 30px rgba(0,0,0,0.02);position:relative}.frame-scroll::before,.frame-scroll::after{content:"";position:absolute;left:1.5rem;right:1.5rem;height:4px;background:linear-gradient(to bottom, var(--border-strong), var(--text-muted), var(--border-strong));border-radius:2px}.frame-scroll::before{top:.5rem}.frame-scroll::after{bottom:.5rem}.ukiyo-hero{text-align:center;padding:3rem 0 4rem;background:linear-gradient(135deg, rgba(61,107,74,0.15) 0%, rgba(181,155,90,0.1) 50%, rgba(184,93,61,0.1) 100%),var(--bg-elevated);border-bottom:2px solid var(--border-subtle);margin-bottom:2rem;position:relative;overflow:hidden}.ukiyo-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("/assets/frogwallpaper1.jpg");background-size:600px auto;background-position:center;background-repeat:repeat;opacity:.08;pointer-events:none;z-index:0}.ukiyo-hero::after{content:"";position:absolute;top:0;left:0;right:0;bottom:-2px;background:radial-gradient(ellipse at center top, rgba(61,107,74,0.2) 0%, transparent 70%),linear-gradient(to top, transparent calc(100% - 2px), linear-gradient(90deg, var(--accent-moss), var(--accent-gold), var(--accent-vermillion)) calc(100% - 2px));background-size:100% 100%,100% 2px;background-position:0 0,0 100%;background-repeat:no-repeat;pointer-events:none;z-index:0}.hero-photo{position:relative;z-index:1;margin-bottom:2rem;display:flex;justify-content:center}.profile-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-paper);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-subtle);transition:transform .2s ease,box-shadow .2s ease}.profile-photo:hover{transform:scale(1.03);box-shadow:var(--shadow-lg),0 0 0 2px var(--accent-primary)}@media (max-width: 480px){.profile-photo{width:140px;height:140px}}.hero-title{margin:0 0 1.5rem;position:relative;z-index:1}.title-japanese{display:block;font-family:"Shippori Mincho","Noto Serif JP","Hiragino Mincho ProN",serif;font-size:1.125rem;color:var(--text-tertiary);font-weight:400;letter-spacing:.15em;margin-bottom:.5rem}.title-main{display:block;font-size:clamp(1.875rem, 5vw, 2.75rem);color:var(--accent-indigo);font-weight:600;letter-spacing:-0.02em;line-height:1.2}.hero-subtitle{font-family:"Shippori Mincho","Noto Serif JP","Hiragino Mincho ProN",serif;font-size:.9375rem;color:var(--text-tertiary);margin:.25rem 0;letter-spacing:.08em;position:relative;z-index:1}.hero-subtitle-en{font-size:1rem;color:var(--text-secondary);margin:.5rem 0 1.5rem;font-weight:400;position:relative;z-index:1}.hero-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:3rem;position:relative;z-index:1}.ukiyo-section{padding:0 0 2rem;max-width:100%}.about-photo{text-align:center;margin:3rem auto 2rem;max-width:400px}.about-photo img{width:100%;max-width:350px;height:auto;border-radius:8px;box-shadow:var(--shadow-md),0 0 0 3px rgba(181,155,90,0.3);border:2px solid var(--accent-gold);transition:transform .2s ease,box-shadow .2s ease}.about-photo img:hover{transform:scale(1.02);box-shadow:var(--shadow-lg),0 0 0 4px rgba(181,155,90,0.4)}@media (max-width: 768px){.about-photo{max-width:300px}.about-photo img{max-width:280px}}.section-header{text-align:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-subtle);background:linear-gradient(to bottom, transparent, rgba(61,107,74,0.05), transparent);position:relative;padding:1.5rem 2rem 2rem}.section-header::before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg, var(--accent-moss), var(--accent-gold), var(--accent-vermillion), var(--accent-moss));opacity:.8}.section-header::after{content:"〰〰〰";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);background:var(--bg-paper);padding:0 1.5rem;color:var(--accent-gold);font-size:.875rem;letter-spacing:-0.2em;opacity:.6}.section-title-jp{font-family:"Shippori Mincho","Noto Serif JP","Hiragino Mincho ProN",serif;font-size:.9375rem;color:var(--accent-vermillion);margin:0 0 .5rem;letter-spacing:.2em;font-weight:400;background:linear-gradient(135deg, var(--accent-vermillion), var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title-en{font-size:clamp(1.5rem, 4vw, 2rem);background:linear-gradient(135deg, var(--accent-indigo), var(--accent-moss));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:600}.content-with-art{display:grid;grid-template-columns:1fr;gap:2rem}.main-content{font-size:1rem;line-height:1.8}.intro-text{font-size:1.0625rem;margin-bottom:2rem;color:var(--text-secondary);line-height:1.85}.passions-intro{font-size:1rem;margin-bottom:1.5rem;color:var(--accent-indigo);font-style:italic;text-align:center;padding:1rem 0;font-weight:500;background:linear-gradient(135deg, rgba(61,107,74,0.08), transparent);padding:1rem 1.5rem;border-radius:6px;border-left:3px solid var(--accent-gold)}.passion-block{margin:2rem 0;padding:2rem 2rem 2rem 3rem;background:var(--bg-elevated);border-left:4px solid var(--accent-tertiary);border-radius:0 6px 6px 0;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;position:relative}.passion-block:hover{transform:translateX(6px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.passion-block:nth-of-type(1){background:linear-gradient(to right, rgba(61,107,74,0.12), var(--bg-elevated));border-left-color:#3D6B4A}.passion-block:nth-of-type(1):hover{background:linear-gradient(to right, rgba(61,107,74,0.18), var(--bg-elevated));border-left-color:#2F5240}.passion-block:nth-of-type(2){background:linear-gradient(to right, rgba(181,155,90,0.12), var(--bg-elevated));border-left-color:#B59855}.passion-block:nth-of-type(2):hover{background:linear-gradient(to right, rgba(181,155,90,0.18), var(--bg-elevated));border-left-color:#9A8250}.passion-block.with-image{background:linear-gradient(to right, rgba(47,82,64,0.12), var(--bg-elevated));border-left-color:#2F5240}.passion-block.with-image:hover{background:linear-gradient(to right, rgba(47,82,64,0.18), var(--bg-elevated));border-left-color:#1A3020}.passion-block:nth-of-type(4){background:linear-gradient(to right, rgba(22,29,20,0.08), var(--bg-elevated));border-left-color:#526850}.passion-block:nth-of-type(4):hover{background:linear-gradient(to right, rgba(22,29,20,0.12), var(--bg-elevated));border-left-color:#3D6B4A}.passion-block:nth-of-type(5){background:linear-gradient(to right, rgba(184,93,61,0.12), var(--bg-elevated));border-left-color:#B85D3D}.passion-block:nth-of-type(5):hover{background:linear-gradient(to right, rgba(184,93,61,0.18), var(--bg-elevated));border-left-color:#9A4E33}.passion-block.with-image{display:grid;grid-template-columns:1fr 200px;gap:1.5rem;align-items:center;padding:2rem}.passion-block.with-image:hover{transform:none}.passion-block.with-image:hover .passion-image img{transform:scale(1.03)}.passion-image{overflow:hidden;border-radius:6px;box-shadow:var(--shadow-sm)}.passion-image img{width:100%;height:100%;object-fit:cover;border-radius:6px;transition:transform .5s cubic-bezier(.4, 0, .2, 1);aspect-ratio:1/1.2}@media (max-width: 768px){.passion-block.with-image{grid-template-columns:1fr;gap:1rem}.passion-image{order:-1;max-width:220px;margin:0 auto}}@media (prefers-reduced-motion: reduce){.passion-block:hover{transform:none}.passion-block.with-image:hover .passion-image img{transform:none}}.passion-title{display:flex;align-items:center;gap:1rem;margin:0 0 1rem;color:var(--accent-primary);font-size:1.25rem;font-weight:600}.jp-accent{font-family:"Shippori Mincho","Noto Serif JP","Hiragino Mincho ProN",serif;font-size:.875rem;color:var(--accent-secondary);padding:.25rem .5rem;background:var(--bg-accent);border-radius:3px;font-weight:500;letter-spacing:.05em;border:1px solid var(--border-light)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:2rem}.project-card{background:linear-gradient(135deg, rgba(61,107,74,0.08), var(--bg-elevated));padding:2rem;border-radius:6px;border:2px solid var(--border-subtle);border-top:3px solid var(--accent-moss);box-shadow:var(--shadow-sm);transition:all .2s ease;position:relative}.project-card::before{content:"";position:absolute;top:0;right:0;width:50px;height:50px;background:linear-gradient(135deg, var(--accent-gold), var(--accent-vermillion));opacity:.3;border-radius:0 6px 0 0;transition:opacity .2s ease}.project-card:hover{border-color:var(--accent-gold);border-top-color:var(--accent-vermillion);box-shadow:var(--shadow-lg),0 0 20px rgba(181,155,90,0.2);transform:translateY(-6px);background:linear-gradient(135deg, rgba(61,107,74,0.15), var(--bg-elevated))}.project-card:hover::before{opacity:.5}@media (prefers-reduced-motion: reduce){.project-card:hover{transform:none}}.project-card h3{color:var(--accent-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.project-card .date{color:var(--text-tertiary);font-size:.8125rem;margin-bottom:1rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.project-card .date::before{content:"◆";font-size:.5rem;color:var(--accent-secondary)}.project-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.7}.project-card .tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.tech-tag{background:linear-gradient(135deg, rgba(61,107,74,0.1), var(--bg-accent));color:var(--accent-tertiary);padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:3px;border:1px solid var(--accent-moss);transition:all .2s ease}.tech-tag:hover{border-color:var(--accent-gold);background:linear-gradient(135deg, rgba(181,155,90,0.15), var(--bg-elevated));transform:translateY(-2px);box-shadow:var(--shadow-xs)}.project-link{display:inline-flex;align-items:center;color:var(--accent-primary);font-weight:500;font-size:.9375rem;transition:color .2s ease,gap .2s ease;gap:.25rem}.project-link:hover{color:var(--accent-secondary);gap:.5rem}.timeline{position:relative;padding:1rem 0;max-width:900px;margin:0 auto}.timeline-item{position:relative;margin-bottom:3rem;padding-left:3rem}.timeline-item:last-child{margin-bottom:0}.timeline-item::before{content:"";position:absolute;left:5px;top:12px;bottom:-3rem;width:2px;background:var(--border-subtle)}.timeline-item:last-child::before{display:none}.timeline-marker{position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;background:var(--accent-primary);border:3px solid var(--bg-paper);box-shadow:0 0 0 2px var(--accent-primary);z-index:1}.timeline-content{background:var(--bg-elevated);padding:2rem;border-radius:6px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);transition:transform .2s ease,box-shadow .2s ease}.timeline-content:hover{transform:translateX(6px);box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion: reduce){.timeline-content:hover{transform:none}}.timeline-content h3{color:var(--accent-primary);margin:0 0 .25rem;font-size:1.375rem;font-weight:600}.timeline-content .position{color:var(--text-secondary);font-size:1rem;margin-bottom:.25rem;font-weight:500}.timeline-content .location{color:var(--text-tertiary);font-size:.875rem;margin-bottom:1.5rem}.timeline-content .company-logo{max-width:100px;margin-bottom:1.5rem;border-radius:6px;border:1px solid var(--border-light)}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:linear-gradient(135deg, rgba(61,107,74,0.1), var(--bg-accent));color:var(--accent-tertiary);padding:.25rem 1rem;font-size:.8125rem;font-weight:500;border-radius:3px;border:1px solid var(--accent-moss);transition:all .2s ease}.skill-tag:hover{border-color:var(--accent-gold);background:linear-gradient(135deg, rgba(181,155,90,0.15), var(--bg-elevated));transform:translateY(-2px);box-shadow:var(--shadow-xs)}.skills-category{margin:1.5rem 0;padding:2rem;background:linear-gradient(135deg, rgba(61,107,74,0.08), var(--bg-elevated));border-radius:6px;border:2px solid var(--border-subtle);border-left:4px solid var(--accent-moss);box-shadow:var(--shadow-xs);transition:all .2s ease}.skills-category:hover{border-left-color:var(--accent-gold);box-shadow:var(--shadow-sm);background:linear-gradient(135deg, rgba(61,107,74,0.12), var(--bg-elevated))}.skills-category-title{display:flex;align-items:center;gap:1rem;margin:0 0 1.5rem;color:var(--accent-primary);font-size:1.125rem;font-weight:600}.photo-gallery{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;padding:1rem 0}@media (max-width: 900px){.photo-gallery{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 560px){.photo-gallery{grid-template-columns:1fr;gap:1.5rem}}.gallery-item{position:relative;overflow:hidden;background:var(--bg-elevated);border-radius:4px;border:2px solid var(--border-subtle);box-shadow:var(--shadow-sm);aspect-ratio:1/1;cursor:pointer;transition:all .2s ease}.gallery-item:nth-child(3n+1){border-color:rgba(61,107,74,0.4)}.gallery-item:nth-child(3n+2){border-color:rgba(181,155,90,0.4)}.gallery-item:nth-child(3n+3){border-color:rgba(184,93,61,0.4)}.gallery-item::before{content:"";position:absolute;inset:4px;border:2px solid rgba(255,255,255,0.5);border-radius:2px;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s ease}.gallery-item:hover{box-shadow:var(--shadow-lg),0 0 25px rgba(61,107,74,0.3);transform:scale(1.02);z-index:10;border-width:3px}.gallery-item:hover:nth-child(3n+1){border-color:var(--accent-moss);box-shadow:var(--shadow-lg),0 0 25px rgba(61,107,74,0.4)}.gallery-item:hover:nth-child(3n+2){border-color:var(--accent-gold);box-shadow:var(--shadow-lg),0 0 25px rgba(181,155,90,0.4)}.gallery-item:hover:nth-child(3n+3){border-color:var(--accent-vermillion);box-shadow:var(--shadow-lg),0 0 25px rgba(184,93,61,0.4)}.gallery-item:hover::before{opacity:1}.gallery-item:hover img{transform:scale(1.08)}@media (prefers-reduced-motion: reduce){.gallery-item:hover{transform:none}.gallery-item:hover img{transform:none}}.gallery-item img{width:100%;height:100%;object-fit:cover;border-radius:3px;transition:transform .35s cubic-bezier(.4, 0, .2, 1)}.gallery-empty{text-align:center;padding:6rem 2rem;color:var(--text-tertiary);grid-column:1/-1;background:var(--bg-elevated);border-radius:6px;border:2px dashed var(--border-subtle)}.archive{font-size:1rem}.archive time{display:inline-block;min-width:10ch;color:var(--text-tertiary);font-size:.875rem}.archive a{font-weight:500}.katex{overflow-x:auto;overflow-y:hidden}.rouge-table,.rouge-table th,.rouge-table td,.rouge-table tr,.rouge-table pre{font-size:inherit;background:inherit !important;box-shadow:none;width:initial;margin:0;padding:0}.rouge-table .gl pre{margin:0 1.5rem 0 .25rem;opacity:.5}.highlight pre{background:var(--bg-secondary);color:var(--text-primary)}.highlight .c,.highlight .cm,.highlight .cp,.highlight .c1,.highlight .cs{color:var(--text-tertiary)}.highlight .err{color:#E53935}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kp,.highlight .kr,.highlight .kt{color:#6B5CA5}.highlight .l,.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .il{color:#D4623A}.highlight .n{color:var(--text-primary)}.highlight .o,.highlight .ow{color:#C45B3E}.highlight .p{color:var(--text-primary)}.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .s1,.highlight .ss{color:#4A6B5D}.highlight .na{color:#1B4B6E}.highlight .nb,.highlight .nc,.highlight .nd,.highlight .ne,.highlight .nf,.highlight .nx{color:#1B3A4B}.highlight .no,.highlight .ni,.highlight .nl,.highlight .nn,.highlight .py{color:var(--text-primary)}.highlight .nt{color:#C45B3E}.highlight .nv,.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:var(--text-secondary)}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .gu{color:var(--text-tertiary)}.highlight .gd{color:#E53935}.highlight .gi{color:#4A6B5D}@media (max-width: 768px){.ukiyo-hero{padding:2rem 0 3rem}.hero-actions{flex-direction:column;align-items:stretch;padding:0 1.5rem;gap:1rem}.ukiyo-button{width:100%}.project-grid{grid-template-columns:1fr}.timeline-item{padding-left:2rem}.timeline-marker{width:10px;height:10px}.passion-block{padding:1.5rem}.skills-category{padding:1.5rem}}@media (max-width: 480px){.title-main{font-size:1.625rem}.project-card{padding:1.5rem}.timeline-content{padding:1.5rem}}.text-center{text-align:center}.text-muted{color:var(--text-tertiary)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-lg{margin-top:1.5rem}.mb-lg{margin-bottom:1.5rem}.mt-xl{margin-top:2rem}.mb-xl{margin-bottom:2rem}.mt-2xl{margin-top:3rem}.mb-2xl{margin-bottom:3rem}.blog-posts{max-width:100%}.post-preview{margin-bottom:3rem;padding:2rem;background:var(--bg-elevated);border-radius:6px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);transition:all .2s ease}.post-preview:last-child{margin-bottom:0}.post-preview:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.post-preview header{margin-bottom:1rem}.post-preview header h1{font-size:1.375rem;margin-bottom:.25rem}.post-preview header h1 a{color:var(--text-primary)}.post-preview header h1 a:hover{color:var(--accent-primary)}.post-preview header time{font-size:.875rem;color:var(--text-tertiary);display:inline-flex;align-items:center;gap:.25rem}.post-preview header time::before{content:"◆";font-size:.5rem;color:var(--accent-secondary)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.pagination-info{font-size:.875rem;color:var(--text-tertiary)}.archive-list h2{margin-bottom:1.5rem}.archive-list ul{list-style:none;padding:0}.archive-list li{display:flex;align-items:baseline;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-light);transition:background-color .2s ease}.archive-list li:last-child{border-bottom:none}.archive-list li:hover{background:var(--bg-elevated);margin:-1rem;padding-left:1rem;padding-right:1rem;border-radius:4px}.archive-list time{flex-shrink:0;font-size:.875rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.archive-list a{font-weight:500}.cta-box{text-align:center;margin-top:3rem;padding:2rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;box-shadow:var(--shadow-xs)}.cta-box p{color:var(--text-secondary);margin-bottom:1.5rem}@media (min-width: 768px){body>header,body>article,body>footer{padding-left:calc(50% - 500px);padding-right:calc(50% - 500px)}}@media (min-width: 1200px){body>header,body>article,body>footer{padding-left:calc(50% - 580px);padding-right:calc(50% - 580px)}}@media (min-width: 1440px){body>header,body>article,body>footer{padding-left:calc(50% - 640px);padding-right:calc(50% - 640px)}}body>footer{opacity:1}