*{box-sizing:border-box}html{overflow-x:hidden;width:100%}:root{color-scheme:dark;--color-base-100: oklch(25.33% .016 252.42);--color-base-200: oklch(23.26% .014 253.1);--color-base-300: oklch(21.15% .012 254.09);--color-base-content: oklch(97.807% .029 256.847);--color-primary: oklch(58% .233 277.117);--color-primary-content: oklch(96% .018 272.314);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0;--background-color: var(--color-base-300);--header-background-color: var(--color-base-200);--content-background-color: var(--color-base-200);--text-color: var(--color-base-content);--text-secondary-color: color-mix( in oklab, var(--color-base-content) 70%, var(--color-base-100) );--border-color: var(--color-base-300);--link-color: var(--color-primary);--link-hover-color: var(--color-primary-content);--time-color: var(--color-secondary);--indicator-inactive-color: var(--color-base-300);--indicator-active-color: var(--color-primary);--button-hover: color-mix( in oklab, var(--color-base-200) 80%, var(--color-base-content) )}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--background-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;line-height:1.5;color:var(--text-color);border-color:var(--border-color);overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:none;hyphens:none;overflow-x:hidden}a{font-weight:500;color:var(--link-color);text-decoration:none;transition:color .15s ease}a:hover{color:var(--link-hover-color)}h1{font-size:2.5em;line-height:1.2;font-weight:700}#app{max-width:1400px;width:100%;margin:0 auto;padding:0;text-align:center}#postContainer{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border-color);background-color:var(--content-background-color);margin-bottom:20px;overflow-wrap:break-word;overflow:hidden;box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease}#postContainer:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}#postHeader{display:flex;flex-direction:row;align-items:center;justify-content:start;background-color:var(--header-background-color);padding:12px 16px;height:60px;border-bottom:1px solid var(--border-color);font-weight:600;overflow-wrap:break-word}#displayName{display:block;color:var(--text-color);font-size:1.1em;padding:0;margin:0 0 2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;letter-spacing:-.01em}#handle{display:flex;align-items:center;color:#6b7280;font-size:.85em;font-weight:400;padding:0;margin:0;gap:8px}#postLink{color:var(--time-color)!important;font-size:.85em;padding:0;margin:0;opacity:.9}#postContent{display:flex;text-align:start;flex-direction:column;padding:16px;background-color:var(--content-background-color);color:var(--text-color);overflow-wrap:break-word;white-space:pre-line;line-height:1.6}#replyingText,#quotingText{font-size:.8em;margin:0;padding:0 0 10px;color:#6b7280}#postText{margin:0 0 8px;padding:0;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:none;hyphens:none;font-size:1.05em}#headerText{margin-left:12px;font-size:.9em;text-align:start;word-break:break-word;max-width:80%;max-height:95%;align-self:flex-start;margin-top:auto;margin-bottom:auto}#carouselContainer{position:relative;width:100%;margin-top:12px;display:flex;flex-direction:column;align-items:center;border-radius:8px;overflow:hidden}#carouselControls{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;margin-top:10px}#carouselIndicators{display:flex;gap:6px}.indicator{width:6px;height:6px;background-color:var(--indicator-inactive-color);border-radius:50%;transition:background-color .2s ease,transform .2s ease}.indicator.active{background-color:var(--indicator-active-color);transform:scale(1.3)}#prevBtn,#nextBtn{background-color:var(--button-bg);color:var(--text-color);border:1px solid var(--border-color);width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease,transform .15s ease;font-size:16px}#prevBtn:hover:not(:disabled),#nextBtn:hover:not(:disabled){background-color:var(--button-hover);transform:scale(1.05)}#prevBtn:disabled,#nextBtn:disabled{opacity:.4;cursor:not-allowed}#embedVideo{width:100%;max-width:500px;margin-top:12px;align-self:center;border-radius:8px;overflow:hidden}#embedImages{min-width:min(100%,500px);max-width:min(100%,500px);max-height:500px;object-fit:contain;margin:0;border-radius:8px}#accountContainer{display:flex;text-align:start;align-items:center;background-color:var(--content-background-color);padding:12px;margin-bottom:15px;border:1px solid var(--border-color);border-radius:12px;transition:background-color .15s ease}#accountContainer:hover{background-color:var(--hover-bg)}#accountName{margin-left:12px;font-size:.95em;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}#avatar{width:48px;height:48px;margin:0;object-fit:cover;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0000001a}#Content{display:flex;width:100%;max-width:100vw;height:100%;flex-direction:row;justify-content:space-between;align-items:flex-start;background-color:var(--background-color);color:var(--text-color);gap:20px;padding:0 16px}#Feed{overflow-y:auto;flex:1;min-width:0;height:100vh;align-self:flex-start}#spacer{padding:0;margin:0;height:10vh;width:100%}#Account{flex:0 0 400px;max-width:400px;display:flex;flex-direction:column;border:1px solid var(--border-color);background-color:var(--content-background-color);max-height:80vh;padding:24px;border-radius:12px;box-shadow:var(--card-shadow)}#accountsList{display:flex;flex-direction:column;overflow-y:auto;height:100%;width:100%;padding:8px 0;margin:0}#Header{text-align:center;font-size:1.8em;margin-bottom:16px;font-weight:700;background:linear-gradient(to right,var(--link-color),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width:768px){#Content{flex-direction:column;width:100%;max-width:100vw;padding:12px;margin:0;gap:16px}#Account{flex:1 1 auto;width:100%;max-width:100%;padding:16px;margin:0;height:auto;order:-1}#Feed{flex:1 1 auto;width:100%;margin:0;padding:0;overflow-y:visible}#spacer{height:5vh}body{font-size:16px}#postHeader{padding:10px;height:auto;min-height:50px}}::-webkit-scrollbar{width:0px;background:transparent;padding:0;margin:0}::-webkit-scrollbar-thumb{background:transparent;border-radius:0}::-webkit-scrollbar-track{background:transparent;border-radius:0}::-webkit-scrollbar-corner{background:transparent;border-radius:0}::-webkit-scrollbar-button{background:transparent;border-radius:0}*{scrollbar-width:none;scrollbar-color:transparent transparent;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;-webkit-scrollbar:none}.navbar.svelte-rfuq4y{position:fixed;top:0;left:0;right:0;width:100%;background-color:var(--header-background-color, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);padding:1rem 2rem;box-shadow:0 2px 4px #0000000d;z-index:1000}.navbar-container.svelte-rfuq4y{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.navbar-brand.svelte-rfuq4y{font-size:1.5rem;font-weight:700;color:var(--text-color, #111827);text-decoration:none;transition:opacity .2s;flex-shrink:0}.navbar-brand.svelte-rfuq4y:hover{opacity:.8}.hamburger.svelte-rfuq4y{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger-line.svelte-rfuq4y{width:25px;height:3px;background-color:var(--text-color, #111827);transition:all .3s ease;border-radius:2px}.navbar-links.svelte-rfuq4y{display:flex;gap:2rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.navbar-links.svelte-rfuq4y a:where(.svelte-rfuq4y){color:var(--text-color, #111827);text-decoration:none;font-weight:500;transition:opacity .2s;padding:.5rem 0;border-bottom:2px solid transparent;white-space:nowrap}.navbar-links.svelte-rfuq4y a:where(.svelte-rfuq4y):hover{opacity:.8}.navbar-links.svelte-rfuq4y a.active:where(.svelte-rfuq4y){border-bottom-color:var(--link-color, #6366f1)}@media(max-width:1200px){.navbar-links.svelte-rfuq4y{gap:1.5rem}.navbar-links.svelte-rfuq4y a:where(.svelte-rfuq4y){font-size:.95rem}}@media(max-width:1024px){.navbar.svelte-rfuq4y{padding:1rem}.navbar-links.svelte-rfuq4y{gap:1rem}.navbar-links.svelte-rfuq4y a:where(.svelte-rfuq4y){font-size:.9rem}}@media(max-width:768px){.navbar.svelte-rfuq4y{padding:.75rem 1rem}.navbar-container.svelte-rfuq4y{flex-direction:row;width:100%}.navbar-brand.svelte-rfuq4y{font-size:1.25rem}.hamburger.svelte-rfuq4y{display:flex}.navbar-links.svelte-rfuq4y{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background-color:var(--header-background-color, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);box-shadow:0 4px 6px #0000001a;max-height:0;overflow:hidden;transition:max-height .3s ease}.navbar-links.open.svelte-rfuq4y{max-height:500px}.navbar-links.svelte-rfuq4y a:where(.svelte-rfuq4y){width:100%;padding:1rem;text-align:center;border-bottom:1px solid var(--border-color, #e2e8f0);font-size:1rem}.navbar-links.svelte-rfuq4y a:where(.svelte-rfuq4y):last-child{border-bottom:none}.navbar-links.svelte-rfuq4y a.active:where(.svelte-rfuq4y){border-bottom:1px solid var(--link-color, #6366f1);background-color:#6366f10d}.navbar-links.svelte-rfuq4y a.active:where(.svelte-rfuq4y):last-child{border-bottom:none}}@media(max-width:480px){.navbar.svelte-rfuq4y{padding:.5rem .75rem}.navbar-brand.svelte-rfuq4y{font-size:1.1rem}.hamburger-line.svelte-rfuq4y{width:22px;height:2.5px}}