:root{--c-bg: #f8fafc;--c-surface: #ffffff;--c-text: #0f172a;--c-muted: #64748b;--c-border: #e2e8f0;--c-primary: #3b82f6;--c-primary-dark: #2563eb;--c-danger: #dc2626;--c-accent-bob: #3b82f6;--c-accent-svenja: #10b981;--c-accent-mateo: #f97316;--c-accent-mika: #ec4899;--c-accent-ante: #eab308;--radius: 12px;--shadow-sm: 0 1px 2px rgba(15,23,42,.06);--shadow-md: 0 4px 12px rgba(15,23,42,.08);--nav-height: 60px;--safe-bottom: env(safe-area-inset-bottom)}@media (prefers-color-scheme: dark){:root{--c-bg: #0f172a;--c-surface: #1e293b;--c-text: #f1f5f9;--c-muted: #94a3b8;--c-border: #334155}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:-apple-system,SF Pro Text,system-ui,Segoe UI,sans-serif;font-size:16px;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--c-primary);color:#fff;border:0;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer;transition:background .12s}button:hover{background:var(--c-primary-dark)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--c-primary)}button.danger{background:var(--c-danger)}input,select,textarea{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:10px 12px;width:100%}label{display:block;font-size:14px;font-weight:600;margin-bottom:4px;color:var(--c-muted)}.field{margin-bottom:14px}.screen{max-width:640px;margin:0 auto;padding:16px 16px calc(var(--nav-height) + var(--safe-bottom) + 16px)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px;margin-bottom:10px;box-shadow:var(--shadow-sm)}.event-card{display:flex;gap:12px;align-items:stretch;padding:0;overflow:hidden}.event-card .bar{width:4px;background:var(--c-primary);flex-shrink:0}.event-card .body{padding:12px 14px;flex:1;min-width:0}.event-card .title{font-weight:700}.event-card .meta{font-size:13px;color:var(--c-muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--c-surface);border-top:1px solid var(--c-border);display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;z-index:10}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--c-muted);text-decoration:none;border-top:3px solid transparent}.bottom-nav a.active{color:var(--c-primary);border-top-color:var(--c-primary)}.bottom-nav .ico{width:22px;height:22px;stroke-width:2}.badge{background:var(--c-danger);color:#fff;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:4px;right:50%;transform:translate(16px)}.bottom-nav a{position:relative}h1,h2,h3{margin:0 0 12px}h1{font-size:22px}h2{font-size:18px}.muted{color:var(--c-muted)}.row{display:flex;gap:8px}.row>*{flex:1}.stack{display:grid;gap:10px}.error{color:var(--c-danger);font-size:14px;margin:8px 0}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.person-color{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.tag{display:inline-flex;align-items:center;gap:4px;background:var(--c-border);color:var(--c-muted);padding:2px 8px;border-radius:999px;font-size:12px;margin:2px 4px 2px 0}.tag .dot{width:7px;height:7px;border-radius:50%;background:var(--c-primary);flex-shrink:0}.tag .tname{font-weight:700;color:var(--c-text)}.tag .trole{opacity:.8}.tag.pending{background:#fef3c7;color:#92400e}.tag.pending .tname{color:#78350f}.tag.accepted{background:#dcfce7;color:#166534}.tag.accepted .tname{color:#14532d}.tag.declined{background:#fee2e2;color:#991b1b}.tag.declined .tname{color:#7f1d1d}.tag.auto{background:#e0e7ff;color:#3730a3}.tag.auto .tname{color:#312e81}