:root{--app-bg:#0f172a;--app-fg:#f8fafc;--app-accent:#38bdf8}html,body{height:100%;margin:0;padding:0}body{background-color:var(--app-bg);color:var(--app-fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app-root{justify-content:center;align-items:center;min-height:100vh;display:flex}.contacts-pane{width:100%;max-width:28rem;margin-top:2rem}.contacts-title{margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.contacts-form{gap:.5rem;display:flex}.contacts-input{border:1px solid var(--app-accent);color:var(--app-fg);background-color:#0f172a99;border-radius:.375rem;flex:auto;padding:.5rem .75rem;font-size:1rem}.contacts-input::placeholder{color:#f8fafc80}.contacts-submit{background-color:var(--app-accent);color:var(--app-bg);cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:1rem;font-weight:600}.contacts-submit:hover{filter:brightness(1.1)}.contacts{flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.contact{background-color:#38bdf814;border-radius:.375rem;justify-content:space-between;gap:1rem;padding:.5rem .75rem;display:flex}.contact-name{font-weight:600}.contact-number{color:var(--app-accent);font-variant-numeric:tabular-nums}.contacts-status,.contacts-hint,.contacts-empty{color:#f8fafcb3;margin:1rem 0 0}.contacts-error{color:#f87171;margin:1rem 0 0}