:root{--canvas: #F7F4EE;--surface: #FFFCF7;--surface-muted: #EFEBE3;--border: #E2DDD3;--border-strong: #C9C2B4;--ink: #1A1814;--ink-secondary: #5C574E;--ink-tertiary: #8A8478;--accent: #C45C26;--accent-soft: #F3E6DC;--signal-warn: #B8860B;--page-pad: 24px;--card-pad: 20px 24px;--wordmark: 32px;--header-sticky-offset: 64px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--canvas);color:var(--ink);font-family:"Source Serif 4",Georgia,serif;font-size:16px;line-height:1.55}.page{max-width:720px;margin:0 auto;padding:0 var(--page-pad) 40px;width:100%}.header{position:sticky;top:0;z-index:10;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:20px 0 12px;background:color-mix(in srgb,var(--canvas) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wordmark{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:var(--wordmark);letter-spacing:-.02em;margin:0;flex:0 1 auto}.local-meta{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.02em;color:var(--ink-tertiary);text-transform:uppercase;flex:0 1 auto;text-align:right;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signals{position:sticky;top:var(--header-sticky-offset);z-index:9;margin:0 calc(var(--page-pad) * -1);padding:10px var(--page-pad) 12px;background:color-mix(in srgb,var(--canvas) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)}.signals-label{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-tertiary);margin:0 0 8px}.signals-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;-webkit-overflow-scrolling:touch}.signals-row::-webkit-scrollbar{display:none}.pill{flex:0 0 auto;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:1;letter-spacing:.02em;min-height:44px;min-width:44px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pill:hover{border-color:var(--border-strong)}.pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.feed{display:flex;flex-direction:column;gap:24px;margin-top:24px}.empty{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;color:var(--ink-tertiary);margin:8px 0 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;width:100%}.strip{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:1.4;letter-spacing:.02em;color:var(--ink-secondary);background:var(--surface-muted);padding:10px var(--page-pad);margin:0;white-space:pre-wrap;word-break:break-word;border-bottom:1px solid var(--border)}.strip .badge{color:var(--signal-warn);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.card-body{padding:var(--card-pad)}.embed-slot{width:100%;min-height:0}.embed-slot blockquote.twitter-tweet{margin:0!important;max-width:100%!important}.embed-slot iframe{max-width:100%!important}.open-x{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;color:var(--accent);text-decoration:none}.open-x:hover{text-decoration:underline}.note{margin-top:32px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;color:var(--ink-tertiary)}@media(max-width:719px){:root{--page-pad: 16px;--card-pad: 16px;--header-sticky-offset: 60px}}@media(max-width:479px){:root{--wordmark: 24px;--page-pad: 16px;--card-pad: 16px;--header-sticky-offset: 56px}.strip{font-size:11px}.local-meta{max-width:50%;font-size:11px}.feed{gap:16px;margin-top:16px}}.empty{margin:48px 0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;color:var(--ink-tertiary);text-align:center}.empty-unavailable{color:var(--ink-secondary, var(--ink-tertiary))}.filters{display:flex;flex-direction:column;gap:12px;margin-top:8px}.filter-group .signals-row{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:thin}.pill{flex:0 0 auto;min-height:44px;padding:0 14px}.why{margin:0;padding:0 var(--card-pad) 8px;font-family:"Source Serif 4",Georgia,serif;font-size:14px;color:var(--ink-secondary, #5c574f)}.card-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:8px}.quiet-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;min-height:44px;padding:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;color:var(--ink-tertiary)}.quiet-btn:hover,.quiet-btn.on{color:var(--accent)}.pinned{margin-top:20px;display:flex;flex-direction:column;gap:16px}.compare{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}.page-compare{max-width:960px}@media(min-width:720px){.compare{grid-template-columns:1fr 1fr}}.compare-slot{min-width:0}.tabs{display:flex;gap:8px;margin:12px 0 8px;border-bottom:1px solid var(--border);overflow-x:auto}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;min-height:44px;padding:0 12px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;color:var(--ink-tertiary);border-bottom:2px solid transparent}.tab.active{color:var(--ink);border-bottom-color:var(--accent)}.watch-panel{margin-top:12px;display:flex;flex-direction:column;gap:12px}.empty-line{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;color:var(--ink-tertiary)}.pill.watched{border:1px solid var(--ink-secondary)}.settings{margin-top:16px;display:flex;flex-direction:column;gap:20px}.accent-label{display:flex;align-items:center;gap:12px;min-height:44px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;color:var(--ink-secondary)}.accent-picker{width:48px;height:44px;padding:0;border:1px solid var(--border);background:var(--canvas);cursor:pointer}body{background:var(--canvas);color:var(--ink)}:root{--ease-out: cubic-bezier(.23, 1, .32, 1);--dur-fast: .12s;--dur-panel: .2s;--highlight: #e6c200}html,body{background:var(--canvas);color:var(--ink);transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease}.selectable,.wordmark,.strip,.why,.note,.signals-label,.tile,.util{user-select:text;-webkit-user-select:text}.header.amp{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 0 4px;border-bottom:none}.header.amp .wordmark{font-size:var(--wordmark, 48px);line-height:1.05;letter-spacing:-.02em;margin:0;color:var(--ink)}html[data-wordmark=mono] .header.amp .wordmark{font-family:IBM Plex Mono,ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;font-size:calc(var(--wordmark, 48px) * .72)}.header-utils{display:flex;gap:12px;align-items:center;padding-top:10px}.util{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;min-height:44px;padding:0 2px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-tertiary);text-decoration:none;border-bottom:2px solid transparent;transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease}.util.active,.util:focus-visible{color:var(--accent);border-bottom-color:var(--highlight);outline:none}@media(hover:hover)and (pointer:fine){.util:hover{color:var(--accent)}}.tiles{display:flex;flex-wrap:wrap;gap:8px 18px;margin:20px 0 12px}.tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;min-height:44px;padding:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-tertiary);border-bottom:2px solid transparent;transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease,opacity var(--dur-panel) var(--ease-out);animation:tile-in var(--dur-panel) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 40ms)}.tile.active{color:var(--ink);border-bottom-color:var(--highlight)}@media(hover:hover)and (pointer:fine){.tile:hover{color:var(--accent)}}@keyframes tile-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.signals-bar{margin:8px 0 4px}.signals-bar .signals-row{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.pill{transition:color var(--dur-fast) ease,background-color var(--dur-fast) ease,border-color var(--dur-fast) ease}.pill.more{border:1px dashed var(--border)}.strip{font-size:var(--strip-size, 12px)}.why{font-size:var(--body-size, 15px)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--ink) 28%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:40;animation:fade-in var(--dur-panel) var(--ease-out)}.panel,.sheet{position:fixed;z-index:50;background:var(--canvas);color:var(--ink);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 50px color-mix(in srgb,var(--ink) 22%,transparent);padding:16px;max-height:min(80vh,560px);overflow:auto;animation:panel-in var(--dur-panel) var(--ease-out);transform-origin:top right}.settings-panel,.watch-float{top:72px;right:max(12px,calc(50% - 360px));width:min(320px,calc(100vw - 24px))}.more-sheet{left:50%;bottom:16px;transform:translate(-50%);width:min(420px,calc(100vw - 24px));transform-origin:bottom center;animation:sheet-in var(--dur-panel) var(--ease-out)}.panel-section,.sheet-title{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-tertiary);margin:12px 0 8px}.panel-section:first-child,.sheet-title{margin-top:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes sheet-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tabs{display:none!important}.panel,.sheet{box-shadow:0 1px color-mix(in srgb,var(--ink) 8%,transparent),0 12px 40px color-mix(in srgb,var(--ink) 18%,transparent);border-radius:14px}.settings-panel,.watch-float{transform-origin:top right}.more-sheet{box-shadow:0 -1px color-mix(in srgb,var(--ink) 6%,transparent),0 16px 48px color-mix(in srgb,var(--ink) 20%,transparent)}.pill{border-radius:999px;transition:color var(--dur-fast) ease,background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.pill:hover{transform:translateY(-1px)}}.card{border-radius:12px;box-shadow:0 1px color-mix(in srgb,var(--ink) 6%,transparent)}.meta-grid{display:grid;gap:16px;margin-top:12px}.meta-card,.tier-block{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--canvas);box-shadow:0 1px color-mix(in srgb,var(--ink) 6%,transparent)}.meta-leader{margin:0 0 8px;font-family:Fraunces,"Source Serif 4",Georgia,serif;font-size:22px;color:var(--ink)}.tier-row{display:grid;grid-template-columns:36px 1fr;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:var(--body-size, 15px)}.tier-rank{font-family:IBM Plex Mono,ui-monospace,monospace;color:var(--accent);font-weight:500}.tier-name{grid-column:2;color:var(--ink)}.tier-why{grid-column:2;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:var(--strip-size, 12px);color:var(--ink-tertiary)}.brand{display:flex;align-items:baseline;gap:8px}.beta-chip{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.1em;line-height:1;color:#b7472a;border:1px solid currentColor;border-radius:4px;padding:2px 5px}.why{padding:16px 24px 0}.card-body{padding-top:16px}@media(max-width:479px){.why{padding:12px 16px 0}}.util{font-size:12px;color:var(--ink-tertiary)}.util.gear{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.strip{color:var(--ink-secondary);background:var(--surface-muted)}.strip .sep,.strip .src-time{color:var(--ink-tertiary)}.strip .src-handle,.strip .src-id{color:var(--ink-secondary)}.card,.card-body{background:var(--surface);color:var(--ink)}.pill{background:var(--surface);color:var(--ink-secondary);border-color:var(--border)}.pill.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}