: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;--color-accent-3-100: #eef3f8;--color-accent-3-200: #dbe6f0;--color-accent-3-300: #bcd0e2;--color-accent-3-400: #93b1cb;--color-accent-3-500: #6d90af;--color-accent-3-600: #517093;--color-accent-3-700: #3c5773;--color-accent-3-800: #2a3e53;--color-accent-3-900: #1b2836;--color-accent-4-100: #fbeef2;--color-accent-4-200: #f6dae1;--color-accent-4-300: #ecb9c7;--color-accent-4-400: #db8fa5;--color-accent-4-500: #c26a84;--color-accent-4-600: #a44e68;--color-accent-4-700: #833b52;--color-accent-4-800: #5e2a3b;--color-accent-4-900: #3d1b27;--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;padding:0;border:none;background:none;cursor:pointer;color:inherit;font:inherit}@media(max-width:430px){.brand span{display:none}}.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}.following-toggle{height:36px;display:flex;align-items:center;border-radius:999px;padding:0 15px;font-size:12px;font-weight:700;white-space:nowrap;border:1px solid var(--color-neutral-300);background:var(--color-neutral-100);color:var(--color-text);box-shadow:var(--shadow-sm)}.following-toggle[data-on=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-100)}.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}.pull-refresh{position:absolute;top:calc(var(--safe-top) + 10px);left:50%;z-index:45;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);box-shadow:var(--shadow-md);pointer-events:none;will-change:transform,opacity}.pull-refresh .spinner{width:17px;height:17px;border-radius:50%;border:2.5px solid var(--color-neutral-300);border-top-color:var(--color-accent)}.pull-refresh .spinner.spinning{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.new-stories-badge{position:absolute;top:calc(var(--safe-top) + 58px);left:50%;transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:6px;background:var(--color-accent);color:var(--color-accent-100);border:none;border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:700;box-shadow:var(--shadow-lg);animation:badge-in .35s var(--ease-sheet)}.new-stories-badge:hover{filter:brightness(1.06)}.new-stories-badge .arrow{font-size:13px;line-height:1}@keyframes badge-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.snap{scroll-snap-align:start;scroll-snap-stop:always;height:100dvh;display:flex;flex-direction:column;color:var(--color-text);position:relative;cursor:pointer}.card-frame,.card-inner{display:flex;flex-direction:column;flex:1;min-height:0}.snap[data-frame=none]{padding:calc(var(--safe-top) + 62px) 20px calc(var(--safe-bottom) + 22px)}.snap[data-frame=book-cover],.snap[data-frame=page]{background:var(--color-bg);--cover-max: 278px}.snap[data-frame=book-cover]{padding:calc(var(--safe-top) + 60px) 16px calc(var(--safe-bottom) + 20px)}.snap[data-frame=page]{padding:calc(var(--safe-top) + 60px) 18px calc(var(--safe-bottom) + 22px)}.snap[data-frame=book-cover] .card-frame{padding:2.5px;padding-inline-start:9px;border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden}.snap[data-frame=book-cover] .card-inner{border-radius:13px;padding:16px 18px 18px;overflow:hidden;box-shadow:inset 0 0 0 1.5px var(--color-neutral-100)}.snap[data-frame=page] .card-frame{background:var(--color-neutral-400);padding:1.5px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.snap[data-frame=page] .card-inner{border-radius:calc(var(--radius-lg) - 1.5px);padding:18px 20px 20px;overflow:hidden}.card-top{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.author-row{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0}.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;flex-wrap:wrap;gap:6px}.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}.edited-badge{font-size:10.5px;font-weight:700;letter-spacing:.02em;color:var(--color-neutral-500);border:1.5px solid var(--color-neutral-300);border-radius:999px;padding:4px 10px;white-space:nowrap}.date-badge{font-size:10.5px;font-weight:600;color:var(--color-neutral-500);white-space:nowrap}.rank-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;white-space:nowrap}.rank-emoji{font-size:12px;line-height:1}.author-tap .rank-badge{margin-inline-start:2px}.coins-chip{display:flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--color-neutral-300);background:var(--color-neutral-100);box-shadow:var(--shadow-sm);white-space:nowrap}.coins-amount{font-size:12px;font-weight:700;color:var(--color-text)}.price-badge{font-size:10.5px;font-weight:700;color:var(--color-accent-800);background:var(--color-accent-200);border-radius:999px;padding:4px 9px;white-space:nowrap}.price-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;border:1.5px solid var(--color-neutral-300);border-radius:999px;background:transparent;font:inherit;font-size:13px;color:var(--color-text);padding:7px 13px}.price-input:focus{outline:none;border-color:var(--color-accent)}.price-hint{font-size:12px;color:var(--color-neutral-600)}.reader-preview{-webkit-mask-image:linear-gradient(#000 60%,transparent 100%);mask-image:linear-gradient(#000 60%,transparent 100%)}.reader-preview p{line-height:1.72;color:var(--color-text);margin:0 0 20px;text-wrap:pretty}.paywall{display:grid;place-items:center;gap:12px;text-align:center;padding:32px 16px;border:1.5px dashed var(--color-neutral-400);border-radius:var(--radius-md);margin:8px 0 24px}.paywall-cta{font-size:15px;font-weight:700}.paywall-lock{font-size:40px;line-height:1}.paywall-text{margin:0;font-size:15px;color:var(--color-neutral-700)}.coin-packs{display:grid;gap:10px;margin-top:4px}.coin-pack{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--color-neutral-300);background:var(--color-neutral-100);box-shadow:var(--shadow-sm)}.coin-pack-amount{font-size:17px;font-weight:800;color:var(--color-text)}.coin-pack-cta{font-size:13px;font-weight:700;color:var(--color-accent-100);background:var(--color-accent);border-radius:999px;padding:6px 16px}.coin-pack:disabled{opacity:.6}.sheet-note{margin-top:14px;font-size:12px;color:var(--color-neutral-500)}.read-badge{font-size:10.5px;font-weight:700;color:var(--color-accent-2-700);background:var(--color-accent-2-100);border-radius:999px;padding:4px 9px;white-space:nowrap}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 18px}.metric{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:var(--radius-md);background:var(--color-neutral-100);border:1px solid var(--color-neutral-300)}.metric b{font-size:18px;font-family:var(--font-heading);color:var(--color-text)}.metric span{font-size:11px;color:var(--color-neutral-600)}.stat-table{display:flex;flex-direction:column}.stat-row{display:grid;grid-template-columns:1fr 44px 44px 52px;align-items:center;gap:6px;padding:10px 4px;border-bottom:1px solid var(--color-neutral-200);font-size:13px}.stat-row>span:not(.stat-title){text-align:right;font-variant-numeric:tabular-nums;color:var(--color-neutral-700)}.stat-head{font-weight:700;color:var(--color-neutral-600);border-bottom:1.5px solid var(--color-neutral-300)}.stat-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--color-text)}.icon-emoji{font-size:18px;line-height:1}.comp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 4px;border-bottom:1px solid var(--color-neutral-200);text-align:start}.comp-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.comp-row-title{font-weight:700;color:var(--color-text)}.comp-row-theme{font-size:12px;color:var(--color-neutral-600)}.comp-status{font-size:11px;font-weight:700;border-radius:999px;padding:4px 10px;white-space:nowrap}.comp-active{color:var(--color-accent-2-700);background:var(--color-accent-2-100)}.comp-upcoming{color:var(--color-accent-700);background:var(--color-accent-100)}.comp-closed{color:var(--color-neutral-600);background:var(--color-neutral-200)}.comp-desc{font-size:14px;line-height:1.55;color:var(--color-neutral-700);margin:4px 0 12px}.comp-winner{font-size:14px;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-accent-2-100);margin-bottom:12px}.comp-enter{display:flex;gap:10px;align-items:center;margin-top:8px}.comp-error{color:var(--color-accent-4-700);font-size:12.5px;margin:8px 0 0}.comp-rank{display:inline-block;min-width:20px;font-weight:800;color:var(--color-accent-700)}.rank-panel{margin-top:14px;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-neutral-100);border:1px solid var(--color-neutral-300)}.rank-coins{font-size:13px;font-weight:700;color:var(--color-text)}.rank-bar{margin-top:10px;height:8px;border-radius:999px;background:var(--color-neutral-300);overflow:hidden}.rank-bar-fill{height:100%;border-radius:999px;background:var(--color-accent);transition:width .24s var(--ease-sheet)}.rank-next{display:block;margin-top:6px;font-size:11.5px;color:var(--color-neutral-600)}.rank-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.info-list{margin:4px 0 8px;padding-left:20px;display:grid;gap:8px}.info-list li{font-size:14px;line-height:1.5;color:var(--color-neutral-700)}.info-list b{color:var(--color-text)}.info-note{margin:4px 0 8px;font-size:14px;line-height:1.55;color:var(--color-neutral-700)}.info-note b{color:var(--color-text)}.rungs{margin-top:10px;display:grid;gap:6px}.rung{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);border:1px solid var(--color-neutral-300);background:var(--color-neutral-100);opacity:.62}.rung[data-reached=true]{opacity:1}.rung[data-current=true]{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.rung-emoji{font-size:18px;line-height:1}.rung-name{flex:1;min-width:0;font-size:14px;font-weight:700;color:var(--color-text)}.rung-at{font-size:12px;font-weight:600;color:var(--color-neutral-600);white-space:nowrap}.rung-tag{font-size:10.5px;font-weight:700;color:var(--color-accent-100);background:var(--color-accent);border-radius:999px;padding:3px 9px;white-space:nowrap}.rung-tag.next{color:var(--color-accent-700);background:var(--color-accent-100)}.rankup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,#2e2b25 55%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:rankup-fade .2s var(--ease-sheet)}.rankup-card{max-width:340px;width:100%;text-align:center;padding:32px 26px calc(26px + var(--safe-bottom));border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-lg);animation:rankup-pop .32s var(--ease-sheet)}.rankup-burst{font-size:64px;line-height:1;margin-bottom:8px;animation:rankup-bounce .6s var(--ease-sheet)}.rankup-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-600)}.rankup-title{font-family:var(--font-heading);font-size:34px;line-height:1.1;margin:4px 0 10px}.rankup-sub{font-size:14px;line-height:1.55;color:var(--color-neutral-700);margin:0 0 20px}@keyframes rankup-fade{0%{opacity:0}}@keyframes rankup-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes rankup-bounce{0%{transform:scale(.4)}60%{transform:scale(1.15)}to{transform:scale(1)}}.cover{height:clamp(150px,30dvh,var(--cover-max, 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(22px,6vw,27px);line-height:1.16;margin:15px 2px 9px;text-wrap:balance}.dek-row{display:flex;gap:var(--space-2);align-items:flex-start;margin:0 2px 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:14px;line-height:1.5;font-style:italic;color:var(--color-neutral-800);text-wrap:pretty}.excerpt{font-size:14px;line-height:1.66;color:var(--color-neutral-800);flex:1;min-height:0;overflow:hidden;margin:0 2px;padding-inline-end:6px;text-wrap:pretty;-webkit-mask-image:linear-gradient(#000 72%,transparent 100%);mask-image:linear-gradient(#000 72%,transparent 100%)}.excerpt p+p{margin-top:.85em}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 2px 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-frame{flex:1;min-height:0;display:flex}.reader-body{flex:1;min-height:0;overflow-y:auto;padding:26px 24px calc(var(--safe-bottom) + 50px);-webkit-overflow-scrolling:touch}.panel-reader[data-frame=book-cover] .reader-frame{margin:12px 14px calc(var(--safe-bottom) + 14px);padding:2.5px;padding-inline-start:9px;border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden}.panel-reader[data-frame=page] .reader-frame{margin:12px 16px calc(var(--safe-bottom) + 14px);padding:1.5px;border-radius:var(--radius-lg);background:var(--color-neutral-400);box-shadow:var(--shadow-sm);overflow:hidden}.panel-reader[data-frame=book-cover] .reader-body{background:var(--color-neutral-100);border-radius:13px}.panel-reader[data-frame=page] .reader-body{background:var(--color-neutral-100);border-radius:calc(var(--radius-lg) - 1.5px)}.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}.edited-tag{margin-top:-14px;margin-bottom:22px;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--color-neutral-500)}.reader-dates{margin-top:-14px;margin-bottom:22px;font-size:12px;color:var(--color-neutral-500)}.reader-body p{line-height:1.72;color:var(--color-text);margin:0 0 20px;text-wrap:pretty}.reader-cover{height:clamp(160px,34dvh,300px);margin-top:34px;border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:var(--shadow-md)}.reader-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.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}.notify-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:18px;font-size:13px;font-weight:600;color:var(--color-neutral-700)}.digest-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-bottom:18px}.digest-main{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.digest-title{font-size:13px;font-weight:600;color:var(--color-neutral-700)}.digest-email{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--color-neutral-300);border-radius:999px;background:transparent;font:inherit;font-size:13px;color:var(--color-text);padding:8px 14px;width:100%;max-width:240px}.digest-email:focus{outline:none;border-color:var(--color-accent)}.notify-hint{font-size:12px;font-weight:600;color:var(--color-neutral-700);text-align:right}.outline-btn[data-on=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-100)}.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)}.text-btn.danger{color:var(--color-accent-4-700)}.text-btn.danger:hover{color:var(--color-accent-4-800)}.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)}.author-search{display:flex;align-items:center;gap:10px;margin-bottom:18px}.author-search .hashtag-input{flex:1;width:auto}.composer-section{border-top:1px solid var(--color-neutral-300);padding-top:14px}.quality-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}.sentence-count{font-size:12px;font-weight:600;color:var(--color-neutral-500)}.sentence-count.short{color:var(--color-accent-4-700)}.review-card{margin-top:12px;padding:14px;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);background:var(--color-neutral-100)}.review-head{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.review-score{font-family:var(--font-heading);font-size:28px;line-height:1;color:var(--color-accent-700)}.review-score-max{font-size:13px;font-weight:700;color:var(--color-neutral-500)}.review-summary{flex:1 1 100%;margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--color-text)}.review-notes{margin-top:12px}.review-notes-title{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-neutral-600)}.review-notes ul{margin:6px 0 0;padding-inline-start:18px}.review-notes li{font-size:13px;line-height:1.5;margin-bottom:3px}.review-clean{margin:10px 0 0;font-size:13px;color:var(--color-accent-2-700)}.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}}.admin{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-width:680px;margin:0 auto;padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 40px);display:flex;flex-direction:column;gap:var(--space-4)}.admin-head{display:flex;flex-direction:column;gap:4px}.admin-title{font-family:var(--font-heading);font-size:26px;color:var(--color-text)}.admin-sub{font-size:13px;color:var(--color-neutral-700)}.admin-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.admin-h2{font-family:var(--font-heading);font-size:16px;color:var(--color-text)}.admin-label{font-size:12px;font-weight:700;color:var(--color-neutral-700)}.admin-optional{font-weight:500;color:var(--color-neutral-500)}.admin-token-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.admin-field{display:flex;flex-direction:column;gap:6px}.admin-wide{width:100%}.admin-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px dashed var(--color-neutral-400);outline:none;background:transparent;border-radius:var(--radius-md);font-size:13px;line-height:1.6;color:var(--color-text);padding:11px 14px;width:100%;font-family:var(--font-body);resize:vertical}.admin-textarea:focus{border-style:solid;border-color:var(--color-accent)}.admin-vis{align-items:center}.admin-create{align-self:flex-start}.admin-status{font-size:13px;font-weight:600;color:var(--color-accent-700);background:var(--color-accent-100);border-radius:var(--radius-md);padding:10px 14px}.admin-list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);padding:var(--space-3)}.admin-row[data-off=true]{opacity:.6}.admin-row-main{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-row-title{font-family:var(--font-heading);font-size:15px;color:var(--color-text)}.admin-handle{font-family:var(--font-body);font-size:12.5px;color:var(--color-neutral-600)}.admin-row-style{font-size:13px;color:var(--color-text)}.admin-row-meta{font-size:11.5px;color:var(--color-neutral-600)}.admin-row-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex:none}@media(max-width:520px){.admin-grid{grid-template-columns:1fr}.admin-row{flex-direction:column}.admin-row-actions{flex-direction:row;align-items:center}}