:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1111;--panel:#161c19;--mint:#b0f2b3;--ivory:#fff9ef;--muted:#8f9d95;--line:#ffffff0d;--red:#fa9d96;font-synthesis:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ivory);margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{justify-content:center;align-items:center;gap:8px;display:inline-flex}img{max-width:100%}.app{width:100%;max-width:530px;height:100dvh;min-height:400px;padding-top:env(safe-area-inset-top);isolation:isolate;flex-direction:column;margin:auto;display:flex;position:relative}.app-header{z-index:4;flex-shrink:0;justify-content:space-between;align-items:center;padding:27px 27px 20px;display:flex}.wordmark{letter-spacing:3.8px;color:var(--mint);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.wordmark-dot{background:var(--mint);opacity:.6;border-radius:50%;width:4px;height:4px}.person-button{letter-spacing:-.9px;text-align:left;gap:10px;max-width:280px;padding:0;font-size:24px;font-weight:600}.person-button svg{color:var(--muted)}.person-wrap{position:relative}.outside{z-index:4;cursor:default;position:fixed;inset:0}.people-menu{z-index:5;background:#202822;border:1px solid #b0f2b321;border-radius:17px;min-width:270px;max-width:calc(100vw - 40px);padding:10px;position:absolute;top:calc(100% + 17px);left:-8px;box-shadow:0 20px 80px #0008}.people-menu p{letter-spacing:2px;color:var(--muted);padding:10px 10px 12px;font-size:10px}.people-menu button{text-align:left;border-radius:9px;justify-content:flex-start;width:100%;padding:13px 10px}.people-menu button:hover{background:#b0f2b30c}.people-menu button span{flex:1}.people-menu small{color:var(--muted);font-size:11px}.people-menu svg{color:var(--mint)}.header-actions{align-items:center;gap:17px;display:flex}.icon-button{width:38px;height:42px;color:var(--muted);border-radius:50%;flex-shrink:0}.icon-button:hover{color:var(--ivory);background:#ffffff08}.settings{color:var(--mint);background:#ffffff06;width:43px;height:43px}.watch-count{text-align:right;flex-direction:column;gap:4px;display:flex}.watch-count b{color:var(--mint);font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:19px;font-weight:550}.watch-count b span{color:#b0f2b361;font-size:15px}.watch-count small{color:var(--muted);letter-spacing:1px;font-size:9px}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:20px 25px 55px;display:flex}.empty h1,.caught-up h1{letter-spacing:-1.25px;font-size:30px;font-weight:550;line-height:1.18}.empty>p:not(.eyebrow),.caught-up>p:not(.eyebrow){color:var(--muted);max-width:310px;margin-top:16px;margin-bottom:24px;font-size:14px;line-height:1.75}.empty-pocket img{opacity:.8;border-radius:25px;margin-bottom:34px}.eyebrow{letter-spacing:2.3px;color:#b0f2b380;margin-bottom:17px;font-size:9px;font-weight:550}.primary{background:var(--mint);color:#102115;border:1px solid #d8ffcf18;border-radius:25px;justify-content:center;align-items:center;gap:11px;min-height:46px;padding:14px 21px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.primary:hover{background:#c6ffc8}.primary:active{transform:scale(.98)}.text-button{color:var(--mint);align-items:center;gap:7px;min-height:42px;padding:8px 0;font-size:12px;line-height:1.5;display:inline-flex}.empty>.text-button{margin-top:12px}.quiet{color:#718078;justify-content:center;align-items:center;gap:6px;margin-top:29px;font-size:10px;line-height:1.7;display:flex}.welcome{padding-bottom:70px}.welcome h1{letter-spacing:-2.3px;font-size:49px;line-height:1.07}.welcome h1 em{color:var(--mint);font-style:normal}.welcome .eyebrow{letter-spacing:2px;margin-top:38px;font-size:8px}.welcome .intro{margin:22px 0 30px;font-size:15px}.welcome .primary{padding:15px 28px}.welcome .quiet{margin-top:18px}.welcome>.text-button{color:#8b9e91;font-size:11px}.pocket-aura{position:relative}.pocket-aura:before{content:"";z-index:-1;background:radial-gradient(circle,#b0f2b318,#0000 69%);position:absolute;inset:-30px}.pocket-aura img{border-radius:31px;box-shadow:0 15px 55px #0007}.feed{scroll-snap-type:y mandatory;scroll-behavior:auto;overscroll-behavior-y:contain;scrollbar-width:none;outline:0;flex:1;min-height:0;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.video-page{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;height:100%;min-height:0;padding:0 21px;display:flex}.player{isolation:isolate;background:#080b09;border:1px solid #b0f2b30b;border-radius:23px;flex:1;min-height:0;position:relative;overflow:hidden}.player iframe{z-index:1;background:#080b09;border:0;width:100%;height:100%;position:relative}.player-decoration{background:radial-gradient(at 50% 35%,#b0f2b308,#0000 60%);position:absolute;inset:0}.player-loading,.player-failed{text-align:center;color:var(--muted);z-index:0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:35px;font-size:12px;display:flex;position:absolute;inset:0}.player-failed{z-index:2;background:#111a14}.player-failed svg{color:var(--mint)}.player-failed h3{color:var(--ivory);letter-spacing:-.5px;font-size:21px;font-weight:500}.player-failed p{max-width:250px;line-height:1.8}.player-failed .primary{margin-top:7px}.player-failed .primary svg{color:#102115}.player-failed .text-button{margin-top:-10px}.video-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:16px 1px 7px;display:flex}.video-meta>div{align-items:center;gap:7px;display:flex}.video-meta b{font-size:12px;font-weight:550}.video-meta a{color:#7c8d83;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.video-meta small{color:#697b70;font-size:10px}.platform-dot{background:#a1a1a1;border-radius:50%;width:5px;height:5px}.platform-dot.tiktok{background:#8ad5c9}.platform-dot.instagram{background:#dba7bc}.platform-dot.youtube{background:#df9d92}.video-actions{align-items:center;gap:2px;display:flex}.video-actions .icon-button{width:32px;height:38px}.watched-button{color:#8b9a90;background:#ffffff06;border:1px solid #ffffff04;border-radius:20px;gap:6px;min-height:34px;padding:0 10px;font-size:10px}.watched-button.is-watched{color:var(--mint);background:#b0f2b308}.unwatched-circle{border:1px solid #87988b;border-radius:50%;width:11px;height:11px}.delete:hover{color:var(--red)}.swipe-hint{color:#4e6154;flex-shrink:0;justify-content:space-between;align-items:center;padding:1px 2px 6px;display:flex}.swipe-hint>span{letter-spacing:1.6px;font-size:7px}.swipe-hint>div{gap:5px;display:flex}.swipe-hint button{color:#839a89;width:29px;height:26px}.sync-note{padding:10px 24px calc(14px + env(safe-area-inset-bottom));letter-spacing:.2px;color:#64766a;flex-shrink:0;justify-content:center;align-items:center;gap:7px;font-size:9px;display:flex}.sync-note button{color:#8a9c90;gap:4px;min-height:20px;padding:0;font-size:9px}.sync-divider{opacity:.6;margin:0 3px}.status-dot{background:#b0f2b36b;border-radius:50%;width:4px;height:4px}.status-dot.offline{background:#d8b474}.caught-up{text-align:center;justify-content:center;align-items:center;padding-bottom:45px}.caught-icon{width:79px;height:79px;color:var(--mint);background:#b0f2b307;border:1px solid #b0f2b322;border-radius:50%;place-items:center;margin-bottom:35px;display:grid}.caught-up .eyebrow{font-size:8px}.caught-up h1{font-size:29px}.caught-up .text-button{margin:10px 0}.subtle-button{color:#b6c8ba;background:#ffffff06;border:1px solid #ffffff09;border-radius:23px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:11px 17px;font-size:12px;display:inline-flex}.toast{left:50%;bottom:calc(35px + env(safe-area-inset-bottom));color:#d7f5dc;z-index:30;background:#263b2c;border:1px solid #b0f2b329;border-radius:24px;align-items:center;gap:8px;width:max-content;max-width:90vw;padding:12px 18px;font-size:12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 45px #0008}.dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000a;justify-content:center;align-items:flex-end;padding:0 10px;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:510px;max-height:88dvh;padding:0 27px calc(25px + env(safe-area-inset-bottom));scrollbar-width:thin;background:#18201b;border:1px solid #b0f2b31c;border-radius:26px 26px 0 0;overflow-y:auto;box-shadow:0 -30px 100px #0005}.sheet-grip{background:#a3b8a431;border-radius:3px;width:32px;height:3px;margin:12px auto}.sheet-header{z-index:2;background:#18201bf2;justify-content:space-between;align-items:center;gap:10px;padding:12px 0 15px;display:flex;position:sticky;top:0}.sheet-header h2{letter-spacing:-.9px;font-size:23px;font-weight:500;line-height:1.2}.sheet-header .icon-button{color:#a3b8a4;width:30px}.sheet-body{padding:4px 0 7px}.sheet-body>p{color:#96a69a;margin-bottom:24px;font-size:13px;line-height:1.8}.sheet-body>p.field-note{margin:13px 0 20px;font-size:10px}.sheet-body h3{font-size:14px;font-weight:550;line-height:1.4}.input-label{letter-spacing:1.5px;color:#92a695;margin:12px 0 10px;font-size:9px;display:block}.sheet input,.sheet textarea{color:#e9f5e7;resize:vertical;background:#101812;border:1px solid #b0f2b31e;border-radius:12px;width:100%;padding:14px;font-size:13px;line-height:1.8}.sheet textarea::placeholder{color:#54695a}.sheet textarea:focus,.sheet input:focus{border-color:#b0f2b36b;outline:0}.field-note{align-items:flex-start;gap:6px;display:flex;color:#768a7b!important;font-size:10px!important;line-height:1.8!important}.field-note svg{flex-shrink:0;margin-top:2px}.full{width:100%;margin-top:12px}.error{background:#ffb1a707;border:1px solid #ffb1a71f;border-radius:9px;margin-top:13px;padding:12px;color:#ffc0b6!important;font-size:12px!important}.sheet .danger{color:#ffe1db;background:#5b302c;border:1px solid #fcaaa226;border-radius:23px;width:100%;padding:14px;font-size:13px}.small-sheet{max-width:450px}.small-sheet .sheet-body>p{margin-bottom:20px}.sheet .danger-text{color:#b8847e;margin-top:14px;font-size:11px}.account-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:5px;padding:4px 0 25px;display:flex}.avatar{width:37px;height:37px;color:var(--mint);background:#b0f2b30c;border:1px solid #b0f2b319;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;display:grid}.account-row>div:nth-child(2){flex:1;min-width:0}.account-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.account-row small{color:#738f7b;margin-top:5px;font-size:9px;display:block}.settings-body .section-label{color:#718d78;letter-spacing:1.7px;margin:24px 0 11px;font-size:8px;font-weight:550}.setting-row{border-bottom:1px solid var(--line);text-align:left;color:#d0dfd1;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 0;font-size:12px;display:flex}.setting-row>span{flex:1}.setting-row>svg:first-child{color:#8fae96}.setting-row>svg:last-child{color:#5b7764}.setting-row select{appearance:none;color:var(--mint);background:#223327;border:0;border-radius:8px;padding:8px 12px;font-size:11px}.pairing-row{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:14px 0;display:flex}.pairing-row>svg{color:#789b81}.pairing-row>div{flex:1}.pairing-row strong{font-size:12px;font-weight:500;display:block}.pairing-row small{color:#698873;margin-top:6px;font-size:9px;display:block}.rename-row{align-items:center;gap:10px;margin-bottom:9px;display:flex}.rename-row input{padding:8px 11px;font-size:12px}.rename-row .text-button{padding:10px;font-size:11px}.settings-body .version{text-align:center;color:#4e6b58;margin:30px 0 0;font-size:9px}.feature-pill{color:#a6c9ae;background:#b0f2b30c;border-radius:16px;align-items:center;gap:6px;margin:0 0 20px;padding:8px 10px;font-size:9px;display:inline-flex}.setup-step{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:20px 0;display:flex}.step-number{width:23px;height:23px;color:var(--mint);background:#b0f2b31a;border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;display:grid}.setup-step>div{flex:1;min-width:0}.setup-step p{color:#8ca594;margin:9px 0 15px;font-size:11px;line-height:1.8}.setup-step .primary{min-height:39px;margin-top:10px;padding:10px 16px;font-size:11px}.setup-step h3{font-size:13px}.sheet details{color:var(--mint);margin-top:14px;font-size:11px}.sheet summary{cursor:pointer;line-height:1.8}.code-details textarea{word-break:break-all;margin-top:10px;font-size:11px}.setup-picture{border:1px solid #b0f2b319;border-radius:12px;width:100%;margin-top:12px;display:block}.install-icon{border-radius:21px;margin-bottom:22px}.steps{margin:0;padding:0;list-style:none}.steps li{color:#a2b6a6;align-items:flex-start;gap:15px;margin:23px 0;font-size:13px;line-height:1.8;display:flex}.steps li>span{width:24px;height:24px;color:var(--mint);background:#b0f2b310;border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.steps b{color:#e4f4e7;font-weight:550}.privacy-copy h3{color:#d1e6d6;margin:22px 0 9px}.privacy-copy p{margin-bottom:12px;font-size:12px;line-height:1.9}.offline-bar{color:#cdbf98;background:#342d1a;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:10px;display:flex}.account-delete{border-top:1px solid #fa9d961f;margin-top:20px;padding-top:25px}.account-delete h3{margin-bottom:14px}.spin{animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=640px){body{background:radial-gradient(at 50% 10%,#20352655,#0000 55%),#0b100d}.app{background:#0e1111;border-left:1px solid #b0f2b30a;border-right:1px solid #b0f2b30a;box-shadow:0 0 140px #0003}.app-header{padding-top:32px;padding-bottom:24px}.dialog-backdrop{align-items:center;padding:20px}.sheet{border-radius:26px;max-height:85dvh}.sheet-grip{opacity:0}.welcome{padding-bottom:80px}.video-page{padding:0 28px}.player{border-radius:25px}}@media (height<=700px){.app-header{padding-top:16px;padding-bottom:14px}.wordmark{margin-bottom:7px}.welcome h1{font-size:38px}.pocket-aura img{border-radius:23px;width:80px;height:80px}.welcome .eyebrow{margin-top:23px}.welcome .intro{margin:15px 0 20px}.welcome .quiet{margin-top:12px}.welcome{padding-bottom:25px}.video-footer{padding-top:9px}.sync-note{padding-top:5px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.login-options{width:100%;max-width:290px}.login-options .full{margin-top:10px}.welcome .error{max-width:320px;margin:15px 0}.welcome>.text-button{margin-top:18px}.email-login{text-align:left;margin-bottom:20px}.email-login input{color:#fff9ef;background:#101812;border:1px solid #b0f2b338;border-radius:12px;width:100%;padding:13px}.email-login input:disabled{opacity:.7}.email-code-actions{justify-content:space-between;gap:15px;display:flex}.email-login .error{font-size:12px;line-height:1.6}
