:root{--font-ui: "Segoe UI", Tahoma, sans-serif;--color-bg: #091a3a;--color-surface: #ffffff;--color-ink: #0f2940;--color-border: #c9daee;--shadow-soft: 0 8px 22px rgba(16, 42, 67, .14);--card-gap: 12px;--cards-row-height: clamp(150px, 30dvh, 300px);--control-row-height: 88px}*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:var(--font-ui);color:var(--color-ink);background:linear-gradient(145deg,#06152f,#0c2657,#1a458b);overflow:hidden}.page{padding:12px;display:grid;gap:10px;height:100dvh;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.brand-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:var(--control-row-height)}.backend-status{border-radius:10px;padding:8px 12px;font-size:20px;font-weight:700;width:fit-content;max-width:100%}.backend-status--loading{background:#8fb6ff38;color:#d9eaff;border:1px solid rgba(143,182,255,.55)}.backend-status--error{background:#d3000033;color:#ffd8d8;border:1px solid rgba(255,132,132,.6)}.brand-logo{height:88px;width:auto;object-fit:contain}.brand-logo-button{border:none;background:transparent;padding:0;margin:0;cursor:pointer}.icon-nav{border:none;background:transparent;font-size:88px;line-height:1;padding:0;cursor:pointer;transition:transform .15s ease}.icon-nav--edge{transform:scale(1.1);filter:brightness(1.25)}.person-filters-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px;height:var(--control-row-height);overflow:hidden;min-width:0;flex:1 1 auto}.person-filter{width:87px;height:87px;border:2px solid #7eb6ff;border-radius:999px;background:#d9eaff;padding:0;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.person-filter--all{font-size:54px;line-height:1}.person-filter__avatar{width:100%;height:100%;object-fit:cover;display:block}.person-filter--active{border-color:#ff8a00;box-shadow:0 0 0 2px #ff8a004d}.layout-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;height:var(--cards-row-height);min-height:0}.icon-nav--strip{align-self:center;justify-self:center;min-width:78px}.cards-strip{display:grid;grid-auto-flow:column;grid-auto-columns:calc((var(--cards-row-height) - 20px) / 2);gap:var(--card-gap);overflow-x:auto;overflow-y:hidden;align-items:start;width:100%;padding:10px;border-radius:14px;background:linear-gradient(140deg,#0a1d42,#13326f 55%,#1e4a95);scrollbar-width:none;height:100%;scroll-snap-type:x mandatory}.cards-strip::-webkit-scrollbar{display:none}.content-card{border:2px solid var(--color-border);border-radius:16px;background:#fff;box-shadow:var(--shadow-soft);height:100%;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;scroll-snap-align:start;scroll-snap-stop:always}.content-card--read{background:#8fb6ff;border-color:#2f5fae}.content-card--selected{border:6px solid #ff8a00;box-shadow:0 0 0 2px #ff8a0040}.card-hero{position:relative;flex:0 0 50%;width:100%;min-height:0;overflow:hidden}.card-hero img{width:100%;height:100%;object-fit:cover}.important-triangle{position:absolute;left:8px;bottom:8px;font-size:144px;color:#d30000;font-weight:900;line-height:1;pointer-events:none}.card-meta{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;text-align:center;flex:1 1 auto}.type-icon{font-size:88px;line-height:1}.detail-zone{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:4px}.detail-panel{border:2px solid var(--color-border);border-radius:14px;background:#f8fbff;padding:12px;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden;width:fit-content;max-width:100%;justify-self:center}.detail-panel--quote{grid-template-rows:auto;width:fit-content;max-width:min(100%,1100px);padding:0;border:none;background:transparent;box-shadow:none}.detail-panel__header{display:flex;justify-content:flex-start;align-items:center;gap:10px}.detail-panel__header strong,.detail-panel__meta{font-size:68px;line-height:1.1;font-weight:700}.detail-media{width:fit-content;max-width:100%;min-height:0;border-radius:12px;overflow:hidden;background:#081a3a;display:flex;align-items:center;justify-content:center;height:100%;justify-self:center}.detail-media--text{width:100%;justify-self:stretch;overflow:visible}.detail-media--quote{width:fit-content;max-width:min(980px,100%);justify-self:center;padding:28px 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.daily-quote-label{margin:0;font-size:clamp(30px,4vw,54px);font-weight:700;color:#8fb6ff}.daily-quote-text{margin:0;font-size:clamp(30px,4.2vw,54px);line-height:1.28;font-weight:700;color:#f8fbff}.detail-media__img{width:auto;height:100%;max-width:100%;object-fit:contain}.detail-text-shell{position:relative;width:calc(100% - 220px);max-width:1100px;height:100%;overflow:visible;margin:0 auto}.detail-text-only{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;text-align:center;padding:56px 96px 24px 24px;font-size:68px;line-height:1.35;font-weight:700;color:#f8fbff;overflow-y:auto;scrollbar-width:none}.detail-text-only::-webkit-scrollbar{display:none}.detail-text-controls{position:absolute;top:50%;right:-134px;transform:translateY(-50%);display:grid;gap:10px;z-index:3}.text-scroll-btn{border:none;background:#d9eafff2;border-radius:12px;width:72px;height:72px;font-size:40px;line-height:1;cursor:pointer}.detail-inline-controls{min-height:42px;display:flex;align-items:center;gap:12px}.inline-control-btn{border:none;border-radius:10px;width:56px;height:56px;font-size:32px;cursor:pointer;background:#d9eaff}.tts-state{font-size:20px;font-weight:700}.detail-types-row{display:flex;justify-content:center;align-items:center;gap:18px;padding:4px 0}.detail-type-item{font-size:88px;line-height:1;opacity:.75}.detail-type-btn{border:none;background:transparent;cursor:pointer}.detail-type-btn:hover,.detail-type-btn:focus-visible{opacity:1}.modal-overlay{position:fixed;inset:0;background:#050e1ed9;z-index:30;display:grid;place-items:center;padding:16px}.modal-content{position:relative;width:min(95vw,1500px);height:min(92vh,980px);border-radius:16px;border:2px solid #c9daee;background:#f8fbff;display:grid;grid-template-rows:auto minmax(0,1fr);padding:12px;gap:8px}.modal-close{position:absolute;top:10px;right:10px;border:none;background:#d9eaff;width:56px;height:56px;border-radius:10px;font-size:22px;font-weight:800;cursor:pointer}.modal-header{font-size:clamp(28px,2.4vw,52px);font-weight:700;color:#0f2940;padding-right:70px}.modal-body{position:relative;min-height:0;border-radius:12px;background:#081a3a;overflow:hidden;display:grid;place-items:center}.modal-media{width:100%;height:100%;object-fit:contain}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);border:none;border-radius:12px;width:74px;height:74px;font-size:42px;cursor:pointer;background:#d9eafff2;z-index:2}.modal-nav--left{left:12px}.modal-nav--right{right:12px}.modal-text-shell{position:relative;width:100%;height:100%}.modal-text{width:calc(100% - 220px);max-width:1200px;margin:0 auto;height:100%;overflow-y:auto;scrollbar-width:none;padding:64px 94px 40px 40px;font-size:clamp(30px,3.5vw,64px);line-height:1.35;color:#f8fbff;text-align:center;font-weight:700}.modal-text::-webkit-scrollbar{display:none}.modal-text-controls{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:grid;gap:10px}.modal-tts-controls{position:absolute;right:110px;bottom:14px;display:flex;gap:10px}@media(max-width:920px){:root{--cards-row-height: clamp(130px, 26dvh, 240px)}.icon-nav{font-size:72px}.person-filter{width:76px;height:76px}.person-filter--all{font-size:40px}.brand-logo{height:72px}.detail-type-item{font-size:72px}.detail-panel__header strong,.detail-panel__meta{font-size:48px}.detail-text-only{font-size:48px;padding-top:34px}.detail-text-shell{width:calc(100% - 150px)}.detail-text-controls{right:-96px}.text-scroll-btn{width:58px;height:58px;font-size:30px}}#root{width:100%;margin:0}