:root{--bg:#0a0a0f;--bg1:#12121a;--bg2:#1a1a24;--border:#2a2a3a;--border2:#3a3a4a;--text:#e0e0e0;--text2:#a0a0a0;--text3:#707080;--accent:#0f8;--accent2:#0f8;--accent3:#f44;--accent4:#fa0;--cyan:#0cf;--glow:0 0 20px #00ff884d;--glow-amber:0 0 20px #ffaa004d;--glow-red:0 0 20px #ff44444d;--accent-tint-1:#00ff880a;--accent-tint-2:#00ff8814;--accent-tint-3:#00ff881f;--accent-tint-4:#00ff882e;--accent-border-1:#00ff8826;--accent-border-2:#00ff8840;--accent-border-3:#0f86;--cyan-tint-1:#00ccff0a;--cyan-tint-2:#00ccff14;--cyan-tint-3:#00ccff1f;--cyan-border-1:#0cf3;--cyan-border-2:#00ccff59;--sidebar-width:270px;--nav-height:56px;--tabbar-height:44px;--drawer-width:300px;--touch-min:44px;--radius:4px}[data-theme=light]{--bg:#fff;--bg1:#f5f5f5;--bg2:#eee;--border:#e0e0e0;--border2:#d0d0d0;--text:#1a1a1a;--text2:#606060;--text3:#a0a0a0;--accent:#0c6;--accent2:#0c6;--accent3:#f33;--accent4:#e69500;--cyan:#08c;--glow:0 0 20px #0c63;--glow-amber:0 0 20px #e6950033;--glow-red:0 0 20px #f333;--accent-tint-1:#00cc660f;--accent-tint-2:#00cc661f;--accent-tint-3:#0c63;--accent-tint-4:#00cc664d;--accent-border-1:#00cc6640;--accent-border-2:#0c66;--accent-border-3:#0c69;--cyan-tint-1:#0088cc0f;--cyan-tint-2:#0088cc1f;--cyan-tint-3:#08c3;--cyan-border-1:#0088cc4d;--cyan-border-2:#0088cc80}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;padding:0;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.5;transition:background-color .3s,color .3s}#__next{width:100%;height:100%}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes neon{0%,to{box-shadow:0 0 5px var(--accent), 0 0 10px var(--accent), inset 0 0 5px #00ff881a;border-color:var(--accent)}50%{box-shadow:0 0 10px var(--accent), 0 0 20px var(--accent), inset 0 0 10px #0f83;border-color:#0f8}}@keyframes neon-light{0%,to{box-shadow:0 0 5px var(--accent), 0 0 10px var(--accent), inset 0 0 5px #00cc661a;border-color:var(--accent)}50%{box-shadow:0 0 10px var(--accent), 0 0 20px var(--accent), inset 0 0 10px #0c63;border-color:#0c6}}.fade-up{animation:.25s fadeUp}.t-item:hover{color:var(--text)!important}.chip:hover{cursor:pointer;color:#0cf!important;border-color:#0cf!important}.abtn:hover:not(:disabled){background:var(--accent)!important;color:var(--bg)!important;box-shadow:var(--glow)!important}.dbtn:hover:not(:disabled){background:var(--accent3)!important;color:#fff!important}.inp:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent), var(--glow)!important}select option{background:#0f0f18}.neon-border{animation:2s ease-in-out infinite neon}[data-theme=light] .neon-border{animation:2s ease-in-out infinite neon-light}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border)}@media (max-width:768px){html,body{font-size:13px;overflow:auto}.desktop-only{display:none}.mobile-only{display:flex}select option{background:var(--bg2)}.sidebar-drawer{width:var(--drawer-width);background:var(--bg1);border-right:1px solid var(--border);z-index:200;flex-direction:column;gap:16px;max-width:85vw;padding:16px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-drawer.open{transform:translate(0)}.drawer-backdrop{z-index:199;opacity:0;pointer-events:none;background:#0009;transition:opacity .2s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.drawer-close{width:var(--touch-min);height:var(--touch-min);border:1px solid var(--border2);color:var(--text2);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-family:inherit;font-size:16px;transition:all .2s;display:flex}.drawer-close:hover{border-color:var(--accent3);color:var(--accent3)}.nav-mobile-menu{background:var(--bg);z-index:300;flex-direction:column;justify-content:center;align-items:center;gap:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.nav-mobile-menu .mobile-nav-link{letter-spacing:3px;text-transform:uppercase;color:var(--text2);border-radius:var(--radius);min-height:var(--touch-min);border:1px solid #0000;align-items:center;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.nav-mobile-menu .mobile-nav-link:hover,.nav-mobile-menu .mobile-nav-link.active{color:var(--accent);border-color:var(--accent);background:var(--accent-tint-2)}.nav-mobile-menu .mobile-close{width:var(--touch-min);height:var(--touch-min);border:1px solid var(--border2);color:var(--text2);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-family:inherit;font-size:18px;display:flex;position:absolute;top:16px;right:16px}.hamburger{width:var(--touch-min);height:var(--touch-min);border:1px solid var(--border2);border-radius:var(--radius);cursor:pointer;background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0;transition:border-color .2s;display:flex}.hamburger:hover{border-color:var(--accent)}.hamburger span{background:var(--text2);border-radius:1px;width:18px;height:2px;transition:background .2s;display:block}.hamburger:hover span{background:var(--accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (min-width:769px) and (max-width:1024px){.desktop-only{display:flex}.mobile-only{display:none}}@media (min-width:1025px){.desktop-only{display:flex}.mobile-only{display:none}}.mobile-only{display:none}.desktop-only{display:flex}body,.content-area,pre{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Noto Sans JP,Hiragino Sans,Meiryo,Yu Gothic}.ja-content{word-break:normal;overflow-wrap:break-word;line-break:strict;line-height:1.75}.vi-content{line-height:1.75}
