:root{--color-bg: #f5ead8;--color-surface: #ebddc5;--color-text: #201e1d;--color-accent: #c67139;--color-accent-2: #7a8a5e;--color-divider: color-mix(in srgb, #201e1d 16%, transparent);--color-neutral-100: #f9f4ed;--color-neutral-200: #eee7db;--color-neutral-300: #dcd3c4;--color-neutral-400: #c0b6a5;--color-neutral-500: #a19786;--color-neutral-600: #82796a;--color-neutral-700: #645c50;--color-neutral-800: #474238;--color-neutral-900: #2e2b25;--color-accent-100: #fff2eb;--color-accent-200: #ffe1d0;--color-accent-300: #ffc6a5;--color-accent-400: #f6a06b;--color-accent-500: #d67f48;--color-accent-600: #b2622d;--color-accent-700: #8c491a;--color-accent-800: #643312;--color-accent-900: #402310;--color-accent-2-100: #f0fae1;--color-accent-2-200: #e1eecc;--color-accent-2-300: #ccdbb2;--color-accent-2-400: #aebf92;--color-accent-2-500: #8fa073;--color-accent-2-600: #728157;--color-accent-2-700: #56633f;--color-accent-2-800: #3d472b;--color-accent-2-900: #272e1b;--font-heading: "Caprasimo", "Secular One", system-ui, sans-serif;--font-heading-weight: 400;--font-body: "Figtree", "Assistant", system-ui, sans-serif;--space-1: 4.4px;--space-2: 8.8px;--space-3: 13.2px;--space-4: 17.6px;--space-6: 26.4px;--space-8: 35.2px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 28px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2e2b25 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2e2b25 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2e2b25 22%, transparent);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--header-h: 54px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.washed{filter:saturate(.6) contrast(.85) brightness(1.1) opacity(.94)}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.app{position:relative;height:100dvh;width:100%;overflow:hidden;background:var(--color-bg);font-family:var(--font-body)}.header{position:absolute;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:var(--space-2);padding:calc(var(--safe-top) + 14px) 18px 0;pointer-events:none}.header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:var(--space-2);margin-right:auto}.brand img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--color-neutral-200)}.brand span{font-family:var(--font-heading);font-size:17px;color:var(--color-text)}.icon-btn{width:36px;height:36px;flex:none;border-radius:50%;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--color-accent-100)}.compose-btn{width:36px;height:36px;flex:none;border-radius:50%;background:linear-gradient(135deg,#f02fa4,#8e4ce8,#18b9e8);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.compose-btn:hover{filter:brightness(1.1)}.filter-chip{display:flex;align-items:center;gap:7px;background:var(--color-accent);color:var(--color-accent-100);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600}.filter-chip .x{opacity:.8}.drafts-btn{height:36px;display:flex;align-items:center;gap:6px;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);box-shadow:var(--shadow-sm);border-radius:999px;padding:0 13px;font-size:12px;font-weight:600;color:var(--color-text)}.drafts-btn:hover{background:var(--color-accent-100)}.drafts-count{background:var(--color-accent);color:var(--color-accent-100);border-radius:999px;font-size:10px;padding:2px 7px;font-weight:700}.feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow-anchor:none}.snap{scroll-snap-align:start;scroll-snap-stop:always;height:100dvh;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 62px) 20px calc(var(--safe-bottom) + 22px);color:var(--color-text);position:relative;cursor:pointer}.card-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:12px}.author-row,.author-tap{display:flex;align-items:center;gap:9px;min-width:0}.avatar{width:30px;height:30px;flex:none;border-radius:50%;color:var(--color-neutral-100);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;object-fit:cover}.author-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.follow-pill{flex:none;font-size:11px;font-weight:600;border-radius:999px;padding:5px 12px;border:1.5px solid var(--color-accent);background:transparent;color:var(--color-accent-700)}.follow-pill[data-on=true]{background:var(--color-accent);color:var(--color-accent-100)}.card-badges{display:flex;align-items:center;gap:6px;flex:none}.network-badge{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--color-accent-700);border:1.5px solid var(--color-accent);border-radius:999px;padding:4px 10px}.kind-badge{font-size:11px;font-weight:600;color:var(--color-accent-2-700);background:var(--color-accent-2-100);border-radius:999px;padding:5px 11px;white-space:nowrap}.cover{height:clamp(150px,30dvh,320px);flex:none;border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--shadow-md)}.cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card-title{font-family:var(--font-heading);font-size:clamp(23px,6.4vw,29px);line-height:1.12;margin:16px 0 10px;text-wrap:balance}.dek-row{display:flex;gap:var(--space-2);align-items:flex-start;margin-bottom:10px}.tldr-badge{flex:none;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;background:var(--color-accent-2);color:var(--color-neutral-100);border-radius:999px;padding:4px 9px;margin-top:2px}.dek{font-size:14.5px;line-height:1.45;font-style:italic;color:var(--color-neutral-800)}.excerpt{font-size:14px;line-height:1.6;color:var(--color-neutral-800);flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 30%,transparent 92%);mask-image:linear-gradient(#000 30%,transparent 92%)}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}.tag-pill{font-size:11.5px;font-weight:600;background:var(--color-neutral-100);color:var(--color-accent-700);border:1px solid var(--color-neutral-300);border-radius:999px;padding:5px 11px}.tag-pill:hover{background:var(--color-accent-100)}.card-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.read-pill{background:var(--color-accent);color:var(--color-accent-100);border-radius:999px;padding:11px 22px;font-size:13px;font-weight:700;box-shadow:var(--shadow-sm);white-space:nowrap}.like-pill{display:flex;align-items:center;gap:6px;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:999px;padding:9px 15px;font-size:12.5px;font-weight:700;color:var(--color-text);transition:transform .15s;white-space:nowrap}.like-pill[data-on=true]{color:var(--color-accent)}.like-pill:active{transform:scale(1.25)}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-neutral-700);padding:24px;text-align:center}.empty-state h2{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:19px;color:var(--color-text);margin:0}.ghost-pill{font-size:12px;font-weight:600;border:1.5px solid var(--color-accent);color:var(--color-accent-700);border-radius:999px;padding:9px 18px;background:transparent}.ghost-pill:hover{background:var(--color-accent-100)}.panel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg);display:flex;flex-direction:column;transform:translateY(102%);transition:transform .5s var(--ease-sheet);visibility:hidden}.panel[data-open=true]{transform:translateY(0);visibility:visible}.panel-reader{z-index:50}.panel-composer{z-index:70}.panel-head{padding:calc(var(--safe-top) + 14px) 20px 12px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-neutral-300);background:var(--color-bg);flex:none}.panel-title{font-family:var(--font-heading);font-size:14px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-btn{width:32px;height:32px;flex:none;border-radius:50%;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--color-text)}.round-btn:hover{background:var(--color-accent-100)}.reader-body{flex:1;overflow-y:auto;padding:26px 24px calc(var(--safe-bottom) + 50px);-webkit-overflow-scrolling:touch}.reader-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--color-accent-700);margin-bottom:10px}.reader-kicker button{text-decoration:underline;text-underline-offset:3px;font:inherit;color:inherit}.reader-title{font-family:var(--font-heading);font-size:27px;line-height:1.15;color:var(--color-text);margin-bottom:22px;text-wrap:balance}.reader-body p{line-height:1.72;color:var(--color-text);margin:0 0 20px;text-wrap:pretty}.reader-like-row{display:flex;justify-content:center;margin-top:14px}.reader-like{display:flex;align-items:center;gap:7px;background:var(--color-neutral-100);border:1.5px solid var(--color-accent);border-radius:999px;padding:11px 22px;font-size:13.5px;font-weight:700;color:var(--color-text);transition:transform .15s}.reader-like[data-on=true]{color:var(--color-accent)}.reader-like:active{transform:scale(1.2)}.reader-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px}.text-size{display:flex;align-items:center;border:1px solid var(--color-neutral-300);background:var(--color-neutral-100);border-radius:999px;overflow:hidden;flex:none}.text-size button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--color-text);font-weight:700}.text-size button:disabled{opacity:.35;cursor:not-allowed}.text-size button:not(:disabled):hover{background:var(--color-accent-100)}.text-size .sm{font-size:11px}.text-size .lg{font-size:16px}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-neutral-900);opacity:.35}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--color-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);padding:22px 24px calc(var(--safe-bottom) + 34px);transform:translateY(105%);transition:transform .45s var(--ease-sheet);visibility:hidden;max-height:86dvh;overflow-y:auto}.sheet[data-open=true]{transform:translateY(0);visibility:visible}.sheet-grip{width:36px;height:5px;border-radius:999px;background:var(--color-neutral-300);margin:0 auto 18px}.sheet-title{font-family:var(--font-heading);font-size:19px;color:var(--color-text);margin:0 0 4px}.sheet-sub{font-size:12px;color:var(--color-neutral-700);margin-bottom:16px}.sheet-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--color-neutral-700);margin-bottom:10px}.chip{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border:1.5px solid var(--color-neutral-400);background:transparent;color:var(--color-text);border-radius:999px;padding:7px 14px}.chip[data-on=true]{background:var(--color-accent);color:var(--color-accent-100);border-color:var(--color-accent)}.chip-count{font-size:10.5px;opacity:.6}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.profile-avatar{width:54px;height:54px;flex:none;border-radius:50%;color:var(--color-neutral-100);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;object-fit:cover}.profile-name{font-family:var(--font-heading);font-size:20px;color:var(--color-text)}.profile-handle{font-size:12px;color:var(--color-neutral-700)}.profile-bio{font-style:italic;font-size:14px;line-height:1.5;color:var(--color-neutral-800);margin-bottom:18px}.profile-stats{display:flex;gap:26px;border-top:1px solid var(--color-neutral-300);border-bottom:1px solid var(--color-neutral-300);padding:14px 2px;margin-bottom:16px}.profile-stats b{font-weight:700;font-size:15px;color:var(--color-text)}.profile-stats span{font-size:12px;color:var(--color-neutral-700)}.profile-follow{flex:none;font-size:12px;font-weight:700;border-radius:999px;padding:10px 20px;border:1.5px solid var(--color-accent);background:transparent;color:var(--color-accent-700)}.profile-follow[data-on=true]{background:var(--color-accent);color:var(--color-accent-100)}.row-link{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 2px;border-bottom:1px solid var(--color-neutral-300);text-align:start}.row-link:hover{background:var(--color-accent-100)}.row-link .t{font-family:var(--font-heading);font-size:14.5px;color:var(--color-text)}.row-link .m{flex:none;font-size:11px;color:var(--color-neutral-700)}.draft-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--color-neutral-300)}.draft-row:hover{background:var(--color-accent-100)}.draft-open{flex:1;min-width:0;text-align:start}.draft-title{font-family:var(--font-heading);font-size:14.5px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-meta{font-size:11px;color:var(--color-neutral-700);margin-top:3px}.draft-x{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--color-neutral-300);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--color-neutral-700)}.draft-x:hover{background:var(--color-accent-100);color:var(--color-accent-700)}.composer-body{flex:1;overflow-y:auto;padding:20px 22px calc(var(--safe-bottom) + 60px);display:flex;flex-direction:column;gap:18px}.text-btn{font-size:13px;font-weight:600;color:var(--color-neutral-700)}.text-btn:hover{color:var(--color-text)}.outline-btn{font-size:12.5px;font-weight:700;border:1.5px solid var(--color-accent);color:var(--color-accent-700);border-radius:999px;padding:8px 15px;background:transparent;white-space:nowrap}.outline-btn:hover{background:var(--color-accent-100)}.outline-btn:disabled,.primary-btn:disabled{opacity:.45;cursor:not-allowed}.primary-btn{font-size:12.5px;font-weight:700;background:var(--color-accent);color:var(--color-accent-100);border-radius:999px;padding:9px 17px;box-shadow:var(--shadow-sm);white-space:nowrap}.primary-btn:not(:disabled):hover{background:var(--color-accent-600)}.slot{height:190px;flex:none;border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--shadow-sm);background:var(--color-neutral-200);width:100%;display:block}.slot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.slot-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1.5px dashed var(--color-neutral-400);border-radius:var(--radius-lg);color:var(--color-neutral-700);font-size:12.5px;font-weight:600}.slot[data-drag=true] .slot-hint{border-color:var(--color-accent);color:var(--color-accent-700);background:var(--color-accent-100)}.slot-clear{position:absolute;top:10px;inset-inline-end:10px;width:28px;height:28px;border-radius:50%;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:var(--shadow-sm)}.bare-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:transparent;padding:0;width:100%}.title-input{font-family:var(--font-heading);font-size:25px;line-height:1.2;color:var(--color-text)}.tldr-input{font-style:italic;font-size:14.5px;color:var(--color-text);font-family:var(--font-body)}.body-input{resize:none;font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--color-text);min-height:180px;flex:1}.bare-input::placeholder{color:var(--color-neutral-500)}.hashtag-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px dashed var(--color-neutral-400);outline:none;background:transparent;border-radius:999px;font-size:12px;color:var(--color-text);padding:9px 15px;width:240px;max-width:100%;font-family:var(--font-body)}.hashtag-input:focus{border-style:solid;border-color:var(--color-accent)}.composer-section{border-top:1px solid var(--color-neutral-300);padding-top:14px}.vis-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.login{height:100dvh;display:flex;overflow-y:auto;background:var(--color-bg);padding:calc(var(--safe-top) + var(--space-8)) var(--space-6) calc(var(--safe-bottom) + var(--space-8))}.login-inner{margin:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.login-brand{display:flex;align-items:center;gap:var(--space-2)}.login-brand img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--color-neutral-200)}.login-brand span{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:26px;color:var(--color-text)}.login-tagline{margin:0;max-width:34ch;font-size:14px;color:var(--color-neutral-700)}.login-note{margin:0;max-width:34ch;font-size:13px;color:var(--color-neutral-600)}.splash{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--color-neutral-700);font-size:13px}.splash img{width:54px;height:54px;border-radius:50%}.toast{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 22px);transform:translate(-50%);z-index:90;background:var(--color-neutral-900);color:var(--color-neutral-100);border-radius:999px;padding:10px 18px;font-size:12.5px;font-weight:600;box-shadow:var(--shadow-lg);max-width:calc(100% - 40px);text-align:center}.listen-btn{display:flex;align-items:center;gap:6px;flex:none;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--color-neutral-300);background:var(--color-neutral-100);color:var(--color-text);font-size:12px;font-weight:600}.listen-btn:hover{background:var(--color-accent-100)}.listen-btn[data-on=true],.round-btn[data-on=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-100)}.speech-bar{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) 20px var(--space-3);border-bottom:1px solid var(--color-neutral-300);background:var(--color-neutral-100)}.speech-field{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-size:12px;font-weight:600;color:var(--color-neutral-700)}.speech-field select{min-width:0;max-width:44vw;height:30px;padding:0 var(--space-2);border-radius:999px;border:1px solid var(--color-neutral-300);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:12px;font-weight:600}.speed-pills{display:flex;align-items:center;border:1px solid var(--color-neutral-300);background:var(--color-bg);border-radius:999px;overflow:hidden;flex:none}.speed-pills button{height:30px;padding:0 var(--space-2);color:var(--color-text);font-size:11px;font-weight:700}.speed-pills button[data-on=true]{background:var(--color-accent);color:var(--color-accent-100)}.speed-pills button:not([data-on=true]):hover{background:var(--color-accent-100)}.reader-body p{border-radius:var(--radius-sm);transition:background .3s var(--ease-sheet)}.reader-body p[data-speaking=true]{background:var(--color-accent-100);box-shadow:0 0 0 var(--space-2) var(--color-accent-100)}.me-btn{width:36px;height:36px;flex:none;border-radius:50%;padding:0;background:transparent;box-shadow:var(--shadow-sm)}.me-btn .avatar{width:36px;height:36px;border:1px solid var(--color-neutral-300)}.stat-tap{display:block;padding:0;background:transparent;text-align:start;border-radius:var(--radius-sm)}.stat-tap:not(:disabled) b{color:var(--color-accent-700);text-decoration:underline;text-underline-offset:3px}.stat-tap:disabled{cursor:default}.sheet-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:10px}.sheet-label-row .sheet-label{margin-bottom:0}.tint-swatch{width:26px;height:26px;flex:none;border-radius:50%;border:1.5px solid var(--color-neutral-400);box-shadow:var(--shadow-sm)}.tint-swatch[data-on=true]{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-200)}.ghost-pill.sm{padding:6px 12px;font-size:11px}.ghost-pill:disabled{opacity:.4;cursor:not-allowed}.slot-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3)}.slot-empty .slot-hint{position:static;flex:1;width:100%}@media(prefers-reduced-motion:reduce){.panel,.sheet,.like-pill,.reader-like,.reader-body p{transition:none}}