@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{--void:#090b12;--panel:#111520;--glass:#161c2bc2;--ink:#f0f4ff;--muted:#8790a7;--line:#a7b9ff26;--acid:#c8ff35;--violet:#8d7dff;--coral:#ff805d;--cyan:#5de5ff;--mono:"DM Mono",monospace;--sans:Manrope,sans-serif;--serif:"Playfair Display",serif;font-family:var(--sans);background:var(--void);color:var(--ink)}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% 10%,#24255b 0,transparent 31%),radial-gradient(circle at 15% 70%,#123941 0,transparent 28%),var(--void);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app{border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080b12b3;border-radius:22px;grid-template-columns:220px minmax(520px,1fr) 280px;width:min(1440px,100% - 40px);min-height:calc(100vh - 40px);margin:20px auto;display:grid;overflow:hidden;box-shadow:0 30px 100px #0008}.left,.right{background:linear-gradient(160deg,#151a2acc,#0d1019cc);padding:25px 16px}.stream{background:linear-gradient(160deg,#131827cc,#0d1018cc);padding:42px}.plain,.reader,.login{border:1px solid var(--line);background:var(--glass);border-radius:22px;width:min(700px,100% - 48px);margin:14vh auto;padding:36px;box-shadow:0 25px 90px #0008}@media (width<=950px){.app{grid-template-columns:190px 1fr}.right{display:none}}@media (width<=650px){.app{border:0;border-radius:0;width:100%;margin:0;display:block}.left{align-items:center;gap:16px;padding:14px;display:flex}.identity,.source-nav,.left footer{display:none}.left nav{margin:0!important;display:flex!important}.stream{padding:25px 16px}}.logo{background:linear-gradient(135deg,var(--acid),var(--cyan));color:#08100e;width:38px;height:38px;font:24px var(--serif);border-radius:12px;place-items:center;display:grid;box-shadow:0 0 28px #c8ff3570}.identity{font:600 19px var(--sans);letter-spacing:-.05em;margin:24px 4px}.identity small,.left small,.right small,.stream header span{font:9px var(--mono);letter-spacing:.14em;color:var(--muted)}.left nav{gap:6px;margin-top:34px;display:grid}.left nav a,.left nav button,.source-nav button,.left footer button{color:#adb5c8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px;font-size:12px}.left nav .selected,.left nav button:hover,.source-nav .active{color:var(--acid);background:#262d43;box-shadow:inset 0 0 0 1px #c8ff352b}.left nav b{float:right}.source-nav small{padding:0 10px 9px}.left footer{border-top:1px solid var(--line);margin-top:auto;padding-top:12px;display:grid}.left footer a{color:var(--muted);padding:9px;font-size:11px}.stream header{justify-content:space-between;align-items:end;display:flex}.stream header h1{font:600 43px var(--serif);letter-spacing:-.06em;margin:7px 0 0}.stream header button{color:var(--acid);cursor:pointer;background:#c8ff3518;border:1px solid #c8ff3560;border-radius:9px;padding:9px 13px}.stream-meta{border-bottom:1px solid var(--line);font:10px var(--mono);color:var(--muted);justify-content:space-between;padding:25px 0 12px;display:flex}.item{border-bottom:1px solid var(--line);grid-template-columns:90px minmax(0,1fr) 26px;gap:17px;padding:24px 12px;transition:all .2s;display:grid}.item:hover{background:linear-gradient(90deg,#ffffff0b,#0000);transform:translate(5px)}.item-time{font:10px var(--mono);color:var(--muted);padding-top:5px}.item-source{font:10px var(--mono);color:var(--cyan)}.item-source span{color:#8992aa;margin-left:7px}.item h2{font:600 25px/1.08 var(--sans);letter-spacing:-.045em;margin:8px 0}.item p{color:#abb4c4;margin:0;font-size:12px;line-height:1.6}.item>button{color:#6e7890;cursor:pointer;background:0 0;border:0;align-self:start;padding:4px}.item>button.saved{color:var(--coral);text-shadow:0 0 12px var(--coral)}.item.read{opacity:.55}.right section{border-bottom:1px solid var(--line);margin-bottom:25px;padding:0 0 25px}.right h3{font:600 24px var(--serif);margin:11px 0 17px}.stat{align-items:baseline;gap:9px;margin:8px 0;display:flex}.stat b{font:600 39px var(--serif);color:var(--acid)}.stat span,.source-status{color:#b8c0d0;font-size:11px}.source-status i{background:var(--acid);width:7px;height:7px;box-shadow:0 0 9px var(--acid);border-radius:50%;margin-right:8px;display:inline-block}.source-status i.bad{background:var(--coral);box-shadow:0 0 9px var(--coral)}.dock button{color:#aeb8ce;text-align:left;background:#ffffff08;border:1px dashed #8794b84d;border-radius:7px;width:100%;margin-top:7px;padding:10px;display:block}.dock em{float:right;color:var(--violet);font-size:8px;font-style:normal}.login b{font:600 18px var(--sans);letter-spacing:.12em}.login form,.plain form{margin-top:28px;display:flex}.login input,.plain input{color:var(--ink);background:0 0;border:0;border-bottom:1px solid #aeb8ce;flex:1;padding:12px 0}.login button,.plain button{background:linear-gradient(90deg,var(--acid),var(--cyan));color:#08100e;border:0;border-radius:8px;padding:12px 18px}.plain h1,.reader h1{font:600 62px var(--serif);letter-spacing:-.06em}.plain article b{font:600 25px var(--serif)}.plain article p{color:var(--muted);font-size:11px}.reader small{color:var(--cyan)}.reader-summary{font:26px/1.3 var(--serif);color:#c1cadb}.reader article{font:20px/1.75 var(--serif);color:#e1e6ee}.reader-source{border-bottom:1px solid var(--acid);color:var(--acid);margin-top:30px;padding-bottom:5px;font-size:12px;display:inline-block}.loading{color:var(--muted);padding:50px 0}@media (width<=650px){.item{grid-template-columns:1fr}.item-time{display:none}.item h2{font-size:23px}}:root{--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--accent:#0071e3;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace}body{min-height:100vh;color:var(--ink);background:#fff;overflow-x:hidden}body:before,body:after{display:none}.app{width:100%;min-height:100vh;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:0;border-radius:0;grid-template-columns:204px minmax(0,1fr);margin:0;display:grid;overflow:hidden}.left{color:var(--ink);background:#f5f5f7;border-right:1px solid #e5e5ea;flex-direction:column;grid-area:1/1;padding:22px 13px 18px;display:flex}.stream{color:var(--ink);background:#fff;grid-area:1/2;padding:46px clamp(28px,5vw,82px) 72px}.logo{width:31px;height:31px;box-shadow:none;color:#fff;font:700 15px var(--sans);background:#1d1d1f;border-radius:9px;place-items:center;display:grid}.identity{color:var(--ink);font:650 14px var(--sans);letter-spacing:-.035em;margin:17px 4px 29px}.identity small{display:none}.left nav{gap:2px;margin:0;display:grid}.left nav a,.left nav button,.source-nav button,.left footer button{color:#424245;cursor:pointer;text-align:left;font:13px var(--sans);background:0 0;border:0;border-radius:7px;padding:8px 10px}.left nav .selected,.left nav button:hover,.source-nav .active,.source-nav button:hover{box-shadow:none;color:#06c;background:#e8f2ff}.left nav b{float:right;color:inherit;font-weight:500}.source-nav{border-top:1px solid #d2d2d7;gap:2px;margin-top:26px;padding-top:17px;display:grid}.source-nav small{color:var(--muted);font:10px var(--sans);letter-spacing:.01em;padding:0 10px 8px}.left footer{border-top:1px solid #d2d2d7;margin-top:auto;padding-top:14px}.left footer button{color:var(--muted);font-size:12px}.stream header{min-height:84px;display:block;position:relative}.stream header h1{color:var(--ink);font:650 clamp(29px, 2.6vw, 37px)/1.1 var(--sans);letter-spacing:-.055em;margin:0}.stream header p{color:var(--muted);font:13px var(--sans);margin:8px 0 0}.stream header span{display:none}.stream header button{box-shadow:none;color:#06c;cursor:pointer;background:#f5f5f7;border:0;border-radius:8px;padding:8px 11px;font-size:12px;transition:background .15s;position:absolute;top:2px;right:0}.stream header button:hover{box-shadow:none;background:#e8e8ed;transform:none}.stream-meta{color:var(--muted);font:12px var(--sans);border-bottom:1px solid #e5e5ea;justify-content:space-between;margin-bottom:27px;padding:0 1px 13px;display:flex}.source-board-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.source-board{box-shadow:none;background:#f5f5f7;border:0;border-radius:20px;overflow:hidden}.source-board-head{background:0 0;border:0;justify-content:space-between;align-items:start;min-height:auto;padding:21px 21px 12px;display:flex}.source-board-head h2{color:var(--ink);font:650 18px/1.15 var(--sans);letter-spacing:-.045em;margin:0}.source-board-head small{color:var(--muted);font:11px var(--sans);letter-spacing:0;margin-top:6px;display:block}.source-board-head button{color:#06c;cursor:pointer;font:12px var(--sans);background:0 0;border:0;padding:1px 0}.source-board-head button span{margin-left:2px;font-size:14px}.rank-list{margin:0;padding:1px 12px 15px;list-style:none}.rank-list li{background:0 0;border:0;border-radius:10px;grid-template-columns:23px minmax(0,1fr) 16px;gap:8px;padding:10px 9px;transition:background .14s;display:grid}.rank-list li:hover{background:#fff;transform:none}.rank-list li>b{color:#86868b;font:500 10px var(--mono);padding-top:2px}.rank-list li:first-child>b,.rank-list li:nth-child(2)>b,.rank-list li:nth-child(3)>b{color:#0071e3}.rank-list a{min-width:0;color:inherit}.rank-list h3{color:#29292b;font:550 14px/1.38 var(--sans);letter-spacing:-.022em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.rank-list p{color:var(--muted);font:11px/1.4 var(--sans);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:4px 0 0;display:-webkit-box;overflow:hidden}.rank-list time{color:#86868b;font:10px var(--sans);margin-top:5px;display:block}.rank-list li>button{color:#aeaeb2;cursor:pointer;background:0 0;border:0;align-self:start;padding:1px 0}.rank-list li>button.saved{color:#ff375f}.rank-list li.read a{opacity:.55}.rank-list .rank-empty{color:var(--muted);padding:18px 9px 8px;font-size:12px;display:block}.plain,.reader,.login{width:min(760px,100% - 48px);box-shadow:none;color:var(--ink);background:#f5f5f7;border:0;border-radius:20px;margin:10vh auto;padding:34px}.reader{width:min(820px,100% - 48px)}.reader>a:first-child,.plain>a:first-child{color:#06c;font-size:13px}.reader small{color:var(--muted);margin-top:25px;font-size:12px;display:block}.reader h1,.plain h1{color:var(--ink);font:650 clamp(32px, 4vw, 52px)/1.05 var(--sans);letter-spacing:-.06em}.reader-summary{color:#515154;font:18px/1.55 var(--sans)}.reader article{color:#303033;font:17px/1.8 var(--sans)}.reader-source{color:#06c;border:0;font-size:13px}.plain form,.login form{gap:8px;margin-top:26px;display:flex}.plain input,.login input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:10px 12px}.plain button,.login button{color:#fff;background:#0071e3;border:0;border-radius:8px;padding:10px 15px}.plain article{border-top:1px solid #d2d2d7;padding:17px 0}.plain article b{color:var(--ink);font:600 17px var(--sans)}.plain article p,.error{color:var(--muted);font-size:13px}.error{color:#d70015}.loading{color:var(--muted);font-size:13px}@media (width<=1180px){.source-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app{display:block}.left{border-bottom:1px solid #e5e5ea;border-right:0;align-items:center;gap:14px;padding:13px;display:flex}.identity,.source-nav,.left footer{display:none}.left nav{margin:0!important;display:flex!important}.left nav a,.left nav button{padding:8px}.stream{padding:30px 16px 48px}.stream header{min-height:88px}.stream header h1{font-size:31px}.source-board-grid{grid-template-columns:1fr}.stream-meta{font-size:11px}.plain,.reader,.login{width:calc(100% - 28px);margin:28px auto;padding:23px}}.stream{padding:42px clamp(28px,4vw,64px) 72px}.stream>.stream-header{justify-content:space-between;align-items:end;min-height:0;padding-bottom:28px;display:flex}.stream>.stream-header .stream-eyebrow{color:#86868b;font:600 10px/1 var(--sans);letter-spacing:.1em;margin:0 0 11px}.stream>.stream-header h1{letter-spacing:-.055em;font-size:34px}.stream>.stream-header>button{color:#424245;padding:9px 14px;font-weight:500;position:static}.stream-meta{color:#86868b;justify-content:space-between;margin:0 0 18px;padding:0 0 11px;font-size:12px}.source-board-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:18px}.source-board{background:#f5f5f7;border-radius:20px}.stream .source-board>.source-board-head{justify-content:space-between;align-items:start;min-height:0;padding:24px 25px 16px;display:flex;position:static}.source-board-head h2{font-size:21px}.source-board-head small{margin-top:6px;font-size:12px}.stream .source-board-head>button{color:#06c;box-shadow:none;background:0 0;padding:2px 0;font-size:13px;position:static}.rank-list{padding:0 17px 16px}.rank-list li{border-radius:8px;grid-template-columns:minmax(0,1fr) 24px;gap:12px;padding:13px 8px}.rank-list li+li{border-top:1px solid #e4e4e8}.rank-list h3{font-size:14px;font-weight:550;line-height:1.45}.rank-list time{margin-top:5px;font-size:11px}.rank-list li>button{font-size:15px}.article-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px;display:grid}.article-card{background:#f5f5f7;border-radius:20px;flex-direction:column;min-width:0;min-height:190px;padding:22px 23px;display:flex}.article-card-top{color:#86868b;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.article-card-top button{color:#86868b;cursor:pointer;background:0 0;border:0;padding:0;font-size:21px;line-height:1}.article-card-top button.saved{color:#06c}.article-card a{color:inherit}.article-card h2{color:#1d1d1f;font:650 17px/1.35 var(--sans);letter-spacing:-.025em;margin:0}.article-card p{color:#515154;font:14px/1.55 var(--sans);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:10px 0 0;display:-webkit-box;overflow:hidden}.article-card time{color:#86868b;margin-top:auto;padding-top:18px;font-size:11px;display:block}.article-card.is-read a{opacity:.65}.empty-state{color:#86868b;font-size:14px}.update-message{color:#515154;overflow-wrap:anywhere;margin:0 0 18px;font-size:13px;line-height:1.5}.stream>.stream-header>button:disabled{opacity:.55;cursor:wait}.source-filters{gap:6px;margin:0 0 20px;display:flex;overflow-x:auto}.source-filters button,.pagination button{color:#6e6e73;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:13px}.source-filters button.active{color:#1d1d1f;background:#e8e8ed;font-weight:600}.pagination{color:#86868b;justify-content:center;align-items:center;gap:12px;margin-top:28px;font-size:12px;display:flex}.pagination button{color:#06c}.pagination button:disabled{color:#c7c7cc;cursor:default}@media (width<=760px){.stream{padding:28px 18px 48px}.stream>.stream-header h1{font-size:30px}.source-board-grid,.article-grid{grid-template-columns:1fr}.left{flex-wrap:wrap}.left .source-nav{border:0;flex-basis:100%;margin:0;padding:0;display:flex;overflow-x:auto}.source-nav small{display:none}.source-nav button{flex:none}}