html,body,#root{width:100%;height:100%;margin:0}body{overscroll-behavior:none;background:#090c15;min-height:100dvh}*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell{color:#ecf3ff;width:100%;height:100dvh;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);background:#0a101d;flex-direction:column;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden}.app-header{background:#121a2d;border-bottom:1px solid #24314f;flex:none;justify-content:space-between;align-items:center;gap:.5rem;min-height:44px;padding:.35rem .5rem;display:flex}.app-header h1{margin:0;font-size:.9rem;line-height:1.1}.app-header p{color:#aebde0;margin:.1rem 0 0;font-size:.7rem}.header-actions{align-items:center;gap:.25rem;display:flex}.chip-button,.icon-button,.ghost-button,.modal-card button,.avatar-choice{color:#e8eeff;cursor:pointer;background:#1a2642;border:1px solid #34466f;border-radius:.45rem;font-size:.76rem}.chip-button{align-items:center;gap:.25rem;max-width:7.5rem;padding:.2rem .4rem;display:inline-flex}.chip-button span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-button{width:1.6rem;height:1.6rem;padding:0;font-weight:700}.error-banner{color:#ffd7dd;background:#542433;border-bottom:1px solid #7b3346;margin:0;padding:.25rem .5rem;font-size:.72rem}.canvas-wrap{flex:auto;min-height:0;padding:0}.canvas-wrap canvas{touch-action:none;width:100%;height:100%;display:block}.modal-backdrop{padding:calc(.6rem + env(safe-area-inset-top)) calc(.6rem + env(safe-area-inset-right)) calc(.6rem + env(safe-area-inset-bottom)) calc(.6rem + env(safe-area-inset-left));z-index:20;background:#050810c2;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:#151e35;border:1px solid #33456f;border-radius:.6rem;gap:.45rem;width:min(24rem,100%);padding:.7rem;display:grid}.modal-card h2{margin:0;font-size:.95rem}.modal-card p{color:#bfd0f1;margin:0;font-size:.78rem}.profile-form{gap:.38rem;display:grid}.profile-form label,.profile-form p{color:#bac9e7;font-size:.75rem}.profile-form input{color:#edf4ff;background:#0f172d;border:1px solid #3e4f7a;border-radius:.4rem;width:100%;padding:.38rem .5rem;font-size:.82rem}.avatar-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:.2rem;display:grid}.avatar-choice{padding:.2rem 0;font-size:.9rem}.avatar-choice.active{background:#2e6fb2;border-color:#66afff}.modal-actions{justify-content:flex-end;gap:.35rem;display:flex}.ghost-button{background:0 0}.modal-card button{padding:.3rem .55rem}.info-list{border-top:1px solid #2d3e63;border-bottom:1px solid #2d3e63;gap:.2rem;max-height:9rem;padding:.3rem 0;display:grid;overflow:auto}