:root{--dark:rgb(25, 30, 35);--darker:rgb(15, 20, 25);--light:rgb(195, 200, 205);--lighter:rgb(245, 250, 255);--blue-dark:#569bd4;--green-dark:#4ec9b0;--yellow:#dcdcaa;--orange:#ce9178;--red:#f44747;--purple:#c586c0;--blue-light:#9cdcfe;--green-light:#b5cea8;--color-background:var(--dark);--color-background-sunken:var(--darker);--color-surface:rgb(35, 40, 45);--color-border:rgb(70, 75, 80);--color-text:var(--light);--color-text-strong:var(--lighter);--color-text-muted:rgb(145, 150, 155);--color-action:var(--blue-dark);--color-success:var(--green-dark);--color-warning:var(--yellow);--color-danger:var(--red);--color-special:var(--purple);--color-accent:var(--color-action);--color-accent-text:var(--darker);--color-accent:var(--orange);}*,
*::before,
*::after{box-sizing:border-box;}html{color-scheme:dark;}body{margin:0;font:16px/1.5 system-ui, sans-serif;color:var(--color-text);background:var(--color-background);}a{color:var(--color-accent);text-decoration:none;}a:hover{text-decoration:underline;}h1{margin:0;font-size:1.3rem;line-height:1.3;color:var(--color-text-strong);}h2{margin:0;font-size:1.1rem;line-height:1.3;color:var(--color-text-strong);}strong{color:var(--color-text-strong);overflow-wrap:anywhere;}input{font:inherit;width:100%;padding:.55rem .7rem;color:var(--color-text-strong);background:var(--color-background-sunken);border:1px solid var(--color-border);border-radius:.4rem;}input:focus{outline:2px solid var(--color-accent);outline-offset:1px;}#code{font-size:1.4rem;letter-spacing:.3em;font-variant-numeric:tabular-nums;}label{display:grid;gap:.25rem;font-size:.9rem;color:var(--color-text-muted);}button,
a.button{display:inline-block;font:inherit;font-weight:600;padding:.6rem 1.1rem;color:var(--color-accent-text);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:.4rem;cursor:pointer;justify-self:start;text-align:center;}button:hover,
a.button:hover{filter:brightness(1.1);text-decoration:none;}button.quiet{color:var(--color-text);background:transparent;border-color:var(--color-border);}button.small{padding:.3rem .7rem;font-size:.9rem;}button.danger{color:var(--color-danger);border-color:var(--color-danger);}application-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;padding:.6rem 1rem;background:var(--color-background-sunken);border-bottom:1px solid var(--color-border);}application-header .brand{font-weight:800;font-size:1.15rem;color:var(--color-accent);}application-header .tagline{color:var(--color-text-muted);font-size:.85rem;}main{padding:1rem;}ident-card{display:grid;gap:1rem;max-width:34rem;margin:0 auto;padding:1.2rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.6rem;}ident-card p{margin:0;}ident-card form{display:grid;gap:.8rem;}ident-card .lead{color:var(--color-text-muted);font-size:.95rem;}user-email{display:block;color:var(--color-text-muted);font-size:.9rem;overflow-wrap:anywhere;}form-buttons{display:flex;flex-wrap:wrap;gap:.5rem;}.message{margin:0;min-height:1.5em;color:var(--color-danger);}.notice{margin:0;color:var(--color-success);}.notice:empty{display:none;}field-hint{color:var(--color-text-muted);font-size:.8rem;}account-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--color-border);}account-bar user-email{font-size:.95rem;}ident-card section{display:grid;gap:.8rem;}section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;}#identities{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;}#identities li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .8rem;background:var(--color-background-sunken);border:1px solid var(--color-border);border-radius:.4rem;}identity-main{flex:1 1 12rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;min-width:0;}identity-label{font-weight:700;color:var(--color-text-strong);overflow-wrap:anywhere;}default-badge{font-size:.75rem;padding:0 .4rem;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:1rem;}identity-details{flex-basis:100%;color:var(--color-text-muted);font-size:.9rem;overflow-wrap:anywhere;}identity-actions{display:flex;gap:.4rem;}#identityform{padding:1rem;border:1px solid var(--color-accent);border-radius:.5rem;}#timezonesection{padding-top:.8rem;border-top:1px solid var(--color-border);}application-header nav{display:flex;gap:1rem;margin-left:auto;font-size:.95rem;}app-request{display:block;padding:.6rem .8rem;color:var(--color-text);background:var(--color-background-sunken);border-left:3px solid var(--color-accent);border-radius:.3rem;overflow-wrap:anywhere;}request-origin{display:block;color:var(--color-text-muted);font-size:.85rem;}#chooselist{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;}#chooselist li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .8rem;background:var(--color-background-sunken);border:1px solid var(--color-border);border-radius:.4rem;}#apps{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;}#apps li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .8rem;background:var(--color-background-sunken);border:1px solid var(--color-border);border-radius:.4rem;}app-main{flex:1 1 14rem;display:grid;gap:.15rem;min-width:0;}app-name{font-weight:700;color:var(--color-text-strong);overflow-wrap:anywhere;}app-origins{color:var(--color-text-muted);font-size:.9rem;overflow-wrap:anywhere;}app-key{font-size:.85rem;color:var(--color-text-muted);overflow-wrap:anywhere;}code{font-family:ui-monospace, monospace;font-size:.85rem;color:var(--color-text-strong);overflow-wrap:anywhere;word-break:break-all;}secret-box{display:grid;gap:.6rem;padding:1rem;border:1px solid var(--color-warning);border-radius:.5rem;}secret-box code{display:block;padding:.5rem .6rem;background:var(--color-background-sunken);border-radius:.3rem;user-select:all;}#appform{padding:1rem;border:1px solid var(--color-accent);border-radius:.5rem;}ident-card.wide{max-width:46rem;}unread-total{color:var(--color-accent);font-size:.9rem;font-weight:600;}#inbox,
#conns,
#kinds{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;}#inbox li{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem .8rem;background:var(--color-background-sunken);border:1px solid var(--color-border);border-radius:.4rem;}#inbox li.unread{border-left:3px solid var(--color-accent);}#inbox li.read{opacity:.75;}#inbox img.icon{flex:0 0 auto;width:40px;height:40px;object-fit:cover;border-radius:.3rem;background:var(--color-surface);}note-main{flex:1 1 auto;display:grid;gap:.25rem;min-width:0;}note-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;}note-name{font-weight:700;color:var(--color-text-strong);overflow-wrap:anywhere;}urgent-badge{font-size:.75rem;padding:0 .4rem;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:1rem;}unread-badge{font-size:.75rem;padding:0 .4rem;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:1rem;}note-from{color:var(--color-text-muted);font-size:.85rem;overflow-wrap:anywhere;}note-text{white-space:pre-wrap;overflow-wrap:anywhere;}note-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;color:var(--color-text-muted);font-size:.85rem;}note-foot .toggle{margin-left:auto;}#connsection,
#kindssection,
#overridesection{padding-top:.8rem;border-top:1px solid var(--color-border);}#conns li,
#kinds li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .8rem;background:var(--color-background-sunken);border:1px solid var(--color-border);border-radius:.4rem;}#conns a.conn{font-weight:700;overflow-wrap:anywhere;}conn-details{color:var(--color-text-muted);font-size:.9rem;overflow-wrap:anywhere;}kind-main{flex:1 1 12rem;display:grid;gap:.15rem;min-width:0;}kind-name{font-weight:700;color:var(--color-text-strong);overflow-wrap:anywhere;}kind-preset{color:var(--color-text-muted);font-size:.85rem;overflow-wrap:anywhere;}kind-switches{display:flex;gap:1rem;}switch-row{display:flex;align-items:center;gap:.5rem;}switch-label{font-size:.9rem;color:var(--color-text-muted);}button.switch{min-width:3.6rem;padding:.25rem .6rem;font-size:.85rem;color:var(--color-text);background:transparent;border-color:var(--color-border);}button.switch[aria-checked="true"]{color:var(--color-accent-text);background:var(--color-accent);border-color:var(--color-accent);}button.switch.locked{opacity:.45;cursor:not-allowed;}switch-off{display:inline-block;min-width:3.6rem;text-align:center;color:var(--color-text-muted);}#overridesection switch-row{justify-content:space-between;max-width:16rem;}@media (min-width: 40rem){main{padding:3rem 1rem;}ident-card{padding:1.8rem 2rem;}h1{font-size:1.5rem;}}