:root{--nav:#3f536b;--page:#cfdbe2;--panel:#e7eaee;--ink:#0f172a;--muted:rgba(15,23,42,.7);--stroke:rgba(15,23,42,.18)}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;background:var(--nav);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px}.brandMark{width:38px;height:38px;border:2px solid rgba(255,255,255,.7);display:grid;place-items:center;font-weight:700;text-decoration:none;border-radius:6px}.brandMark:hover{border-color:#fffffff2}.brandMark:focus-visible{outline:3px solid rgba(255,255,255,.55);outline-offset:3px}.brandLogo{width:100%;height:100%;object-fit:contain;display:block}.brandName{font-weight:700;letter-spacing:.2px}.topbarRight{display:flex;align-items:center;gap:8px}.topbarDashBtn{border:1px solid rgba(255,255,255,.28);background:#ffffff2e;color:#fff;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:700;line-height:1.1;cursor:pointer}.topbarDashBtn:hover{background:#ffffff47}.topbarDashBtn:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.main{flex:1;padding:18px}.footer{height:44px;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid var(--stroke);color:var(--muted);background:#ffffff40}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{text-decoration:underline}.dot{opacity:.5}@media(max-width:900px){.topbar{padding:0 12px}.brand{min-width:0}.brandName{font-size:15px}.app,.main{overflow-x:hidden}}.feedsList{display:flex;flex-direction:column;gap:14px}.feedCard{text-align:left;padding:14px;border-radius:12px;border:1px solid var(--stroke);background:#3f536beb;color:#fff;cursor:pointer}.feedCard:hover{filter:brightness(1.03)}.feedCard.active{outline:none;border:2px solid #ff9f1c}.feedTitle{font-weight:900;font-size:18px;letter-spacing:.2px}.feedMeta{margin-top:6px;opacity:.75;font-size:13px;line-height:1.25}.feedAction{margin-top:12px;display:inline-block;padding:10px 12px;border-radius:10px;background:#1ab4ffd9;color:#0f172af2;font-weight:900;border:0;cursor:pointer;font:inherit;text-align:left;appearance:none}.modalOverlay{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;z-index:50}.modalCard{width:min(520px,calc(100vw - 28px));border-radius:14px;border:1px solid rgba(255,255,255,.2);background:#3f536bfa;color:#fff;padding:18px;box-shadow:0 10px 30px #00000040}.modalTitle{font-weight:900;font-size:18px}.modalSub{margin-top:6px;opacity:.78;font-size:13px}.modalInput{width:100%;margin-top:14px;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;outline:none}.modalInput::placeholder{color:#ffffff8c}.modalActions{margin-top:14px;display:flex;justify-content:flex-end;gap:10px}.btnGhost{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-weight:800;cursor:pointer}.btnPrimary{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#7aa3cff2;color:#0f172af2;font-weight:900;cursor:pointer}.btnPrimary:disabled{opacity:.45;cursor:not-allowed}.feedCard{position:relative}.feedRemove{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#ffffffeb;font-weight:900;cursor:pointer;display:grid;place-items:center;opacity:.65}.feedCard:hover .feedRemove{opacity:1}.feedRemove:hover{background:#ffffff2e}.dashSwipeHint{pointer-events:none}.dashSwipeArrow{display:none;position:absolute;top:50%;width:30px;height:30px;border-radius:999px;align-items:center;justify-content:center;background:#ffffff94;border:1px solid rgba(15,23,42,.18);color:#0f172abd;box-shadow:0 6px 14px #0f172a24;z-index:6;opacity:.8;pointer-events:none;transform:translateY(-50%)}.dashSwipeArrow.left{left:8px}.dashSwipeArrow.right{right:8px}.dashSwipeArrowIcon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.dashSwipeArrowIcon.is-left{transform:rotate(180deg)}@keyframes dashSwipePulseLeft{0%,to{opacity:.52;transform:translate(-1px,-50%) scale(1)}50%{opacity:.9;transform:translate(-4px,-50%) scale(1.05)}}@keyframes dashSwipePulseRight{0%,to{opacity:.52;transform:translate(1px,-50%) scale(1)}50%{opacity:.9;transform:translate(4px,-50%) scale(1.05)}}@media(max-width:900px){.dashSwipeArrow{display:flex}.dashSwipeHint.is-animated .dashSwipeArrow.left{animation:dashSwipePulseLeft 1.8s ease-in-out infinite}.dashSwipeHint.is-animated .dashSwipeArrow.right{animation:dashSwipePulseRight 1.8s ease-in-out infinite}.dashSwipeHint.is-static .dashSwipeArrow{animation:none!important;opacity:.58}.dashSwipeHint.is-static.is-feed .dashSwipeArrow{background:#ffffff75;border-color:#0f172a26;box-shadow:0 4px 12px #0f172a1a;color:#0f172a9e;opacity:.52}}.dash{height:calc(100vh - 116px);min-height:0}.dashScroller{height:100%;display:grid;grid-template-columns:minmax(220px,320px) minmax(420px,720px) minmax(220px,360px);justify-content:center;gap:clamp(14px,1.4vw,18px)}.dashDots{display:none}.panel{background:#ffffff2e;border:1px solid var(--stroke);border-radius:10px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:0}.panelTitle{padding:16px 18px;font-weight:800;letter-spacing:.6px;color:#0f172a8c;border-bottom:1px solid var(--stroke)}.panelBody{padding:18px;overflow:auto}.placeholder{height:120px;border:1px dashed rgba(15,23,42,.25);border-radius:10px;display:grid;place-items:center;color:#0f172a8c;background:#ffffff38}.categoryList{display:flex;flex-direction:column;gap:10px}.catBtn{padding:12px 14px;border-radius:8px;border:1px solid var(--stroke);background:#ffffff59;color:var(--ink);font-weight:600;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.catBtn:hover{background:#ffffff8c}.catBtn.active{background:#3f536bf2;color:#fff;border-color:#3f536b}.panelHint{font-size:12px;font-weight:700;letter-spacing:.2px;color:#0f172a73;margin-top:6px}.panelFooter{padding:12px 18px;border-top:1px solid var(--stroke);color:#0f172a8c;font-size:13px;background:#ffffff1a}.counter strong{color:#0f172acc}.catBtn{display:flex;align-items:center;justify-content:space-between;gap:10px}.catBtn:disabled{opacity:.45;cursor:not-allowed}.tag{font-size:11px;font-weight:800;padding:6px 8px;border-radius:999px;background:#ffffff40;border:1px solid rgba(255,255,255,.25);color:#ffffffe6}.mixSelected{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.mixChip{padding:10px 12px;border-radius:10px;border:1px solid var(--stroke);background:#ffffff59;font-weight:700;cursor:pointer}.mixChip.on{background:#ffffffa6;border-color:#0f172a40}.saveBtn{margin-top:14px;width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(15,23,42,.25);background:#3f536bf2;color:#fff;font-weight:900;letter-spacing:.3px;cursor:pointer}.saveBtn:disabled{opacity:.45;cursor:not-allowed}.microHint{margin-top:10px;font-size:12px;color:#0f172a8c}.mixList{display:flex;flex-direction:column;gap:14px}.mixRow{padding:12px;border-radius:10px;border:1px solid var(--stroke);background:#ffffff59}.mixRow.active{background:#fff9;border-color:#0f172a4d}.mixLabel{font-weight:800;margin-bottom:8px}.mixControls{display:grid;grid-template-columns:36px 1fr 36px 48px;align-items:center;gap:10px}.mixControls button{height:32px;border-radius:8px;border:1px solid var(--stroke);background:#ffffff8c;font-size:18px;cursor:pointer}.mixControls button:disabled{opacity:.4;cursor:not-allowed}.mixBar{height:12px;border-radius:999px;background:#0f172a26;overflow:hidden}.mixFill{height:100%;background:#3f536bf2}.mixValue{font-weight:800;text-align:right}.saveRow{margin-top:14px;display:flex;gap:10px}.saveAsNewBtn{width:160px;padding:12px 14px;border-radius:10px;border:1px solid rgba(15,23,42,.25);background:#ffffff73;color:#0f172ad9;font-weight:900;letter-spacing:.2px;cursor:pointer}.saveAsNewBtn:disabled{opacity:.45;cursor:not-allowed}.disabledPanel{opacity:.55;pointer-events:none;filter:grayscale(.2)}.panelSub{font-size:12px;font-weight:800;letter-spacing:.2px;color:#0f172a73;margin-left:8px}.toast{position:fixed;top:84px;right:18px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#3f536bf5;color:#fff;font-weight:900;box-shadow:0 10px 26px #0000002e;z-index:80;max-width:420px}@media(max-width:900px){.dash{display:flex;flex-direction:column;overflow:hidden}.dashScroller{display:flex;flex:1;height:auto;justify-content:flex-start;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;width:100%;gap:0;padding-bottom:48px}.dashScroller{scrollbar-width:none}.dashScroller::-webkit-scrollbar{display:none}.dashScroller>.panel{flex:0 0 100%;min-width:100%;width:100%;max-width:none;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}.panelBody{overflow:auto}.dashDots{display:flex;gap:8px;justify-content:center;align-items:center;position:fixed;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));z-index:100;padding:10px 0}.dashDot{font-size:14px;opacity:.45;-webkit-user-select:none;user-select:none;line-height:1;border:0;background:transparent;padding:0;cursor:pointer}.dashDot.isActive{opacity:1}}.fs-page{height:calc(100vh - 116px);overflow:hidden;padding:0;box-sizing:border-box}.fs-grid{height:100%;min-height:0}.fsScroller{height:100%;display:grid;grid-template-columns:180px minmax(220px,320px) minmax(420px,720px) minmax(220px,360px) 180px;grid-template-rows:1fr;justify-content:center;gap:clamp(14px,1.4vw,18px)}.fs-adGutter{align-self:center;height:auto;display:flex;justify-content:center}.fs-adGutter .fs-adRail{width:100%}.fsDots{display:none}.fs-panel{background:#ffffff29;border:1px solid rgba(15,23,42,.1);border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:0}.fs-panelHead{padding:14px 16px;font-weight:700;letter-spacing:.02em;color:#0f172ab3;background:#ffffff1a;border-bottom:1px solid rgba(15,23,42,.1)}.fs-panelBody{padding:14px;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}.fs-center .fs-panelBody{padding:14px}.fs-centerHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.fs-centerTitle{font-weight:800;color:#0f172abf}.fs-empty{padding:12px;border-radius:10px;background:#ffffff1a;color:#0f172ab3}.fs-btn{border:0;border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer}.fs-btnPrimary{background:#1d4ed8cc;color:#fff}.fs-btnGhost{background:#ffffff29;color:#0f172abf}.fs-linkBtn{background:transparent;border:0;padding:0;font-weight:700;cursor:pointer;color:#0f172ab3}.fs-linkBtn:hover{text-decoration:underline}.fs-leftList{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-y:auto}.fs-feedCard{background:#0f172a2e;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px}.fs-feedCard.is-active{outline:2px solid rgba(29,78,216,.55)}.fs-feedTitle{color:#ffffffeb;font-weight:800;font-size:18px;margin-bottom:6px}.fs-feedMeta{color:#ffffffb3;font-size:13px;margin-bottom:10px}.fs-feedMetaLine{color:#ffffffb3;font-size:12px;margin:2px 0 10px}.fs-stream{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-y:auto}.fs-articleCard{flex:0 0 auto;display:grid;grid-template-columns:1fr;background:#ffffffe0;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 6px 18px #0f172a14}.fs-articleImg{width:100%;height:220px;object-fit:cover;display:block}.fs-articleImgEmpty{height:220px;background:#0f172a1a}.fs-articleContent{padding:14px 16px 12px}.fs-articleTitle{font-weight:900;color:#0f172aeb;margin-bottom:8px}.fs-articleDesc{color:#0f172ab3;line-height:1.35;margin-bottom:10px;font-size:14px}.fs-articleMeta{display:flex;align-items:center;gap:8px;color:#0f172a8c;font-size:12px;margin-bottom:10px}.fs-dot{opacity:.6}.fs-articleActions{display:flex;gap:18px}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fs-reader{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow-y:auto}.fs-readerFrameWrap{flex:1;min-height:520px;border-radius:14px;overflow:hidden;background:#ffffffe0}.fs-iframe{width:100%;height:100%;border:0}.fs-readerFallback{display:flex;align-items:center;gap:10px;color:#0f172aa6;font-size:13px}.fs-savedList{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-y:auto}.fs-savedCard{flex:0 0 auto;background:#ffffffe0;border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:0 6px 18px #0f172a14}.fs-savedImg{width:100%;height:140px;object-fit:cover;display:block}.fs-savedContent{padding:12px 14px}.fs-savedTitle{font-weight:900;color:#0f172aeb;margin-bottom:8px}@media(max-width:900px){.fs-center .dashSwipeHint.is-feed .dashSwipeArrow.left{left:-12px}.fs-center .dashSwipeHint.is-feed .dashSwipeArrow.right{right:-12px}.fs-page{min-height:calc(100vh - 116px);height:calc(100dvh - 116px);overflow-x:hidden;overflow-y:hidden}.fsScroller{display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;width:100%;gap:0;padding-bottom:48px}.fsScroller{scrollbar-width:none}.fsScroller::-webkit-scrollbar{display:none}.fs-panel{flex:0 0 100%;min-width:100%;width:100%;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}.fsDots{display:flex;gap:8px;justify-content:center;align-items:center;position:fixed;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));z-index:100;padding:10px 0;pointer-events:auto}.fsDot{font-size:14px;opacity:.45;-webkit-user-select:none;user-select:none;line-height:1;border:0;background:transparent;padding:0;cursor:pointer}.fsDot.isActive{opacity:1}}.fs-adInline{flex:0 0 auto;width:100%;background:repeating-linear-gradient(135deg,#0f172a05 0 10px,#fff0 10px 20px),#ffffffc7;border:1px dashed rgba(15,23,42,.22);border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #0f172a0f;padding:14px;min-height:250px;display:flex;flex-direction:column}.fs-adInlineTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.fs-adBadge{font-size:12px;font-weight:700;letter-spacing:.02em;color:#0f172ac7;background:#0f172a14;padding:6px 10px;border-radius:999px}.fs-adHint{font-size:12px;color:#0f172a8c}@media(max-width:900px){.fs-adInline{min-height:250px;padding:12px}}.fs-adRail{width:100%;min-height:600px;border-radius:16px;overflow:hidden;border:1px dashed rgba(15,23,42,.22);box-shadow:0 6px 18px #0f172a0f;padding:14px;background:linear-gradient(0deg,#ffffffc7,#ffffffc7),repeating-linear-gradient(135deg,#0f172a0a 0px 10px,#0f172a00 10px 20px)}@media(max-width:900px){.fs-adGutter{display:none!important}}html,body,#root{height:100%}body{margin:0}html,body,#root{height:100%;overflow:hidden}