atproto pds in zig pds.zat.dev
pds atproto
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112/* Resident pages use the homepage's light, glass and typography vocabulary. Opaque field interiors keep account actions readable across accent choices. */:root { --glass-a:#51eaa4; --glass-b:#7f9bf4; --glass-c:#ec649f; --ambient:color-mix(in srgb,var(--glass-a) 13%,var(--bg)); --surface:color-mix(in srgb,var(--glass-a) 7%,var(--panel)); --sheen:linear-gradient(115deg,#ffffff16,transparent 28% 75%,#ffffff08); --rim:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #ffffff08; --shade:0 12px 32px #00000016;}html { min-height:100%; background:var(--ambient); }body { background:radial-gradient(ellipse at 14% 0,color-mix(in srgb,var(--glass-b) 17%,transparent),transparent 42rem), radial-gradient(ellipse at 96% 16%,color-mix(in srgb,var(--glass-a) 12%,transparent),transparent 38rem), linear-gradient(135deg,var(--ambient),var(--bg) 70%);}body::before { content:"";position:fixed;inset:0;pointer-events:none; background:linear-gradient(110deg,transparent 10%,#ffffff07 22%,transparent 34% 70%,#ffffff04 82%,transparent);}.shell {position:relative;width:min(100%,900px);padding-top:26px}.account-masthead {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:44px}.account-masthead .brand {margin:0;font-size:14px;font-weight:700;line-height:1.5}.home-return {display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:var(--sheen),var(--surface);box-shadow:var(--rim),var(--shade);font-size:.9rem}.home-return svg {width:18px;height:18px;flex:none}h1 {font-size:clamp(32px,6vw,52px);font-weight:750;letter-spacing:-.045em}h2 {font-size:clamp(24px,4vw,30px);letter-spacing:-.035em}h3 {letter-spacing:-.02em}.panel,.account-card,.account-section,.access-card { background:var(--sheen),var(--surface);box-shadow:var(--rim),var(--shade); border-color:color-mix(in srgb,var(--line) 78%,transparent);}.panel:has(.resident.on) {background:none;box-shadow:none}.account-card {grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));align-items:center;gap:20px;padding:22px 24px}.identity {grid-column:auto;border:0;margin:0;padding:0}.identity strong {font-size:1.15rem}.identity code {font-size:.75rem;color:var(--muted)}.metric {padding:0 0 0 18px;border-left:1px solid var(--line)}.metric span {font-size:.82rem}.metric strong {font-size:1rem}.nav {padding:6px;gap:6px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:18px;background:var(--sheen),color-mix(in srgb,var(--surface) 85%,transparent);box-shadow:var(--rim),var(--shade)}.nav a {min-height:60px;border-radius:12px;gap:10px}.nav a[aria-current="page"] {background:linear-gradient(145deg,color-mix(in srgb,var(--glass-a) 13%,transparent),color-mix(in srgb,var(--glass-b) 9%,transparent)),var(--surface);box-shadow:var(--rim),inset 0 -2px var(--accent)}.account-section {margin-top:22px;border-radius:16px}.account-section h3 .icon {background:linear-gradient(145deg,#ffffff18,transparent),color-mix(in srgb,var(--accent) 12%,var(--surface));box-shadow:var(--rim)}.account-section h3 .drawing-icon {background:none;box-shadow:none}input,select {border-radius:10px;box-shadow:inset 0 2px 5px #00000014;background:var(--field)}button {background:linear-gradient(160deg,#ffffff26,transparent 65%),var(--accent);box-shadow:var(--rim),0 3px 8px #00000018;border-radius:10px}button.secondary,button.danger {background:var(--sheen),color-mix(in srgb,var(--field) 88%,transparent)}.empty {border:0;border-left:2px solid var(--line);border-radius:0;padding:8px 14px;margin:18px 0;color:var(--muted);background:none}.credential-row {background:color-mix(in srgb,var(--field) 65%,transparent);box-shadow:inset 0 1px 0 #ffffff0a}.access-overview {padding-top:22px}.access-avatar {background:linear-gradient(140deg,#ffffff35,transparent),var(--accent);box-shadow:var(--rim)}.access-detail-body {background:color-mix(in srgb,var(--field) 90%,transparent)}.access-details summary {background:#ffffff03}.account-status {border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}@media(max-width:680px){ .account-card {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px} .identity {grid-column:1/-1;padding-bottom:16px;border-bottom:1px solid var(--line)} .metric {border:0;padding:0;display:block}.metric strong {text-align:left;margin-top:5px} .account-masthead {margin-bottom:32px}}@media(max-width:380px){.account-card{gap:12px}.metric span{font-size:.78rem}.metric strong{font-size:.9rem}}@media(forced-colors:active){.nav a[aria-current="page"]{outline:2px solid Highlight}body::before{display:none}}
html[data-theme="dark"]{color-scheme:dark;--bg:#070807;--panel:#18221b;--line:#627864;--text:#f1f2ec;--muted:#c2bcaf;--accent:#8fb0ff;--accent-text:#061021;--green:#37c978;--field:#0e1711;--bad:#ffb4a8;--warn:#f4d35e;--focus:#f4d35e}html[data-theme="light"]{--bg:#f6f4ed;--panel:#fffdf7;--line:#847866;--text:#161412;--muted:#4f493f;--accent:#1d4ed8;--accent-text:#fffdf7;--green:#17683a;--field:#fffaf1;--bad:#9f1d1d;--warn:#735f00;--focus:#5a3fc0;color-scheme:light}html[data-theme="light"] #view-sessions{--access-surface:#fff;--access-text:#142319;--access-muted:#485c4d;--access-line:#a8baac}html[data-theme="dark"] #view-sessions{--access-surface:#1b251e;--access-text:#f4f7f0;--access-muted:#bac8bd;--access-line:#435749}
.session-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}.panel:not(:has(.resident.on)) .session-toolbar:has(.status:empty) {display:none}.session-toolbar .status {margin:0;min-width:0;flex:1}.session-toolbar .resident-actions {display:none;flex:none}.panel:has(.resident.on) .session-toolbar .resident-actions {display:flex}.glance-item {display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.glance-item .icon {width:40px;height:40px;flex:none;color:var(--accent)}.glance-item .drawing-icon {filter:drop-shadow(0 0 1px #fffdf7)}.glance-item h4 {margin:0 0 4px;font-size:1rem}.glance-item .hint {margin:0}
.access-filters {display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.4fr) auto;align-items:end;gap:12px;margin:24px 0 12px}.access-filters label {font-size:.85rem;margin-top:0}.access-filters button{min-height:50px}.access-group {border:1px solid var(--line);border-radius:14px;background:var(--sheen),var(--surface);box-shadow:var(--rim);margin:12px 0;overflow:hidden}.access-group>summary {display:flex;align-items:center;gap:14px;min-height:86px;padding:18px;cursor:pointer;list-style:none}.access-group>summary::-webkit-details-marker{display:none}.access-group>summary::after {content:'+';font-size:1.4rem;flex:none;color:var(--muted)}.access-group[open]>summary::after {content:'−'}.access-group>summary:focus-visible {outline:3px solid var(--focus);outline-offset:-4px}.access-group-title {flex:1;min-width:0;display:grid;gap:5px;overflow-wrap:anywhere}.access-group-title>span,.access-group-date {font-size:.8rem;color:var(--muted)}.access-group-date {max-width:150px;text-align:right}.access-group-body {padding:0 18px 18px;border-top:1px solid var(--line)}.access-group-body>.hint:empty {display:none}.access-group-body>button,.access-more{margin-top:16px}.access-group-body .access-card {margin:16px 0 0;box-shadow:none}.access-group-body .access-overview .access-avatar{display:none}.access-group-body .access-recency {margin-left:20px}.access-connections:empty {display:none}@media(max-width:520px){ .access-filters {grid-template-columns:minmax(0,1fr) auto}.access-filters>div:first-child{grid-column:1/-1} .access-group>summary{gap:10px;padding:16px;flex-wrap:wrap} .access-group-title{flex-basis:calc(100% - 80px)} .access-group-date{max-width:none;text-align:left;margin-left:54px;flex:1} .access-group>summary::after{align-self:center} .access-group-body{padding:0 12px 16px} .access-group-body .access-identity{flex-basis:100%}.access-group-body .access-status{margin-left:0} .access-group-body .access-recency{margin-left:16px}}
.access-group-body .access-identity h4 {display:none}.access-group-body .access-overview {padding-top:12px}.access-group-body .access-recency {margin-top:8px;margin-bottom:12px}.access-group-date time {display:block}@media(max-width:520px){.access-group-date time{display:inline}}