:root{color-scheme:light;--pink:#f85b9c;--purple:#a87cf5;--ink:#2c2634;--muted:#837a8d;--surface:#f7f5f9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#edeaf0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid var(--purple);outline-offset:3px}[hidden]{display:none!important}#app{max-width:520px;margin:auto;min-height:100svh;background:var(--surface)}button{border:0;background:none;color:inherit;min-height:44px}input{min-width:0;width:100%;border:1px solid #e8e1ec;border-radius:14px;background:#faf8fc;padding:14px;color:var(--ink);font-size:16px}h1,h2,p{margin-top:0}h1{font-size:30px;margin-bottom:10px}h2{font-size:22px}.muted{color:var(--muted);line-height:1.7}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--pink);font-weight:700}.login-screen{min-height:100svh;padding:calc(42px + env(safe-area-inset-top)) 24px calc(26px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 10% 0%,#ffdbec,transparent 60%),radial-gradient(ellipse at 100% 60%,#e9ddff,transparent 60%),#f8f6fa;display:flex;flex-direction:column;justify-content:center;gap:28px}.brand{display:flex;align-items:center;gap:14px;font-size:13px;color:#847387}.brand-mark,.profile-avatar{background:linear-gradient(135deg,#ff81b5,#b694ed);box-shadow:0 10px 28px #dc85b12b;border-radius:20px;display:grid;place-items:center;color:white;width:56px;height:56px;font-size:26px;font-weight:800;letter-spacing:-2px}.login-card{background:#ffffffeb;border:1px solid white;border-radius:28px;padding:28px 24px;box-shadow:0 18px 60px #6d38600a}label{display:block;font-size:13px;margin-top:22px;font-weight:600}label input{margin-top:9px}.password-field{display:flex;align-items:center;border:1px solid #e8e1ec;border-radius:14px;margin-top:9px;background:#faf8fc}.password-field input{border:0;background:transparent;margin:0}.password-field button{flex:none;padding:0 14px;font-size:13px}.primary{display:block;width:100%;border-radius:16px;padding:15px;color:white;font-weight:700;background:linear-gradient(100deg,var(--pink),var(--purple));box-shadow:0 9px 22px #f85b9c26}.text-button{color:var(--muted);font-size:13px}.switch{display:block;margin:14px auto 0;color:var(--pink)}.privacy-note{font-size:11px;line-height:1.9;text-align:center;color:#9a929f;margin:16px 0 0}#login-status{font-size:13px;color:#a62c59;line-height:1.6;min-height:20px;margin:12px 0}.videos-view{height:calc(100dvh - 62px - env(safe-area-inset-bottom));min-height:300px;background:#100d14;color:white;position:relative}.video-header{position:absolute;top:env(safe-area-inset-top);left:0;right:0;z-index:2;padding:8px 16px;display:flex;align-items:center;background:linear-gradient(#120c19c9,transparent)}.feed-tabs{display:flex;flex:1;gap:15px}.feed-tabs button{padding:8px 0;font-weight:600;color:#c4bdcb;font-size:15px;border-bottom:3px solid transparent}.feed-tabs [aria-selected=true]{color:white;border-color:var(--pink)}.round-button{font-size:26px;width:44px;border-radius:50%;color:white}.search{position:absolute;top:calc(63px + env(safe-area-inset-top));left:16px;right:16px;z-index:2;display:flex;align-items:center;background:#2420279c;border-radius:18px;padding:0 8px}.search input{font-size:13px;padding:10px;color:white;border:0;background:transparent}.search button{font-size:12px;color:#fbcde1;flex:none}.feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.video-card{position:relative;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate;overflow:hidden}.video-card video{width:100%;height:100%;object-fit:contain;background:#100d14}.video-card.portrait video{object-fit:cover}.video-overlay{position:absolute;left:0;right:0;bottom:45px;padding:70px 20px 20px;background:linear-gradient(transparent,#0e081cbf);pointer-events:none}.video-overlay p{font-size:16px;font-weight:600;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-overlay button{pointer-events:auto;border:1px solid #ffffff60;border-radius:20px;margin-right:8px;padding:0 14px;font-size:12px}.play-toggle{position:absolute;top:42%;left:calc(50% - 34px);width:68px;height:68px;border-radius:50%;background:#28202f96;color:white;font-size:24px}.media-error{position:absolute;top:35%;left:24px;right:24px;text-align:center;line-height:1.8;color:#e4d9e9;background:#17121cdd;padding:16px;border-radius:16px}.feed-actions{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:28px;background:#140d20ad;z-index:2}.feed-actions button{font-size:12px;color:#d4c8df}.feed-status{position:absolute;top:calc(140px + env(safe-area-inset-top));left:20px;right:20px;text-align:center;background:#26202cdb;padding:20px;border-radius:20px;line-height:1.8}.feed-status button{display:block;margin:10px auto 0;color:#ffbddd}.bottom-nav{height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;border-top:1px solid #eee7f0;background:#fff}.bottom-nav button{flex:1;font-size:15px;color:#948a9b;font-weight:600}.bottom-nav [aria-current=page]{color:var(--pink)}.profile-view{height:calc(100dvh - 62px - env(safe-area-inset-bottom));overflow-y:auto;padding:calc(32px + env(safe-area-inset-top)) 22px 30px;background:radial-gradient(ellipse at 80% 0%,#ffe2ee,transparent 40%),#f8f6fa}.profile-avatar{margin:26px 0 18px;width:72px;height:72px;border-radius:26px}.profile-heading h2{margin-bottom:6px}.profile-heading p{overflow-wrap:anywhere}.counts{display:flex;gap:8px;margin:24px 0}.counts div{flex:1;text-align:center;background:white;padding:17px 5px;border-radius:18px}.counts strong{display:block;font-size:22px;margin-bottom:6px}.counts span{font-size:12px;color:var(--muted)}.profile-card{display:flex;flex-wrap:wrap;background:linear-gradient(115deg,#fcd6e7,#ece2fc);border:1px solid #fff;border-radius:23px;padding:24px;gap:10px;align-items:center}.profile-card strong{margin-left:auto;font-size:26px}.profile-card small{width:100%;color:#846778}.secondary,.logout{display:block;width:100%;background:white;border-radius:16px;margin-top:13px;text-align:left;padding:12px 18px;font-size:14px}.logout{color:#b73b61;text-align:center;margin-top:28px}#profile-status{font-size:13px;line-height:1.6;color:#a62c59;margin-top:14px}dialog{border:0;border-radius:24px;padding:24px;max-width:480px;width:calc(100% - 28px);max-height:80dvh;color:var(--ink);box-shadow:0 16px 70px #0004}dialog::backdrop{background:#160d258f}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{font-size:19px;margin:0}.dialog-heading button{font-size:27px;width:44px}#details-body{line-height:1.9;font-size:14px;overflow-wrap:anywhere}#details-body article{padding:16px 0;border-top:1px solid #eee7f0}#details-body small{color:var(--muted)}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);max-width:90vw;z-index:5;padding:12px 18px;border-radius:16px;background:#33253feb;color:white;font-size:13px;text-align:center}@media(min-width:600px){#app{box-shadow:0 0 80px #4533491a}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(max-width:350px){.login-screen{padding-left:14px;padding-right:14px}.login-card{padding:24px 18px}.feed-tabs{gap:12px}}