:root{--bg-dark: #0f172a;--text-white: #ffffff;--text-yellow: #facc15;--phone-bg: #ffffff;--phone-navy: #1e293b;--phone-gray: #64748b;--phone-border: #e2e8f0;--phone-divider: #f1f5f9;--phone-red: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-white);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.presentation-wrapper{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:24px}.back-link{color:#94a3b8;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s;align-self:flex-start}.back-link:hover{color:var(--text-yellow)}.intro-section{width:100%;text-align:center;padding:0 10px}.intro-text{font-size:.95rem;line-height:1.6;color:#cbd5e1;font-weight:400}.intro-text .highlight{color:var(--text-yellow);font-weight:700}.phone-mockup{position:relative;background:#fff;border-radius:44px;padding:12px;border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 60px -15px #000c,inset 0 2px 3px #fff6;display:flex;justify-content:center;align-items:center}.phone-speaker{position:absolute;top:20px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#e2e8f0;border-radius:10px;z-index:10}.phone-screen{background:var(--phone-bg);border-radius:32px;overflow:hidden;width:320px;height:560px;display:flex;flex-direction:column;position:relative}.status-bar{height:32px;padding:8px 18px 0;display:flex;justify-content:space-between;align-items:center;color:#0f172a;background:#fff;-webkit-user-select:none;user-select:none}.status-time{font-size:.75rem;font-weight:600;letter-spacing:-.01em}.status-icons{display:flex;align-items:center;gap:6px}.status-icons .icon{color:#0f172a}.segmented-control{display:flex;padding:10px 16px;background:#fff;gap:8px}.control-btn{flex:1;border:none;background:none;font-family:inherit;font-size:.85rem;font-weight:600;padding:8px 0;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none}.control-btn.active{background:var(--phone-navy);color:#fff;border-radius:8px}.control-btn:not(.active){background:#fff;border:1.5px solid var(--phone-border);color:var(--phone-gray);border-radius:8px}.control-btn:not(.active):hover{border-color:#cbd5e1;color:#0f172a}.feed-content{flex:1;overflow-y:auto;background:#fff;scrollbar-width:none}.feed-content::-webkit-scrollbar{display:none}.post-item{display:flex;align-items:center;padding:12px 16px;text-decoration:none;color:inherit;transition:background .15s ease}.post-item:hover{background:#f8fafc}.post-thumb{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0;margin-right:12px;border:1px solid var(--phone-divider);background:#f1f5f9}.post-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.post-title{font-size:.88rem;font-weight:700;color:#0f172a;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.post-source{font-size:.72rem;color:var(--phone-gray);font-weight:500;letter-spacing:.01em}.post-meta-right{display:flex;align-items:center;gap:6px;color:#cbd5e1;flex-shrink:0}.comment-badge{display:flex;align-items:center;gap:3px;color:var(--phone-red);font-size:.72rem;font-weight:700}.comment-icon{color:var(--phone-red)}.chevron-arrow{color:#cbd5e1;transition:transform .2s}.post-item:hover .chevron-arrow{color:var(--phone-navy);transform:translate(2px)}.divider{height:1px;background-color:var(--phone-divider);margin:0 16px}.bottom-nav{height:54px;background:#fff;border-top:1.5px solid var(--phone-divider);display:flex;justify-content:space-around;align-items:center;padding-bottom:2px}.nav-item{background:none;border:none;cursor:pointer;padding:10px 24px;color:#94a3b8;display:flex;justify-content:center;align-items:center;transition:all .2s ease;outline:none}.nav-item.active{color:var(--phone-red)}.nav-item:not(.active):hover{color:var(--phone-navy)}.nav-icon{width:22px;height:22px;transition:transform .2s}.nav-item:active .nav-icon{transform:scale(.9)}.version-label{position:fixed;bottom:20px;left:20px;font-size:.85rem;color:#4b5563;font-weight:500;z-index:100;pointer-events:none}