body{background:radial-gradient(900px 500px at 20% 0%, #a9c08a24, transparent 65%), radial-gradient(700px 500px at 100% 100%, #00000059, transparent 70%), var(--paper);background-attachment:fixed}#root{min-height:100vh}.fellowship{flex-direction:column;display:flex}.fellowship__title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:34px;font-weight:600;line-height:1.1}.fellowship__title--page{overflow-wrap:anywhere;margin-bottom:18px}.fellowship__section{border-top:1px solid var(--line);flex-direction:column;gap:14px;margin-top:36px;padding-top:26px;display:flex}.fellowship__more{border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:999px;align-self:center;align-items:center;gap:8px;margin-top:32px;padding:9px 18px;font-size:14px;font-weight:600;display:flex}.fellowship__more:hover{color:var(--ink);background:var(--paper-dim)}.fellowship__more svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .15s}.fellowship__more--open svg{transform:rotate(180deg)}.fellowship__section-head{align-items:baseline;gap:10px;display:flex}.fellowship__section-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:26px;font-weight:600}.fellowship__count{color:var(--ink-faint);font-size:14px;font-weight:600}.fellowship__people{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.fellowship__person{border:1px solid var(--line);background:var(--paper-card);min-width:0;color:var(--ink);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:600;display:flex}.fellowship__person-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fellowship__person--add{background:0 0;border-style:dashed;padding:0}.fellowship__person--add:has(form){border-style:solid;grid-column:1/-1;padding:10px 12px}.fellowship__add{width:100%;color:var(--ink-dim);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:600;display:flex}.fellowship__add:hover{color:var(--ink)}.fellowship__flower{flex:none;width:34px;height:34px;display:flex}.fellowship__flower .flower-logo{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--moss) 35%, transparent))}.fellowship__person:hover .fellowship__flower .flower-logo{--flower-drift:running;animation:12s linear infinite flower-spin}.fellowship__avatar{background:var(--paper-dim);width:34px;height:34px;color:var(--moss);font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.fellowship__avatar--add{border:1px dashed var(--line);color:var(--ink-faint);font-family:var(--font-body);background:0 0;font-weight:400}.fellowship__you{color:var(--ink-faint);font-size:13px;font-weight:500}.fellowship__footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:36px;padding-top:18px;display:flex}.fellowship__edits{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.fellowship__slug{border:1px solid var(--line);background:var(--paper);border-radius:10px;align-items:center;min-width:0;padding:0 0 0 10px;font-size:14px;display:flex}.fellowship__slug:focus-within{border-color:var(--moss)}.fellowship__slug-host{color:var(--ink-faint);white-space:nowrap}.fellowship__slug-input{width:220px;min-width:0;color:var(--ink);font:inherit;background:0 0;border:none;outline:none;padding:7px 10px 7px 1px}.fellowship__name-form,.fellowship__create,.fellowship__add-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fellowship__name-input,.fellowship__add-input{border:1px solid var(--line);background:var(--paper);min-width:0;color:var(--ink);border-radius:10px;padding:9px 12px;font-size:16px}.fellowship__name-input{max-width:460px;font-family:var(--font-display);flex:280px;font-size:24px}.fellowship__footer .fellowship__name-input{padding:6px 10px;font-size:18px}.fellowship__add-input{width:220px;padding:7px 10px;font-size:14px}.fellowship__name-input:focus,.fellowship__add-input:focus{border-color:var(--moss);outline:none}.fellowship__button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.fellowship__button:hover:not(:disabled){background:var(--paper-dim)}.fellowship__button:disabled{opacity:.5;cursor:default}.fellowship__button--primary{border-color:var(--moss);background:var(--moss);color:var(--paper-card)}.fellowship__button--primary:hover:not(:disabled){background:var(--moss-bright)}.fellowship__button--danger{border-color:var(--rust);color:var(--rust)}.fellowship__none{color:var(--ink-dim);margin:0;font-size:14px}.fellowship__link{color:var(--moss);font-size:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.fellowship__link--dim{color:var(--ink-faint);font-size:13px;font-weight:500}.fellowship__link--dim:hover{color:var(--rust)}.fellowship__leave{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fellowship__warning{color:var(--ink);font-size:13px}.fellowship__error{color:var(--rust);margin:0;font-size:14px}.fellowship--new{flex-direction:column;gap:14px;max-width:620px;padding-top:12px;display:flex}.fellowship--wide{max-width:780px}.fellowship__lead{color:var(--ink-dim);margin:0 0 6px;font-size:15px;line-height:1.5}.device-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.my-frames__list{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));margin-top:18px;display:grid}.all-devices__eyebrow{color:var(--rust);letter-spacing:.16em;text-transform:uppercase;margin:0 0 -8px;font-size:11px;font-weight:700}.all-devices__list{gap:40px}.all-devices__item{flex-direction:column;gap:10px;display:flex}.all-devices__foot{--delete-red:#e0473c;justify-content:space-between;align-items:center;gap:12px;display:flex}.all-devices__delete{border:1px solid color-mix(in srgb, var(--delete-red) 45%, transparent);color:var(--delete-red);background:0 0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:flex}.all-devices__delete:hover{background:color-mix(in srgb, var(--delete-red) 12%, transparent)}.all-devices__delete--confirm,.all-devices__delete--confirm:hover{border-color:var(--delete-red);background:var(--delete-red);color:#fff}.all-devices__delete:disabled{opacity:.7}.all-devices__delete svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.all-devices__ids{flex-wrap:wrap;gap:4px 22px;margin:0;padding:0 6px;font-size:12px;display:flex}.all-devices__ids div{gap:6px;min-width:0;display:flex}.all-devices__ids dt{color:var(--ink-faint)}.all-devices__ids dd{color:var(--ink-dim);overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace}.all-fellowships__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.all-fellowships__item{border-top:1px solid var(--line);flex-direction:column;gap:14px;margin-top:36px;padding-top:26px;display:flex}.pictures{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:28px;display:grid}.pictures__fellowships{border:1px solid var(--line);background:var(--paper-card);border-radius:12px;flex-direction:column;gap:8px;max-height:calc(100vh - 56px);padding:12px 10px;display:flex;position:sticky;top:28px;overflow-y:auto}.pictures__main{max-width:none}.pictures__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.pictures__item{flex-direction:column;gap:8px;min-width:0;display:flex}.pictures__frame{position:relative}.pictures__open{cursor:zoom-in;background:0 0;border:none;width:100%;padding:0;display:block}.pictures__frames{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.pictures__frame-choice{border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:13px}.pictures__frame-choice:hover{color:var(--ink)}.pictures__frame-choice--active{border-color:var(--moss);background:color-mix(in srgb, var(--moss) 16%, transparent);color:var(--moss-bright)}.pictures__odds-note{color:var(--ink-dim);margin:0 0 18px;font-size:13px}.pictures__odds{background:color-mix(in srgb, var(--paper) 82%, transparent);color:var(--moss-bright);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;padding:3px 9px;font-size:13px;font-weight:600;position:absolute;top:8px;left:8px}.pictures__odds--none{color:var(--ink-faint)}.pictures__image{aspect-ratio:5/3;object-fit:cover;border:1px solid var(--line);background:var(--paper-dim);border-radius:8px;width:100%;display:block}.pictures__actions{--delete-red:#e0473c;opacity:0;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.pictures__frame:hover .pictures__actions,.pictures__frame:focus-within .pictures__actions{opacity:1}.pictures__action{background:color-mix(in srgb, var(--paper-card) 88%, transparent);min-width:32px;height:32px;color:var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 7px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 10px #00000059}.pictures__action:hover{background:var(--paper-card)}.pictures__action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.pictures__action--delete{color:var(--delete-red)}.pictures__action--confirm,.pictures__action--confirm:hover{background:var(--delete-red);color:#fff}.pictures__action:disabled{opacity:.7}.pictures__modal{background:0 0;border:none;max-width:min(1200px,94vw);max-height:94vh;padding:0;overflow:visible}.pictures__modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000bf}.pictures__modal-figure{flex-direction:column;align-items:center;gap:10px;margin:0;display:flex;position:relative}.pictures__modal-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:calc(94vh - 40px);display:block;box-shadow:0 10px 40px #00000080}.pictures__modal-caption{color:#fff;opacity:.85;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.pictures__modal-close{background:color-mix(in srgb, var(--paper-card) 88%, transparent);width:34px;height:34px;color:var(--ink);border:none;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:8px;right:8px;box-shadow:0 2px 10px #00000059}@media (hover:none){.pictures__actions{opacity:1}}@media (width<=760px){.pictures{grid-template-columns:minmax(0,1fr)}.pictures__fellowships{max-height:none;position:static}}.dashboard{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--paper-card);flex-direction:column;gap:22px;height:100vh;padding:22px 14px 18px;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar__wordmark{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;font-size:19px;font-weight:600;display:flex}.sidebar__identity{flex-direction:column;align-items:center;gap:12px;padding:4px 0 6px;display:flex}.sidebar__flower{width:76px;height:76px;position:relative}.sidebar__flower .flower-particles{z-index:-1}.sidebar__flower .flower-logo{--flower-drift:running;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--moss) 45%, transparent));animation:48s linear infinite flower-spin;display:block}.sidebar__nickname{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--moss-bright);letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:600;overflow:hidden}.sidebar__section--rest{border-top:1px solid var(--line);padding-top:18px}.sidebar__heading{color:var(--ink-faint);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;padding:0 10px;font-size:11px;font-weight:700}.sidebar__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar__item{width:100%;color:var(--ink-dim);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:6px 9px;font-size:14px;font-weight:600;transition:background-color .12s,border-color .15s,color .12s,box-shadow .15s;display:flex}.sidebar__item:hover{background:var(--paper-dim);color:var(--ink)}.sidebar__item--active,.sidebar__item--active:hover{background:color-mix(in srgb, var(--moss) 18%, transparent);color:var(--ink);border-color:color-mix(in srgb, var(--moss) 55%, transparent);box-shadow:0 0 10px -4px color-mix(in srgb, var(--moss) 35%, transparent)}.sidebar__item:focus-visible{box-shadow:0 0 20px -2px color-mix(in srgb, var(--moss) 70%, transparent);outline:none}.sidebar__item--quiet{color:var(--ink-faint);font-weight:500}.sidebar__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar__badge{background:var(--paper-dim);width:24px;height:24px;color:var(--moss);font-family:var(--font-display);border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.sidebar__item--active .sidebar__badge{background:var(--moss);color:var(--paper-card)}.sidebar__badge--icon,.sidebar__item--active .sidebar__badge--icon{background:0 0}.sidebar__badge--add{border:1px dashed var(--line);color:var(--ink-faint);background:0 0}.sidebar__badge--add svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;width:11px;height:11px}.sidebar__icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:20px}.sidebar__credit{text-align:center;color:var(--ink-faint);letter-spacing:.02em;margin:auto 0 0;font-size:12px}.dashboard-main{width:100%;min-width:0;max-width:1040px;margin:0 auto;padding:28px 32px 48px}.dashboard-main--wide{max-width:none}.dashboard-error{color:var(--rust);font-size:14px}.dashboard-loading{color:var(--ink-dim);font-size:14px}.dashboard-main main{padding-left:0;padding-right:0}@media (width<=760px){.dashboard{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:none;border-bottom:1px solid var(--line);gap:12px;height:auto;padding:14px 16px;position:static}.sidebar__section--rest{padding-top:10px}.sidebar__list{flex-flow:wrap;gap:4px}.sidebar__item{width:auto}.sidebar__identity,.sidebar__credit{display:none}.dashboard-main{padding:20px 16px 40px}}
