@import "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--color-primary-pure:#2c3e51;--color-primary-dark:#344a62;--color-primary-medium:#3e5977;--color-primary-light:#45678d;--color-secondary-pure:#4dffcd;--color-secondary-dark:#07989c;--color-secondary-medium:#45c6ca;--color-secondary-light:#4ad8b0;--color-highlight-pure:#8250df;--color-highlight-dark:#342059;--color-highlight-medium:#c0a7ef;--color-highlight-light:#e6dcf9;--color-neutral-low-pure:#657281;--color-neutral-low-dark:#788799;--color-neutral-low-medium:#8798ac;--color-neutral-low-light:#9cafc6;--color-neutral-high-pure:#fff;--color-neutral-high-light:#f0f0f0;--color-neutral-high-medium:#dedede;--color-neutral-high-dark:#f1f5f8;--color-positive-pure:#1ca36f;--color-positive-light:#d2ede2;--color-warning-pure:#ffb300;--color-warning-light:#fff0cc;--color-informative-pure:#1976d2;--color-informative-light:#d1e4f6;--color-negative-pure:#d0382d;--color-negative-light:#f6d7d5;--spacing-quark:4px;--spacing-nano:8px;--spacing-micro:12px;--spacing-4xs:16px;--spacing-3xs:20px;--spacing-2xs:24px;--spacing-xs:32px;--spacing-sm:40px;--spacing-md:48px;--spacing-lg:56px;--spacing-xl:64px;--spacing-2xl:72px;--spacing-3xl:80px;--font-family-base:"Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-size-nano:10px;--font-size-micro:12px;--font-size-xxxs:14px;--font-size-xxs:16px;--font-size-xs:20px;--font-size-sm:24px;--font-size-md:28px;--font-size-lg:32px;--font-size-xl:40px;--line-height-xs:1.15;--line-height-sm:1.25;--line-height-md:1.33;--line-height-lg:1.5;--button-filled-bg:var(--color-secondary-dark);--button-filled-label:var(--color-neutral-high-pure);--button-filled-hover-bg:var(--color-secondary-pure);--button-filled-hover-label:var(--color-primary-pure);--button-outline-border:var(--color-secondary-dark);--button-outline-label:var(--color-secondary-dark);--button-disabled-bg:var(--color-neutral-low-pure);--button-disabled-label:var(--color-neutral-low-light);--button-focus-ring:var(--color-highlight-pure);--button-radius:0px;--button-border-width:1px;--radius-none:0px;--shadow-card:0 1px 0 var(--color-neutral-high-medium);--shadow-raised:0 2px 8px #2c3e5114}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-xxs);line-height:var(--line-height-lg);color:var(--color-primary-pure);background:var(--color-neutral-high-dark);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{background:var(--color-neutral-high-pure);max-width:480px;min-height:100%;box-shadow:var(--shadow-raised);flex-direction:column;margin:0 auto;display:flex}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--button-focus-ring);outline-offset:2px}.splash{justify-content:center;align-items:center;gap:var(--spacing-micro);background:var(--color-primary-pure);min-height:100%;color:var(--color-neutral-high-pure);flex-direction:column;flex:1;display:flex}.splash__brand{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.splash__dot{color:var(--color-secondary-pure)}.splash__msg{font-size:var(--font-size-xxs);color:var(--color-neutral-low-light)}.avatar{color:var(--color-neutral-high-pure);font-weight:var(--font-weight-bold);letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar--img{object-fit:cover;border-radius:50%}.topbar{z-index:10;padding:var(--spacing-4xs) var(--spacing-4xs);background:var(--color-primary-pure);color:var(--color-neutral-high-pure);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__brand{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:1}.topbar__dot{color:var(--color-secondary-pure)}.topbar__right{align-items:center;gap:var(--spacing-nano);display:flex}.topbar__icon{width:40px;height:40px;color:var(--color-neutral-high-pure);border-radius:var(--radius-none);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.topbar__icon:hover{color:var(--color-secondary-pure)}.topbar__me{background:0 0;border:none;border-radius:50%;padding:0;display:inline-flex}.topbar__me:hover{box-shadow:0 0 0 2px var(--color-secondary-pure)}.bottomnav{z-index:10;background:var(--color-neutral-high-pure);border-top:1px solid var(--color-neutral-high-medium);padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:sticky;bottom:0}.bottomnav__item{align-items:center;gap:var(--spacing-quark);padding:var(--spacing-nano) 0;color:var(--color-neutral-low-medium);font-size:var(--font-size-nano);font-weight:var(--font-weight-semibold);letter-spacing:.02em;background:0 0;border:none;flex-direction:column;flex:1;display:flex}.bottomnav__item.active{color:var(--color-secondary-dark)}.bottomnav__item:hover{color:var(--color-primary-pure)}.bottomnav__item--cta{color:var(--color-secondary-dark)}.appshell__main{background:var(--color-neutral-high-dark);flex-direction:column;flex:1;display:flex}.login{justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-2xs);background:var(--color-primary-pure);color:var(--color-neutral-high-pure);flex-direction:column;flex:1;min-height:100%;display:flex}.login__head{text-align:center}.login__brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1}.login__dot{color:var(--color-secondary-pure)}.login__tagline{margin-top:var(--spacing-nano);font-size:var(--font-size-xxs);color:var(--color-neutral-low-light)}.login__card{background:var(--color-neutral-high-pure);color:var(--color-primary-pure);padding:var(--spacing-2xs) var(--spacing-4xs)}.login__form,.login__sent{gap:var(--spacing-micro);flex-direction:column;display:flex}.login__prompt{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.login__label{font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);color:var(--color-neutral-low-pure);text-transform:uppercase;letter-spacing:.04em}.login__input{border:1px solid var(--color-neutral-high-medium);border-radius:var(--radius-none);width:100%;padding:var(--spacing-micro);font-family:inherit;font-size:var(--font-size-xxs);color:var(--color-primary-pure)}.login__input:focus{border-color:var(--color-secondary-dark);outline:none}.login__submit{width:100%;margin-top:var(--spacing-quark)}.login__error{font-size:var(--font-size-micro);color:var(--color-negative-pure);background:var(--color-negative-light);padding:var(--spacing-nano) var(--spacing-micro)}.login__sent-text{font-size:var(--font-size-xxs);line-height:var(--line-height-lg);color:var(--color-primary-dark)}.login__note{text-align:center;font-size:var(--font-size-micro);color:var(--color-neutral-low-light)}.tile{aspect-ratio:1;background:var(--color-neutral-high-medium);display:block;position:relative;overflow:hidden}.tile__img{object-fit:cover;width:100%;height:100%;display:block}.tile__img--empty{color:var(--color-neutral-low-light);background:var(--color-neutral-high-medium);justify-content:center;align-items:center;display:flex}.tile__video{top:var(--spacing-nano);right:var(--spacing-nano);width:26px;height:26px;color:var(--color-neutral-high-pure);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2c3e518c;justify-content:center;align-items:center;display:inline-flex;position:absolute}.tile__stats{gap:var(--spacing-nano);padding:var(--spacing-2xs) var(--spacing-nano) var(--spacing-quark);background:linear-gradient(#2c3e5100,#2c3e51a6);display:flex;position:absolute;bottom:0;left:0;right:0}.tile__stat{font-size:var(--font-size-nano);font-weight:var(--font-weight-bold);color:var(--color-neutral-high-pure);letter-spacing:.02em}.feed{background:var(--color-neutral-high-pure);flex:1}.feed__grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.feed__sentinel{text-align:center;padding:var(--spacing-4xs);font-size:var(--font-size-micro);color:var(--color-neutral-low-medium);min-height:40px}.feed__state{padding:var(--spacing-3xl) var(--spacing-2xs);color:var(--color-neutral-low-pure);text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.feed__empty{justify-content:center;align-items:center;gap:var(--spacing-micro);padding:var(--spacing-3xl) var(--spacing-2xs);text-align:center;flex-direction:column;flex:1;display:flex}.feed__empty-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-pure)}.feed__empty-text{font-size:var(--font-size-xxs);color:var(--color-neutral-low-pure);max-width:280px}.search{background:var(--color-neutral-high-pure);flex-direction:column;flex:1;display:flex}.search__bar{align-items:center;gap:var(--spacing-nano);padding:var(--spacing-micro);border-bottom:1px solid var(--color-neutral-high-medium);background:var(--color-neutral-high-pure);z-index:5;display:flex;position:sticky;top:0}.search__icon{color:var(--color-neutral-low-medium);flex-shrink:0}.search__input{font-family:inherit;font-size:var(--font-size-xxs);color:var(--color-primary-pure);background:0 0;border:none;flex:1}.search__input:focus{outline:none}.search__input::placeholder{color:var(--color-neutral-low-medium)}.search__clear{color:var(--color-neutral-low-pure);font-size:var(--font-size-sm);padding:0 var(--spacing-quark);background:0 0;border:none;line-height:1}.search__hint{padding:var(--spacing-2xs) var(--spacing-4xs);font-size:var(--font-size-xxs);color:var(--color-neutral-low-pure);text-align:center}.search__count{padding:var(--spacing-micro) var(--spacing-4xs) var(--spacing-nano);font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);color:var(--color-neutral-low-pure)}.search__grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.field{gap:var(--spacing-nano);flex-direction:column;display:flex}.field__label{font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-neutral-low-pure)}.field__row{gap:var(--spacing-nano);display:flex}.field__input{border:1px solid var(--color-neutral-high-medium);border-radius:var(--radius-none);width:100%;padding:var(--spacing-micro);font-family:inherit;font-size:var(--font-size-xxs);color:var(--color-primary-pure);background:var(--color-neutral-high-pure)}.field__input:focus{border-color:var(--color-secondary-dark);outline:none}.field__input--select{flex-shrink:0;width:auto}.field__hint{font-size:var(--font-size-nano);color:var(--color-neutral-low-medium);text-align:right}.chips{gap:var(--spacing-nano);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--spacing-quark);padding:var(--spacing-quark) var(--spacing-nano);font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);border:1px solid var(--color-neutral-high-medium);background:var(--color-neutral-high-pure);color:var(--color-primary-dark);cursor:pointer;display:inline-flex}.chip--selected{background:var(--color-secondary-dark);border-color:var(--color-secondary-dark);color:var(--color-neutral-high-pure)}.chip__remove{color:inherit;font-size:var(--font-size-xxs);background:0 0;border:none;padding:0;line-height:1}.upload{background:var(--color-neutral-high-pure);padding:var(--spacing-4xs);gap:var(--spacing-4xs);flex-direction:column;flex:1;display:flex}.upload__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-pure)}.upload__drop{justify-content:center;align-items:center;gap:var(--spacing-nano);padding:var(--spacing-3xl) var(--spacing-2xs);border:2px dashed var(--color-neutral-high-medium);color:var(--color-neutral-low-pure);text-align:center;cursor:pointer;flex-direction:column;display:flex}.upload__drop:hover{border-color:var(--color-secondary-dark);color:var(--color-secondary-dark)}.upload__drop-text{font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);color:var(--color-primary-pure)}.upload__drop-hint{font-size:var(--font-size-micro)}.upload__form{gap:var(--spacing-4xs);flex-direction:column;display:flex}.upload__preview{gap:var(--spacing-nano);flex-direction:column;display:flex}.upload__preview img,.upload__preview video{object-fit:contain;background:var(--color-primary-pure);width:100%;max-height:320px}.upload__change{color:var(--color-secondary-dark);font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);background:0 0;border:none;align-self:flex-start;padding:0}.field__opt{font-weight:var(--font-weight-regular);text-transform:none;letter-spacing:0;color:var(--color-neutral-low-medium)}.upload__submit{width:100%;margin-top:var(--spacing-nano)}.upload__error{font-size:var(--font-size-micro);color:var(--color-negative-pure);background:var(--color-negative-light);padding:var(--spacing-nano) var(--spacing-micro)}.reactions{gap:var(--spacing-nano);grid-template-columns:repeat(4,1fr);display:grid}.reaction{align-items:center;gap:var(--spacing-quark);padding:var(--spacing-nano) var(--spacing-quark);border:1px solid var(--color-neutral-high-medium);background:var(--color-neutral-high-pure);flex-direction:column;display:flex;position:relative}.reaction--active{border-color:var(--color-secondary-dark);background:var(--color-neutral-high-dark)}.reaction__emoji{font-size:var(--font-size-sm);line-height:1}.reaction__label{font-size:var(--font-size-nano);font-weight:var(--font-weight-semibold);color:var(--color-neutral-low-pure);text-align:center;line-height:1.1}.reaction--active .reaction__label{color:var(--color-secondary-dark)}.reaction__count{background:var(--color-secondary-dark);min-width:18px;height:18px;color:var(--color-neutral-high-pure);font-size:var(--font-size-nano);font-weight:var(--font-weight-bold);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex;position:absolute;top:-6px;right:-6px}.comments{padding:var(--spacing-4xs);background:var(--color-neutral-high-pure)}.comments__title{font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);color:var(--color-primary-pure);margin-bottom:var(--spacing-micro)}.comments__list{gap:var(--spacing-micro);margin-bottom:var(--spacing-4xs);flex-direction:column;list-style:none;display:flex}.comment{gap:var(--spacing-nano);align-items:flex-start;display:flex}.comment__body{flex:1;min-width:0}.comment__head{align-items:baseline;gap:var(--spacing-nano);display:flex}.comment__name{font-weight:var(--font-weight-bold);font-size:var(--font-size-xxxs);color:var(--color-primary-pure)}.comment__time{font-size:var(--font-size-nano);color:var(--color-neutral-low-medium)}.comment__text{font-size:var(--font-size-xxxs);line-height:var(--line-height-lg);color:var(--color-primary-dark);white-space:pre-wrap;word-break:break-word}.comment__del{color:var(--color-neutral-low-medium);padding:var(--spacing-quark);background:0 0;border:none;flex-shrink:0}.comment__del:hover{color:var(--color-negative-pure)}.comments__empty{font-size:var(--font-size-micro);color:var(--color-neutral-low-medium)}.comments__form{gap:var(--spacing-nano);border-top:1px solid var(--color-neutral-high-medium);padding-top:var(--spacing-micro);display:flex}.comments__input{border:1px solid var(--color-neutral-high-medium);border-radius:var(--radius-none);padding:var(--spacing-nano) var(--spacing-micro);font-family:inherit;font-size:var(--font-size-xxxs);color:var(--color-primary-pure);flex:1}.comments__input:focus{border-color:var(--color-secondary-dark);outline:none}.comments__send{padding:var(--spacing-nano) var(--spacing-4xs);font-size:var(--font-size-xxxs);flex-shrink:0}.mdetail{background:var(--color-neutral-high-dark);flex-direction:column;flex:1;display:flex}.mdetail__state{justify-content:center;align-items:center;gap:var(--spacing-4xs);padding:var(--spacing-3xl) var(--spacing-2xs);color:var(--color-neutral-low-pure);flex-direction:column;flex:1;display:flex}.mdetail__topbar{padding:var(--spacing-nano) var(--spacing-micro);background:var(--color-neutral-high-pure);justify-content:space-between;align-items:center;display:flex}.mdetail__back{color:var(--color-primary-pure);padding:var(--spacing-quark);background:0 0;border:none;display:inline-flex}.mdetail__del{color:var(--color-negative-pure);font-size:var(--font-size-xxxs);font-weight:var(--font-weight-bold);background:0 0;border:none}.mdetail__media{background:var(--color-primary-pure);justify-content:center;align-items:center;display:flex}.mdetail__media img,.mdetail__media video{object-fit:contain;width:100%;max-height:70vh}.mdetail__content{background:var(--color-neutral-high-pure);padding:var(--spacing-4xs);gap:var(--spacing-4xs);border-bottom:8px solid var(--color-neutral-high-dark);flex-direction:column;display:flex}.mdetail__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-pure);line-height:var(--line-height-sm)}.mdetail__author{align-items:center;gap:var(--spacing-micro);color:inherit;display:flex}.mdetail__author-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-xxs);color:var(--color-primary-pure)}.mdetail__meta{font-size:var(--font-size-micro);color:var(--color-neutral-low-pure)}.mdetail__desc{font-size:var(--font-size-xxs);line-height:var(--line-height-lg);color:var(--color-primary-dark);white-space:pre-wrap;word-break:break-word}.mdetail__block{gap:var(--spacing-nano);flex-direction:column;display:flex}.mdetail__label{font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-neutral-low-pure)}.mdetail__people{gap:var(--spacing-micro);flex-wrap:wrap;display:flex}.mdetail__person{align-items:center;gap:var(--spacing-quark);font-size:var(--font-size-xxxs);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);display:inline-flex}.mdetail__tags{gap:var(--spacing-nano);flex-wrap:wrap;display:flex}.mdetail__tag{font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);color:var(--color-secondary-dark)}.allowlist{padding:var(--spacing-4xs);background:var(--color-warning-light);border-bottom:8px solid var(--color-neutral-high-dark)}.allowlist__title{font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);color:var(--color-primary-pure)}.allowlist__hint{font-size:var(--font-size-micro);color:var(--color-neutral-low-pure);margin:var(--spacing-quark) 0 var(--spacing-micro)}.allowlist__form{gap:var(--spacing-nano);display:flex}.allowlist__input{border:1px solid var(--color-neutral-high-medium);border-radius:var(--radius-none);padding:var(--spacing-nano) var(--spacing-micro);font-family:inherit;font-size:var(--font-size-xxxs);background:var(--color-neutral-high-pure);flex:1}.allowlist__input:focus{border-color:var(--color-secondary-dark);outline:none}.allowlist__add{padding:var(--spacing-nano) var(--spacing-4xs);font-size:var(--font-size-xxxs);flex-shrink:0}.allowlist__error{font-size:var(--font-size-micro);color:var(--color-negative-pure);margin-top:var(--spacing-nano)}.allowlist__list{margin-top:var(--spacing-micro);gap:var(--spacing-quark);flex-direction:column;list-style:none;display:flex}.allowlist__item{font-size:var(--font-size-xxxs);color:var(--color-primary-dark);background:var(--color-neutral-high-pure);padding:var(--spacing-nano) var(--spacing-micro);justify-content:space-between;align-items:center;display:flex}.allowlist__remove{color:var(--color-negative-pure);font-size:var(--font-size-micro);font-weight:var(--font-weight-semibold);background:0 0;border:none}.profile{background:var(--color-neutral-high-pure);flex-direction:column;flex:1;display:flex}.profile__state{padding:var(--spacing-2xl) var(--spacing-2xs);text-align:center;color:var(--color-neutral-low-pure)}.profile__header{align-items:center;gap:var(--spacing-micro);padding:var(--spacing-xs) var(--spacing-4xs);border-bottom:8px solid var(--color-neutral-high-dark);flex-direction:column;display:flex}.profile__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-pure)}.profile__badge{font-size:var(--font-size-nano);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-neutral-high-pure);background:var(--color-highlight-pure);padding:var(--spacing-quark) var(--spacing-nano);margin-top:calc(-1 * var(--spacing-nano))}.profile__stats{gap:var(--spacing-md);margin-top:var(--spacing-nano);display:flex}.profile__stat{flex-direction:column;align-items:center;gap:2px;display:flex}.profile__stat strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-pure)}.profile__stat span{font-size:var(--font-size-micro);color:var(--color-neutral-low-pure)}.profile__last{font-size:var(--font-size-micro);color:var(--color-neutral-low-medium)}.profile__signout{margin-top:var(--spacing-nano)}.profile__gallery-title{font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);color:var(--color-primary-pure);padding:var(--spacing-4xs) var(--spacing-4xs) var(--spacing-micro)}.profile__grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.btn{justify-content:center;align-items:center;gap:var(--spacing-nano);border-radius:var(--button-radius);border:var(--button-border-width) solid transparent;font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-xxs);padding:var(--spacing-micro) var(--spacing-xs);line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn--filled{background:var(--button-filled-bg);border-color:var(--button-filled-bg);color:var(--button-filled-label)}.btn--filled:hover:not(:disabled){background:var(--button-filled-hover-bg);border-color:var(--button-filled-hover-bg);color:var(--button-filled-hover-label)}.btn--outline{border-color:var(--button-outline-border);color:var(--button-outline-label);background:0 0}.btn--outline:hover:not(:disabled){background:var(--button-filled-hover-bg);border-color:var(--button-filled-hover-bg);color:var(--button-filled-hover-label)}.btn:disabled{background:var(--button-disabled-bg);border-color:var(--button-disabled-bg);color:var(--button-disabled-label);cursor:not-allowed}