:root{color-scheme:dark;--bg-top:#081220;--bg-middle:#0d1522;--bg-bottom:#10151a;--text-primary:#ddd6cc;--text-secondary:#ddd6ccb9;--text-muted:#ddd6cc8b;--surface:rgba(221,214,204,0.035);--surface-hover:rgba(221,214,204,0.06);--border-subtle:rgba(221,214,204,0.1);--card-text:#081220;--card-text-secondary:rgba(8,18,32,0.7);--card-bg:#ddd6cc;--card-border:rgba(8,18,32,0.12);--ambient-navy:rgba(55,85,180,0.04);--ambient-warm:rgba(180,140,80,0.02);--accent-gold:#8c6224;--accent-gold-soft:rgba(201,168,118,0.12)}body{margin:0;min-height:100vh;font-family:var(--font-libre),serif;color:var(--text-primary);background:radial-gradient(circle 1200px at 80% 70%,var(--ambient-warm),transparent 70%),radial-gradient(circle 1400px at 20% 15%,var(--ambient-navy),transparent 75%),linear-gradient(180deg,var(--bg-top) 0,var(--bg-middle) 55%,var(--bg-bottom) 100%);background-attachment:fixed}button,input{font-family:inherit}.page{width:100vw;min-height:100vh;background:transparent}.black-box{width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:40px;box-shadow:0 20px 80px rgba(27,42,65,.3)}.placeholder-page{min-height:100vh;display:flex;flex-direction:column}.create-group-container{flex:1 1;display:flex;justify-content:center;align-items:center}.create-group-container p{text-align:center;color:#ddd6cc;margin:0}.footer{text-align:center;padding:1rem}