@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600;700;800&display=swap";@import"https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Libre Franklin,system-ui,sans-serif;background:#000;color:#fff;height:100vh;overflow:hidden}.pathtok-root{width:100%;height:100vh;position:relative;overflow:hidden;background:#000}.feed{width:100%;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.video-card{width:100%;height:100vh;scroll-snap-align:start;position:relative;overflow:hidden;background:#111}.video-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.85) 100%)}.play-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:28px;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-card.paused .play-indicator{opacity:1}.video-content{position:absolute;bottom:0;left:0;right:80px;padding:0 16px 32px}.video-author{display:flex;align-items:center;gap:10px;margin-bottom:10px}.author-avatar{width:40px;height:40px;border-radius:50%;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.author-name{font-size:15px;font-weight:700;color:#fff}.author-lifepath{font-size:12px;color:#ffffffb3}.follow-btn{font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;border:1.5px solid white;background:transparent;color:#fff;cursor:pointer;font-family:Libre Franklin,sans-serif;transition:all .15s ease;margin-left:4px}.follow-btn:hover{background:#fff;color:#000}.video-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:6px;line-height:1.4}.video-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tag{font-size:12px;color:#ffffffd9;background:#ffffff1f;padding:3px 10px;border-radius:999px}.video-category{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:8px}.cat-event{background:#570b7db3;color:#ead7f4}.cat-profile{background:#3588dfb3;color:#b5d4f4}.cat-community{background:#57ae6bb3;color:#c0dd97}.cat-business{background:#ef9f27b3;color:#fac775}.video-actions{position:absolute;bottom:32px;right:12px;display:flex;flex-direction:column;align-items:center;gap:20px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#fff;font-family:Libre Franklin,sans-serif}.action-icon{width:48px;height:48px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.action-btn:hover .action-icon{background:#ffffff40;transform:scale(1.1)}.action-btn.liked .action-icon{background:#c918ad66}.action-btn.liked i{color:#e237cb}.action-btn.bookmarked .action-icon{background:#570b7d66}.action-btn.bookmarked i{color:#ead7f4}.action-count{font-size:12px;font-weight:600;color:#fff}.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 16px 0;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%)}.top-tabs{display:flex;gap:20px}.top-tab{font-size:15px;font-weight:600;color:#fff9;background:none;border:none;cursor:pointer;font-family:Libre Franklin,sans-serif;padding-bottom:4px;border-bottom:2px solid transparent;transition:all .15s ease}.top-tab.active{color:#fff;border-bottom-color:#fff}.top-nav-search{width:36px;height:36px;border-radius:50%;background:#ffffff1f;border:none;cursor:pointer;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.comments-panel{position:fixed;bottom:0;left:0;right:0;height:65vh;background:#1a1a1a;border-radius:20px 20px 0 0;z-index:200;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s ease}.comments-panel.open{transform:translateY(0)}.comments-handle{width:36px;height:4px;border-radius:2px;background:#fff3;margin:12px auto 16px;flex-shrink:0}.comments-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.comments-title{font-size:15px;font-weight:700;color:#fff}.close-btn{background:none;border:none;cursor:pointer;color:#fff9;font-size:20px;display:flex;align-items:center}.comments-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.comment{display:flex;gap:10px}.comment-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.comment-body{flex:1}.comment-author{font-size:13px;font-weight:700;color:#fff;margin-bottom:3px}.comment-text{font-size:13px;color:#fffc;line-height:1.4}.comment-time{font-size:11px;color:#fff6;margin-top:4px}.comments-input-row{display:flex;gap:10px;padding:12px 16px 24px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.comment-input{flex:1;background:#ffffff14;border:none;border-radius:999px;padding:10px 16px;font-size:14px;color:#fff;font-family:Libre Franklin,sans-serif;outline:none}.comment-input::placeholder{color:#fff6}.send-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#570b7d,#813fa2);border:none;cursor:pointer;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150;opacity:0;pointer-events:none;transition:opacity .3s ease}.overlay.open{opacity:1;pointer-events:all}@media (min-width: 480px) and (orientation: portrait){.feed{width:100%;max-width:100%}.video-card{width:100%}.top-nav{left:0;right:0;transform:none;width:100%}.comments-panel{left:0;right:0;width:100%;transform:translateY(100%)}.comments-panel.open{transform:translateY(0)}}@media (min-width: 480px) and (orientation: landscape),(min-width: 1024px){.pathtok-root{display:flex;justify-content:center}.feed{width:390px;max-width:390px;flex-shrink:0}.video-card{width:390px}.top-nav{width:390px;left:50%;right:auto;transform:translate(-50%);justify-content:center}.comments-panel{width:390px;left:50%;right:auto;transform:translate(-50%) translateY(100%)}.comments-panel.open{transform:translate(-50%) translateY(0)}.overlay{background:#000000b3}.action-icon{width:31px;height:31px;font-size:14px}.action-count{font-size:10px}.video-actions{gap:13px;right:8px;bottom:24px}}