@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Outfit:wght@300;400;600&family=DM+Mono:ital,wght@0,300;0,400;1,300&display=swap";*,:before,:after{box-sizing:border-box}:root{--bg:#0b0f14;--surface:#111820;--card:#161e28;--border:#ffffff12;--text:#e8e2d9;--muted:#e8e2d973;--primary:#c9b99a;--s2:#4fc3f7;--s3:#f4a261;--logo-spin:60s}[data-theme=light]{--bg:#f5f2ee;--surface:#ede9e3;--card:#e8e3dc;--border:#00000017;--text:#1a1410;--muted:#1a141080;--primary:#8b6f47}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;transition:background .3s,color .3s}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 25%,#4fc3f70d 0%,#0000 45%),radial-gradient(circle at 85% 75%,#f4a2610d 0%,#0000 45%);position:fixed;inset:0}[data-theme=light] body:before{background:radial-gradient(circle at 15% 25%,#4fc3f712 0%,#0000 45%),radial-gradient(circle at 85% 75%,#f4a26112 0%,#0000 45%)}::selection{color:var(--text);background:#4fc3f740}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--s2)}.ukb-header{z-index:200;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.ukb-header-left{align-items:center;gap:.85rem;text-decoration:none;display:flex}.ukb-logo{object-fit:contain;width:30px;height:30px;animation:spin var(--logo-spin) linear infinite;will-change:transform;filter:drop-shadow(0 0 4px #c9b99a4d)}[data-theme=light] .ukb-logo{content:url(https://abikesa.github.io/logos/assets/ukubona-light.png)}@keyframes spin{to{transform:rotate(360deg)}}.ukb-wordmark{letter-spacing:.22em;color:var(--primary);text-transform:uppercase;opacity:.85;font-family:DM Mono,monospace;font-size:.6rem}.ukb-header-right{align-items:center;gap:.5rem;display:flex}.ukb-theme-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:color .2s,border-color .2s,background .2s;display:flex}.ukb-theme-btn:hover{color:var(--primary);border-color:var(--primary);background:#c9b99a14}.ukb-page{padding-top:56px}@keyframes shk{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.ukb-nav-back{border:1px solid var(--border);color:var(--muted);letter-spacing:.14em;cursor:pointer;background:0 0;border-radius:3px;padding:.45rem .9rem;font-family:DM Mono,monospace;font-size:.65rem;transition:color .2s,border-color .2s}.ukb-nav-back:hover{color:var(--accent,var(--s2));border-color:var(--accent,var(--s2))}.ukb-back-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;letter-spacing:.12em;background:0 0;border-radius:4px;height:32px;padding:0 .7rem;font-family:DM Mono,monospace;font-size:.58rem;transition:color .2s,border-color .2s}.ukb-back-btn:hover{color:var(--s2);border-color:var(--s2)}.ukb-enter-btn{background:var(--s2);color:#0b0f14;letter-spacing:.1em;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:0 1.1rem;font-family:DM Mono,monospace;font-size:.72rem;font-weight:600;transition:opacity .2s}.ukb-enter-btn:hover{opacity:.85}.ukb-session-card{background:var(--card);border:1px solid var(--border);border-top:4px solid var(--card-accent);cursor:pointer;border-radius:8px;padding:1.8rem;transition:border-color .2s,transform .2s,box-shadow .2s}.ukb-session-card:hover{border-color:var(--card-accent);transform:translateY(-3px);box-shadow:0 8px 24px #00000026}