:root{--paper: #f5f2ea;--paper-raised: #ffffff;--ink: #22271f;--muted: #6b6f62;--circle: #33513f;--circle-strong: #23392c;--gold: #b98b3e;--line: #dcd6c4;--font-display: "sans-serif", Georgia, serif;--font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 14px;--radius-sm: 8px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;display:block;min-width:320px;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}.app-loading{height:100vh;background:var(--paper)}.app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:24px 20px}.login-screen__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;max-width:380px;margin:0 auto;width:100%;text-align:center;padding:40px 0}.wordmark{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:1.35rem;font-weight:500;letter-spacing:-.01em;color:var(--circle-strong)}.wordmark__dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}.login-screen__headline{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2rem);font-weight:500;line-height:1.25;margin:4px 0 0;color:var(--ink)}.login-screen__subcopy{font-size:.98rem;line-height:1.6;color:var(--muted);margin:0;max-width:340px}.login-screen__fineprint{font-size:.78rem;color:var(--muted);margin:4px 0 0;max-width:300px}.login-screen__error{font-size:.85rem;color:#9c3b2e;background:#f7e9e5;border-radius:var(--radius-sm);padding:8px 12px;margin:0}.circle-mark{margin:4px 0}.circle-mark__node{fill:var(--circle)}.circle-mark__node--you{fill:var(--gold)}.circle-mark__links line{opacity:.6}@media(prefers-reduced-motion:no-preference){.circle-mark__node{animation:breathe 4.5s ease-in-out infinite;transform-origin:center}.circle-mark__node:nth-of-type(2){animation-delay:.2s}.circle-mark__node:nth-of-type(3){animation-delay:.4s}.circle-mark__node:nth-of-type(4){animation-delay:.6s}.circle-mark__node:nth-of-type(5){animation-delay:.8s}.circle-mark__node:nth-of-type(6){animation-delay:1s}.circle-mark__node:nth-of-type(7){animation-delay:1.2s}}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.75}}.google-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:300px;padding:13px 20px;margin-top:6px;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);font-size:.95rem;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.google-btn:hover{border-color:var(--circle)}.google-btn:active{transform:scale(.98)}.google-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.google-btn__icon{width:18px;height:18px;flex-shrink:0}.site-footer{text-align:center;padding-top:16px}.site-footer__links{display:flex;justify-content:center;gap:8px;font-size:.82rem}.site-footer__links a{text-decoration:none;color:var(--muted)}.site-footer__links a:hover{color:var(--circle);text-decoration:underline}.site-footer__dot{color:var(--line)}.site-footer__copy{margin:6px 0 0;font-size:.75rem;color:var(--muted);opacity:.8}@media(min-width:640px){.login-screen__content{padding:60px 0}}@media(min-width:900px){.login-screen__content{max-width:420px}.login-screen__headline{font-size:2.1rem}}@media(max-height:560px){.circle-mark{width:88px;height:88px}}.feed-wrapper{position:relative;width:100vw;height:100vh;background-color:#000;color:#fff;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}.feed-top-bar{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);z-index:20;box-sizing:border-box}.feed-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.feed-icon-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.feed-icon-btn:active{transform:scale(.9)}.feed-media-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.feed-media{max-width:100%;max-height:100%;object-fit:contain}.feed-right-actions{position:absolute;right:16px;bottom:120px;display:flex;flex-direction:column;align-items:center;gap:24px;z-index:20}.feed-action-item{display:flex;flex-direction:column;align-items:center;gap:6px}.feed-action-text{font-size:.75rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.feed-avatar{width:44px;height:44px;border-radius:50%;border:2px solid white;object-fit:cover;box-shadow:0 2px 6px #0000004d}.feed-nav-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;background:#ffffff1a;padding:8px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feed-nav-controls button:disabled{opacity:.3;cursor:not-allowed}.feed-bottom-bar{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;align-items:center;padding:16px 0 24px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);z-index:20}.feed-bottom-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:#ffffffb3}.feed-bottom-item.active{color:#fff}.feed-bottom-label{font-size:.65rem;font-weight:500}.feed-add-btn{background:#fff;color:#000;border-radius:12px;padding:6px 12px;display:flex;align-items:center;justify-content:center}.feed-wrapper{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;background-color:#000;color:#fff;overflow:hidden}.feed-top-bar{display:flex;align-items:center;justify-content:flex-end;height:60px;padding:0 16px;position:relative;flex-shrink:0;z-index:10}.feed-logo{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:1.25rem;font-weight:700}.feed-header-actions{display:flex;align-items:center;gap:12px}.premium-icon{color:#fbbf24}.feed-main-content{flex:1;position:relative;width:100%;overflow:hidden;background-color:#111}.feed-media-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.feed-media{width:100%;height:100%;object-fit:cover}.feed-right-actions{position:absolute;bottom:20px;right:12px;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:10}.feed-bottom-bar{display:flex;justify-content:space-around;align-items:center;height:70px;padding-bottom:env(safe-area-inset-bottom);background-color:#000;flex-shrink:0;z-index:10}.feed-bottom-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.feed-bottom-label{font-size:.7rem;color:#ccc}.feed-add-btn{margin-top:-24px}.add-btn-circle{background-color:#fff;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000080}.add-btn-label{margin-top:4px}.feed-icon-btn{background:none;border:none;color:#fff;padding:0;cursor:pointer;display:flex}.terms-page-wrapper{background-color:#000;background-image:url(https://www.mobilsocial.com/mobilsocial-terms-background.webp);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;padding:0 20px}.terms-header{width:100%;display:flex;justify-content:center;padding:60px 0 40px}.terms-logo{max-width:250px;height:auto}.terms-content{max-width:800px;width:100%;line-height:1.7;padding-bottom:60px}.terms-content h1{text-align:center;font-size:2.5rem;margin-bottom:10px}.terms-content .last-updated{text-align:center;color:#aaa;margin-bottom:40px;font-size:.9rem}.terms-content h2{font-size:1.5rem;margin-top:40px;border-bottom:1px solid #333333;padding-bottom:10px;margin-bottom:20px}.terms-content p{margin-bottom:20px;font-size:1rem;color:#ddd}.terms-content a{color:#fff;text-decoration:underline}@media(max-width:600px){.terms-page-wrapper{background-image:none;background-color:#000}.terms-content h1{font-size:2rem}.terms-header{padding:40px 0 20px}}.privacy-page-wrapper{background-color:#000;background-image:url(https://mobilsocial.com/mobilsocial-privacy-background6.webp);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;padding:0 20px}.privacy-header{width:100%;display:flex;justify-content:center;padding:60px 0 40px}.privacy-logo{max-width:250px;height:auto}.privacy-content{max-width:800px;width:100%;line-height:1.7;padding-bottom:60px}.privacy-content h1{text-align:center;font-size:2.5rem;margin-bottom:10px}.privacy-content .last-updated{text-align:center;color:#aaa;margin-bottom:40px;font-size:.9rem}.privacy-content h2{font-size:1.5rem;margin-top:40px;border-bottom:1px solid #333333;padding-bottom:10px;margin-bottom:20px}.privacy-content p{margin-bottom:20px;font-size:1rem;color:#ddd}.privacy-content ul{margin-bottom:20px;color:#ddd;padding-left:20px}.privacy-content li{margin-bottom:10px}.privacy-content a{color:#fff;text-decoration:underline}@media(max-width:600px){.privacy-page-wrapper{background-image:none;background-color:#000}.privacy-content h1{font-size:2rem}.privacy-header{padding:40px 0 20px}}.contact-page-wrapper{background-color:#000;background-image:url(https://mobilsocial.com/mobilsocial-privacy-background7.webp);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;padding:0 20px}.contact-header{width:100%;display:flex;justify-content:center;padding:60px 0 40px}.contact-logo{max-width:250px;height:auto}.contact-content{max-width:800px;width:100%;line-height:1.7;padding-bottom:60px}.contact-content h1{text-align:center;font-size:2.5rem;margin-bottom:10px}.contact-subtitle{text-align:center;color:#ddd;margin-bottom:40px;font-size:1.1rem}.contact-form{background:#0f0f0fd9;padding:40px;border-radius:12px;border:1px solid #333333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:25px;display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:600;color:#eee;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{background-color:#1a1a1a;border:1px solid #444444;color:#fff;padding:14px;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.btn-cancel,.btn-submit,.btn-return{padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;text-align:center;transition:all .3s ease}.btn-cancel{background-color:transparent;color:#aaa;border:1px solid #444444}.btn-cancel:hover{background-color:#ffffff1a;color:#fff}.btn-submit{background-color:#fff;color:#000;border:none}.btn-submit:hover:not(:disabled){background-color:#e0e0e0}.btn-submit:disabled{background-color:#444;color:#777;cursor:not-allowed}.success-message{text-align:center;background:#1eff641a;border:1px solid rgba(30,255,100,.3);padding:40px;border-radius:12px}.success-message h2{color:#4ade80;margin-bottom:15px}.success-message .btn-return{display:inline-block;background-color:#fff;color:#000;margin-top:25px}.error-message{color:#ff6b6b;font-size:.9rem;margin-bottom:20px;text-align:center}@media(max-width:600px){.contact-page-wrapper{background-image:none;background-color:#000}.contact-content h1{font-size:2rem}.contact-header{padding:40px 0 20px}.contact-form{padding:20px}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.about-page-wrapper{background-color:#000;background-image:url(https://mobilsocial.com/mobilsocial-privacy-background8.webp);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;padding:0 20px}.about-header{width:100%;display:flex;justify-content:center;padding:60px 0 40px}.about-logo{max-width:250px;height:auto}.about-content{max-width:800px;width:100%;line-height:1.7;padding-bottom:60px}.about-content h1{text-align:center;font-size:2.5rem;margin-bottom:10px}.about-subtitle{text-align:center;color:#ddd;margin-bottom:40px;font-size:1.1rem}.about-card{background:#0f0f0fd9;padding:40px;border-radius:12px;border:1px solid #333333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-section{margin-bottom:35px}.about-section:last-of-type{margin-bottom:25px}.about-section h2{font-size:1.4rem;color:#fff;margin-bottom:12px;border-bottom:1px solid #2a2a2a;padding-bottom:8px}.about-section p{color:#ccc;font-size:1.02rem;line-height:1.75}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.feature-item{background:#ffffff08;border:1px solid #2a2a2a;padding:20px;border-radius:8px}.feature-item h3{font-size:1.1rem;color:#fff;margin-bottom:8px}.feature-item p{font-size:.95rem;color:#aaa;margin:0;line-height:1.6}.about-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:35px;padding-top:25px;border-top:1px solid #222222}.btn-contact-link,.btn-home{padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;text-align:center;transition:all .3s ease}.btn-contact-link{background-color:transparent;color:#aaa;border:1px solid #444444}.btn-contact-link:hover{background-color:#ffffff1a;color:#fff}.btn-home{background-color:#fff;color:#000;border:none}.btn-home:hover{background-color:#e0e0e0}@media(max-width:600px){.about-page-wrapper{background-image:none;background-color:#000}.about-content h1{font-size:2rem}.about-header{padding:40px 0 20px}.about-card{padding:20px}.features-grid{grid-template-columns:1fr}.about-actions{flex-direction:column-reverse}.btn-contact-link,.btn-home{width:100%}}