:root{--bg-image: url(/bg-cyber.svg);--bg-overlay: rgba(10, 14, 20, .6);--bg-card: rgba(22, 27, 34, .5);--bg-header: rgba(22, 27, 34, .4);--border-color: rgba(0, 255, 255, .25);--border-glow: rgba(0, 255, 255, .5);--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--link-color: #00ff9f;--accent-primary: #00ff9f;--accent-secondary: #ff00ff;--btn-bg: rgba(33, 38, 45, .5);--btn-bg-hover: rgba(48, 54, 61, .6);--btn-primary-bg: rgba(0, 170, 111, .8);--btn-primary-hover: rgba(0, 204, 136, .9);--banner-bg: rgba(13, 61, 13, .8);--banner-border: #1a5c1a;--banner-text: #a8e6a8;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .15);--shadow-glow: 0 0 25px rgba(0, 255, 255, .2)}[data-theme=light]{--bg-image: url(/bg-koshien.svg);--bg-overlay: rgba(240, 247, 230, .4);--bg-card: rgba(255, 255, 255, .5);--bg-header: rgba(255, 255, 255, .4);--border-color: rgba(0, 100, 0, .2);--border-glow: rgba(0, 100, 0, .4);--text-primary: #1a3d0c;--text-secondary: #4a6741;--text-muted: #6b8f5e;--link-color: #16a34a;--accent-primary: #16a34a;--accent-secondary: #dc2626;--btn-bg: rgba(255, 255, 255, .5);--btn-bg-hover: rgba(255, 255, 255, .7);--btn-primary-bg: rgba(22, 163, 74, .8);--btn-primary-hover: rgba(21, 128, 61, .9);--banner-bg: rgba(74, 124, 58, .6);--banner-border: #5a9a42;--banner-text: #ffffff;--glass-bg: rgba(255, 255, 255, .5);--glass-border: rgba(0, 0, 0, .1);--shadow-glow: 0 4px 12px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:var(--bg-image);background-size:cover;background-position:center;z-index:-2;pointer-events:none}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-overlay);z-index:-1;pointer-events:none}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:5px 16px;font-size:14px;font-weight:500;line-height:20px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--btn-bg);color:var(--text-primary);cursor:pointer;transition:all .2s;backdrop-filter:blur(8px)}.btn:hover{background-color:var(--btn-bg-hover);border-color:var(--border-glow);text-decoration:none;box-shadow:var(--shadow-glow)}.btn-primary{background-color:var(--btn-primary-bg);border-color:transparent;color:#fff}.btn-primary:hover{background-color:var(--btn-primary-hover)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:16px;backdrop-filter:blur(12px);box-shadow:var(--shadow-glow)}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;transition:all .2s;backdrop-filter:blur(8px);text-decoration:none}.icon-btn:hover{background:var(--btn-bg-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glow);text-decoration:none}#back-to-top{position:fixed;bottom:20px;right:20px;width:44px;height:44px;z-index:1000;display:none;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;backdrop-filter:blur(12px);box-shadow:var(--shadow-glow);transition:all .2s}#back-to-top:hover{background:var(--btn-bg-hover);border-color:var(--border-glow);transform:translateY(-2px)}.theme-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;backdrop-filter:blur(8px);outline:none}.theme-toggle:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:rotate(15deg)}.theme-toggle:focus{outline:none}.theme-toggle svg{width:20px;height:20px;color:var(--text-primary)}[data-theme=dark] .icon-sun{display:none}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:inline}[data-theme=light] .icon-moon{display:none}