:root{color-scheme:dark;--ground: #0b0b0e;--surface: #1c1c1f;--surface-2: #2a2a2e;--surface-3: #35353a;--fill: rgba(255, 255, 255, .08);--fill-2: rgba(255, 255, 255, .14);--label: #ffffff;--label-2: rgba(235, 235, 245, .6);--label-3: rgba(235, 235, 245, .3);--separator: rgba(84, 84, 88, .6);--tint: #ff9f0a;--tint-ink: #1a1206;--tint-soft: rgba(255, 159, 10, .16);--tint-text: var(--tint);--ok-text: var(--ok);--danger-text: var(--danger);--ok: #30d158;--ok-soft: rgba(48, 209, 88, .16);--danger: #ff453a;--danger-soft: rgba(255, 69, 58, .16);--warn: #ffd60a;--glass: rgba(28, 28, 31, .62);--glass-bar: rgba(11, 11, 14, .72);--glass-highlight: rgba(255, 255, 255, .14);--glass-lowlight: rgba(0, 0, 0, .25);--glass-shadow: rgba(0, 0, 0, .7);--backdrop: rgba(0, 0, 0, .5);--radius-card: 26px;--radius-inner: 16px;--radius-sm: 12px;--radius-pill: 999px;--card-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);--sheet-shadow: 0 -12px 40px -12px rgba(0, 0, 0, .7);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 44px;--tab-h: 64px;--gutter: 16px;--field-font: 16px;--bg: var(--ground);--bg-2: var(--ground);--panel: var(--surface);--panel-2: var(--surface-2);--panel-3: var(--surface-3);--border: var(--separator);--border-soft: rgba(84, 84, 88, .35);--text: var(--label);--muted: var(--label-2);--muted-2: var(--label-2);--accent: var(--tint);--accent-ink: var(--tint-text);--mark: #c87f2b;--accent-soft: var(--tint-soft);--rec: var(--surface);--rec-border: var(--separator);--rec-ink: var(--ok);--radius: var(--radius-inner);--shadow: var(--card-shadow);--ring: 0 0 0 2px var(--ground), 0 0 0 4px var(--tint);--ring-field: 0 0 0 3px var(--tint-soft)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--ground: #f2f2f7;--surface: #ffffff;--surface-2: #f2f2f7;--surface-3: #e5e5ea;--fill: rgba(120, 120, 128, .12);--fill-2: rgba(120, 120, 128, .2);--label: #000000;--label-2: rgba(60, 60, 67, .6);--label-3: rgba(60, 60, 67, .3);--separator: rgba(60, 60, 67, .29);--tint: #ff9500;--tint-ink: #1a1206;--tint-soft: rgba(255, 149, 0, .14);--tint-text: #a85000;--ok-text: #1f7a36;--danger-text: #c4211a;--ok: #34c759;--ok-soft: rgba(52, 199, 89, .14);--danger: #ff3b30;--danger-soft: rgba(255, 59, 48, .12);--warn: #ffcc00;--glass: rgba(255, 255, 255, .62);--glass-bar: rgba(242, 242, 247, .72);--glass-highlight: rgba(255, 255, 255, .7);--glass-lowlight: rgba(0, 0, 0, .06);--glass-shadow: rgba(0, 0, 0, .18);--backdrop: rgba(0, 0, 0, .28);--card-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px -16px rgba(0, 0, 0, .18);--sheet-shadow: 0 -12px 40px -12px rgba(0, 0, 0, .25);--border-soft: rgba(60, 60, 67, .15);--mark: #d2831f}}:root[data-theme=light]{color-scheme:light;--ground: #f2f2f7;--surface: #ffffff;--surface-2: #f2f2f7;--surface-3: #e5e5ea;--fill: rgba(120, 120, 128, .12);--fill-2: rgba(120, 120, 128, .2);--label: #000000;--label-2: rgba(60, 60, 67, .6);--label-3: rgba(60, 60, 67, .3);--separator: rgba(60, 60, 67, .29);--tint: #ff9500;--tint-soft: rgba(255, 149, 0, .14);--tint-text: #a85000;--ok-text: #1f7a36;--danger-text: #c4211a;--ok: #34c759;--ok-soft: rgba(52, 199, 89, .14);--danger: #ff3b30;--danger-soft: rgba(255, 59, 48, .12);--warn: #ffcc00;--glass: rgba(255, 255, 255, .62);--glass-bar: rgba(242, 242, 247, .72);--glass-highlight: rgba(255, 255, 255, .7);--glass-lowlight: rgba(0, 0, 0, .06);--glass-shadow: rgba(0, 0, 0, .18);--backdrop: rgba(0, 0, 0, .28);--card-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px -16px rgba(0, 0, 0, .18);--sheet-shadow: 0 -12px 40px -12px rgba(0, 0, 0, .25);--border-soft: rgba(60, 60, 67, .15);--mark: #d2831f}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 var(--glass-lowlight),0 12px 32px -12px var(--glass-shadow)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--surface-2)}}@media(prefers-reduced-transparency:reduce){.glass{background:var(--surface-2);-webkit-backdrop-filter:none;backdrop-filter:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:radial-gradient(1100px 620px at 78% -8%,rgba(240,160,75,.07),transparent 60%),radial-gradient(900px 600px at 0% 0%,rgba(70,110,150,.07),transparent 55%),var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word;overscroll-behavior-y:contain}.app{max-width:1280px;margin:0 auto;padding:20px 20px calc(96px + env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.head-actions{display:flex;gap:8px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.subtabs{display:flex;gap:7px;flex-wrap:wrap;margin:2px 0 18px}.subtab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--muted);font-weight:600;font-size:13px}.subtab:hover{color:var(--text);border-color:var(--border);background:var(--panel-3)}.subtab.active{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--accent-soft)}.subtab-count{font-size:11px;font-weight:700;min-width:20px;text-align:center;padding:1px 7px;border-radius:999px;background:var(--panel-2);color:var(--muted)}.subtab.active .subtab-count{background:var(--accent);color:#1a1206}.feed-search-wrap{display:flex;align-items:center;gap:10px;margin:0 0 14px}.feed-search{flex:1;min-width:0;padding:10px 14px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:999px;font:inherit;font-size:var(--field-font)}.feed-search::placeholder{color:var(--muted-2)}.feed-search:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring-field)}.feed-search-count{font-size:12px;color:var(--muted);white-space:nowrap}.load-more{display:flex;justify-content:center;padding:6px 0 4px}.stale-line{display:flex;justify-content:center;padding:10px 0 2px}.stale-line button{font-size:12px}h2{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-2);margin:28px 2px 12px;font-weight:700}.section-toggle{margin-left:auto;font-size:12px;font-weight:500;padding:3px 11px}button,.btn-link{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 13px;font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:5px;min-height:36px;transition:border-color .15s ease,background .15s ease,transform .05s ease}button:hover,.btn-link:hover{border-color:var(--accent);background:var(--panel-3)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:default;transform:none}:focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--accent)}.btn-primary{background:var(--accent);color:#1a1206;border-color:var(--accent);font-weight:700;min-height:44px;box-shadow:0 1px 10px -3px #f0a04ba6}.btn-primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.btn-primary:disabled{opacity:.5;box-shadow:none}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--panel-2);border-color:var(--border);color:var(--text)}.btn-block{width:100%;justify-content:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px;align-items:start}.card-grid>.card{margin-bottom:0}.card{background:linear-gradient(180deg,var(--panel) 0%,color-mix(in srgb,var(--panel) 92%,#000) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.card.recommended{background:linear-gradient(180deg,var(--rec) 0%,color-mix(in srgb,var(--rec) 86%,#000) 100%);border-color:var(--rec-border)}.card.read{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.card.compact{padding:12px 14px}.card.focused{box-shadow:var(--shadow),0 0 0 2px var(--accent);transition:box-shadow .4s ease}.badges{display:flex;gap:6px;margin:8px 0 2px;flex-wrap:wrap}.badge{font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.badge-article{color:#9fc4ef;border-color:#2f517a;background:#2f517a26}.slop-wrap{position:relative;display:inline-block}.badge-slop{cursor:pointer;text-transform:none;letter-spacing:0;background:transparent;font:inherit;font-size:11px;font-weight:700;padding:2px 8px;min-height:0}.slop-ok{color:#7dd99a;border-color:#2c5e3c}.slop-warn{color:#e8c468;border-color:#6e5a26}.slop-bad{color:#ef8a8a;border-color:#6e2c2c}.slop-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:20;min-width:200px;max-width:min(280px,80vw);padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 10px 28px #0000008c;font-size:12px;line-height:1.45;text-transform:none;letter-spacing:0;color:var(--text);display:block}.slop-pop-head{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.slop-pop-list{margin:6px 0 0;padding-left:16px}.slop-pop-list li{margin:2px 0}.slop-pop-quote{margin:4px 0 8px;font-size:12px;color:var(--text);font-style:italic}.slop-pop-sub{margin:2px 0 4px;font-size:12px;color:var(--muted)}.slop-pop-gates{display:flex;flex-direction:column;gap:2px;margin:4px 0 6px;font-size:11px}.gate-ok{color:var(--ok-text)}.gate-fail{color:var(--danger-text)}.signal-rows{display:block;margin:8px 0 0;padding-top:8px;border-top:1px solid var(--border-soft)}.signal-row{display:grid;grid-template-columns:34px 1fr auto;grid-template-areas:"bar label value" ". note note";gap:2px 7px;align-items:center;margin-bottom:5px;font-size:11px}.signal-row.weak .signal-label{color:var(--text);font-weight:700}.signal-bar{grid-area:bar;height:4px;border-radius:999px;background:var(--panel-3);overflow:hidden}.signal-fill{display:block;height:100%;border-radius:999px;background:currentColor}.signal-label{grid-area:label;color:var(--muted)}.signal-value{grid-area:value;color:var(--muted);font-variant-numeric:tabular-nums}.signal-note{grid-area:note;color:var(--muted-2);font-size:10px;line-height:1.3}.badge-gap{margin-left:3px;font-weight:700;opacity:.8}.badge-offpost{margin-left:5px;padding:0 4px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:var(--bad-bg, rgba(200, 60, 40, .14));opacity:.9}.slop-pop-prior{margin:6px 0 0;padding-top:6px;border-top:1px solid var(--border-soft);font-size:11px;color:var(--muted)}.explore{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:9px}.explore-row{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.explore-label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-2);white-space:nowrap;font-weight:700}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.chip-note{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-ink)}.explore-gap{font-size:13px;color:var(--text);margin:0;line-height:1.5}.author{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;min-width:0}.author strong{font-weight:700}.handle{color:var(--muted);font-size:13px;word-break:break-all}.verified{color:var(--tint-text);font-size:12px}.metrics{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;margin-left:auto}.content{margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.compact .content{font-size:14px;color:#cdd8e2}.content.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden;cursor:pointer;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}.compact .content.clamp{-webkit-line-clamp:3;line-clamp:3}.media{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.media-item{flex:1 1 200px;min-width:0;max-height:360px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg-2)}.media-item img,video.media-item{display:block;width:100%;height:100%;max-height:360px;object-fit:cover}.compact .media-item{max-height:180px}.compact .media-item img,.compact video.media-item{max-height:180px}.media-link{font-size:13px}.thread{border-left:2px solid var(--border);padding-left:12px;margin:10px 0}.thread-item{color:var(--muted);font-size:13px;margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.thread-note{font-size:12px;font-style:italic;margin:6px 0 0}.draft{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-top:12px}.draft-label{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tint-text);margin-bottom:6px;font-weight:700}.draft-text{margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.draft-actions{display:flex;gap:8px;flex-wrap:wrap}.draft-edit{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;font:inherit;font-size:var(--field-font);resize:vertical;width:100%;margin-bottom:8px}.reason{font-size:13px;color:var(--muted);font-style:italic;margin:10px 0 0;line-height:1.5;overflow-wrap:anywhere}.regen{flex:1 1 100%;display:flex;flex-direction:column;gap:7px}.regen-input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;font:inherit;font-size:var(--field-font);resize:vertical;width:100%}.regen-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring-field)}.add-post{display:flex;flex-direction:column;gap:8px;flex-basis:100%}.add-post-row{display:flex;gap:8px;flex-wrap:wrap}.add-post-input{flex:1;min-width:0;padding:10px 12px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:var(--field-font)}.add-post-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring-field)}.add-post-handle{flex:0 0 auto}.add-post-actions{display:flex;gap:8px;flex-wrap:wrap}.add-post-submit{display:flex;flex-direction:column;gap:8px;margin-top:2px}.note-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.note-option{justify-content:flex-start;text-align:left;white-space:normal;background:transparent;border-color:transparent;color:var(--text);font-weight:500}.note-option:hover{background:var(--panel-3);border-color:var(--border)}.note-option.selected{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-ink)}.note-count-row{display:flex;align-items:center;gap:10px}.note-count{width:76px;padding:8px 10px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:var(--field-font)}.note-count:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring-field)}.note-selected{font-size:12px;margin:2px 0 0}.add-post-progress{display:flex;align-items:center;gap:9px;margin:4px 0 0;font-size:13px;color:var(--muted)}.add-post-progress .spin{flex:none;width:14px;height:14px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:ptr-rot .7s linear infinite}.regen-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-replied{color:var(--ok-text);border-color:var(--rec-border)}.btn-replied:hover{border-color:var(--ok)}.replied-capture{padding:10px 12px;border-top:1px solid var(--line);display:grid;gap:6px}.replied-capture label{font-size:12px;color:var(--muted)}.replied-capture .hint{opacity:.75}.replied-capture-row{display:flex;gap:8px;flex-wrap:wrap}.replied-capture input{flex:1 1 240px;min-width:0;font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:inherit}.replied-capture-error{margin:0;font-size:12px;color:var(--danger-text)}.promo-flag{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--danger-text);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);border-radius:999px;padding:1px 7px}.promo-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.promo-why{color:var(--muted)}.status{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.status-failed{color:var(--danger-text)}.status-completed{color:var(--ok-text)}.status-discarded{color:var(--danger-text)}.muted{color:var(--muted)}.error{color:var(--danger-text);overflow-wrap:anywhere}.small{font-size:12px}.push-toggle{position:relative}.push-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(300px,calc(100vw - 32px));padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.push-panel h3{margin:0 0 8px;font-size:14px}.push-panel p{margin:0 0 10px;font-size:13px;line-height:1.45}.push-panel p:last-child{margin-bottom:0}.push-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.snackbar{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 32px);background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;box-shadow:0 8px 28px #00000080;animation:snackbar-in .18s ease-out}.snackbar-msg{font-size:14px}.snackbar-action{background:none;border:none;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;padding:2px 4px;min-height:0}.snackbar-action:hover{background:none;border:none}@keyframes snackbar-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.ptr{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;height:0}.ptr--settle{transition:height .25s ease}.ptr-inner{display:flex;align-items:center;justify-content:center;height:48px}.ptr-spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent)}.ptr-spinner[data-spin=true]{animation:ptr-rot .7s linear infinite}@keyframes ptr-rot{to{transform:rotate(360deg)}}@media(max-width:600px){.app{padding:16px 14px calc(88px + env(safe-area-inset-bottom))}.card-head{flex-direction:column;align-items:stretch;gap:6px}.metrics{margin-left:0}.card{padding:14px}.head-actions>button,.add-post-actions button,.regen-actions button,.draft-actions button{flex:1 1 auto;justify-content:center}.section-toggle{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.followup-thread{margin-top:14px;padding-left:12px;border-left:2px solid var(--accent-soft);display:flex;flex-direction:column;gap:12px}.followup-prior{margin:0;font-size:13px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.followup-prior-label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-2);font-weight:700;margin-right:4px}.followup{display:flex;flex-direction:column;gap:8px}.followup-comment{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.followup-who{font-weight:700;font-size:13px}.followup-comment .btn-link{font-size:12px;padding:2px 8px;min-height:0;margin-left:8px}.followup-comment-text{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.followup .draft{margin-top:0}.followup .draft-label .status{margin-left:auto}.status-open{color:var(--accent-ink)}.followup-form{margin-top:14px;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px}.followup-or{text-align:center;font-size:12px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:360px;background:linear-gradient(180deg,var(--panel) 0%,color-mix(in srgb,var(--panel) 92%,#000) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.login-card h1{font-family:Fraunces,Georgia,Times New Roman,serif;font-size:24px;font-weight:600;margin:0}.login-card .muted{margin:0 0 4px}.login-input{padding:11px 13px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:var(--field-font)}.login-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring-field)}.handle-list{display:flex;flex-direction:column;gap:4px}.handle-name{font-weight:600}.handle-sub{font-size:12px;color:var(--muted)}.tier-filter{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.tier-filter .chip{cursor:pointer}.tier-filter .chip.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-ink)}.account-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel)}.account-main{display:flex;flex-direction:column;gap:2px;min-width:0}.account-tiers{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.account-tiers .chip{cursor:pointer}.account-tiers .chip.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-ink)}.suggest-hint{font-size:11px;color:var(--muted-2)}.suggest-hint.no-opinion{font-style:italic;opacity:.75}.account-tiers .chip.scan-chip{margin-left:10px}.account-tiers .chip.guard-chip{margin-left:6px;color:var(--muted)}.account-tiers .chip.guard-chip.off{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-ink)}.pin{font-size:12px}@media(max-width:600px){.account-row{flex-direction:column;align-items:stretch;gap:8px}.account-tiers{justify-content:flex-start}.account-tiers .chip.scan-chip,.account-tiers .chip.guard-chip{margin-left:0}.account-tiers .chip{padding:7px 13px}}.trace{margin-top:14px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);font-size:13px}.trace-empty{color:var(--muted);font-size:13px;margin:10px 0 0}.trace-runs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.trace-run-tab{display:flex;gap:6px;align-items:baseline;font-size:12px;padding:4px 9px;color:var(--muted)}.trace-run-tab.is-active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.trace-run-when{opacity:.7;font-size:11px}.trace-head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:8px}.trace-kind{font-weight:600}.trace-failed{color:var(--danger, #e06c75);font-weight:600;font-size:12px}.trace-error{color:var(--danger, #e06c75);font-size:12px;margin:4px 0;white-space:pre-wrap}.trace-steps{list-style:none;margin:8px 0 0;padding:0}.trace-step{border-top:1px solid var(--border);padding:5px 0}.trace-step:first-child{border-top:none}.trace-step>details>summary{cursor:pointer}.trace-step-head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.trace-seq{color:var(--muted);font-variant-numeric:tabular-nums;min-width:1.5em}.trace-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.trace-llm{color:var(--accent-ink)}.trace-decision{color:var(--text)}.trace-persist,.trace-fetch,.trace-compute{color:var(--muted)}.trace-why{color:var(--muted);flex:1 1 200px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-ms{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.trace-meta{margin:6px 0 6px 22px;font-size:12px}.trace-meta>div{display:flex;gap:8px;padding:1px 0}.trace-meta dt{color:var(--muted);min-width:140px;flex:0 0 auto}.trace-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}.trace-body{margin:4px 0 4px 22px}.trace-body>summary{cursor:pointer;color:var(--muted);font-size:12px}.trace-body pre{margin:6px 0 0;padding:8px 10px;max-height:340px;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:6px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.trace-children{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;margin-top:10px;font-size:12px}.trace-child{font-size:12px;padding:3px 8px}.trace-foot{margin:10px 0 0;font-size:12px}.models h3.model-scale{margin:18px 0 6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.model-row{display:flex;gap:12px 18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--border)}.model-default{border-top:none;border-bottom:2px solid var(--border);padding-bottom:14px}.model-what{display:flex;flex-direction:column;gap:2px;flex:1 1 320px;min-width:0}.model-what .muted{font-size:12px}.model-effective{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.model-controls{display:flex;gap:8px;align-items:center;flex:0 0 auto}.model-input{width:180px;padding:5px 8px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px}.model-input:disabled,.model-effort:disabled{opacity:.6}.model-effort{padding:5px 8px;font-size:13px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px}@media(max-width:560px){.model-controls{flex:1 1 100%}.model-input{flex:1 1 auto;width:auto}}.trace-model{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:1px 5px;white-space:nowrap}.trace-effort{opacity:.75}.grounding-warn{margin-top:.6rem;padding:.6rem .7rem;border:1px solid var(--danger);border-left-width:3px;border-radius:6px;background:color-mix(in srgb,var(--danger) 8%,transparent)}.grounding-warn-head{margin:0 0 .4rem;font-weight:600;font-size:.85rem}.grounding-warn-list{margin:0 0 .4rem;padding-left:1.1rem;font-size:.85rem}.grounding-warn-list li{margin-bottom:.2rem}.grounding-claim{font-weight:600}.grounding-why{opacity:.8}.grounding-warn-foot{margin:0;font-size:.8rem;opacity:.85}.author{align-items:center;gap:10px;flex-wrap:nowrap}.avatar{width:40px;height:40px;border-radius:50%;flex:0 0 auto;object-fit:cover;background:var(--panel-2);border:1px solid var(--border)}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:var(--muted)}.compact .avatar{width:32px;height:32px;font-size:13px}video.media-item{object-fit:contain;background:#000;max-height:480px}body{background:var(--ground);color:var(--label);font-size:16px;line-height:1.45}body.sheet-open{overflow:hidden}.app{max-width:720px;padding:calc(var(--safe-top) + var(--nav-h) + 4px) var(--gutter) calc(var(--tab-h) + var(--safe-bottom) + 40px);padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.navbar{position:fixed;top:0;left:0;right:0;z-index:40;padding-top:var(--safe-top);background:transparent;transition:background .18s ease,box-shadow .18s ease}.navbar.is-collapsed{background:var(--glass-bar);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 -1px 0 var(--border-soft)}.navbar-row{height:var(--nav-h);max-width:720px;margin:0 auto;padding:0 8px;display:flex;align-items:center;gap:2px}.navbar-row.wide{max-width:1100px}.navbar-spacer{width:44px;flex:0 0 auto}.navbar-title{flex:1 1 auto;min-width:0;text-align:center;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.navbar.is-collapsed .navbar-title{opacity:1;transform:none}.navbar-actions{display:flex;gap:2px;flex:0 0 auto}.icon-btn.navbar-back{color:var(--tint-text)}.large-title-wrap{position:relative;margin:6px 0 10px}.large-title-sentinel{position:absolute;top:0;height:1px;width:1px}.large-title{margin:0;font-size:34px;line-height:41px;font-weight:700;letter-spacing:-.4px;font-family:inherit}.icon-btn{width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--label);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:var(--fill);border-color:transparent}.icon-btn:active{transform:scale(.96)}.icon-btn:disabled{opacity:.5}.icon-btn.is-busy svg{animation:ptr-rot .9s linear infinite}.tabbar{position:fixed;left:max(var(--gutter),env(safe-area-inset-left));right:max(var(--gutter),env(safe-area-inset-right));bottom:calc(var(--safe-bottom) + 10px);z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:560px;margin:0 auto}.tabbar-pill{flex:1 1 auto;transition:flex-grow .34s cubic-bezier(.2,.9,.3,1.05);height:var(--tab-h);border-radius:var(--radius-pill);display:flex;align-items:center;padding:6px}.tabbar-item{position:relative;flex:1 1 0;height:52px;border-radius:var(--radius-pill);color:var(--label-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;font-size:11px;font-weight:600;min-width:0;overflow:hidden;white-space:nowrap;transition:background .16s ease,color .16s ease,flex-basis .34s cubic-bezier(.2,.9,.3,1.05),flex-grow .34s cubic-bezier(.2,.9,.3,1.05),opacity .2s ease}@media(max-width:899px){.tabbar.is-collapsed .tabbar-pill{flex-grow:0}.tabbar.is-collapsed .tabbar-item{flex:0 0 0;opacity:0;pointer-events:none}.tabbar.is-collapsed .tabbar-item.is-active{flex:0 0 88px;opacity:1;pointer-events:auto}}.tabbar-item:hover{color:var(--label)}.tabbar-item.is-active{color:var(--tint-text);background:var(--fill-2);box-shadow:inset 0 1px 0 var(--glass-highlight)}.tabbar-add{width:var(--tab-h);height:var(--tab-h);min-height:var(--tab-h);padding:0;border:0;border-radius:var(--radius-pill);color:var(--label);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}.tabbar-add:hover{color:var(--tint-text)}.tabbar-add:active{transform:scale(.96)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--backdrop);display:flex;align-items:flex-end;justify-content:center;animation:sheet-fade .18s ease-out}.sheet{width:100%;max-width:640px;max-height:calc(100dvh - var(--safe-top) - 24px);display:flex;flex-direction:column;border-radius:var(--radius-card) var(--radius-card) 0 0;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--sheet-shadow);padding-bottom:calc(var(--safe-bottom) + 12px);animation:sheet-rise .38s cubic-bezier(.2,.9,.3,1.1);transition:transform .32s cubic-bezier(.2,.9,.3,1.1)}.sheet:focus,.sheet:focus-visible{outline:none;box-shadow:inset 0 1px 0 var(--glass-highlight),var(--sheet-shadow)}@media(min-width:640px){.sheet-backdrop{align-items:center;padding:24px}.sheet{border-radius:var(--radius-card);max-height:calc(100dvh - 48px);padding-bottom:12px}}.sheet.is-dragging{animation:none;transition:none}.sheet.is-closing{transition:transform .22s ease-in,opacity .22s ease-in;opacity:0}.sheet-backdrop.is-closing{transition:opacity .22s ease-in;opacity:0}.sheet-handle{touch-action:none;cursor:grab}.sheet-grabber{width:36px;height:5px;border-radius:var(--radius-pill);background:var(--label-3);margin:8px auto 0}.sheet-head{display:flex;align-items:center;padding:4px 8px 0;height:52px}.sheet-title{display:block;margin:0;color:var(--label);letter-spacing:normal;text-transform:none;line-height:22px;flex:1 1 auto;text-align:center;font-size:17px;font-weight:600}.sheet-body{overflow-y:auto;padding:4px 16px 8px;display:flex;flex-direction:column;gap:16px}.sheet-group{display:flex;flex-direction:column;flex:0 0 auto;background:var(--surface);border-radius:var(--radius-inner);overflow:hidden;box-shadow:var(--card-shadow)}.sheet-body>*{flex:0 0 auto}.sheet-row{display:flex;align-items:center;gap:12px;min-height:52px;flex:0 0 auto;padding:10px 14px;border:0;border-radius:0;background:transparent;color:var(--label);font:inherit;text-align:left;width:100%;cursor:default}.sheet-row+.sheet-row{box-shadow:inset 0 1px 0 var(--border-soft)}button.sheet-row{cursor:pointer}button.sheet-row:hover{background:var(--fill);border-color:transparent}button.sheet-row:active{background:var(--fill-2);transform:none}.sheet-row-icon{color:var(--tint-text);display:flex;flex:0 0 auto}.sheet-row.is-danger,.sheet-row.is-danger .sheet-row-icon{color:var(--danger-text)}.sheet-row-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.sheet-row-label{font-size:16px;line-height:21px}.sheet-row-hint{font-size:13px;line-height:18px;color:var(--label-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sheet-row-value{color:var(--label-2);font-size:15px;flex:0 0 auto;display:flex;align-items:center}.sheet-row.is-selected .sheet-row-value{color:var(--tint-text)}.sheet-row-chevron{color:var(--label-3);display:flex;flex:0 0 auto}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.settings{display:flex;flex-direction:column;gap:16px}.sheet-body>section>h2:first-child,.sheet-body>.models>h2:first-child{display:none}.sheet-body .push-panel{position:static;width:auto;max-width:none;box-shadow:none;border:0;background:transparent;padding:0}@keyframes sheet-rise{0%{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;scroll-behavior:auto!important}.sheet{animation:sheet-fade .16s ease-out}.sheet.is-dragging,.sheet.is-closing{transform:none!important}}button,.btn-link{background:var(--fill);color:var(--label);border:0;border-radius:var(--radius-pill);padding:0 14px;min-height:40px;font-size:14px;font-weight:600;line-height:1.2}button:hover,.btn-link:hover{background:var(--fill-2);border-color:transparent}button:active{transform:scale(.98)}:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary{background:var(--tint);color:var(--tint-ink);border:0;min-height:44px;font-weight:600;box-shadow:none}.btn-primary:hover{background:var(--tint);filter:brightness(1.06)}.btn-ghost{background:transparent;color:var(--label-2)}.btn-ghost:hover{background:var(--fill);color:var(--label)}.chip{border:0;background:var(--fill);color:var(--label-2);border-radius:var(--radius-pill);min-height:36px;font-weight:600}.chip.active,.chip.is-active{background:var(--tint-soft);color:var(--tint-text)}.subtabs{display:flex;gap:0;padding:3px;border-radius:var(--radius-pill);background:var(--fill);box-shadow:inset 0 1px 0 var(--glass-highlight);margin:0 0 12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.subtabs::-webkit-scrollbar{display:none}.subtab{flex:1 1 0;justify-content:center;min-height:38px;padding:0 10px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--label-2);font-size:14px;white-space:nowrap}.subtab:hover{background:transparent;color:var(--label)}.subtab.active{background:var(--fill-2);color:var(--label);box-shadow:inset 0 1px 0 var(--glass-highlight),0 2px 8px -4px #00000080}.subtab-count{background:transparent;color:var(--label-2);padding:0;min-width:0;font-size:12px}.subtab.active .subtab-count{background:transparent;color:var(--tint-text)}.feed-search,.login-input,input[type=search],input[type=text],textarea{background:var(--fill);color:var(--label);border:0;border-radius:var(--radius-inner)}.feed-search{border-radius:var(--radius-pill)}.feed-search:focus,textarea:focus,input:focus{border-color:transparent;box-shadow:var(--ring-field);outline:none}::placeholder{color:var(--label-2)}.head-actions,.tier-filter{margin-bottom:12px}.card{background:var(--surface);border:0;border-radius:var(--radius-card);box-shadow:var(--card-shadow);padding:16px}.card.recommended{background:var(--surface);border:0;box-shadow:var(--card-shadow),inset 3px 0 0 var(--tint)}.card.read{border:0;box-shadow:var(--card-shadow);opacity:.85}.card.focused{box-shadow:var(--card-shadow),0 0 0 2px var(--tint)}.card-grid{grid-template-columns:1fr;gap:12px}.compact .content{color:var(--label)}.draft-text{border:0}h2{color:var(--label-2);letter-spacing:.04em}.slop-ok{color:var(--ok-text);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.slop-warn{color:color-mix(in srgb,var(--warn) 55%,var(--label));border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.slop-bad{color:var(--danger-text);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.badge-article{color:var(--label-2);border-color:var(--separator);background:var(--fill)}.snackbar{bottom:calc(var(--tab-h) + var(--safe-bottom) + 24px);border:0;border-radius:var(--radius-inner);background:var(--surface-2);box-shadow:var(--sheet-shadow)}.post-page{max-width:none}.login-card{background:var(--surface);border:0;border-radius:var(--radius-card);box-shadow:var(--card-shadow)}.login-card h1{font-family:inherit;font-size:28px}@media(max-width:600px){.app{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.card{padding:14px}}:root{--rail-w: 0px}@media(min-width:900px){:root{--rail-w: 104px}body{padding-left:var(--rail-w)}.navbar{left:var(--rail-w)}.app{max-width:680px;padding-bottom:48px}.app.app--wide,.app.app--wide .navbar-row{max-width:1100px}.tabbar{top:calc(var(--safe-top) + 16px);bottom:auto;left:16px;right:auto;width:72px;flex-direction:column;justify-content:flex-start;gap:12px;margin:0;max-width:none}.tabbar-add{order:-1;width:72px;height:72px;min-height:72px}.tabbar-pill{flex:0 0 auto;width:72px;height:auto;flex-direction:column;gap:4px;border-radius:30px}.tabbar-item{flex:0 0 auto;width:60px;height:60px;border-radius:22px}.snackbar{left:calc(50% + var(--rail-w) / 2);bottom:24px}}.pcard{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--card-shadow);padding:14px 16px 12px;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;overflow-wrap:anywhere}.card-grid>.pcard{margin-bottom:0}.pcard.is-focused{box-shadow:var(--card-shadow),0 0 0 2px var(--tint);transition:box-shadow .4s ease}.pcard.is-compact{padding:12px 14px 10px;gap:8px}.pcard-head{display:flex;align-items:center;gap:10px}.pcard-head .avatar{width:40px;height:40px;flex:0 0 auto;font-size:15px}.is-compact .pcard-head .avatar{width:34px;height:34px;font-size:13px}.pcard-who{min-width:0;flex:1 1 auto;display:flex;flex-direction:column}.pcard-name{display:flex;align-items:center;gap:4px;font-size:15px;line-height:20px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard-name>span:first-child{overflow:hidden;text-overflow:ellipsis}.pcard-verified{color:var(--tint-text);display:inline-flex;flex:0 0 auto}.pcard-sub{font-size:13px;line-height:18px;color:var(--label-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard-fresh{color:var(--tint-text);font-weight:600}.pcard-tier{color:var(--label-2)}.pcard-more{margin:-4px -8px -4px 0;color:var(--label-2);width:40px;height:40px;min-height:40px}.pcard-body{margin:0;font-size:17px;line-height:23px;white-space:pre-wrap}.is-compact .pcard-body{font-size:15px;line-height:21px}.pcard-body.is-clamped{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.is-compact .pcard-body.is-clamped{-webkit-line-clamp:3}.pcard-expand{align-self:flex-start;margin:-4px 0 0;padding:0;min-height:28px;background:none;color:var(--tint-text);font-size:14px;font-weight:600}.pcard-expand:hover{background:none}.pcard .media{margin:0}.pcard .media-item{border-radius:var(--radius-inner);overflow:hidden;border:0}.pcard .thread{margin:0;border-left-color:var(--separator)}.pcard .thread-item{font-size:15px;line-height:20px;color:var(--label-2)}.pcard-meta{display:flex;align-items:center;gap:14px;font-size:13px;line-height:18px;color:var(--label-2);flex-wrap:wrap}.pcard-metric{display:inline-flex;align-items:center;gap:4px}.pcard-signal{margin-left:auto;font-weight:600;white-space:nowrap}.pcard-signal.is-tint{color:var(--tint-text)}.pcard-failed{color:var(--danger-text)}.pcard-reason{margin:0;font-size:14px;line-height:20px;color:var(--label-2);font-style:italic}.pcard .explore{margin:0;padding-top:0;border-top:0}.pcard-reply{background:var(--surface-2);border-radius:var(--radius-inner);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.pcard-reply-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pcard-reply-label{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--label-2)}.pcard-reply-badges{margin-left:auto;display:inline-flex;gap:4px;align-items:center}.pcard-reply-text{margin:0;font-size:16px;line-height:22px;white-space:pre-wrap}.pcard-reply-meta{font-size:13px;line-height:18px;color:var(--label-2)}.pcard-edit{width:100%;box-sizing:border-box;resize:vertical;padding:10px 12px;font:inherit;font-size:var(--field-font);line-height:1.4;background:var(--surface);color:var(--label)}.pcard-edit-actions{display:flex;gap:6px}.pcard .regen{margin-top:4px}.pcard .regen-input{background:var(--surface);border:0;border-radius:var(--radius-sm)}.pcard-toolbar{display:flex;align-items:center;gap:4px}.pcard-tool{height:40px;min-height:40px;padding:0 12px;gap:6px;font-size:14px;font-weight:600;color:var(--label)}.pcard-tool.is-icon{width:40px;padding:0;justify-content:center}.pcard-tool.is-on{background:var(--tint-soft);color:var(--tint-text)}.pcard-replied{margin-left:auto;height:40px;min-height:40px;padding:0 14px;gap:6px;font-size:14px}.pcard-replied.is-on{background:var(--tint-soft);color:var(--tint-text)}.pcard .badge-slop{border:0;background:var(--fill);font-size:11px;font-weight:600;min-height:0;padding:2px 8px;line-height:16px}.pcard .replied-capture{border:0;padding:0}.pcard .replied-capture input{background:var(--fill);border:0;border-radius:var(--radius-pill);padding:10px 14px;font-size:var(--field-font);color:var(--label)}.feed-search-wrap{margin:0 0 12px}.swipe{position:relative;margin-bottom:12px}.swipe>.pcard{margin-bottom:0}.swipe>.pcard{touch-action:pan-y;transition:transform .26s cubic-bezier(.2,.9,.3,1.1)}.swipe>.pcard.is-swiping{transition:none;-webkit-user-select:none;user-select:none}.swipe-under{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-card);display:flex;align-items:center;padding:0 24px;background:var(--fill);color:var(--label-2);font-size:15px;font-weight:600}.swipe.is-left .swipe-under{justify-content:flex-end}.swipe-hint{display:inline-flex;align-items:center;gap:8px}.swipe.is-armed.is-right .swipe-under{background:var(--ok-soft);color:var(--ok-text)}.swipe.is-armed.is-left .swipe-under{background:var(--tint-soft);color:var(--tint-text)}.note-line{display:inline-flex;align-items:center;gap:4px;width:fit-content;margin:-4px 0 12px;padding:0 4px;min-height:28px;background:none;color:var(--label-2);font-size:13px;line-height:18px;font-weight:400;text-align:left}.note-line:hover{background:none;color:var(--label)}.note-line strong{color:var(--label);font-weight:600}.note-line svg{color:var(--label-3);flex:0 0 auto}.gnote{margin:-4px 0 12px;padding:0 4px;font-size:13px;line-height:18px;color:var(--label-2)}.gnote.is-warn{color:var(--tint-text);font-weight:600}.gsection .gnote,.gcard .gnote{margin:0}.sheet-note{margin:0;padding:0 4px;font-size:13px;line-height:18px;color:var(--label-2)}.dcard-list{display:flex;flex-direction:column;gap:12px}.dcard{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--card-shadow);padding:14px 16px 12px;display:flex;flex-direction:column;gap:10px;overflow-wrap:anywhere}.dcard-head{display:flex;align-items:flex-start;gap:8px}.dcard-title{margin:0;flex:1 1 auto;min-width:0;font-size:17px;line-height:22px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--label)}.dcard-kind{color:var(--label-2);font-weight:500}.dcard-more{margin:-6px -8px -6px 0;color:var(--label-2);width:36px;height:36px;min-height:36px;flex:0 0 auto}.dcard-body{margin:0;font-size:17px;line-height:23px;white-space:pre-wrap}.dcard-artifact{margin:0;padding:12px 14px;background:var(--surface-2);border-radius:var(--radius-inner);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-x:auto}.dcard-expand{align-self:flex-start;margin:-4px 0 0;padding:0;min-height:28px;background:none;color:var(--tint-text);font-size:14px;font-weight:600}.dcard-expand:hover{background:none}.dcard-excerpt{margin:0;font-size:14px;line-height:20px;color:var(--label-2);font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dcard-meta{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;line-height:18px;color:var(--label-2)}.dcard-source{display:inline-flex;align-items:center;gap:6px;min-width:0}.dcard-source svg{flex:0 0 auto}.dcard-source span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dcard-format{white-space:nowrap}.dcard-badges{margin-left:auto;display:inline-flex;gap:4px;align-items:center;flex:0 0 auto}.dcard .badge-slop{border:0;background:var(--fill);font-size:11px;font-weight:600;min-height:0;padding:2px 8px;line-height:16px}.dcard-edit{width:100%;box-sizing:border-box;resize:vertical;padding:10px 12px;font:inherit;font-size:var(--field-font);line-height:1.4;background:var(--fill);color:var(--label);border-radius:var(--radius-inner)}.dcard-edit-actions{display:flex;gap:6px}.dcard .regen{margin-top:0}.dcard .regen-input{background:var(--fill);border:0;border-radius:var(--radius-inner)}.dcard-toolbar{display:flex;align-items:center;gap:4px}.dcard-posted{margin-left:auto;height:40px;min-height:40px;padding:0 14px;gap:6px;font-size:14px}.dcard-done{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--ok-text);font-size:13px;font-weight:600;padding-right:4px}.dcard-working{margin:0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--label-2)}.dcard-working .spin,.gworking .spin{flex:none;width:14px;height:14px;border-radius:50%;border:2px solid var(--fill-2);border-top-color:var(--tint);animation:ptr-rot .7s linear infinite}.gworking{margin:0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--label-2)}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{background:var(--surface);border-radius:22px;box-shadow:var(--card-shadow);padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}.tile.is-wide{grid-column:1 / -1}.tile-label{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--label-2)}.tile-value{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.tile-value.is-big{font-size:34px;line-height:41px}.tile-of{font-size:17px;font-weight:500;color:var(--label-2)}.tile-delta{font-size:12px;font-weight:600;white-space:nowrap}.tile-delta.good,.tile-foot .good,.meter-foot .good{color:var(--ok-text)}.tile-delta.bad,.tile-foot .bad,.meter-foot .bad{color:var(--danger-text)}.tile-bar{height:6px;border-radius:var(--radius-pill);background:var(--fill);overflow:hidden;margin-top:4px}.tile-bar-fill{height:100%;border-radius:var(--radius-pill);background:var(--tint);transition:width .3s ease}.tile.is-met .tile-bar-fill{background:var(--ok)}.tile-foot{font-size:12px;line-height:16px;color:var(--label-2)}.gsection{display:flex;flex-direction:column;gap:10px;margin:18px 0 0}.gsection:first-child{margin-top:0}.gsection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px;min-height:28px}.gsection-head h2{margin:0;font-size:17px;line-height:22px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--label)}.gsection-sub{font-size:13px;line-height:18px;color:var(--label-2)}.gsection-head .gsection-sub{white-space:nowrap}.gsection-intro{margin:0;padding:0 4px;font-size:14px;line-height:20px;color:var(--label-2)}.mini-seg{display:inline-flex;padding:2px;border-radius:var(--radius-pill);background:var(--fill);flex:0 0 auto}.mini-seg button{height:28px;min-height:28px;padding:0 12px;border-radius:var(--radius-pill);background:transparent;color:var(--label-2);font-size:13px;font-weight:600;white-space:nowrap}.mini-seg button:hover{background:transparent;color:var(--label)}.mini-seg button.is-active{background:var(--fill-2);color:var(--label);box-shadow:inset 0 1px 0 var(--glass-highlight)}.gcard{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--card-shadow);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.meter-row{display:flex;flex-direction:column;gap:6px}.meter-row+.meter-row{padding-top:10px;box-shadow:inset 0 1px 0 var(--border-soft)}.meter-head{display:flex;align-items:baseline;gap:8px;font-size:15px;line-height:20px}.meter-label{color:var(--label-2);flex:1 1 auto;min-width:0}.meter-value{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.meter{position:relative;height:8px;border-radius:var(--radius-pill);background:var(--fill);overflow:hidden}.meter-fill{height:100%;border-radius:var(--radius-pill);background:var(--tint);min-width:3px}.meter-fill.behind{background:color-mix(in srgb,var(--tint) 45%,var(--fill))}.meter-ref{position:absolute;top:0;bottom:0;width:2px;background:var(--label);opacity:.6}.meter-foot{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;line-height:16px;color:var(--label-2)}.strip{display:flex;gap:3px}.strip-cell{flex:1 1 0;height:26px;border-radius:6px;background:var(--fill)}.strip-cell.met{background:var(--tint)}.strip-cell.partial{background:color-mix(in srgb,var(--tint) 40%,var(--fill))}.strip-axis{display:flex;justify-content:space-between;font-size:11px;line-height:14px;color:var(--label-2)}.day-details>summary{cursor:pointer;font-size:13px;line-height:18px;color:var(--label-2);padding:2px 0}.day-details>summary:hover{color:var(--label)}.day-list{display:flex;flex-direction:column;margin-top:4px}.day-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:8px 0;font-size:14px}.day-row+.day-row{box-shadow:inset 0 1px 0 var(--border-soft)}.day-date{font-weight:600}.day-stat{font-size:13px;color:var(--label-2);white-space:nowrap;font-variant-numeric:tabular-nums}.day-stat.hit{color:var(--ok-text)}.glist{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--card-shadow);overflow:hidden}.grow{display:flex;flex-direction:column;gap:6px;padding:12px 16px}.grow+.grow{box-shadow:inset 0 1px 0 var(--border-soft)}.grow-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.grow-metric{font-size:20px;line-height:24px;font-weight:700;font-variant-numeric:tabular-nums}.grow-unit{font-size:12px;font-weight:500;color:var(--label-2);margin-left:4px}.grow-kind{font-size:11px;line-height:14px;text-transform:uppercase;letter-spacing:.3px;font-weight:600;color:var(--label-2)}.grow-text{margin:0;font-size:15px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere}.grow-sub{font-size:13px;line-height:18px;color:var(--label-2);overflow-wrap:anywhere}.grow-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:2px}.grow-actions .pcard-tool{height:36px;min-height:36px;font-size:13px;padding:0 12px}a.pcard-tool{background:var(--fill);border-radius:var(--radius-pill);text-decoration:none;display:inline-flex;align-items:center}a.pcard-tool:hover{background:var(--fill-2)}.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.bar-item{display:flex;flex-direction:column;gap:5px}.bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;line-height:18px}.bar-name{font-weight:600;word-break:break-all}.bar-value{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.bar-sub{font-weight:400;color:var(--label-2)}.bar-track{height:8px;border-radius:var(--radius-pill);background:var(--fill);overflow:hidden}.bar-fill{height:100%;border-radius:var(--radius-pill);background:var(--tint)}.gempty{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--card-shadow);padding:16px;display:flex;flex-direction:column;gap:12px}.gempty p{margin:0;font-size:15px;line-height:20px;color:var(--label-2)}.btn-tint{background:var(--tint-soft);color:var(--tint-text);min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px}.btn-tint:hover{background:var(--tint-soft);filter:brightness(1.08)}.btn-row{display:flex;gap:8px;flex-wrap:wrap;padding:0 4px}.btn-row button{min-height:40px;display:inline-flex;align-items:center;gap:6px}.app--docked{padding-bottom:calc(var(--safe-bottom) + 132px)}.navbar-title{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.navbar-title-text{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-sub{font-size:12px;line-height:16px;font-weight:400;color:var(--label-2)}.crow{display:flex;align-items:center;gap:4px;padding-right:6px}.crow+.crow{box-shadow:inset 0 1px 0 var(--border-soft)}.crow-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:2px;text-align:left;padding:12px 16px;min-height:60px;background:transparent;border-radius:0;color:var(--label);font-weight:400}.crow-main:hover{background:var(--fill)}.crow-title{display:flex;align-items:center;gap:6px;font-size:16px;line-height:21px;font-weight:600;min-width:0}.crow-title>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crow-meta{font-size:13px;line-height:18px;color:var(--label-2)}.crow-snippet{font-size:13px;line-height:18px;color:var(--label-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.crow-more{color:var(--label-2);flex:0 0 auto}.crow-rename{flex:1 1 auto;min-width:0;margin:10px 12px;padding:10px 12px;font:inherit;font-size:var(--field-font);background:var(--fill);color:var(--label);border:0;border-radius:var(--radius-inner)}.chat-running-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tint);flex:0 0 auto;animation:chat-pulse 1.2s ease-in-out infinite}@keyframes chat-pulse{50%{opacity:.25}}.conv{display:flex;flex-direction:column;gap:12px}.conv-rename{display:flex;gap:6px;align-items:center;margin-bottom:12px}.conv-rename input{flex:1 1 auto;min-width:0;padding:10px 14px;font:inherit;font-size:var(--field-font);background:var(--fill);border:0;border-radius:var(--radius-pill);color:var(--label)}.conv-messages{display:flex;flex-direction:column;gap:14px}.conv-hello{margin:20px 0 0;display:flex;flex-direction:column;gap:12px}.conv-hello p{margin:0;font-size:16px;line-height:22px;color:var(--label-2)}.conv-suggestions{display:flex;flex-direction:column;gap:6px}.conv-suggestion{text-align:left;white-space:normal;font-size:15px;line-height:20px;font-weight:500;padding:10px 14px;min-height:44px;border-radius:var(--radius-inner);background:var(--surface);color:var(--label);box-shadow:var(--card-shadow)}.conv-msg{display:flex;flex-direction:column;gap:8px;max-width:94%;min-width:0}.conv-msg.is-user{align-self:flex-end;align-items:flex-end;max-width:82%}.conv-bubble{background:var(--tint);color:var(--tint-ink);border-radius:20px 20px 6px;padding:10px 14px;font-size:16px;line-height:21px;white-space:pre-wrap;overflow-wrap:anywhere}.conv-md{font-size:16px;line-height:22px;overflow-wrap:anywhere;min-width:0}.conv-md>:first-child{margin-top:0}.conv-md>:last-child{margin-bottom:0}.conv-md :is(p,ul,ol,pre,blockquote){margin:8px 0}.conv-md pre{background:var(--surface-2);padding:10px 12px;border-radius:var(--radius-inner);overflow-x:auto;font-size:13px}.conv-md code{background:var(--surface-2);padding:1px 5px;border-radius:6px;font-size:14px}.conv-md pre code{padding:0;background:none}.conv-md blockquote{margin-left:0;padding-left:12px;border-left:2px solid var(--separator);color:var(--label-2)}.conv-md table{border-collapse:collapse;font-size:14px}.conv-md td,.conv-md th{padding:4px 8px;box-shadow:inset 0 -1px 0 var(--border-soft);text-align:left}.conv-tools{display:flex;flex-direction:column;gap:4px;align-items:flex-start;max-width:100%}.conv-tool{display:flex;flex-direction:column;gap:4px;max-width:100%}.conv-tool-row{display:inline-flex;align-items:center;gap:8px;height:36px;min-height:36px;padding:0 12px;border-radius:12px;background:var(--fill);color:var(--label-2);font-size:13px;font-weight:500;width:fit-content;max-width:100%}.conv-tool-row:hover{background:var(--fill-2);color:var(--label)}.conv-tool-row.is-running{color:var(--tint-text)}.conv-tool-row>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-tool-size{color:var(--label-2);font-variant-numeric:tabular-nums}.conv-tool-row>svg:last-child{color:var(--label-3);transition:transform .15s ease;flex:0 0 auto}.conv-tool-row.is-open>svg:last-child{transform:rotate(90deg)}.conv-tool-detail{display:flex;flex-direction:column;gap:8px;border-radius:var(--radius-inner);background:var(--surface-2);padding:10px 12px;max-width:100%}.conv-tool-part{display:flex;flex-direction:column;gap:3px;min-width:0}.conv-tool-label{font-size:11px;line-height:14px;text-transform:uppercase;letter-spacing:.3px;color:var(--label-2);font-weight:600}.conv-tool-detail pre{margin:0;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.45;color:var(--label-2)}.conv-thoughts{border-left:2px solid var(--separator);padding:2px 0 2px 10px;display:flex;flex-direction:column;gap:2px;max-width:100%;min-width:0}.conv-thoughts-toggle{display:inline-flex;align-items:center;gap:4px;padding:0;min-height:20px;background:none;color:var(--label-2);font-size:11px;line-height:16px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;width:fit-content}.conv-thoughts-toggle:hover{background:none;color:var(--label)}.conv-thoughts-toggle svg{transition:transform .15s ease}.conv-thoughts-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.conv-thoughts-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;font-size:13px;line-height:18px;color:var(--label-2)}.conv-thoughts-ticker{font-size:13px;line-height:18px;font-style:italic;color:var(--label-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-working{display:flex;align-items:center;gap:8px;font-size:13px;line-height:18px;color:var(--label-2);flex-wrap:wrap}.conv-working-warn{color:var(--tint-text)}.conv-spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--fill-2);border-top-color:var(--tint);animation:ptr-rot .9s linear infinite;flex:0 0 auto}.conv-notice{margin:0;font-size:13px;line-height:18px;color:var(--label-2);font-style:italic}.conv-actions{display:flex;gap:6px;flex-wrap:wrap}.conv-action{display:inline-flex;align-items:center;gap:6px;height:32px;min-height:32px;padding:0 12px;font-size:13px;background:var(--fill);color:var(--label-2)}.conv-action:hover{color:var(--label)}.conv-error{margin:0}.composer-wrap{position:fixed;left:var(--rail-w);right:0;bottom:0;z-index:30;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:36px var(--gutter) calc(var(--safe-bottom) + 12px);padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right));background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--ground) 94%,transparent) 45%);pointer-events:none}.composer-wrap>*{pointer-events:auto}.composer{display:flex;align-items:flex-end;gap:4px;padding:6px;border-radius:28px;min-height:56px}.composer-clip{width:44px;height:44px;min-height:44px;color:var(--label-2);flex:0 0 auto}.composer-clip.is-on{color:var(--tint-text)}.composer-input{flex:1 1 auto;min-width:0;min-height:44px;max-height:132px;padding:12px 6px;background:transparent;border:0;border-radius:0;color:var(--label);font:inherit;font-size:var(--field-font);line-height:20px;resize:none}.composer-input:focus{box-shadow:none;outline:none}.composer-send{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:var(--tint);color:var(--tint-ink);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.composer-send:hover{background:var(--tint);filter:brightness(1.06)}.composer-send:disabled{background:var(--fill-2);color:var(--label-3);filter:none}.composer-send.is-stop{background:var(--fill-2);color:var(--label)}.composer-attach{width:100%;box-sizing:border-box;padding:10px 14px;font:inherit;font-size:var(--field-font);background:var(--surface);border:0;border-radius:var(--radius-pill);color:var(--label);box-shadow:var(--card-shadow)}.composer-note{margin:0}.conv-seed{background:var(--surface);border-radius:var(--radius-inner);padding:10px 12px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--card-shadow)}.conv-seed-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.conv-seed-title{font-size:13px;line-height:18px;font-weight:600;color:var(--tint-text)}.conv-seed-close{width:28px;height:28px;min-height:28px;color:var(--label-2);margin:-4px -6px -4px 0}.conv-seed-post,.conv-seed-draft{margin:0;font-size:13px;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.conv-seed-post{color:var(--label-2)}.conv-seed-draft{border-left:2px solid var(--separator);padding-left:8px}.conv-seed-draft.is-empty{color:var(--label-2)}.conv-section{margin-top:18px;display:flex;flex-direction:column;gap:12px}.conv-head{gap:8px}.conv-chips{margin-left:auto;min-width:0;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}.conv-chips::-webkit-scrollbar{display:none}.conv-chip{height:32px;min-height:32px;padding:0 12px;font-size:13px;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px}.conv-new{width:32px;height:32px;min-height:32px;flex:0 0 auto;background:var(--fill)}.chat-split{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.chat-pane{position:sticky;top:calc(var(--safe-top) + var(--nav-h) + 8px);max-height:calc(100dvh - var(--safe-top) - var(--nav-h) - 24px);overflow-y:auto;overscroll-behavior:contain}.chat-pane-head{display:flex;align-items:center;gap:4px;margin-bottom:10px}.chat-pane-head .feed-search{flex:1 1 auto;min-width:0}.crow.is-active{background:var(--fill-2)}.crow.is-active .crow-title{color:var(--tint-text)}.chat-pick{min-height:50dvh;justify-content:center;align-items:center;text-align:center}.chat-pick>svg{color:var(--label-2)}.chat-main .conv{min-height:calc(100dvh - var(--safe-top) - var(--nav-h) - 40px);display:flex;flex-direction:column}.chat-main .conv-messages{flex:1 1 auto}.chat-main .composer-wrap{position:sticky;left:auto;right:auto;max-width:none;margin:0;padding-left:0;padding-right:0}.app--docked.app--wide{padding-bottom:0}@media(min-width:900px){.composer-wrap{max-width:680px}}.conv-action,.conv-chip,.conv-new,.conv-tool-row,.conv-seed-close{position:relative}.conv-action:after,.conv-chip:after,.conv-new:after{content:"";position:absolute;top:-6px;right:-2px;bottom:-6px;left:-2px}.conv-tool-row:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.conv-seed-close:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}