: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,.muted-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;gap:8px}.account-avatar{width:32px;height:32px}.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,.muted-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)}.muted-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-control);background:transparent;color:var(--text-muted);padding:8px 12px;font-weight:750}.muted-button:hover,.muted-button:focus-visible{background:var(--surface-raised);color:var(--error-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{margin:8px 0;border-radius:var(--radius-control);background:var(--surface-sunken);padding:12px;overflow-x:auto}.post-html h1,.post-html h2{font-size:var(--fs-lg)}.post-html h3,.post-html h4,.post-html h5,.post-html h6{font-size:var(--fs-base)}.post-html h1,.post-html h2,.post-html h3,.post-html h4,.post-html h5,.post-html h6{margin:16px 0 8px;font-weight:700;letter-spacing:-.03em;line-height:1.2}.post-html ul,.post-html ol{margin:8px 0;padding-left:24px}.post-html li{margin:2px 0}.post-html blockquote{margin:8px 0;border-left:1px solid var(--border);padding-left:12px;color:var(--text-muted)}.post-html hr{margin:16px 0;border:0;border-top:1px solid var(--border)}.post-html code{border-radius:var(--radius-control);background:var(--surface-sunken);padding:.1em .3em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.post-html pre code{background:none;padding:0;font-size:var(--fs-sm)}.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}.link-preview{display:block;overflow:hidden;margin:0 0 8px 52px;border:1px solid var(--border);border-radius:var(--radius-quote);background:var(--surface-sunken);color:var(--text);text-decoration:none;transition:background-color var(--transition),border-color var(--transition)}.link-preview:hover{border-color:var(--border-strong);background:var(--surface-raised)}.link-preview>img{display:block;width:100%;max-height:320px;aspect-ratio:1.91 / 1;border-bottom:1px solid var(--border);object-fit:cover}.link-preview>div{display:grid;gap:4px;padding:12px}.link-preview span{color:var(--text-faint);font-size:var(--fs-xs)}.link-preview strong{font-size:var(--fs-sm)}.link-preview p{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-muted);font-size:var(--fs-sm);-webkit-box-orient:vertical;-webkit-line-clamp:2}.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,.reaction-picker-anchor>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,.reaction-picker-anchor>button:hover,.post-menu>button:hover{background:var(--surface-raised);color:var(--text)}.post-actions>button.is-active,.reaction-picker-anchor>button.is-active{color:var(--secondary)}.reaction-picker-anchor>button.is-armed{background:var(--surface-raised)}.post-actions>button span,.reaction-picker-anchor>button span{font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.post-actions.is-readonly{justify-content:flex-start;gap:24px}.post-actions.is-readonly>span{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;gap:4px;color:var(--text-faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.post-menu,.reaction-picker-anchor{position:relative}.emoji-picker-anchor{position:relative;display:inline-flex}.menu-popover,.emoji-picker{position:absolute;z-index:10;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-raised)}.post-reactions{display:flex;flex-wrap:nowrap;gap:4px;margin:8px 0 0 52px;overflow-x:auto;scrollbar-width:none}.post-reactions::-webkit-scrollbar{display:none}.post-reactions[data-overflow=right]{mask-image:linear-gradient(to right,black calc(100% - 16px),transparent)}.post-reactions[data-overflow=left]{mask-image:linear-gradient(to right,transparent,black 16px)}.post-reactions[data-overflow=both]{mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent)}.post-reactions button,.post-reactions .reaction-count{display:inline-flex;min-width:40px;height:40px;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border);border-radius:var(--radius-control);background:transparent;padding:4px 8px}.post-reactions button:hover{background:var(--surface-raised)}.post-reactions button.is-active{border-color:var(--secondary);background:var(--secondary-tint)}.post-reactions span{font-variant-numeric:tabular-nums}.emoji-picker{top:44px;left:50%;display:flex;width:320px;max-width:calc(100vw - 32px);height:360px;flex-direction:column;color:var(--text);transform:translate(-50%)}.emoji-picker.opens-above{top:auto;bottom:44px}.compose-tools .emoji-picker{left:-44px;transform:none}.emoji-picker-heading{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);padding:4px 8px}.emoji-picker-heading input{min-width:0;height:40px;flex:1}.emoji-picker-heading button,.emoji-picker-grid button{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:0;border-radius:var(--radius-control);background:transparent;padding:4px}.emoji-picker-heading button:hover,.emoji-picker-grid button:hover{background:var(--surface-sunken)}.emoji-picker-grid button.is-active{border:1px solid var(--secondary);background:var(--secondary-tint)}.emoji-picker-scroll{min-height:0;flex:1;overflow-y:auto;padding:8px}.emoji-picker h3{margin:8px 0 4px;color:var(--text-muted);font-size:var(--fs-sm)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,32px);gap:4px}.emoji-picker-grid button{position:relative}.emoji-picker-grid button small{position:absolute;right:0;bottom:0;color:var(--text-faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.emoji-picker-unicode-section{content-visibility:auto;contain-intrinsic-size:auto 160px}.emoji-picker-upload{display:flex;min-height:0;flex:1;flex-direction:column;gap:8px;overflow-y:auto;padding:0 8px 8px}.emoji-picker-upload label:not(.emoji-picker-upload-check){display:grid;gap:4px;color:var(--text-muted);font-size:var(--fs-sm)}.emoji-picker-upload-check{display:flex;min-height:40px;align-items:center;gap:8px}.emoji-picker-upload-preview{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-control);padding:8px}.emoji-picker-upload-preview[data-status=uploading]{opacity:.57}.emoji-picker-upload-preview[data-status=failed]{border-color:var(--error)}.emoji-picker-upload-preview img{width:44px;height:44px;object-fit:contain}.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}.markdown-editor{display:grid;gap:8px}.markdown-tabs{display:flex;width:fit-content;border:1px solid var(--border-strong);border-radius:var(--radius-control);overflow:hidden}.markdown-tabs button{min-height:40px;border:0;background:transparent;color:var(--text-muted);padding:8px 12px;font-weight:700}.markdown-tabs button:hover{background:var(--surface-raised);color:var(--text)}.markdown-tabs button[aria-selected=true]{background:var(--primary-tint);color:var(--text)}.markdown-editor .is-hidden{display:none}.markdown-preview.post-html{min-height:96px;margin:0;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-sunken);padding:12px;transition:opacity var(--transition)}.markdown-preview.preview-stale{opacity:.57}.markdown-preview-state{margin:0;color:var(--text-muted);font-size:var(--fs-sm)}.markdown-preview-error{margin:8px 0 0;border-radius:var(--radius-control);background:var(--error-surface);padding:8px;color:var(--error-text);font-size:var(--fs-sm)}.compose-footer{margin-top:8px}.compose-tools{position:relative;display:flex;overflow-x:auto;align-items:center;gap:4px}.compose-format-toggle{min-height:40px;flex:none;border:1px solid var(--border);border-radius:var(--radius-control);background:transparent;color:var(--text-muted);padding:8px 12px;font-weight:700}.compose-format-toggle:hover,.compose-format-toggle[aria-pressed=true]{background:var(--surface-raised);color:var(--text)}.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)}.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}.follow-state-button .alternate-label{display:none}.follow-state-button:hover .default-label,.follow-state-button:focus-visible .default-label{display:none}.follow-state-button:hover .alternate-label,.follow-state-button:focus-visible .alternate-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%}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.search-page-form{margin-bottom:8px}.search-help{margin-bottom:16px;color:var(--text-muted);font-size:var(--fs-sm)}.search-help summary{min-height:40px;cursor:pointer;line-height:40px}.search-help table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.search-help th,.search-help td{border-top:1px solid var(--border);padding:8px;text-align:left}.search-help th{width:88px;color:var(--text)}.search-warnings{margin-bottom:12px;color:var(--text-muted);font-size:var(--fs-sm)}.search-warnings p{margin:4px 0}.search-sections{display:grid;gap:12px}.search-section{overflow:hidden}.search-section>summary{display:flex;min-height:44px;align-items:center;gap:8px;padding:0 16px;cursor:pointer;font-weight:700;list-style:none}.search-section>summary::-webkit-details-marker{display:none}.search-section[open]>summary svg{transform:rotate(90deg)}.search-section-title{flex:1}.search-section-count{color:var(--text-faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.search-section-body{border-top:1px solid var(--border)}.search-section-empty{margin:0;padding:24px 16px;color:var(--text-muted);text-align:center}.remote-actor-row small{overflow:hidden;color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap}.remote-post-card{position:relative}.remote-post-card .remote-actor-row{padding:12px 16px}.remote-result-host{display:block;padding:8px 16px 0;color:var(--text-faint);font-size:var(--fs-xs)}.remote-post-media{margin:8px 16px 8px 68px;color:var(--text-muted);font-size:var(--fs-sm)}.remote-post-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px 12px 68px;color:var(--text-faint);font-size:var(--fs-xs)}.remote-post-footer>div{display:flex;gap:8px}.search-hashtag-list{padding:0;margin:0;list-style:none}.search-hashtag-row{display:grid;min-height:44px;align-items:center;gap:4px 12px;grid-template-columns:minmax(0,1fr) auto;padding:8px 16px}.search-hashtag-row+.search-hashtag-row{border-top:1px solid var(--border)}.search-hashtag-row>a{color:var(--secondary);font-weight:700}.search-hashtag-row>span,.search-hashtag-row>small{color:var(--text-faint);font-size:var(--fs-xs)}.search-hashtag-row>small{grid-column:1 / -1}.tab-bar{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;border-bottom:1px solid var(--border)}.tab-bar button,.tab-bar a{display:flex;min-height:44px;align-items:center;justify-content:center;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-weight:700;text-decoration:none}.tab-bar button:hover,.tab-bar a:hover{background:var(--surface-raised);color:var(--text)}.tab-bar button[aria-selected=true],.tab-bar a[aria-current=page]{border-bottom-color:var(--secondary);color:var(--secondary)}.tab-bar span{color:var(--text-faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.follow-list-tabs{margin-bottom:12px}.hashtag-rank{padding:0;margin:0;list-style:none}.hashtag-rank li{display:grid;min-height:44px;align-items:center;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:8px 16px;transition:background-color var(--transition)}.hashtag-rank li+li{border-top:1px solid var(--border)}.hashtag-rank li:hover{background:var(--surface-raised)}.hashtag-rank a,.hashtag-heading a{color:var(--secondary);font-weight:700;text-decoration:none}.hashtag-rank a:hover,.hashtag-heading a:hover{color:var(--secondary-hover);text-decoration:underline;text-underline-offset:2px}.hashtag-rank-index,.hashtag-rank-meta{color:var(--text-faint);font-variant-numeric:tabular-nums}.hashtag-rank-index{min-width:24px;text-align:right}.hashtag-rank-meta{font-size:var(--fs-sm)}.hashtag-page-heading{align-items:flex-start;flex-direction:column;gap:8px}.hashtag-page-heading p{margin:0}.hashtag-heading{display:flex;flex-wrap:wrap;gap:8px}.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;padding:0;overflow:visible}.profile-banner{width:100%;aspect-ratio:3 / 1;border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--surface-raised);object-fit:cover}.profile-header-body{display:grid;justify-items:center;padding:32px 24px;text-align:center}.public-profile.has-banner .profile-header-body{padding-top:0}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--surface-raised);object-fit:cover}.public-profile.has-banner .profile-avatar{margin-top:-36px;outline:4px solid var(--surface)}.public-profile h1{margin:16px 0 0;font-size:var(--fs-2xl)}.profile-name{display:flex;align-items:center;justify-content:center;gap:8px}.profile-badge{border-radius:999px;background:var(--surface-sunken);color:var(--text-muted);padding:4px 8px;font-size:var(--fs-xs);letter-spacing:0}.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;text-align:left}.profile-stats{display:flex;align-items:center;gap:16px;margin-top:16px;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.profile-stats a{color:var(--text-muted)}.profile-stats a:hover{color:var(--secondary-hover)}.profile-actions{display:flex;width:100%;align-items:center;gap:8px;margin-top:20px}.profile-action-spacer{flex:1}.actor-menu{position:relative}.profile-help{max-width:420px;margin:12px auto 24px;text-align:center;font-size:var(--fs-sm)}.profile-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px 16px;margin:0}.profile-meta dt{color:var(--text-muted);font-weight:700}.profile-meta dd{min-width:0;margin:0;overflow-wrap:anywhere}.public-profile .status-error{width:100%;margin:16px 0 0}.profile-edit-form{display:grid;gap:20px;padding:20px}.profile-photo-editor,.profile-banner-editor{display:grid;justify-items:center;gap:10px;border-bottom:1px solid var(--border);padding-bottom:20px}.profile-banner-editor .profile-banner{max-width:520px;border-radius:var(--radius-control)}.profile-photo-editor .profile-avatar{width:88px;height:88px}.profile-photo-controls,.profile-form-actions,.account-list .account-actions,.relay-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,.relay-list,.domain-rewrite-list{display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none}.account-list li,.passkey-list li,.relay-list li,.domain-rewrite-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,.relay-list li>div{display:grid;min-width:0}.domain-rewrite-list strong{min-width:0;overflow-wrap:anywhere}.account-list small,.passkey-list small,.relay-list small{color:var(--text-muted);font-size:var(--fs-xs)}.relay-list small.status-error{margin-top:4px;padding:8px;color:var(--error-text)}.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}.remote-emoji-import{display:grid;gap:12px;margin-top:24px;border-top:1px solid var(--border);padding-top:16px}.remote-emoji-import h3,.remote-emoji-import p{margin:0}.remote-emoji-import h3{font-size:var(--fs-base)}.remote-emoji-import>.text-input{width:100%}.remote-emoji-import .emoji-grid{max-height:720px;margin-bottom:0;overflow-y:auto}.remote-emoji-cell{display:grid;width:40px;height:40px;place-items:center;border:1px solid transparent;border-radius:var(--radius-control);background:var(--surface-sunken);padding:4px}.remote-emoji-cell:hover{background:var(--surface-raised)}.remote-emoji-cell.is-selected{border-color:var(--secondary);background:var(--secondary-tint)}.remote-emoji-cell img{width:32px;height:32px;object-fit:contain}.remote-emoji-import-form{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-sunken);padding:12px}.remote-emoji-import-form>img{width:40px;height:40px;object-fit:contain}.remote-emoji-import-form>div,.remote-emoji-import-form>label{display:grid;min-width:160px;flex:1;gap:4px;color:var(--text-muted);font-size:var(--fs-xs)}.remote-emoji-import-form>div span{overflow-wrap:anywhere}.remote-emoji-import-form>.status-error{width:100%}@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}.profile-header-body{padding:24px 16px}.profile-meta{grid-template-columns:minmax(0,1fr);gap:4px}.profile-meta dd+dt{margin-top:8px}.search-form{grid-template-columns:minmax(0,1fr) auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important}}