@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: #030712;--bg-secondary: rgba(6, 16, 31, .86);--bg-tertiary: rgba(12, 24, 43, .92);--bg-card: rgba(5, 12, 25, .78);--color-brown: #00E7FF;--color-camel: #FF2FB2;--color-beige: #7C5CFF;--color-cream: #06101F;--accent-primary: #00E7FF;--accent-secondary: #FF2FB2;--accent-warm: #FFD166;--accent-sage: #40F99B;--accent-sky: #7DD3FC;--accent-rose: #FF7AC8;--accent-orange: #FFD166;--accent-yellow: #FFE66D;--accent-blue: #00E7FF;--accent-green: #40F99B;--accent-pink: #FF2FB2;--accent-purple: #7C5CFF;--text-primary: #F5F9FF;--text-secondary: #C7D5E9;--text-muted: #7F95B3;--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, #00E7FF, #FF2FB2);--gradient-warm: linear-gradient(135deg, #FFD166, #FF2FB2);--gradient-cream: linear-gradient(135deg, #06101F, #0C182B);--neon-gradient: var(--gradient-primary);--gradient-rainbow: linear-gradient(135deg, #00E7FF, #40F99B, #FFD166, #FF2FB2, #7C5CFF);--gradient-playful: linear-gradient(135deg, #FF2FB2, #00E7FF);--gradient-fresh: linear-gradient(135deg, #40F99B, #00E7FF);--border-light: rgba(0, 231, 255, .22);--border-medium: rgba(255, 47, 178, .34);--glass-bg: rgba(5, 12, 25, .74);--glass-border: rgba(0, 231, 255, .24);--glass-blur: blur(18px);--header-bg: rgba(3, 7, 18, .78);--shadow-sm: 0 8px 24px rgba(0, 0, 0, .22);--shadow-md: 0 18px 48px rgba(0, 0, 0, .3);--shadow-lg: 0 28px 72px rgba(0, 0, 0, .42);--shadow-hover: 0 22px 58px rgba(0, 0, 0, .36), 0 0 28px rgba(0, 231, 255, .12);--shadow-glow: 0 0 34px rgba(0, 231, 255, .18);--shadow-orange-glow: 0 12px 48px rgba(255, 209, 102, .22);--shadow-yellow-glow: 0 12px 48px rgba(255, 230, 109, .22);--shadow-pink-glow: 0 12px 48px rgba(255, 47, 178, .28);--shadow-purple-glow: 0 12px 48px rgba(124, 92, 255, .24);--shadow-blue-glow: 0 12px 48px rgba(0, 231, 255, .24);--shadow-green-glow: 0 12px 48px rgba(64, 249, 155, .22);--shadow-rainbow-glow: var(--shadow-hover);--glow-orange: var(--shadow-orange-glow);--glow-soft: var(--shadow-md);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 8px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--focus-ring-color: #00E7FF;--focus-ring-color-alt: var(--accent-primary);--focus-ring-offset: 2px;--focus-ring-width: 2px;--focus-ring-shadow: 0 0 0 4px rgba(0, 231, 255, .22)}[data-theme=dark]{color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark}}@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;inset:0;background:linear-gradient(180deg,#0307128f,#030712f0 70%),url(/images/tesradio-bg-v4.png) top center / cover no-repeat;pointer-events:none;z-index:-2}body:after{content:"";position:fixed;inset:0;background:linear-gradient(rgba(0,231,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,47,178,.028) 1px,transparent 1px);background-size:64px 64px;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:#02050e;box-shadow:var(--shadow-blue-glow)}.btn-primary:hover{background:var(--accent-primary);box-shadow:var(--shadow-md);color:#02050e;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:#00e7ff3d;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}}