.notification-row{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-paper);border:1px solid var(--color-border);display:flex;position:relative}.notification-row--unread .notification-row__indicator{top:var(--space-3);border-radius:var(--radius-full);background:var(--color-accent);pointer-events:none;width:8px;height:8px;position:absolute;right:-6px}.notification-row__body{flex:1;min-width:0}.notification-row__meta{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.notification-row__timestamp{font-family:var(--type-meta-family);font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);line-height:var(--type-meta-line-height);color:var(--type-meta-color);white-space:nowrap}.notification-row__dismiss{border-radius:var(--radius-full);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notification-row__dismiss:hover{background:var(--color-chrome)}.notification-row__dismiss:hover svg path{stroke:var(--color-accent)}.login-route{align-items:center;gap:var(--space-5);min-height:100%;padding:var(--space-6) var(--edge-inset);background:var(--color-bg);flex-direction:column;display:flex}.login-route h1{font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-line-height);color:var(--color-ink-secondary);margin:0}.login-route__tabs{gap:var(--space-2);display:flex}.login-route__tabs button{padding:var(--space-2) var(--space-4);color:var(--nav-item-color-idle);font-family:var(--type-ui-label-family);font-size:var(--type-ui-label-size);font-weight:var(--type-ui-label-weight);cursor:pointer;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;min-height:44px}.login-route__tab--active{color:var(--nav-item-color-active);background:var(--nav-item-background-active)}.login-route__form{gap:var(--space-3);flex-direction:column;width:100%;max-width:360px;display:flex}.login-route__form label{font-family:var(--type-ui-label-family);font-size:var(--type-ui-label-size);font-weight:var(--type-ui-label-weight);color:var(--color-ink-secondary)}.text-field{background:var(--text-field-background);border:var(--text-field-border);border-radius:var(--text-field-radius);width:100%;padding:var(--text-field-padding);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);color:var(--color-ink-secondary);min-height:44px}.login-route__password-row{position:relative}.login-route__password-row .text-field{padding-right:44px}.login-route__password-toggle{width:44px;height:44px;color:var(--color-ink-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.button-primary{background:var(--button-primary-background);color:var(--button-primary-color);border-radius:var(--button-primary-radius);padding:var(--button-primary-padding);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.button-primary:disabled{opacity:.6;cursor:default}.login-route__google{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-chrome);color:var(--color-ink-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);cursor:pointer;-webkit-tap-highlight-color:transparent}.login-route__resend{padding:var(--space-2) var(--space-4);color:var(--color-ink-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-self:center;min-height:44px;text-decoration:underline}.login-route__resend:disabled{opacity:.6;cursor:default}.login-route__resend-status{color:var(--color-ink-secondary);font-family:var(--type-meta-family);font-size:var(--type-meta-size);text-align:center}.login-route__error{color:var(--color-ink-secondary);font-family:var(--type-meta-family);font-size:var(--type-meta-size);text-align:center;max-width:360px}.notification-friend-request{gap:var(--space-2);text-align:left;flex-direction:column;display:flex}.notification-friend-request__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.notification-friend-request__actions .button-primary{padding:var(--space-1) var(--space-3);font-size:var(--type-meta-size)}.notification-friend-request__handle,.notification-friend-request__view,.notification-friend-request__link{color:var(--color-accent);text-decoration:underline}.notification-friend-request__error{color:var(--color-ink-secondary);font-family:var(--type-meta-family);font-size:var(--type-meta-size)}.notification-actor-link{gap:var(--space-2);text-align:left;flex-direction:column;display:flex}.notification-actor-link__primary{color:var(--color-ink-secondary);text-decoration:none}.notification-actor-link__primary:hover,.notification-actor-link__primary:focus-visible{text-decoration:underline}.notification-actor-link__view{color:var(--color-accent);font-family:var(--type-meta-family);font-size:var(--type-meta-size);text-decoration:underline}.notification-actor-link__view:hover,.notification-actor-link__view:focus-visible{opacity:.85}.popover{z-index:30;background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);position:fixed}.popover__tip{background:var(--color-chrome);border:1px solid var(--color-border);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.profile-menu{top:auto;bottom:calc(var(--app-shell-header-height) + var(--app-shell-nav-inset) + var(--space-2));left:var(--edge-inset);right:var(--edge-inset);width:auto}.profile-menu .popover__tip{border-top:none;border-left:none;inset:auto 20px -7px auto}.profile-menu__identity{padding:var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2);flex-direction:column;display:flex}.profile-menu__identity-username{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:600;line-height:var(--type-body-line-height);color:var(--color-ink-secondary)}.profile-menu__identity-name{font-family:var(--type-meta-family);font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);line-height:var(--type-meta-line-height);color:var(--type-meta-color)}.profile-menu__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.profile-menu__item{flex-direction:column;display:flex}.profile-menu__control{text-align:left;width:100%;padding:var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);cursor:pointer;background:0 0;border:none;text-decoration:none;display:block}.profile-menu__control:hover:not(:disabled){background:var(--color-accent-wash)}.profile-menu__control:disabled{color:var(--color-ink-secondary);cursor:default;opacity:.55}.profile-menu__stop-impersonate-error{color:var(--color-ink-secondary);font-family:var(--type-meta-family);font-size:var(--type-meta-size);padding:0 var(--space-3) var(--space-2);margin:0}.profile-menu__notifications{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.profile-menu__notification{white-space:normal;padding:0}.profile-menu__help-control{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.profile-menu__help-badge{min-width:var(--count-badge-min-size);height:var(--count-badge-min-size);border-radius:var(--radius-full);background:var(--count-badge-background);color:var(--count-badge-color);font-family:var(--type-meta-family);flex-shrink:0;justify-content:center;align-items:center;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:flex}.profile-menu__divider{border-top:1px solid var(--color-border);margin:var(--space-2) 0}@media (width>=768px){.profile-menu{top:auto;left:calc(var(--app-shell-sidenav-width) + var(--space-2));right:auto;bottom:var(--space-5);width:360px}.profile-menu__identity{display:none}.profile-menu .popover__tip{top:auto;bottom:var(--space-3);border-top:none;border-right:none;left:-7px;right:auto}}.app-shell{background:var(--color-bg);flex-direction:column-reverse;height:100dvh;display:flex;overflow:hidden}.app-shell__nav{z-index:21;height:calc(var(--app-shell-header-height) + var(--app-shell-nav-inset));background:var(--color-chrome);border-top:1px solid var(--color-border);padding:0 var(--edge-inset);padding-bottom:var(--app-shell-nav-inset);flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.app-shell__nav-primary{flex:auto;justify-content:center;align-items:center;min-width:0;display:flex}.app-shell__nav-list{align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.app-shell__nav-avatar{flex-shrink:0;align-items:center;display:flex}.nav-item{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--nav-item-color-idle);text-decoration:none;display:flex;position:relative}.nav-item__badge{min-width:var(--count-badge-min-size);height:var(--count-badge-min-size);border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--color-chrome);background:var(--count-badge-background);color:var(--count-badge-color);font-family:var(--type-meta-family);justify-content:center;align-items:center;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;right:0}.nav-item--active{color:var(--nav-item-color-active);background:var(--nav-item-background-active)}.nav-item__icon{flex-shrink:0}.nav-item__label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell__avatar{border-radius:var(--radius-full);background:var(--avatar-background);width:44px;height:44px;color:var(--color-chrome);font:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex;position:relative}.app-shell__notification-badge{min-width:var(--count-badge-min-size);height:var(--count-badge-min-size);border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--color-chrome);background:var(--count-badge-background);color:var(--count-badge-color);font-family:var(--type-meta-family);justify-content:center;align-items:center;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:-2px}.app-shell__avatar--active{outline:2px solid var(--nav-item-color-active);outline-offset:2px}.app-shell__identity{display:none}.app-shell__content{flex:auto;min-width:0;min-height:0;position:relative;overflow-y:auto}@media (width>=768px){.app-shell{flex-direction:row}.app-shell__nav{width:var(--app-shell-sidenav-width);border-top:none;border-right:1px solid var(--color-border);height:100vh;padding:var(--space-5) 0;flex-direction:column;justify-content:flex-start}.app-shell__nav-primary{flex:auto;justify-content:center;width:100%}.app-shell__nav-list{align-items:stretch;gap:var(--space-2);width:100%;padding:0 var(--space-3);flex-direction:column}.nav-item{width:100%;padding:var(--space-2) var(--space-3);justify-content:flex-start}.nav-item__label{clip:auto;white-space:nowrap;width:auto;height:auto;font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);position:static;overflow:visible}.app-shell__nav-avatar{justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-3) 0;border-top:1px solid var(--color-border)}.app-shell__identity{flex-direction:column;min-width:0;display:flex}.app-shell__identity-username{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:600;line-height:var(--type-body-line-height);color:var(--color-ink-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-shell__identity-name{font-family:var(--type-meta-family);font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);line-height:var(--type-meta-line-height);color:var(--type-meta-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.modal-sheet{height:calc(100vh - var(--app-shell-header-height) - var(--app-shell-nav-inset));height:calc(100dvh - var(--app-shell-header-height) - var(--app-shell-nav-inset));z-index:20;background:var(--color-chrome);visibility:hidden;transition:visibility 0s linear .24s;position:fixed;top:0;left:0;right:0}.modal-sheet--open{visibility:visible;transition-delay:0s}.modal-sheet__content{opacity:0;height:100%;transition:opacity .24s ease-in-out;overflow-y:auto}.modal-sheet--open .modal-sheet__content{opacity:1}@media (prefers-reduced-motion:reduce){.modal-sheet,.modal-sheet__content{transition:none}}@media (width>=768px){.modal-sheet{left:var(--app-shell-sidenav-width);height:100dvh}}.sheet-header{height:var(--app-shell-header-height);background:var(--color-chrome);border-bottom:1px solid var(--color-border);padding:0 var(--edge-inset);flex-shrink:0;grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.sheet-header__back,.sheet-header__menu-toggle{border-radius:var(--radius-full);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.sheet-header__back{grid-column:1}.sheet-header__title{text-align:center;min-width:0;font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-line-height);color:var(--color-ink-secondary);white-space:nowrap;text-overflow:ellipsis;grid-column:2;margin:0;overflow:hidden}.sheet-header__close{display:none}.sheet-header__menu{grid-column:3;justify-content:center;align-items:center;display:flex;position:relative}.sheet-header__popover{top:calc(var(--app-shell-header-height) + var(--space-2));right:var(--edge-inset);left:var(--edge-inset);width:auto}.sheet-header__popover .popover__tip{border-bottom:none;border-right:none;inset:-7px 14px auto auto}.sheet-header__menu-list{margin:0;padding:0;list-style:none}.sheet-header__menu-control{text-align:left;width:100%;padding:var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);cursor:default;opacity:.55;background:0 0;border:none;display:block}@media (width>=768px){.sheet-header{background:0 0;border-bottom:none;height:auto;padding:0;display:block}.sheet-header__back,.sheet-header__title{display:none}.sheet-header__menu{top:var(--edge-inset);right:var(--edge-inset);z-index:20;position:fixed}.sheet-header__menu-toggle{background:var(--color-chrome);border:1px solid var(--color-border)}.sheet-header__close{top:var(--edge-inset);right:calc(var(--edge-inset) + 44px + var(--space-2));z-index:20;border-radius:var(--radius-full);background:var(--color-chrome);border:1px solid var(--color-border);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:fixed}.sheet-header__popover{top:calc(var(--edge-inset) + 44px + var(--space-2));right:var(--edge-inset);width:220px;left:auto}.sheet-header__popover .popover__tip{top:-7px;right:14px}}.privacy-route{gap:var(--space-5);max-width:640px;min-height:100%;padding:var(--space-6) var(--edge-inset);background:var(--color-bg);flex-direction:column;margin:0 auto;display:flex}.privacy-route h1{font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-line-height);color:var(--color-ink-secondary);margin:0}.privacy-route__banner{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-chrome);color:var(--color-ink-secondary);padding:var(--space-4);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-ui-label-weight);line-height:var(--type-body-line-height);margin:0}.privacy-route__section{gap:var(--space-2);flex-direction:column;display:flex}.privacy-route__section h2{font-family:var(--type-ui-label-family);font-size:var(--type-ui-label-size);font-weight:var(--type-ui-label-weight);color:var(--color-ink-secondary);margin:0}.privacy-route__section p,.privacy-route__section li{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);color:var(--color-ink-secondary);margin:0}.privacy-route__section ul{gap:var(--space-2);padding-left:var(--space-5);flex-direction:column;margin:0;display:flex}.privacy-route__section a{color:var(--color-ink-secondary);text-decoration:underline}.privacy-route__note{font-family:var(--type-meta-family);font-size:var(--type-meta-size);color:var(--color-ink-secondary);margin:0}.modal-sheet .color-route{height:calc(100% - var(--app-shell-header-height));position:relative}@media (width>=768px){.modal-sheet .color-route{height:100%}}.color-chrome-hidden{background:var(--color-bg);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@keyframes color-route-spin{to{transform:rotate(360deg)}}.color-ready{background:var(--color-canvas-white);position:absolute;inset:0}.canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.canvas__svg{touch-action:none;width:100%;height:100%;display:block}.palette-strip{z-index:10;background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-2);left:var(--edge-inset);right:var(--edge-inset);bottom:var(--edge-inset);flex-direction:row;align-items:center;margin:0;display:flex;position:absolute}.palette-strip__swatches{align-items:center;gap:var(--space-2);flex:auto;min-width:0;padding:4px;display:flex;overflow:auto hidden}.palette-strip__undo{border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none;order:-1;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.palette-strip__undo:disabled{opacity:.4;cursor:default}.palette-strip__undo:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.palette-strip__chat-toggle{border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.palette-strip__chat-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.palette-strip__effect-toggle{border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.palette-strip__effect-toggle:focus-visible,.palette-strip__effect-toggle--active{outline:2px solid var(--color-accent);outline-offset:2px}.palette-strip__white{order:-1}.swatch{border-radius:var(--radius-full);border:1px solid var(--color-border);cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none;width:40px;height:40px;margin:0;padding:0;position:relative}.swatch:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.swatch--selected:after{content:"";border-radius:var(--radius-full);border:2px solid var(--color-accent);position:absolute;inset:-4px}.swatch--custom{background:var(--color-chrome);border:1.5px dashed var(--color-ink-secondary);justify-content:center;align-items:center;display:inline-flex}.swatch--custom.swatch--has-color{border:1px solid var(--color-border)}.swatch__pipette{pointer-events:none}.swatch__input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.color-piece-delete-modal__error{color:var(--color-ink-secondary);font-family:var(--type-meta-family);font-size:var(--type-meta-size);margin:var(--space-3) 0 0 0}.modal-scrim{z-index:30;background:var(--color-scrim);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);width:100%;max-width:400px}.modal-panel__title{margin:0 0 var(--space-3) 0;font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-line-height);color:var(--color-ink-secondary)}.modal-panel__actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.modal-panel__actions>button{text-align:center;flex:1 1 0}.modal-panel__destructive-button{min-height:44px;color:var(--color-ink-secondary);border:var(--text-field-border);border-radius:var(--button-primary-radius);padding:var(--button-primary-padding);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);cursor:pointer;background:0 0}.modal-panel__destructive-button:disabled{opacity:.5;cursor:default}.mention-suggestions{z-index:5;margin:var(--space-1) 0 0;padding:var(--space-1);gap:var(--space-1);background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;max-height:220px;list-style:none;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.mention-suggestions__button{align-items:baseline;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-align:left;font-family:var(--type-body-family);cursor:pointer;background:0 0;border:none;display:flex}.mention-suggestions__item--active .mention-suggestions__button{background:var(--color-accent-wash)}.mention-suggestions__username{font-size:var(--type-body-size);color:var(--color-ink-secondary)}.mention-suggestions__display-name{font-size:var(--type-meta-size);color:var(--type-meta-color)}.publish-form{gap:var(--space-4);padding:var(--edge-inset);box-sizing:border-box;flex-direction:column;height:100%;display:flex;overflow-y:auto}.publish-form__field{gap:var(--space-2);flex-direction:column;display:flex}.publish-form__label{font-family:var(--type-body-family);font-size:var(--type-meta-size);color:var(--color-ink-secondary);font-weight:600}.publish-form__prompt{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary);opacity:.8;margin:0}.publish-form__caption-wrap{position:relative}.publish-form__caption{resize:vertical;box-sizing:border-box;background:var(--text-field-background);border:var(--text-field-border);border-radius:var(--radius-md);width:100%;min-height:4.5em;padding:var(--space-2) var(--space-3);font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary)}.publish-form__tag-input-row{gap:var(--space-2);display:flex}.publish-form__tag-input{background:var(--text-field-background);border:var(--text-field-border);border-radius:var(--radius-md);min-width:0;padding:var(--space-2) var(--space-3);font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary);flex:auto}.publish-form__add-tag{background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);color:var(--color-ink-secondary);cursor:pointer;flex-shrink:0}.publish-form__add-tag:disabled{opacity:.4;cursor:default}.publish-form__tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.publish-form__tag{align-items:center;gap:var(--space-1);background:var(--text-field-background);border:var(--text-field-border);border-radius:var(--radius-full);padding:2px var(--space-2);font-family:var(--type-body-family);font-size:var(--type-meta-size);color:var(--color-ink-secondary);display:inline-flex}.publish-form__remove-tag{padding:0 var(--space-1);min-width:24px;min-height:24px;color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.1em;line-height:1;display:inline-flex}.publish-form__visibility{gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;display:flex}.publish-form__visibility legend{font-family:var(--type-body-family);font-size:var(--type-meta-size);color:var(--color-ink-secondary);padding:0 var(--space-1);font-weight:600}.publish-form__visibility label{align-items:center;gap:var(--space-2);font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary);display:flex}.publish-form__submit{background:var(--color-accent);color:var(--color-chrome);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-family:var(--type-body-family);font-size:var(--type-body-size);cursor:pointer;border:none;align-self:flex-start;font-weight:600}.publish-form__submit:disabled{opacity:.6;cursor:default}.publish-form__error{color:var(--color-ink-secondary);font-family:var(--type-meta-family);font-size:var(--type-meta-size);margin:0}.publish-form--published{align-items:flex-start}.publish-form__published-message{font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);color:var(--color-ink-secondary);margin:0}.color-session-chat{z-index:10;flex-direction:column;display:flex;position:absolute;inset:0}.color-session-chat__messages{gap:var(--space-2);min-height:0;padding:var(--edge-inset) var(--edge-inset) var(--space-2);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.color-session-chat__messages>:first-child{margin-top:auto}.color-session-chat__bubble{max-width:85%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.color-session-chat__bubble--self{background:var(--color-accent);color:var(--color-chrome);align-self:flex-end}.color-session-chat__bubble--other{background:var(--text-field-background);border:var(--text-field-border);color:var(--color-ink-secondary);align-self:flex-start}.color-session-chat__sender{font-family:var(--type-body-family);font-size:var(--type-meta-size);color:inherit;opacity:.75;margin:0 0 2px;font-weight:600}.color-session-chat__bubble-text{white-space:pre-wrap;overflow-wrap:break-word;font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);margin:0}.color-session-chat__compose{background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0 var(--edge-inset) var(--edge-inset);padding:var(--space-3);flex-shrink:0;min-height:72px;position:relative}.color-session-chat__compose:focus-within{outline:2px solid var(--color-accent);outline-offset:-2px}.color-session-chat__input{resize:none;width:100%;min-width:0;max-height:4.5em;font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);color:var(--color-ink-secondary);background:0 0;border:none;padding-right:32px;display:block}.color-session-chat__input:focus-visible{outline:none}.color-session-chat__close{right:var(--space-3);top:var(--space-2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute}.color-session-chat__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.color-session-chat__send{right:var(--space-3);bottom:var(--space-2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute}.color-session-chat__send:disabled{opacity:.4;cursor:default}.color-chat-toast{top:var(--edge-inset);z-index:11;max-width:calc(100% - 2 * var(--edge-inset));animation:.2s ease-out color-chat-toast-in;position:absolute;left:50%;transform:translate(-50%)}.color-chat-toast__button{text-overflow:ellipsis;white-space:nowrap;background:var(--color-chrome);max-width:100%;color:var(--color-ink-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-family:var(--type-body-family,inherit);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:14px;display:block;overflow:hidden}@keyframes color-chat-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.color-chat-toast{animation:none}}.reaction-bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.reaction-bubbles__bubble{font-size:32px;line-height:1;animation:1.6s ease-out forwards reaction-bubble-rise;position:absolute;bottom:18%;transform:translate(-50%)}@keyframes reaction-bubble-rise{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-120px)}}@media (prefers-reduced-motion:reduce){.reaction-bubbles__bubble{animation:1.6s ease-out forwards reaction-bubble-fade}}@keyframes reaction-bubble-fade{0%{opacity:1}to{opacity:0}}.coloring-tabs__bar{display:none}.coloring-tabs__tab{padding:var(--space-3) var(--space-4);font-family:var(--type-ui-label-family);color:var(--color-ink-secondary);opacity:.6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;flex:1 1 0;font-size:13px;font-weight:500}.coloring-tabs__tab.is-active{opacity:1;border-bottom-color:var(--color-accent)}@media (width>=768px){.coloring-tabs--tabbed .coloring-tabs__bar{border-bottom:1px solid var(--color-border);display:flex}.coloring-tabs--tabbed .coloring-tabs__panel{display:none}.coloring-tabs--tabbed .coloring-tabs__panel.is-active{display:block}}.coloring-tabs__sentinel{height:1px}.daily-record-tile{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-paper);flex:none;width:50%;margin-inline:auto;overflow:hidden}.daily-record-tile__placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.daily-record-tile__art{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;display:block;position:relative}.daily-record-tile__svg,.daily-record-tile__svg svg{width:100%;height:100%;display:block}.daily-record-tile__caption{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);transform-origin:0 100%;color:var(--color-ink-secondary);background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;font-family:monospace;font-size:11px;line-height:1.3;position:absolute;overflow:hidden;transform:rotate(-2deg)}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@keyframes daily-record-tile-spin{to{transform:rotate(360deg)}}.thumb-grid{gap:var(--space-2);padding:var(--edge-inset);grid-template-columns:repeat(4,1fr);margin:0;list-style:none;display:grid;overflow-y:auto}.thumb{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-paper);cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;padding:0;display:block;overflow:hidden}.thumb svg{width:100%;height:100%;display:block}.prompt-selection{gap:var(--space-5);padding:var(--edge-inset);background:var(--color-bg);flex-direction:column;display:flex}.prompt-selection__header{align-items:center;gap:var(--space-2);flex:none;display:flex}.prompt-input{background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);flex:auto;min-width:0;position:relative}.prompt-input:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.prompt-input__text:focus-visible{outline:none}.prompt-input__text{resize:none;width:100%;min-width:0;font-family:var(--type-ui-label-family);color:var(--color-ink-secondary);background:0 0;border:none;padding-right:32px;font-size:13px;font-weight:500;line-height:1.3;display:block}.prompt-input__send{right:var(--space-3);bottom:var(--space-3);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute}.prompt-input__send:disabled{opacity:.4;cursor:default}.formatted-text__mention{color:var(--color-accent);font-weight:600;text-decoration:none}.formatted-text__mention:hover,.formatted-text__mention:focus-visible{text-decoration:underline}.comment-thread{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.comment-thread__composer{gap:var(--space-2);flex-direction:column;display:flex}.comment-thread__input-wrap{position:relative}.comment-thread__input{resize:vertical;width:100%;min-height:44px;padding:var(--space-2);background:var(--text-field-background);border:var(--text-field-border);border-radius:var(--radius-sm);font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary)}.comment-thread__submit{min-height:44px;padding:var(--space-1) var(--space-3);background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary);cursor:pointer;align-self:flex-end}.comment-thread__submit:disabled{opacity:.5;cursor:default}.comment-thread__error{align-items:flex-start;gap:var(--space-2);font-family:var(--type-body-family);font-size:var(--type-meta-size);color:var(--color-ink-secondary);flex-direction:column;margin:0;display:flex}.comment-thread__status,.comment-thread__empty{font-family:var(--type-body-family);font-size:var(--type-meta-size);color:var(--color-ink-secondary);opacity:.7;margin:0}.comment-thread__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.comment-thread__item{gap:var(--space-1);flex-direction:column;display:flex}.comment-thread__author{align-items:baseline;gap:var(--space-2);font-family:var(--type-body-family);display:flex}.comment-thread__author-name{font-size:var(--type-meta-size);color:var(--color-ink-secondary);font-weight:600}.comment-thread__author-handle,.comment-thread__author-pronouns{font-size:var(--type-meta-size);color:var(--color-ink-secondary);opacity:.7}.comment-thread__body{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.comment-thread__load-more{min-height:44px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary);cursor:pointer;background:0 0;align-self:center}.comment-thread__load-more:disabled{opacity:.5;cursor:default}.feed-card{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-paper);flex-direction:column;display:flex}.feed-card__artwork{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-canvas-white);width:100%;position:relative;overflow:hidden}.feed-card__artwork-link{color:inherit;text-decoration:none;display:block}.feed-card__svg,.feed-card__svg svg{width:100%;height:100%;display:block}.feed-card__attribution{align-items:baseline;gap:var(--space-2);font-family:var(--type-body-family);display:flex}.feed-card__author-name{font-size:var(--type-body-size);color:var(--color-ink-secondary);font-weight:600}.feed-card__author-handle,.feed-card__author-pronouns{font-size:var(--type-meta-size);color:var(--color-ink-secondary);opacity:.7}.feed-card__meta{gap:var(--space-2);flex-direction:column;display:flex}.feed-card__caption{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary);white-space:pre-wrap;margin:0}.feed-card__tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.feed-card__tag{background:var(--text-field-background);border:var(--text-field-border);border-radius:var(--radius-full);padding:2px var(--space-2);font-family:var(--type-body-family);font-size:var(--type-meta-size);color:var(--color-ink-secondary)}.feed-card__prompt-stamp{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);transform-origin:0 100%;color:var(--color-ink-secondary);background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;padding:2px 6px;font-family:monospace;font-size:11px;line-height:1.3;position:absolute;overflow:hidden;transform:rotate(-2deg)}.feed-card__reactions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex;position:relative}.feed-card__reaction-pill,.feed-card__reaction-add{justify-content:center;align-items:center;gap:var(--space-1);min-width:44px;min-height:44px;padding:var(--space-1) var(--space-2);background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-flex}.feed-card__reaction-count{font-size:var(--type-meta-size)}.feed-card__reaction-pill--own{border:2px solid var(--color-accent);background:var(--color-accent-wash);color:var(--color-accent)}.feed-card__reaction-add{color:var(--color-ink-secondary);font-size:var(--type-body-size);border-style:dashed;font-weight:600}.feed-card__reaction-options{z-index:1;gap:var(--space-1);margin-top:var(--space-1);padding:var(--space-2);background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex;position:absolute;top:100%;left:0;box-shadow:0 2px 8px #00000026}.feed-card__reaction-option{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:20px;line-height:1;display:inline-flex}.feed-card__comments{gap:var(--space-2);flex-direction:column;display:flex}.feed-card__comment-toggle{min-height:44px;padding:var(--space-1) var(--space-2);font-family:var(--type-body-family);font-size:var(--type-meta-size);color:var(--color-ink-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-self:flex-start}.feed-route{gap:var(--space-4);padding:var(--edge-inset);flex-direction:column;max-width:600px;margin-inline:auto;display:flex}.feed-route__band{gap:var(--space-4);flex-direction:column;display:flex}.feed-route__divider{align-items:center;gap:var(--space-3);color:var(--color-ink-secondary);display:flex}.feed-route__divider:before,.feed-route__divider:after{content:"";background:var(--color-border);flex:auto;height:1px}.feed-route__divider-label{font-family:var(--type-meta-family);font-size:var(--type-meta-size);white-space:nowrap;flex:none}.feed-route__error{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.feed-route__error p{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary);margin:0}.feed-route__explore-cta{padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-sm);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);color:var(--color-accent);text-decoration:none;display:block}.feed-route__circle-band{gap:var(--space-4);flex-direction:column;display:flex}.feed-route__sentinel{height:1px}.live-route__empty{padding:var(--space-6) var(--edge-inset);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);color:var(--color-ink-secondary);margin:0}.live-route__list{padding:var(--space-4) var(--edge-inset);flex-direction:column;margin:0;list-style:none;display:flex}.live-route__row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);color:var(--color-ink-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);text-decoration:none;display:block}.reaction-bar{left:var(--edge-inset);bottom:calc(var(--edge-inset) + var(--app-shell-nav-inset,0px));z-index:5;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-full);pointer-events:auto;-webkit-user-select:none;user-select:none;display:flex;position:absolute}.reaction-bar__button{min-width:44px;min-height:44px;padding:var(--space-1);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;line-height:1;display:inline-flex}.reaction-bar__extra{align-items:center;gap:var(--space-1);transform-origin:0;animation:.2s ease-out reaction-bar-expand;display:flex}@keyframes reaction-bar-expand{0%{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.reaction-bar__extra{animation:none}}.session-chat{right:var(--edge-inset);bottom:calc(var(--edge-inset) + var(--app-shell-nav-inset,0px));z-index:5;align-items:flex-end;gap:var(--space-2);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute}.session-chat__toggle{pointer-events:auto;background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-full);min-width:44px;min-height:44px;padding:var(--space-2);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;order:2;justify-content:center;align-items:center;display:inline-flex}.session-chat__panel{pointer-events:auto;-webkit-user-select:text;user-select:text;width:min(320px, calc(100vw - 2 * var(--edge-inset)));background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-lg);transform-origin:100% 100%;flex-direction:column;order:1;max-height:min(420px,100vh - 160px);animation:.2s ease-out session-chat-panel-expand;display:flex;overflow:hidden}@keyframes session-chat-panel-expand{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.session-chat__panel{animation:none}}.session-chat__messages{gap:var(--space-2);min-height:80px;padding:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.session-chat__messages>:first-child{margin-top:auto}.session-chat__bubble{max-width:85%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.session-chat__bubble--self{background:var(--color-accent);color:var(--color-chrome);align-self:flex-end}.session-chat__bubble--other{background:var(--text-field-background);border:var(--text-field-border);color:var(--color-ink-secondary);align-self:flex-start}.session-chat__sender{font-family:var(--type-body-family);font-size:var(--type-meta-size);color:inherit;opacity:.75;margin:0 0 2px;font-weight:600}.session-chat__bubble-text{white-space:pre-wrap;overflow-wrap:break-word;font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);margin:0}.session-chat__compose{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:var(--space-2) var(--space-3) var(--space-3);padding:var(--space-2) var(--space-3);flex-shrink:0;position:relative}.session-chat__compose:focus-within{outline:2px solid var(--color-accent);outline-offset:-2px}.session-chat__input{resize:none;width:100%;min-width:0;max-height:4.5em;font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);color:var(--color-ink-secondary);background:0 0;border:none;padding-right:32px;display:block}.session-chat__input:focus-visible{outline:none}.session-chat__send{right:var(--space-3);bottom:var(--space-2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute}.session-chat__send:disabled{opacity:.4;cursor:default}.live-mirror{touch-action:none;background:0 0}.modal-sheet .live-mirror{height:calc(100% - var(--app-shell-header-height));position:relative}@media (width>=768px){.modal-sheet .live-mirror{height:100%}}.live-mirror__svg{background:var(--color-canvas-white);width:100%;height:100%;display:block}.live-toast{top:calc(var(--app-shell-header-height) + var(--space-3));z-index:21;max-width:calc(100vw - var(--space-6));animation:.2s ease-out live-toast-in;position:fixed;left:50%;transform:translate(-50%)}.live-toast__button{background:var(--color-chrome);width:100%;color:var(--color-ink-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-family:var(--type-body-family,inherit);text-align:left;cursor:pointer;font-size:14px;display:block}@keyframes live-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.live-toast{animation:none}}.install-prompt{left:var(--space-3);right:var(--space-3);bottom:calc(var(--app-shell-header-height) + var(--app-shell-nav-inset) + var(--space-3));z-index:19;background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);animation:.2s ease-out install-prompt-in;position:fixed}@media (width>=768px){.install-prompt{display:none}}.install-prompt__dismiss{width:44px;height:44px;color:var(--color-ink-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.install-prompt__dismiss:focus-visible{outline:2px solid var(--color-ink-secondary);outline-offset:-2px}.install-prompt__title{margin:0 44px var(--space-1) 0;font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:700;line-height:var(--type-body-line-height);color:var(--color-ink-secondary)}.install-prompt__body{margin:0 0 var(--space-3);font-family:var(--type-body-family);font-size:14px;line-height:var(--type-body-line-height);color:var(--color-ink-secondary)}.install-prompt__actions{justify-content:flex-end;display:flex}@keyframes install-prompt-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.install-prompt{animation:none}}.explore-route{gap:var(--space-5);min-height:100%;padding:var(--space-6) var(--edge-inset);background:var(--color-bg);flex-direction:column;display:flex}.explore-route__tabs{gap:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.explore-route__tabs button{padding:var(--space-2) 0;color:var(--settings-tab-color-idle);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;flex:1 1 0;min-height:44px}.explore-route__tabs button.explore-route__tab--active{color:var(--settings-tab-color-active);border-bottom:var(--settings-tab-underline-active)}.explore-latest{gap:var(--space-4);padding-top:var(--space-5);flex-direction:column;max-width:600px;margin-inline:auto;display:flex}.explore-latest__band{gap:var(--space-4);flex-direction:column;display:flex}.explore-latest__caption{color:var(--color-ink-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-line-height);margin:0}.explore-latest__error{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.explore-latest__error p{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary);margin:0}.explore-latest__sentinel{height:1px}.explore-search{gap:var(--space-4);padding-top:var(--space-5);flex-direction:column;display:flex}.explore-search__form{gap:var(--space-3);display:flex}.explore-search__input{flex:1}.explore-search__caption{color:var(--color-ink-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-line-height);margin:0}.explore-search__results{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.explore-search__result{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink-secondary);min-height:44px;text-decoration:none;display:flex}.explore-search__result:hover,.explore-search__result:focus-visible{background:var(--color-chrome)}.explore-search__result-avatar{flex-shrink:0}.explore-search__result-name{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight)}.explore-search__result-username{color:var(--color-ink-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dm-route__search{padding:var(--space-4) var(--edge-inset) 0}.dm-route__search-input{width:100%}.dm-route__empty{padding:var(--space-6) var(--edge-inset);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);color:var(--color-ink-secondary);margin:0}.dm-route__list{padding:var(--space-4) var(--edge-inset);flex-direction:column;margin:0;list-style:none;display:flex}.dm-route__row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);color:var(--color-ink-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);text-decoration:none;display:block}.dm-route__picker{border-top:1px solid var(--color-border)}.dm-route__picker-heading{padding:var(--space-4) var(--edge-inset) 0;font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary);margin:0;font-weight:600}.dm-thread{flex-direction:column;display:flex}.modal-sheet .dm-thread{min-height:calc(100% - var(--app-shell-header-height))}.modal-sheet:has(.dm-thread) .sheet-header{z-index:2;position:sticky;top:0}@media (width>=768px){.modal-sheet .dm-thread{min-height:100%}}.dm-thread__empty{padding:var(--space-6) var(--edge-inset);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);color:var(--color-ink-secondary);margin:0}.dm-thread__messages{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--edge-inset);flex-direction:column;flex:1;display:flex}.dm-thread__bubble{max-width:80%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.dm-thread__bubble--self{background:var(--color-accent);color:var(--color-chrome);align-self:flex-end}.dm-thread__bubble--other{background:var(--text-field-background);border:var(--text-field-border);color:var(--color-ink-secondary);align-self:flex-start}.dm-thread__bubble-sender{margin:0 0 var(--space-1) 0;font-family:var(--type-body-family);font-size:var(--type-meta-size);color:var(--color-ink-secondary);font-weight:600}.dm-thread__bubble-text{white-space:pre-wrap;overflow-wrap:break-word;font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);margin:0}.dm-thread__retry{margin-top:var(--space-1);cursor:pointer;font-family:var(--type-body-family);font-size:var(--type-meta-size);color:inherit;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline;display:block}.dm-thread__compose{background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);margin:var(--space-3) var(--edge-inset);z-index:1;flex-shrink:0;position:sticky;bottom:0}.dm-thread__compose:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.dm-thread__input:focus-visible{outline:none}.dm-thread__input{resize:none;width:100%;min-width:0;font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);color:var(--color-ink-secondary);background:0 0;border:none;padding-right:32px;display:block}.dm-thread__send{right:var(--space-3);bottom:var(--space-3);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute}.dm-thread__send:disabled{opacity:.4;cursor:default}.profile-grid-panel{margin-top:var(--space-3)}.profile-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.profile-grid__item{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-paper);-webkit-tap-highlight-color:transparent;width:100%;display:block;overflow:hidden}.profile-grid__item svg{width:100%;height:100%;display:block}.profile-grid__status,.profile-grid__empty{color:var(--color-ink-secondary)}.profile-grid__error{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.profile-grid__load-more{margin:var(--space-3) auto 0;display:block}.profile-detail{align-items:center;gap:var(--space-4);min-height:100%;padding:var(--space-6) var(--edge-inset);background:var(--color-bg);text-align:center;flex-direction:column;display:flex}.profile-detail__avatar{width:64px;height:64px;color:var(--color-ink-secondary)}.profile-detail__display-name{font-family:var(--type-title-family);font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-line-height);color:var(--color-ink-secondary);margin:0}.profile-detail__username{color:var(--color-ink-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);margin:0}.profile-detail__pronouns{font-size:var(--type-meta-size);opacity:.7}.profile-detail__actions{gap:var(--space-3);margin-top:var(--space-3);display:flex}.profile-detail__social-count{color:var(--color-ink-secondary);font-family:var(--type-meta-family);font-size:var(--type-meta-size);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}.profile-detail__social-count:hover,.profile-detail__social-count:focus-visible{color:var(--color-ink)}.profile-detail__follow-error{color:var(--color-ink-secondary);font-family:var(--type-meta-family);font-size:var(--type-meta-size);margin:0}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@keyframes profile-detail-spin{to{transform:rotate(360deg)}}.edit-profile{min-height:100%;padding:var(--space-6) var(--edge-inset);background:var(--color-bg);flex-direction:column;align-items:center;display:flex}.edit-profile__form{gap:var(--space-3);flex-direction:column;width:100%;max-width:360px;display:flex}.edit-profile__form label{font-family:var(--type-ui-label-family);font-size:var(--type-ui-label-size);font-weight:var(--type-ui-label-weight);color:var(--color-ink-secondary)}.edit-profile__form input[readonly]{opacity:.7;cursor:default}.edit-profile__error{color:var(--color-ink-secondary);font-family:var(--type-meta-family);font-size:var(--type-meta-size);margin:0}.spinner{border-radius:var(--radius-full);border:3px solid var(--color-border);border-top-color:var(--color-accent);width:32px;height:32px;animation:.8s linear infinite edit-profile-spin}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@keyframes edit-profile-spin{to{transform:rotate(360deg)}}.social-list-sheet{gap:var(--space-2);padding:var(--space-3) var(--edge-inset);box-sizing:border-box;flex-direction:column;width:100%;max-width:600px;margin:0 auto;display:flex}.social-list-sheet__pending-heading{font-family:var(--type-body-family);font-size:var(--type-body-size);color:var(--color-ink-secondary);margin:0;font-weight:600}.social-list-sheet__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.social-list-sheet__row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.social-list-sheet__link{min-width:0;color:inherit;-webkit-tap-highlight-color:transparent;flex-direction:column;text-decoration:none;display:flex}.social-list-sheet__display-name{font-family:var(--type-body-family);font-size:var(--type-body-size);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.social-list-sheet__username{color:var(--color-ink-secondary);font-family:var(--type-meta-family);font-size:var(--type-meta-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-list-sheet__trailing{align-items:flex-end;gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.social-list-sheet__trailing-buttons{gap:var(--space-2);flex-direction:row;display:flex}.social-list-sheet__row-error{color:var(--color-ink-secondary);font-family:var(--type-meta-family);font-size:var(--type-meta-size);margin:0}.social-list-sheet__status,.social-list-sheet__empty{color:var(--color-ink-secondary)}.social-list-sheet__error{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.social-list-sheet__load-more{margin:var(--space-3) auto 0;display:block}.piece-detail{min-height:100%;padding:var(--space-4) var(--edge-inset);flex-direction:column;max-width:600px;margin-inline:auto;display:flex}.spinner{border-radius:var(--radius-full);border:3px solid var(--color-border);border-top-color:var(--color-accent);width:32px;height:32px;margin-top:var(--space-6);align-self:center;animation:.8s linear infinite piece-detail-spin}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@keyframes piece-detail-spin{to{transform:rotate(360deg)}}.settings-route{gap:var(--space-5);min-height:100%;padding:var(--space-6) var(--edge-inset);background:var(--color-bg);flex-direction:column;display:flex}.settings-route__tabs{gap:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.settings-route__tabs button{padding:var(--space-2) 0;color:var(--settings-tab-color-idle);font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;flex:1 1 0;min-height:44px}.settings-route__tabs button.settings-route__tab--active{color:var(--settings-tab-color-active);border-bottom:var(--settings-tab-underline-active)}.settings-route__panel{gap:var(--space-4);flex-direction:column;max-width:480px;display:flex}.settings-route__control{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.settings-route__control-label{font-family:var(--type-ui-label-family);font-size:var(--type-ui-label-size);font-weight:var(--type-ui-label-weight);color:var(--color-ink-secondary)}.settings-route__language,.settings-route__toggle-group{gap:var(--space-2);display:flex}.settings-route__toggle-group button:not(.button-primary),.settings-route__language button:not(.button-primary),.settings-route__switch{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-chrome);color:var(--color-ink-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);-webkit-tap-highlight-color:transparent}.settings-route__toggle-group button.button-primary{min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.settings-route__switch{align-self:flex-start;align-items:center;gap:var(--space-2);display:inline-flex}.settings-route__switch[aria-checked=true]{background:var(--button-primary-background);color:var(--button-primary-color);border-color:var(--button-primary-background)}.settings-route__switch-check{min-width:1em;font-weight:700}.settings-route__toggle-group button:disabled,.settings-route__language button:disabled,.settings-route__switch:disabled{opacity:.6;cursor:default}.settings-route__caption{color:var(--type-meta-color);font-family:var(--type-meta-family);font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);line-height:var(--type-meta-line-height);margin:0}.settings-route__error{color:var(--color-ink-secondary);font-family:var(--type-meta-family);font-size:var(--type-meta-size);margin:0}.settings-route__privacy-link{min-height:44px;color:var(--color-ink-secondary);font-family:var(--type-body-family);font-size:var(--type-body-size);align-items:center;text-decoration:underline;display:inline-flex}.notifications-route{gap:var(--space-5);min-height:100%;padding:var(--space-6) var(--edge-inset);background:var(--color-bg);flex-direction:column;display:flex}.notifications-route__empty{width:100%;max-width:600px;font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);color:var(--color-ink-secondary);margin:0 auto}.notifications-route__list{gap:var(--space-2);flex-direction:column;width:100%;max-width:600px;margin:0 auto;padding:0;list-style:none;display:flex}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#fafaf9;--color-chrome:#fff;--color-paper:#fff;--color-canvas-white:#fff;--color-ink:#1c1c1c;--color-ink-secondary:#6b6b67;--color-accent:#3c6e71;--color-accent-secondary:#a8c3c4;--color-live:#4c9a6a;--color-border:#e4e3df;--color-accent-wash:#3c6e711a;--color-scrim:#1c1c1c6b;--color-focus-ring:var(--color-accent);--palette-1:#1a1a1a;--palette-2:#fff;--palette-3:#8b5e34;--palette-4:#e63946;--palette-5:#f4a340;--palette-6:#ffd23f;--palette-7:#9bc53d;--palette-8:#2a9d8f;--palette-9:#4fb0c6;--palette-10:#3a86ff;--palette-11:#3d348b;--palette-12:#8e44ad;--palette-13:#f72585;--palette-14:#ff8fa3;--palette-15:#9e9e9e;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--type-title-family:var(--font-sans);--type-title-size:17px;--type-title-weight:600;--type-title-line-height:1.35;--type-body-family:var(--font-sans);--type-body-size:15px;--type-body-weight:400;--type-body-line-height:1.5;--type-meta-family:var(--font-sans);--type-meta-size:13px;--type-meta-weight:500;--type-meta-line-height:1.3;--type-meta-color:var(--color-ink-secondary);--type-overline-family:var(--font-sans);--type-overline-size:11px;--type-overline-weight:600;--type-overline-line-height:1.4;--type-overline-letter-spacing:.07em;--type-overline-text-transform:uppercase;--type-overline-color:var(--color-ink-secondary);--type-ui-label-family:var(--font-sans);--type-ui-label-size:13px;--type-ui-label-weight:500;--type-ui-label-line-height:1.3;--type-caption-mono-family:var(--font-mono);--type-caption-mono-size:13px;--type-caption-mono-weight:500;--type-caption-mono-line-height:1.3;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--edge-inset:16px;--app-shell-sidenav-width:172px;--app-shell-header-height:52px;--app-shell-nav-inset:0px;--nav-item-color-idle:var(--color-ink-secondary);--nav-item-color-active:var(--color-accent);--nav-item-background-active:var(--color-accent-wash);--settings-tab-color-idle:var(--color-ink-secondary);--settings-tab-color-active:var(--color-accent);--settings-tab-underline-active:2px solid var(--color-accent);--count-badge-background:var(--color-live);--count-badge-color:var(--color-ink);--count-badge-min-size:15px;--avatar-background:var(--color-accent-secondary);--avatar-size-sm:26px;--avatar-size-md:30px;--focus-ring-outline:2px solid var(--color-focus-ring);--focus-ring-offset:2px;--text-field-background:var(--color-chrome);--text-field-border:1px solid var(--color-border);--text-field-radius:var(--radius-sm);--text-field-padding:var(--space-2) var(--space-3);--button-primary-background:var(--color-accent);--button-primary-color:var(--color-chrome);--button-primary-radius:var(--radius-full);--button-primary-padding:var(--space-2) var(--space-4)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (-webkit-touch-callout:none){:root{--app-shell-nav-inset:env(safe-area-inset-bottom,0px)}}@media (prefers-color-scheme:dark){:root{--color-bg:#17181a;--color-chrome:#202224;--color-ink-secondary:#9b9b96;--color-accent:#6fa6a9;--color-accent-secondary:#3c6e71;--color-live:#6fcb8f;--color-border:#2c2e31;--color-accent-wash:#6fa6a929;--color-paper:#e9e7e2}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-ink-secondary);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:pan-x pan-y;margin:0}:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--focus-ring-offset)}
