:root{color:#eef3f5;font-synthesis:none;text-rendering:optimizelegibility;--accent:#5267f7;--accent-bright:#00b8f5;--accent-soft:#5267f729;--background:#07111f;--surface:#101a2a;--surface-raised:#162238;--surface-soft:#0c1726;--line:#e8f1f41a;--line-strong:#e8f1f42b;--text:#eef3f5;--text-muted:#a8b3b9;--text-subtle:#7d8991;--positive:#76c5ad;--danger:#ff9b9b;--shadow:0 20px 55px #02070d38;--content:760px;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.u7-google-sign-in{width:320px;max-width:100%;min-height:44px;overflow:hidden}.u7-google-sign-in>div,.u7-google-sign-in iframe{max-width:100%!important}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 18% -10%, #00b8f521, transparent 34rem), radial-gradient(circle at 86% 0%, #8b5cf61a, transparent 31rem), var(--background);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,select{color:inherit;font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}button{border:0}button:not(:disabled),select:not(:disabled){cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #00b8f5c7}img{max-width:100%;display:block}p,h1,h2{margin-top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#071319;background:var(--accent-bright);border-radius:9px;padding:10px 14px;font-size:.86rem;font-weight:750;transition:transform .16s;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.eyebrow{color:var(--accent-bright);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:760}.brand-mark{border:0;flex:none;place-items:center;width:38px;height:38px;display:grid}.brand-mark .u7-brand-mark{width:100%;height:100%}.brand-mark--large{width:64px;height:64px}.boot-screen{place-items:center;min-height:100vh;display:grid}.auth-page{isolation:isolate;place-items:center;min-height:100vh;padding:30px 18px;display:grid;position:relative;overflow:hidden}.auth-ambient{z-index:-1;filter:blur(2px);opacity:.5;border-radius:50%;position:fixed}.auth-ambient--one{background:radial-gradient(circle,#0c779e4d,#0000 68%);width:390px;height:390px;top:-160px;right:-150px}.auth-ambient--two{background:radial-gradient(circle,#3b63742b,#0000 68%);width:430px;height:430px;bottom:-190px;left:-170px}.auth-card{border:1px solid var(--line);width:min(100%,470px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#20242ee6;border-radius:22px;padding:32px 25px 25px}.auth-brand{width:min(250px,72%);margin-bottom:30px;display:inline-block}.auth-brand .u7-brand-lockup{width:100%;height:auto;display:block}.auth-card h1,.feed-intro h1{letter-spacing:-.035em;margin-bottom:14px;font-family:Georgia,Times New Roman,serif;font-weight:500}.auth-card h1{max-width:390px;font-size:clamp(2.05rem,9vw,3rem);line-height:1.05}.auth-intro{max-width:400px;color:var(--text-muted);margin-bottom:0;font-size:.98rem;line-height:1.72}.auth-divider{background:linear-gradient(90deg, var(--line-strong), transparent);height:1px;margin:27px 0 25px}.auth-action{flex-direction:column;align-items:flex-start;gap:10px;min-height:44px;display:flex}.auth-progress{color:var(--text-muted);margin:0;font-size:.8rem}.inline-alert{color:#ffd8d8;background:#8b2e2e21;border:1px solid #ff9b9b33;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:18px;padding:12px 13px;font-size:.83rem;line-height:1.5;display:flex}.inline-alert p{margin:0}.inline-alert button{color:var(--danger);background:0 0;padding:0;font-size:.78rem;font-weight:700}.auth-note{color:var(--text-subtle);align-items:flex-start;gap:9px;margin:24px 0 0;font-size:.75rem;line-height:1.5;display:flex}.auth-note svg{width:16px;height:16px;color:var(--accent-bright);flex:none;margin-top:1px}.app-shell{min-height:100vh}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#191c24e0;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:14px;width:min(100%,1120px);min-height:68px;margin:0 auto;padding:11px 16px;display:flex}.site-brand,.account-menu{align-items:center;min-width:0;display:flex}.site-brand{color:inherit;gap:11px;text-decoration:none}.site-brand:hover strong{color:var(--accent-bright)}.site-brand .u7-brand-lockup{width:126px;height:auto}.site-brand>div:last-child,.account-copy{flex-direction:column;min-width:0;display:flex}.site-brand strong{letter-spacing:-.01em;font-size:.87rem}.site-brand span,.account-copy span{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.account-menu{gap:9px}.account-copy{text-align:right;max-width:190px;display:none}.account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:650;overflow:hidden}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--text-muted);background:#ffffff06;border-radius:11px;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid}.icon-button:hover{border-color:var(--line-strong);color:var(--text);background:#ffffff0d}.icon-button svg{width:18px;height:18px}.feed-layout{width:min(100%, var(--content));margin:0 auto;padding:34px 14px 80px}.feed-intro{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:27px;display:flex}.feed-intro h1{margin-bottom:9px;font-size:clamp(1.9rem,7vw,2.75rem);line-height:1.08}.feed-intro>div>p:last-child{max-width:590px;color:var(--text-muted);margin-bottom:0;font-size:.86rem;line-height:1.55}.refresh-button{border:1px solid var(--line-strong);min-height:41px;color:var(--text);background:var(--surface-raised);border-radius:11px;flex:none;align-items:center;gap:8px;padding:0 13px;font-size:.76rem;font-weight:700;transition:border-color .15s,background .15s;display:inline-flex}.refresh-button:hover:not(:disabled){background:#2a313d;border-color:#55b8d859}.refresh-button svg{width:17px;height:17px;color:var(--accent-bright)}.is-spinning{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.feed-controls{border:1px solid var(--line);background:#20242eb8;border-radius:17px;gap:21px;padding:16px;display:grid;box-shadow:0 16px 40px #050a111f}.persona-control label,.ranker-heading>span:first-child{color:var(--text);align-items:center;gap:8px;margin-bottom:8px;font-size:.74rem;font-weight:730;display:flex}.persona-control label span{color:var(--accent-bright);background:var(--accent-soft);letter-spacing:.07em;text-transform:uppercase;border:1px solid #55b8d833;border-radius:99px;padding:2px 6px;font-size:.56rem;font-weight:800}.select-wrap{position:relative}.select-wrap select{appearance:none;border:1px solid var(--line-strong);width:100%;height:43px;color:var(--text);background:#191d25;border-radius:10px;outline:none;padding:0 38px 0 12px;font-size:.78rem;font-weight:600}.select-wrap svg{width:17px;height:17px;color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.persona-control>p{color:var(--text-subtle);margin:7px 0 0;font-size:.66rem;line-height:1.45}.field-error{color:var(--danger);margin-top:7px;font-size:.7rem;display:block}.ranker-heading{justify-content:space-between;align-items:baseline;gap:10px;min-height:22px;display:flex}.ranker-description{color:var(--text-subtle);font-size:.64rem}.segment-control{background:#191d25;border:1px solid #eef3f512;border-radius:11px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.segment-control__button{min-width:0;min-height:35px;color:var(--text-subtle);background:0 0;border-radius:8px;padding:0 6px;font-size:.68rem;font-weight:680;transition:color .16s;position:relative}.segment-control__button:hover,.segment-control__button.is-active{color:var(--text)}.segment-control__active{background:#29313c;border:1px solid #55b8d830;border-radius:8px;position:absolute;inset:0;box-shadow:0 4px 12px #04090e2e}.segment-control__label{z-index:1;position:relative}.feed-context{min-height:53px;color:var(--text-subtle);justify-content:space-between;align-items:center;gap:12px;padding:12px 3px 10px;font-size:.65rem;display:flex}.feed-context>div{align-items:center;gap:7px;min-width:0;display:flex}.feed-context strong{color:var(--text-muted);font-weight:650}.feed-context>span{flex:none}.status-dot{background:var(--positive);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 4px #76c5ad14}.post-list,.feed-skeleton{gap:12px;display:grid}.post-card,.skeleton-card,.feed-error,.empty-feed{border:1px solid var(--line);background:var(--surface);border-radius:17px;box-shadow:0 15px 36px #03080e1a}.post-card{padding:17px;overflow:hidden}.post-header{align-items:center;gap:10px;display:flex}.avatar{color:#f2f7f8;letter-spacing:.02em;border:1px solid #ffffff1a;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:.64rem;font-weight:800;display:grid}.avatar--1{background:#45656e}.avatar--2{background:#6b5c75}.avatar--3{background:#5c6f51}.avatar--4{background:#6f5e4f}.avatar--5{background:#3f627b}.post-author{flex-direction:column;flex:1;min-width:0;display:flex}.post-author strong{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;font-weight:710;overflow:hidden}.post-author span{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.65rem;overflow:hidden}.score-chip{color:var(--text-subtle);letter-spacing:.01em;flex:none;align-items:center;gap:5px;font-size:.58rem;font-weight:650;display:flex}.score-chip span{width:21px;height:21px;color:var(--accent-bright);background:var(--accent-soft);border:1px solid #55b8d833;border-radius:6px;place-items:center;font-size:.59rem;display:grid}.post-copy{color:#e5ebed;letter-spacing:-.008em;margin:16px 0 15px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,4.4vw,1.16rem);line-height:1.58}.post-media{border:1px solid var(--line);background:#171a21;border-radius:13px;min-height:180px;margin:2px -4px 15px;position:relative;overflow:hidden}.post-media img{aspect-ratio:16/11;object-fit:cover;width:100%}.image-placeholder,.skeleton-image{aspect-ratio:16/11;background-color:#292e38;background-image:linear-gradient(105deg,#0000 35%,#ffffff0b 47%,#0000 59%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;animation:1.4s linear infinite shimmer}.image-error{min-height:180px;color:var(--text-subtle);place-items:center;font-size:.73rem;display:grid}@keyframes shimmer{to{background-position-x:-220%}}.topic-list{flex-wrap:wrap;gap:6px;margin:1px 0 14px;display:flex}.topic-list span{color:var(--text-muted);background:#ffffff06;border:1px solid #eef3f513;border-radius:99px;padding:4px 8px;font-size:.61rem}.post-actions{color:var(--text-subtle);border-top:1px solid #eef3f513;align-items:center;gap:18px;padding-top:12px;display:flex}.post-action{color:inherit;background:0 0;align-items:center;gap:5px;padding:0;font-size:.66rem;display:inline-flex}button.post-action{border-radius:8px;min-width:38px;min-height:30px;margin:-5px;padding:5px;transition:color .15s,background .15s}button.post-action:hover:not(:disabled){color:var(--text);background:#ffffff0a}.post-action--like.is-active{color:#ee8e9f}.post-action svg{width:17px;height:17px}.post-cluster{letter-spacing:.05em;text-transform:uppercase;margin-left:auto;font-size:.59rem}.feed-error{border-color:#ff9b9b2e;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:17px;display:flex}.feed-error strong{font-size:.82rem}.feed-error p{color:var(--text-muted);margin:4px 0 0;font-size:.73rem;line-height:1.45}.feed-error button{border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:9px;flex:none;min-height:36px;padding:0 12px;font-size:.7rem;font-weight:700}.empty-feed{text-align:center;padding:40px 20px}.empty-feed strong{font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:500}.empty-feed p{color:var(--text-muted);margin:7px 0 0;font-size:.78rem}.skeleton-card{padding:18px}.skeleton-line{background:#2a2f39;border-radius:7px;width:90%;height:12px;margin:11px 0}.skeleton-line--profile{width:42%;height:32px;margin-top:0}.skeleton-line--short{width:63%;margin-bottom:17px}.skeleton-image{border-radius:12px}.toast{z-index:50;border:1px solid var(--line-strong);max-width:min(320px,100vw - 32px);color:var(--text);pointer-events:none;opacity:0;background:#29313c;border-radius:11px;padding:11px 14px;font-size:.75rem;transition:opacity .18s,transform .18s;position:fixed;bottom:18px;right:16px;transform:translateY(10px);box-shadow:0 15px 35px #0000003d}.toast.is-visible{opacity:1;transform:translateY(0)}.site-footer{width:min(100%, var(--content));border-top:1px solid var(--line);color:var(--text-subtle);justify-content:space-between;gap:16px;margin:0 auto;padding:22px 17px 32px;font-size:.62rem;display:flex}@media (width>=560px){.account-copy{display:flex}.feed-layout{padding-left:20px;padding-right:20px}.post-card{padding:20px}.post-media{margin-left:0;margin-right:0}}@media (width>=720px){.site-header__inner{padding-left:24px;padding-right:24px}.feed-layout{padding-top:48px}.feed-controls{grid-template-columns:minmax(0,1fr) minmax(310px,1.2fr);align-items:start;gap:26px;padding:18px}.persona-control{border-right:1px solid var(--line);padding-right:25px}.post-list,.feed-skeleton{gap:15px}.post-card{border-radius:19px}.post-copy{margin-top:18px}}@media (width<=480px){.feed-intro{align-items:flex-start}.refresh-button{justify-content:center;width:41px;padding:0}.refresh-button span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.feed-context>span{display:none}.score-chip{font-size:0}.score-chip span{font-size:.59rem}.site-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
