@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary: #FAF8F5;--bg-secondary: #F5F0E8;--bg-tertiary: #EDE6DB;--bg-card: #FFFFFF;--color-brown: #8B6914;--color-camel: #C9A066;--color-beige: #D4B896;--color-cream: #F5F0E8;--accent-primary: #C9A066;--accent-secondary: #8B6914;--accent-warm: #E8B87D;--accent-sage: #A8B99C;--accent-sky: #9EC5D9;--accent-rose: #D9A8A8;--accent-orange: #F97316;--accent-yellow: #FBBF24;--accent-blue: #3B82F6;--accent-green: #10B981;--accent-pink: #EC4899;--accent-purple: #8B5CF6;--text-primary: #3D3D3D;--text-secondary: #6B6B6B;--text-muted: #9A9A9A;--neon-orange: var(--accent-warm);--neon-yellow: var(--color-camel);--neon-pink: var(--accent-rose);--neon-purple: var(--accent-sky);--gradient-primary: linear-gradient(135deg, #C9A066, #E8B87D);--gradient-warm: linear-gradient(135deg, #D4B896, #C9A066);--gradient-cream: linear-gradient(135deg, #FAF8F5, #F5F0E8);--neon-gradient: var(--gradient-primary);--gradient-rainbow: linear-gradient(135deg, #F97316, #FBBF24, #10B981, #3B82F6, #8B5CF6, #EC4899);--gradient-playful: linear-gradient(135deg, #EC4899, #F97316);--gradient-fresh: linear-gradient(135deg, #10B981, #3B82F6);--border-light: #E8E2D9;--border-medium: #D4CCC0;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(139, 105, 20, .1);--glass-blur: blur(10px);--header-bg: rgba(250, 248, 245, .95);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-hover: 0 6px 20px rgba(139, 105, 20, .12);--shadow-glow: var(--shadow-md);--shadow-orange-glow: 0 12px 48px rgba(249, 115, 22, .3);--shadow-yellow-glow: 0 12px 48px rgba(251, 191, 36, .3);--shadow-pink-glow: 0 12px 48px rgba(236, 72, 153, .3);--shadow-purple-glow: 0 12px 48px rgba(139, 92, 246, .3);--shadow-blue-glow: 0 12px 48px rgba(59, 130, 246, .3);--shadow-green-glow: 0 12px 48px rgba(16, 185, 129, .3);--shadow-rainbow-glow: var(--shadow-hover);--glow-orange: var(--shadow-orange-glow);--glow-soft: var(--shadow-md);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--focus-ring-color: #2563EB;--focus-ring-color-alt: var(--accent-primary);--focus-ring-offset: 2px;--focus-ring-width: 2px;--focus-ring-shadow: 0 0 0 4px rgba(37, 99, 235, .2)}[data-theme=dark]{--bg-primary: #1A1816;--bg-secondary: #242220;--bg-tertiary: #2E2B28;--bg-card: #1F1D1B;--color-brown: #D4A84B;--color-camel: #E0BC78;--color-beige: #C9A066;--color-cream: #2E2B28;--accent-primary: #E0BC78;--accent-secondary: #D4A84B;--accent-warm: #F0C88D;--accent-sage: #B8C9AC;--accent-sky: #AED5E9;--accent-rose: #E9B8B8;--text-primary: #F5F0E8;--text-secondary: #B8B0A8;--text-muted: #8A847C;--border-light: #3A3632;--border-medium: #4A4640;--glass-bg: rgba(30, 28, 26, .95);--glass-border: rgba(212, 168, 75, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-hover: 0 6px 20px rgba(212, 168, 75, .2);--header-bg: rgba(26, 24, 22, .95);--focus-ring-color: #60A5FA;--focus-ring-shadow: 0 0 0 4px rgba(96, 165, 250, .3)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-primary: #1A1816;--bg-secondary: #242220;--bg-tertiary: #2E2B28;--bg-card: #1F1D1B;--color-brown: #D4A84B;--color-camel: #E0BC78;--color-beige: #C9A066;--color-cream: #2E2B28;--accent-primary: #E0BC78;--accent-secondary: #D4A84B;--accent-warm: #F0C88D;--accent-sage: #B8C9AC;--accent-sky: #AED5E9;--accent-rose: #E9B8B8;--text-primary: #F5F0E8;--text-secondary: #B8B0A8;--text-muted: #8A847C;--border-light: #3A3632;--border-medium: #4A4640;--glass-bg: rgba(30, 28, 26, .95);--glass-border: rgba(212, 168, 75, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-hover: 0 6px 20px rgba(212, 168, 75, .2);--header-bg: rgba(26, 24, 22, .95);--focus-ring-color: #60A5FA;--focus-ring-shadow: 0 0 0 4px rgba(96, 165, 250, .3)}}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Atkinson,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-size:16px;line-height:1.7;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:Noto Sans JP,Inter,sans-serif;margin:0 0 .5rem;color:var(--text-primary);line-height:1.3;font-weight:600}h1{font-size:2.5rem;color:var(--text-primary);font-weight:700}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}p{margin-bottom:1em;color:var(--text-secondary)}strong,b{font-weight:700;color:var(--text-primary)}a{color:var(--color-brown);text-decoration:none;transition:var(--transition-fast);font-weight:500}a:hover{color:var(--accent-primary)}a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}main{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Noto Sans JP,Inter,sans-serif;font-size:.9375rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);text-decoration:none}.btn-primary{background:var(--color-brown);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-primary);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--color-brown);background:var(--bg-secondary);color:var(--color-brown)}.btn:focus-visible,button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-ring-shadow)}.btn-primary:focus-visible{outline-color:var(--focus-ring-color);box-shadow:var(--shadow-md),var(--focus-ring-shadow)}.btn-secondary:focus-visible{outline-color:var(--focus-ring-color)}.neon-text,.accent-text{color:var(--color-brown)}.highlight-text{color:var(--accent-primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}code{padding:2px 8px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:Monaco,Consolas,monospace;font-size:.875em;color:var(--color-brown);border:1px solid var(--border-light)}pre{padding:1.25em;border-radius:var(--radius-md);background:var(--bg-secondary);overflow-x:auto;border:1px solid var(--border-light)}pre>code{all:unset}blockquote{border-left:3px solid var(--accent-primary);padding:1rem 1.25rem;margin:1.5rem 0;font-size:1rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}hr{border:none;height:1px;background:var(--border-light);margin:2rem 0}img{max-width:100%;height:auto;border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;border-bottom:1px solid var(--border-light);text-align:left}th{color:var(--text-primary);font-weight:600;background:var(--bg-secondary)}input:not([type=checkbox]):not([type=radio]),textarea,select{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:not([type=checkbox]):not([type=radio]):focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:0;border-color:var(--focus-ring-color);box-shadow:var(--focus-ring-shadow)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-ring-shadow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}::selection{background:#c9a0664d;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.8}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}@keyframes bounce-playful{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-2deg)}50%{transform:translateY(-4px) rotate(0)}75%{transform:translateY(-6px) rotate(2deg)}}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rainbow-shift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}.animate-slide-in{animation:slideIn .4s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-wiggle{animation:wiggle .3s ease-in-out}.animate-bounce-playful{animation:float 2s ease-in-out infinite}.animate-scale-pulse{animation:pulse-glow 2s ease-in-out infinite}.animate-slide-in-bounce{animation:slideIn .4s ease-out forwards}@media (max-width: 768px){body{font-size:15px}main{padding:1rem}h1{font-size:1.75rem}h2{font-size:1.375rem}.card{padding:1.25rem}}