:root{--bg: #303030;--primary: #008b16;--secondary: #88c337;--error: #ff0000;--surface-sunken: #282828;--surface: #383838;--surface-raised: #424242;--border: #474747;--border-strong: #5c5c5c;--text: #f2f2f2;--text-muted: #b5b5b5;--text-faint: #a3a3a3;--primary-hover: #007a13;--primary-active: #00680f;--on-primary: #ffffff;--primary-tint: rgb(0 139 22 / .15);--secondary-hover: #9ad14e;--on-secondary: #1d1d1d;--secondary-tint: rgb(136 195 55 / .14);--secondary-surface: #2b3925;--error-text: #ff8585;--error-surface: #3d2626;--on-error: #ffffff;--fs-xs: .78rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.15rem;--fs-xl: 1.35rem;--fs-2xl: 1.6rem;--radius-card: 12px;--radius-control: 8px;--radius-quote: 10px;--transition: .12s ease-out}*{box-sizing:border-box}html,body,#app{min-height:100%}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-rounded,SF Pro Rounded,Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;font-size:var(--fs-base);font-synthesis:none;line-height:1.55}button,input,select,textarea{color:inherit;font:inherit}button,select,input[type=file]{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:wait;opacity:.57}a{color:var(--secondary)}a:hover{color:var(--secondary-hover)}:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{letter-spacing:-.03em}button,.primary-button,.secondary-button,.danger-button{line-height:1.2}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{width:min(100%,680px);margin:0 auto;padding:0 18px 32px}.site-header{position:sticky;z-index:20;top:0;display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:var(--bg)}.wordmark{flex:none;color:var(--secondary);font-size:var(--fs-xl);font-weight:850;letter-spacing:-.03em;text-decoration:none}.wordmark:hover{color:var(--secondary-hover)}.header-owner{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:8px}.site-header nav{display:flex;align-items:center;gap:4px}.site-header nav a{position:relative;display:inline-flex;min-width:40px;min-height:40px;align-items:center;justify-content:center;gap:4px;border-radius:var(--radius-control);padding:8px;color:var(--text-muted);font-size:var(--fs-sm);font-weight:700;text-decoration:none;transition:background-color var(--transition),color var(--transition)}.site-header nav a:hover{background:var(--surface-raised);color:var(--text)}.site-header nav a[aria-current=page]{background:var(--secondary-tint);color:var(--secondary)}.notification-badge{display:inline-grid;min-width:18px;height:18px;place-items:center;padding:0 4px;border-radius:999px;background:var(--secondary);color:var(--on-secondary);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.account-picker,.account-static{display:inline-flex;align-items:center;color:var(--text-muted);font-size:var(--fs-sm);font-weight:700}.account-picker select{max-width:120px;min-height:40px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-sunken);padding:8px}.account-static{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-login{text-decoration:none}.page-content{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-top:16px}.page-heading{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:12px}.page-heading h1,.login-card h1{margin:0;font-size:var(--fs-xl);line-height:1.2}.panel,.post-card,.compose-card,.login-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.muted,.field-help{color:var(--text-muted)}.field-help{font-size:var(--fs-sm)}.status-error,.status-success{border:1px solid;border-radius:var(--radius-control);padding:12px;font-size:var(--fs-sm);white-space:pre-wrap}.status-error{border-color:var(--error);background:var(--error-surface);color:var(--error-text)}.status-success{border-color:var(--secondary);background:var(--secondary-tint);color:var(--text)}.status-error p,.status-success p{margin:0 0 8px}.primary-button,.secondary-button,.danger-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-control);padding:8px 12px;font-weight:750;text-decoration:none;transition:background-color var(--transition),color var(--transition),border-color var(--transition),opacity var(--transition)}.primary-button{border:1px solid var(--primary);background:var(--primary);color:var(--on-primary)}.primary-button:hover{border-color:var(--primary-hover);background:var(--primary-hover);color:var(--on-primary)}.primary-button:active{border-color:var(--primary-active);background:var(--primary-active)}.secondary-button{border:1px solid var(--border-strong);background:transparent;color:var(--text)}.secondary-button:hover{background:var(--surface-raised);color:var(--text)}.danger-button{border:1px solid var(--border-strong);background:transparent;color:var(--error-text)}.danger-button:hover,.danger-button.danger-fill{border-color:var(--error);background:var(--error);color:var(--on-error)}.icon-button{display:inline-grid;width:40px;height:40px;flex:none;place-items:center;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-muted);padding:0;text-decoration:none;transition:background-color var(--transition),color var(--transition)}.icon-button:hover{background:var(--surface-raised);color:var(--text)}.text-input{min-height:40px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-sunken);color:var(--text);padding:8px 12px;transition:border-color var(--transition)}.text-input:focus{border-color:var(--secondary)}.text-input::placeholder{color:var(--text-faint)}.loading-state,.empty-state{color:var(--text-muted);text-align:center}.loading-state{margin:0;padding:24px 16px}.empty-state{padding:32px 16px}.empty-state p{margin:0 0 16px}.avatar{width:40px;height:40px;flex:none;border-radius:50%;background:var(--surface-raised);object-fit:cover}.avatar-fallback{display:grid;place-items:center;color:var(--text-muted);font-weight:800}.dialog{width:min(calc(100% - 32px),520px);max-height:calc(100% - 32px);overflow:auto;border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--surface-raised);color:var(--text);padding:0;box-shadow:0 8px 24px #0006;opacity:0;transition:opacity var(--transition)}.dialog[open]{opacity:1}.dialog::backdrop{background:#00000080}.dialog-frame{padding:16px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dialog-heading h2{margin:0;font-size:var(--fs-lg)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.confirm-dialog p{margin:0;color:var(--text-muted)}.toast{position:fixed;z-index:50;bottom:24px;left:50%;display:flex;width:min(calc(100% - 32px),520px);align-items:center;justify-content:space-between;gap:12px;border:1px solid;border-radius:var(--radius-control);padding:8px 12px}.toast[data-variant=error]{border-color:var(--error);background:var(--error-surface);color:var(--error-text)}.toast[data-variant=notice]{border-color:var(--secondary);background:var(--secondary-surface);color:var(--secondary)}.toast .toast-close{display:grid;width:40px;height:40px;flex:none;place-items:center;border:0;border-radius:var(--radius-control);background:transparent;color:inherit}.toast .toast-action{min-width:0;min-height:40px;flex:1;border:0;background:transparent;color:inherit;padding:8px 0;text-align:left}.toast button:hover{background:var(--surface-raised)}.load-more{display:grid;justify-items:center;gap:8px;padding:8px 0}.load-more .status-error{width:100%;margin:0}.post-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.post-card{position:relative;padding:16px;cursor:pointer}.post-card:hover{border-color:var(--border-strong)}.shared-label{display:flex;align-items:center;gap:8px;margin:0 0 8px 52px;color:var(--text-muted);font-size:var(--fs-sm);font-weight:700}.post-main{position:relative}.post-identity{display:flex;min-width:0;align-items:center;gap:12px;padding-right:104px}.post-identity>div:last-child{display:grid;min-width:0;gap:0}.post-identity a{min-width:0;overflow:hidden;color:var(--text);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.post-identity a:hover{text-decoration:underline;text-underline-offset:2px}.post-identity strong{font-size:var(--fs-base);font-weight:700}.post-identity span{overflow:hidden;color:var(--text-muted);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap}.post-heading-meta{position:absolute;top:0;right:0;display:flex;min-height:40px;align-items:center;gap:8px;color:var(--text-faint);font-size:var(--fs-xs)}.post-heading-meta a{color:var(--text-faint);text-decoration:none}.post-heading-meta a:hover{color:var(--text);text-decoration:underline;text-underline-offset:2px}.visibility-label{display:inline-flex;align-items:center;gap:4px}.reply-context,.reply-count-link{display:flex;width:fit-content;align-items:center;gap:4px;margin:8px 0 0 52px;color:var(--text-muted);font-size:var(--fs-sm);text-decoration:none}.reply-context:hover,.reply-count-link:hover{color:var(--secondary-hover);text-decoration:underline;text-underline-offset:2px}.post-html{margin:12px 0 8px 52px;overflow-wrap:anywhere;line-height:1.55}.post-html p:first-child{margin-top:0}.post-html p:last-child{margin-bottom:0}.post-html pre{overflow-x:auto}.post-html a,.post-html .mention,.post-html .hashtag{color:var(--secondary);text-decoration-thickness:1px;text-underline-offset:2px}.post-html a:hover,.post-html .mention:hover,.post-html .hashtag:hover{color:var(--secondary-hover)}.post-html a .invisible{display:none}.post-html a .ellipsis:after{content:"…"}.emoji{width:1.28em;height:1.28em;margin:0 .04em;vertical-align:-.25em;object-fit:contain}.post-media{margin:0 0 8px 52px}.post-media>a,.post-media>.post-media-video{display:block;min-width:0;overflow:hidden;background:var(--surface-sunken)}.post-media img,.post-media video{display:block}.post-media>.post-media-file{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);text-decoration:none;transition:background-color var(--transition),color var(--transition)}.post-media>.post-media-file:hover{background:var(--surface-raised);color:var(--text)}.post-media-single{overflow:hidden;border-radius:var(--radius-quote);container-type:inline-size}.post-media-single img,.post-media-single video{width:100%;height:auto;max-height:150cqw;object-fit:cover}.post-media-single video:not([width]){aspect-ratio:16 / 9}.post-media-single>.post-media-file{aspect-ratio:16 / 9}.post-media-grid-2,.post-media-grid-3,.post-media-grid-4{display:grid;overflow:hidden;gap:2px;border-radius:var(--radius-quote)}.post-media-grid-2,.post-media-grid-3{aspect-ratio:7 / 4;grid-template-columns:1fr 1fr}.post-media-grid-2{grid-template-rows:1fr}.post-media-grid-3{grid-template-rows:1fr 1fr}.post-media-grid-3>:first-child{grid-row:span 2}.post-media-grid-4{aspect-ratio:2 / 1;grid-template:repeat(2,1fr) / repeat(2,1fr)}.post-media-grid-2 img,.post-media-grid-2 video,.post-media-grid-3 img,.post-media-grid-3 video,.post-media-grid-4 img,.post-media-grid-4 video{width:100%;height:100%;object-fit:cover}.post-media-grid-2>.post-media-file,.post-media-grid-3>.post-media-file,.post-media-grid-4>.post-media-file{width:100%;height:100%}.post-media-carousel{display:flex;height:240px;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.post-media-carousel>a,.post-media-carousel>.post-media-video{flex:0 0 auto;max-width:100%;height:100%;border-radius:var(--radius-control);scroll-snap-align:start}.post-media-carousel img,.post-media-carousel video{width:auto;max-width:100%;height:100%;object-fit:cover}.post-media-carousel>.post-media-file{width:240px}.quoted-post{margin:12px 0 8px 52px;border:1px solid var(--border);border-radius:var(--radius-quote);background:var(--surface-sunken);padding:12px}.quoted-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.quoted-heading .post-identity{flex:1;gap:8px;padding-right:0}.post-identity.is-compact .avatar{width:28px;height:28px}.post-identity.is-compact strong,.post-identity.is-compact span,.quoted-heading>a{font-size:var(--fs-xs)}.quoted-heading>a{flex:none;color:var(--text-faint);text-decoration:none}.quoted-content{display:-webkit-box;margin:8px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6}.post-actions{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:4px 0 0 44px}.post-actions>button,.post-menu>button{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;gap:4px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-faint);padding:4px 8px;transition:background-color var(--transition),color var(--transition),opacity var(--transition)}.post-actions>button:hover,.post-menu>button:hover{background:var(--surface-raised);color:var(--text)}.post-actions>button.is-active{color:var(--secondary)}.post-actions>button span{font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.post-menu{position:relative}.menu-popover,.emoji-popover{position:absolute;z-index:10;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-raised)}.menu-popover{top:44px;right:0;min-width:152px;padding:4px}.menu-popover a,.menu-popover button{display:flex;width:100%;min-height:40px;align-items:center;gap:8px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text);padding:8px 12px;text-decoration:none}.menu-popover a:hover,.menu-popover button:hover{background:var(--surface-sunken)}.menu-popover .menu-danger{color:var(--error-text)}.focused-meta,.focused-counts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0 52px;color:var(--text-faint);font-size:var(--fs-sm)}.focused-counts{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 0}.focused-counts strong{color:var(--text);font-variant-numeric:tabular-nums}.post-card.is-focused .post-html{font-size:var(--fs-lg)}.compose-card,.thread-compose{padding:16px}.compose-heading,.compose-footer,.compose-submit{display:flex;align-items:center;justify-content:space-between;gap:12px}.compose-heading{margin-bottom:8px}.compose-heading strong{font-size:var(--fs-sm)}.visibility-picker select{min-height:40px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-sunken);color:var(--text);padding:8px}.compose-context{position:relative;display:grid;gap:4px;margin-bottom:8px;border-radius:var(--radius-quote);background:var(--surface-sunken);padding:12px;color:var(--text-muted);font-size:var(--fs-sm)}.compose-context strong{color:var(--text)}.compose-context-label{position:absolute;top:12px;right:12px;color:var(--text-faint);font-size:var(--fs-xs);font-weight:700}.compose-context-content{display:-webkit-box;overflow:hidden;color:var(--text);-webkit-box-orient:vertical;-webkit-line-clamp:2}.compose-context-content p{margin:0}.compose-textarea{width:100%;min-height:96px;max-height:50vh;resize:none;line-height:1.55}.compose-footer{margin-top:8px}.compose-tools{position:relative;display:flex;gap:4px}.compose-attachments{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}.compose-attachment{display:grid;grid-template-columns:72px minmax(0,1fr) 40px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-sunken);padding:8px}.compose-attachment>img,.compose-attachment>video{width:72px;height:72px;border-radius:var(--radius-control);object-fit:cover;transition:opacity var(--transition)}.compose-attachment[data-status=uploading]>img,.compose-attachment[data-status=uploading]>video{opacity:.57}.compose-attachment[data-status=failed]{border-color:var(--error)}.compose-attachment-details{display:grid;min-width:0;gap:4px}.compose-attachment-details>input{min-width:0;min-height:40px}.compose-upload-status{color:var(--text-muted);font-size:var(--fs-sm)}.compose-upload-retry{min-height:40px;justify-self:start;border:1px solid var(--error);border-radius:var(--radius-control);background:transparent;color:var(--error-text);padding:8px 12px;font-weight:750}.compose-upload-retry:hover{background:var(--surface-raised)}.emoji-popover{bottom:44px;left:0;display:grid;width:320px;max-width:calc(100vw - 32px);max-height:240px;grid-template-columns:repeat(8,32px);gap:4px;overflow:auto;padding:8px}.emoji-popover button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:var(--radius-control);background:transparent;padding:4px}.emoji-popover button:hover{background:var(--surface-sunken)}.emoji-popover img{width:24px;height:24px;object-fit:contain}.character-count{color:var(--text-faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.character-count.is-limit{color:var(--error-text)}.compose-dialog .dialog-frame{padding:16px}.actor-list,.notification-list{overflow:hidden}.actor-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px}.actor-row+.actor-row{border-top:1px solid var(--border)}.actor-row:hover{background:var(--surface-raised)}.actor-avatar{width:44px;height:44px}.actor-copy{display:grid;min-width:0}.actor-copy>a{overflow:hidden;color:var(--text);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.actor-copy>a:hover{text-decoration:underline;text-underline-offset:2px}.actor-handle-line{display:flex;min-width:0;align-items:center;gap:8px;color:var(--text-muted);font-size:var(--fs-sm)}.actor-handle-line>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relationship-badge{flex:none;border-radius:999px;background:var(--surface-sunken);color:var(--text-muted);padding:4px 8px;font-size:var(--fs-xs)}.actor-action{min-width:88px}.unfollow-label{display:none}.following-button:hover{border-color:var(--border-strong);color:var(--error-text)}.following-button:hover .following-label,.following-button:focus-visible .following-label{display:none}.following-button:hover .unfollow-label,.following-button:focus-visible .unfollow-label{display:inline}.login-wrap{display:grid;min-height:100vh;place-items:center;padding:16px}.login-card{width:min(100%,420px);padding:24px}.login-card h1{margin-top:24px}.login-card>p{margin:12px 0 16px}.login-actions{display:grid;gap:8px}.login-actions button,.login-actions a{width:100%}.login-card .loading-state{padding:16px 0}.login-card .field-help{margin:0 0 12px}.setup-form{display:grid;gap:8px}.setup-form label{display:grid;gap:4px;color:var(--text-muted);font-size:var(--fs-xs)}.setup-form .text-input,.setup-form>.primary-button,.setup-form>.secondary-button{width:100%}.follow-search{display:grid;gap:12px;padding:16px}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.search-empty{margin:0}.follow-search .actor-row{border:1px solid var(--border);border-radius:var(--radius-quote);background:var(--surface-sunken)}.follow-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}.follow-tabs button{min-height:44px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-weight:700}.follow-tabs button:hover{background:var(--surface-raised);color:var(--text)}.follow-tabs button[aria-selected=true]{border-bottom-color:var(--secondary);color:var(--secondary)}.follow-tabs span{color:var(--text-faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.notification-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;padding:16px}.notification-item+.notification-item{border-top:1px solid var(--border)}.notification-item.is-unread{border-left:3px solid var(--secondary);background:var(--secondary-tint);padding-left:13px}.notification-icon{display:grid;width:28px;height:28px;place-items:center;color:var(--text-faint)}.notification-copy{min-width:0}.notification-copy>p{margin:0}.notification-copy>p a{color:var(--text);text-decoration:none}.notification-copy>p a:hover{text-decoration:underline;text-underline-offset:2px}.notification-item>time{color:var(--text-faint);font-size:var(--fs-xs);white-space:nowrap}.notification-post{display:block;margin-top:8px;border-radius:var(--radius-control);background:var(--surface-sunken);color:var(--text-muted);padding:8px 12px;font-size:var(--fs-sm);text-decoration:none}.notification-post:hover{background:var(--surface-raised);color:var(--text)}.notification-post-link{display:inline-block;margin-top:6px;font-weight:700}.notification-post>div{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-post p{margin:0}.back-button{display:inline-flex;width:fit-content;min-height:40px;align-items:center;gap:8px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-muted);padding:8px}.back-button:hover{background:var(--surface-raised);color:var(--text)}.thread-stack{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.thread-stack>.post-card{border:0;border-radius:0}.thread-stack>.post-card+.post-card,.thread-compose{border-top:1px solid var(--border)}.thread-stack>.post-card.is-ancestor:after{position:absolute;bottom:-12px;left:35px;width:2px;height:24px;background:var(--border);content:""}.earlier-thread{display:block;min-height:40px;padding:8px 16px;font-size:var(--fs-sm)}.thread-replies{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}.thread-replies h2{margin:0;font-size:var(--fs-lg)}.public-profile{display:grid;justify-items:center;padding:32px 24px;text-align:center}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--surface-raised);object-fit:cover}.public-profile h1{margin:16px 0 0;font-size:var(--fs-2xl)}.profile-handle{display:flex;align-items:center;gap:4px;margin-top:4px;color:var(--text-muted)}.profile-summary{max-width:520px;margin:16px 0 0}.profile-edit-link{margin-top:20px}.profile-help{max-width:420px;margin:24px 0 0;font-size:var(--fs-sm)}.public-profile .status-error{width:100%;margin:16px 0 0}.profile-edit-form{display:grid;gap:20px;padding:20px}.profile-photo-editor{display:grid;justify-items:center;gap:10px;border-bottom:1px solid var(--border);padding-bottom:20px}.profile-photo-editor .profile-avatar{width:88px;height:88px}.profile-photo-controls,.profile-form-actions,.account-list .account-actions{display:flex;align-items:center;gap:8px}.profile-photo-editor .field-help{margin:0}.profile-field{display:grid;gap:6px;color:var(--text-muted);font-size:var(--fs-sm);font-weight:700}.profile-field .text-input{width:100%;color:var(--text);font-weight:400}.profile-bio-input{min-height:120px;resize:vertical}.profile-character-count{justify-self:end}.profile-form-actions{justify-content:flex-end}.compact-button{min-height:36px;padding:7px 10px;font-size:var(--fs-sm)}.settings-panel{overflow:hidden}.settings-section{padding:16px}.settings-section+.settings-section{border-top:1px solid var(--border)}.settings-section h2{margin:0;font-size:var(--fs-lg)}.settings-section>p{margin:4px 0 12px;font-size:var(--fs-sm)}.account-list,.passkey-list{display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none}.account-list li,.passkey-list li{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;border-radius:var(--radius-control);background:var(--surface-sunken);padding:8px 12px}.account-list li>div,.passkey-list li>div{display:grid;min-width:0}.account-list small,.passkey-list small{color:var(--text-muted);font-size:var(--fs-xs)}.settings-form,.passkey-controls{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.settings-form label,.file-field{display:grid;flex:1;gap:4px;color:var(--text-muted);font-size:var(--fs-xs)}.settings-form .text-input,.passkey-controls .text-input{min-width:160px}.passkey-controls{align-items:center;margin-bottom:12px}.file-field input{min-height:40px;max-width:224px;color:var(--text-muted)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,40px);gap:8px;margin-bottom:12px}.emoji-cell{position:relative;display:grid;width:40px;height:40px;place-items:center;border-radius:var(--radius-control);background:var(--surface-sunken)}.emoji-cell>img{width:32px;height:32px;object-fit:contain}.emoji-cell>button{position:absolute;inset:0;display:grid;width:40px;height:40px;place-items:start end;border:0;border-radius:var(--radius-control);background:transparent;color:transparent;padding:0}.emoji-cell>button svg{border-radius:50%}.emoji-cell:hover>button,.emoji-cell>button:focus-visible{color:var(--on-error)}.emoji-cell:hover>button svg,.emoji-cell>button:focus-visible svg{background:var(--error)}.emoji-preview{width:24px;height:24px;margin-bottom:8px;object-fit:contain}@media(max-width:560px){.app-shell{padding-inline:12px}.site-header{gap:8px}.site-header nav a{width:44px;min-width:44px;height:44px;padding:8px}.nav-label{display:none}.notification-badge{position:absolute;top:2px;right:2px}.account-picker select,.account-static{max-width:96px}.post-card,.compose-card,.thread-compose,.settings-section,.notification-item{padding:12px}.notification-item.is-unread{padding-left:9px}.actor-row{padding-inline:12px}.actor-action{min-width:80px;padding-inline:8px}.search-form{grid-template-columns:minmax(0,1fr) auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important}}