:root{--fs-base: 16px;--bg: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);--muted: #6b7280;--card: #f6f7f9;--border: rgba(0, 0, 0, .08);--primary: #2563eb;--btn-text: #ffffff;--link: #2563eb;--focus: #facc15;--radius: 16px;--shadow: 0 12px 30px rgba(0, 0, 0, .08)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{font-size:var(--fs-base)}main{display:block}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);background-attachment:fixed;background-repeat:repeat}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.08),transparent 40%),radial-gradient(circle at 80% 30%,rgba(37,99,235,.06),transparent 50%),linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%)}a{color:var(--link)}.container{width:min(100% - 24px,900px);margin:0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);color:var(--text)}.btn{min-height:44px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);font-weight:700}.btn-primary{background:var(--primary);color:var(--btn-text);border-color:transparent}.icon-btn{width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-size:18px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button,.btn{transition:all .2s ease}button:hover,.btn:hover{filter:brightness(.9);transform:translateY(-1px)}button:active{transform:translateY(0)}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}button:focus{outline:2px solid #2563eb;outline-offset:2px}button,a,.clickable{cursor:pointer}.create-event-btn{white-space:nowrap!important;width:fit-content!important;min-width:170px!important}body.hc{--bg: #000000;--bgimg: none;--text: #ffffff;--muted: #d1d5db;--card: #111111;--border: #ffffff;--primary: #00ffff;--btn-text: #000000;--link: #00ffff;--focus: #ffff00;background:#000000!important;background-image:none!important}body.hc:before{background:#000000}