.mockup-wrapper{position:relative;padding:0.8em;background:radial-gradient(circle at 0% 0%,#c543c1 0%,#6a10ad 50%,#3c06bb 100%);border-radius:2em;display:block;width:100%;max-width:310px;margin:0 auto;box-shadow:0 1.5em 3em rgba(0,0,0,0.3);container-type:inline-size;font-size:clamp(10px,4.8cqw,15px);box-sizing:border-box;height:620px;}.phone-mockup{width:100%;height:100%;aspect-ratio:1 / 1.8;background:#000;border-radius:1.8em;padding:0.3em;position:relative;margin:0 auto;box-shadow:inset 0 0 0 2px #333;box-sizing:border-box;}.phone-mockup::before{content:'';position:absolute;right:-3px;top:25%;width:3px;height:2.5em;background:#111;border-radius:0 3px 3px 0;}.phone-mockup::after{content:'';position:absolute;right:-3px;top:35%;width:3px;height:2.5em;background:#111;border-radius:0 3px 3px 0;}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#9333ea 0%,#6b21a8 15%,#151515 25%);border-radius:1.5em;overflow:hidden;position:relative;display:flex;flex-direction:column;}.camera-hole{position:absolute;top:0.7em;left:50%;transform:translateX(-50%);width:0.7em;height:0.7em;background:#000;border-radius:50%;z-index:10;}.app-status-bar{display:flex;justify-content:space-between;padding:0.6em 1em 0;color:white;font-size:0.75em;font-weight:600;z-index:5;}.app-header{padding:0.5em 1em;display:flex;justify-content:space-between;align-items:center;}.app-logo{font-family:Arial,sans-serif;font-weight:bold;font-size:1.4em;color:white;letter-spacing:-1px;}.app-header-icons{display:flex;gap:0.5em;align-items:center;}.app-icon-circle{width:1.6em;height:1.6em;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;color:white;font-size:0.8em;}.app-pro-badge{background:#262626;color:white;padding:0.25em 0.6em;border-radius:0.8em;font-size:0.7em;font-weight:600;display:flex;align-items:center;gap:0.2em;}.app-content{background:#171717;border-top-left-radius:1em;border-top-right-radius:1em;flex-grow:1;padding:0.8em 0.7em;display:flex;flex-direction:column;gap:0.6em;margin-top:0.4em;box-shadow:0 -0.5em 1em rgba(0,0,0,0.2);overflow:hidden;}.app-search-row{display:flex;gap:0.5em;flex-shrink:0;}.app-search-input{flex-grow:1;background:#262626;border-radius:0.6em;padding:0.6em 0.8em;color:#737373;font-size:0.8em;display:flex;align-items:center;justify-content:space-between;}.app-add-btn{width:2.4em;height:2.4em;background:#a855f7;border-radius:0.6em;display:flex;align-items:center;justify-content:center;color:white;font-size:1.1em;flex-shrink:0;}.app-voice-list{display:flex;flex-direction:column;gap:0.5em;}.app-voice-item{background:#262626;border-radius:0.6em;padding:0.6em 0.8em;display:flex;align-items:center;justify-content:space-between;animation:fadeInUp 0.5s ease backwards;}.app-voice-item:nth-child(1){animation-delay:0.1s;}.app-voice-item:nth-child(2){animation-delay:0.2s;}.app-voice-item:nth-child(3){animation-delay:0.3s;}.app-voice-item:nth-child(4){animation-delay:0.4s;}.app-voice-item:nth-child(5){animation-delay:0.5s;}.app-voice-info{display:flex;align-items:center;gap:0.6em;color:#f5f5f5;font-size:0.8em;font-weight:500;}.status-dot{width:1em;height:1em;border-radius:50%;display:flex;align-items:center;justify-content:center;}.status-loading{border:1.5px solid #f97316;border-top-color:transparent;animation:spin 1s linear infinite;}.status-success{background:#22c55e;color:#000;font-size:0.5em;}.status-error{background:#ef4444;color:white;font-size:0.5em;font-weight:bold;}.app-radio{width:1em;height:1em;border-radius:50%;border:1.5px solid #525252;transition:all 0.3s ease;}.app-radio.radio-active{border-color:#a855f7;background:#a855f7;box-shadow:inset 0 0 0 0.2em #262626;animation:pulse-purple 2s infinite;}.app-bottom-nav{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:0.6em;padding-bottom:0.8em;flex-shrink:0;}.app-nav-pill{background:#262626;color:white;padding:0.5em 1em;border-radius:1em;font-size:0.75em;font-weight:500;display:flex;align-items:center;gap:0.4em;}.app-nav-icon{width:2.2em;height:2.2em;background:#262626;border-radius:1.1em;display:flex;align-items:center;justify-content:center;color:#a3a3a3;font-size:0.9em;}.home-indicator{position:absolute;bottom:0.4em;left:50%;transform:translateX(-50%);width:6em;height:3px;background:#fff;border-radius:2px;}@keyframes spin{100%{transform:rotate(360deg);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}.pulse-anim{animation:pulse-border 2s infinite;}@keyframes pulse-border{0%{box-shadow:0 0 0 0 rgba(168,85,247,0.4);}70%{box-shadow:0 0 0 0.5em rgba(168,85,247,0);}100%{box-shadow:0 0 0 0 rgba(168,85,247,0);}}.tab-switcher{display:flex;background:#262626;border-radius:0.8em;padding:0.3em;margin-bottom:1em;}.tab-item{flex:1;padding:0.6em;text-align:center;font-size:0.75em;color:#a3a3a3;border-radius:0.6em;font-weight:500;}.tab-item.active{background:#6b21a8;color:white;}.upload-area{background:#1a1a1a;border:1.5px dashed #333;border-radius:1.2em;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2em 1em;text-align:center;gap:1em;}.upload-icon{font-size:2.5em;color:#333;}.upload-text{color:#f5f5f5;font-size:0.85em;max-width:80%;line-height:1.4;}.chip-row{display:flex;gap:0.5em;justify-content:center;}.chip{background:#22c55e;color:#000;padding:0.25em 1em;border-radius:0.5em;font-size:0.75em;font-weight:600;transition:all 0.3s ease;}.chip:nth-child(1){animation:chip-pop 3s infinite 0s;}.chip:nth-child(2){animation:chip-pop 3s infinite 1s;}.chip:nth-child(3){animation:chip-pop 3s infinite 2s;}@keyframes chip-pop{0%,100%{transform:scale(1);background:#22c55e;color:#000;}15%{transform:scale(1.15);background:#a855f7;color:white;box-shadow:0 0 10px rgba(168,85,247,0.6);}30%{transform:scale(1);background:#22c55e;color:#000;}}.max-info{color:#737373;font-size:0.65em;}.lang-row{display:flex;align-items:center;justify-content:space-between;gap:0.8em;margin-top:1em;}.lang-box{flex:1;background:#262626;border-radius:0.8em;padding:0.6em 1em;display:flex;align-items:center;gap:0.8em;font-size:0.85em;color:white;}.flag{width:1.5em;height:1.5em;border-radius:50%;object-fit:cover;}.arrow-icon{color:#737373;font-size:1.2em;}.action-row{display:flex;gap:0.8em;margin-top:1em;padding-bottom:0.5em;}.settings-btn{width:3.2em;height:2.2em;background:#8b5cf6;border-radius:0.8em;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2em;flex-shrink:0;}.start-btn{flex:1;background:#8b5cf6;border-radius:0.8em;display:flex;align-items:center;justify-content:center;color:white;font-size:0.9em;font-weight:600;}.video-screen{position:relative;width:100%;height:100%;overflow:hidden;}.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.8);}.video-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5em 1em;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 100%);display:flex;flex-direction:column;gap:1em;}.inset-photo{position:absolute;top:51%;left:5%;width:6em;height:6em;border:3px solid white;border-radius:0.8em;transform:rotate(-10deg);box-shadow:0 0.5em 1em rgba(0,0,0,0.3);z-index:5;overflow:hidden;animation:photo-float 4s ease-in-out infinite;}@keyframes photo-float{0%,100%{transform:rotate(-10deg) translateY(0);}50%{transform:rotate(-5deg) translateY(-10px);box-shadow:0 1em 1.5em rgba(0,0,0,0.4);}}.inset-photo img{width:100%;height:100%;object-fit:cover;}.arrow-svg{position:absolute;top:58%;left:40%;width:5em;height:3em;z-index:12;opacity:0.8;transform:rotate3d(1,1,1,45deg);}.upload-photo-btn{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:1em;padding:1.5em;display:flex;flex-direction:column;align-items:center;gap:0.5em;color:white;cursor:pointer;border:1px solid rgba(255,255,255,0.1);}.upload-photo-btn i{font-size:1.8em;opacity:0.8;}.upload-photo-btn span{font-size:0.85em;font-weight:500;}.create-video-btn{background:#8b5cf6;color:white;padding:1em;border-radius:1em;text-align:center;font-weight:600;font-size:0.95em;box-shadow:0 0.5em 1em rgba(139,92,246,0.3);cursor:pointer;}.text-area-container{background:#1e1e1e;border-radius:1.2em;padding:1.2em;margin-top:0.5em;flex-shrink:0;display:flex;flex-direction:column;box-shadow:inset 0 0 10px rgba(0,0,0,0.2);min-height:10em;}.text-content{color:#f5f5f5;font-size:0.8em;line-height:1.4;opacity:0.9;overflow:hidden;border-right:2px solid transparent;white-space:normal;animation:typing 5s steps(40,end) infinite alternate,blink-caret 0.75s step-end infinite;}@keyframes typing{from{max-height:0;}to{max-height:100%;}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#a855f7;}}.text-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:#737373;font-size:0.75em;padding-top:1em;}.meta-icons{display:flex;gap:0.8em;font-size:1.1em;}.voice-selection-header{display:flex;justify-content:space-between;align-items:center;margin-top:1em;margin-bottom:0.6em;}.voice-selection-title{font-size:0.9em;color:white;margin:0;font-weight:500;}.see-all{font-size:0.75em;color:#a3a3a3;display:flex;align-items:center;gap:0.3em;}.voice-scroll-list{display:flex;gap:0.8em;overflow-x:auto;padding-bottom:0.5em;scrollbar-width:none;min-height:7em;}.voice-scroll-list::-webkit-scrollbar{display:none;}.voice-card{flex-shrink:0;width:4.8em;display:flex;flex-direction:column;gap:0.3em;}.voice-thumb-wrapper{position:relative;width:4.8em;height:4.8em;border-radius:0.8em;overflow:visible;flex-shrink:0;transition:transform 0.3s ease;}.voice-card:hover .voice-thumb-wrapper{transform:translateY(-5px) scale(1.05);}.voice-thumb{width:100%;height:100%;object-fit:cover;border-radius:0.8em;display:block;}.voice-thumb-wrapper.purple{background:#818cf8;}.voice-thumb-wrapper.yellow{background:#facc15;}.flag-badge{position:absolute;bottom:-0.2em;right:-0.2em;width:1.3em;height:1.3em;border-radius:50%;border:2px solid #171717;z-index:5;}.voice-name{color:#a3a3a3;font-size:0.75em;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.voice-lang{color:#525252;font-size:0.6em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.generate-btn-row{display:flex;gap:0.6em;margin-top:0.8em;flex-shrink:0;}.generate-btn-row .settings-btn{background:#262626;border-radius:0.8em;display:flex;align-items:center;justify-content:center;color:white;}.generate-btn-row .start-btn{background:#8b5cf6;height:3.2em;flex-grow:1;border-radius:0.8em;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:0.9em;}.bottom-navbar{display:flex;justify-content:space-between;align-items:center;padding:0.8em 1em 0.5em;margin-top:auto;flex-shrink:0;}.nav-btn{color:#737373;font-size:1.2em;}.nav-btn.active-pill{background:#262626;color:white;padding:0.4em 1em;border-radius:2em;font-size:0.8em;display:flex;align-items:center;gap:0.4em;}.k-badge{background:#171717;border:1px solid #333;border-radius:2em;padding:0.2em 0.8em;display:flex;align-items:center;gap:0.4em;color:white;font-size:0.75em;font-weight:600;}.transcriber-header{display:flex;justify-content:space-between;align-items:center;padding:1em 1em 0.5em;color:white;}.transcriber-title{font-size:1em;font-weight:300;opacity:0.9;}.close-btn{width:1.8em;height:1.8em;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;color:black;font-size:0.8em;}.tool-pills{display:flex;gap:0.6em;padding:0.5em 1em;overflow-x:auto;scrollbar-width:none;}.tool-pills::-webkit-scrollbar{display:none;}.tool-pill{background:#262626;border-radius:2em;padding:0.4em 0.8em;display:flex;align-items:center;gap:0.4em;white-space:nowrap;color:#a3a3a3;font-size:0.75em;animation:fadeInUp 0.5s ease backwards;}.tool-pill:nth-child(1){animation-delay:0.1s;}.tool-pill:nth-child(2){animation-delay:0.2s;}.tool-pill:nth-child(3){animation-delay:0.3s;}.tool-pill:nth-child(4){animation-delay:0.4s;}.pill-icon{width:1.4em;height:1.4em;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:0.8em;}.pill-blue{background:#0ea5e9;}.pill-red{background:#ef4444;}.pill-green{background:#22c55e;}.pill-yellow{background:#eab308;}.transcript-list{display:flex;flex-direction:column;gap:0.8em;padding:1em;flex-grow:1;overflow-y:auto;scrollbar-width:none;}.transcript-list::-webkit-scrollbar{display:none;}.transcript-block{background:#1e1e1e;border-radius:1.2em;padding:1em;display:flex;flex-direction:column;gap:0.4em;}.transcript-block.active{background:#8b5cf6;animation:active-pulse 2s infinite;}@keyframes active-pulse{0%{box-shadow:0 0 0 0 rgba(139,92,246,0.4);}70%{box-shadow:0 0 0 10px rgba(139,92,246,0);}100%{box-shadow:0 0 0 0 rgba(139,92,246,0);}}.block-text{color:white;font-size:0.85em;line-height:1.4;position:relative;padding-right:1.5em;}.copy-icon-small{position:absolute;top:0;right:0;font-size:0.9em;opacity:0.5;}.block-meta{display:flex;justify-content:space-between;color:#737373;font-size:0.7em;}.active .block-meta{color:rgba(255,255,255,0.6);}.player-section{background:#171717;padding:1.5em 1em 1em;border-top:1px solid #262626;}.player-seekbar{width:100%;height:0.3em;background:#333;border-radius:1em;position:relative;margin-bottom:0.8em;}.seekbar-progress{position:absolute;top:0;left:0;height:100%;width:60%;background:#8b5cf6;border-radius:1em;}.seekbar-knob{position:absolute;top:50%;left:60%;width:1em;height:1em;background:#a78bfa;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(139,92,246,0.5);}.player-controls{display:flex;justify-content:space-between;align-items:center;color:white;}.time-label{font-size:0.75em;color:#737373;}.play-pause-btn{width:3.2em;height:3.2em;background:#8b5cf6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2em;box-shadow:0 0.5em 1em rgba(139,92,246,0.3);}.control-icon{font-size:1.4em;opacity:0.9;}.book-screen{background:#000;color:white;height:100%;display:flex;flex-direction:column;position:relative;}.book-top-bar{display:flex;justify-content:space-between;align-items:center;padding:1.2em 1em;z-index:5;}.book-dropdown{background:#1a1a1a;padding:0.5em 1.2em;border-radius:2em;font-size:0.8em;color:#525252;display:flex;align-items:center;gap:0.5em;font-weight:500;}.book-content{padding:2em 1.5em;font-family:'Times New Roman',serif;}.book-content h2{font-size:2.2em;margin-bottom:0.8em;line-height:1.1;font-weight:700;color:#404040;}.book-content p{font-size:1.1em;line-height:1.6;color:#262626;}.bottom-sheet{position:absolute;bottom:0;left:0;right:0;background:#171717;border-top-left-radius:2em;border-top-right-radius:2em;padding:0.8em 1.5em 2em;box-shadow:0 -2em 4em rgba(0,0,0,0.6);z-index:10;animation:slide-up-sheet 0.8s cubic-bezier(0.16,1,0.3,1) backwards;}.sheet-handle{width:3em;height:0.3em;background:#333;border-radius:1em;margin:0 auto 1.5em;}.sheet-title{text-align:center;font-size:1.2em;font-weight:600;margin-bottom:1.5em;color:white;}.theme-label{color:#525252;font-size:0.85em;margin-bottom:1.2em;}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1em;margin-bottom:2em;}.theme-item{display:flex;flex-direction:column;align-items:center;gap:0.6em;animation:fadeInUp 0.5s ease backwards;}.theme-item:nth-child(1){animation-delay:0.4s;}.theme-item:nth-child(2){animation-delay:0.5s;}.theme-item:nth-child(3){animation-delay:0.6s;}.theme-item:nth-child(4){animation-delay:0.7s;}.theme-card{width:100%;aspect-ratio:1;border-radius:1em;display:flex;align-items:center;justify-content:center;font-family:serif;font-size:1.4em;font-weight:bold;border:2px solid transparent;}.theme-card.light{background:#fff;color:#000;}.theme-card.dark{background:#000;color:#fff;border-color:#6366f1;box-shadow:0 0 15px rgba(99,102,241,0.4);animation:active-theme-pulse 2s infinite;}@keyframes active-theme-pulse{0%{border-color:#6366f1;box-shadow:0 0 10px rgba(99,102,241,0.4);}50%{border-color:#818cf8;box-shadow:0 0 20px rgba(129,140,248,0.6);}100%{border-color:#6366f1;box-shadow:0 0 10px rgba(99,102,241,0.4);}}.theme-card.sepia{background:#f4ecd8;color:#5f4b32;}.theme-card.night{background:#000;color:#525252;border-color:#262626;}.theme-name{font-size:0.75em;color:#525252;}.done-btn{background:#818cf8;color:white;text-align:center;padding:0.8em;border-radius:1.2em;font-weight:600;font-size:1em;cursor:pointer;}.fakecall-screen{background:linear-gradient(180deg,#9333ea 0%,#6b21a8 10%,#151515 20%);height:100%;display:flex;flex-direction:column;position:relative;}.fakecall-content-card{background:#171717;border-top-left-radius:2em;border-top-right-radius:2em;flex-grow:1;display:flex;flex-direction:column;margin-top:0.5em;overflow:hidden;}.contact-list{flex-grow:1;padding:1.5em 1.2em;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:0.2em;position:relative;}.contact-list::-webkit-scrollbar{display:none;}.alphabet-header{color:#a855f7;font-weight:bold;font-size:0.85em;margin-top:1em;margin-bottom:0.5em;}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:0.7em 0;border-bottom:1px solid #1f1f1f;animation:slide-in-right 0.5s ease backwards;}.contact-item:nth-child(2){animation-delay:0.1s;}.contact-item:nth-child(3){animation-delay:0.2s;}.contact-item:nth-child(4){animation-delay:0.3s;}.contact-item:nth-child(5){animation-delay:0.4s;}.contact-item:nth-child(6){animation-delay:0.5s;}@keyframes slide-in-right{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}.contact-info{display:flex;align-items:center;gap:1.2em;}.contact-avatar{width:3.8em;height:3.8em;border-radius:50%;background:#333;overflow:hidden;}.contact-avatar img{width:100%;height:100%;object-fit:cover;}.contact-name{color:white;font-size:1.1em;font-weight:500;}.call-icon-circle{margin-right:5px;width:2.8em;height:2.8em;background:#262626;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#22c55e;font-size:1em;animation:pulse-ring 2s infinite;}.side-index{position:absolute;right:0.5em;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:0.3em;font-size:0.65em;color:#4b4b4b;font-weight:bold;text-align:center;z-index:5;animation:fadeIn 0.8s ease backwards 0.6s;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.side-index span.active{color:#a855f7;}.fakecall-bottom-bar{background:#171717;padding:1em 1.2em 1.5em;display:flex;align-items:center;gap:1em;z-index:10;}.history-btn{width:2.5em;height:2.5em;background:#262626;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a3a3a3;font-size:1.2em;}.fakecall-search-input-wrapper{flex-grow:1;position:relative;}.fakecall-search-input-fake{width:100%;background:#262626;border-radius:3em;padding:0.8em 1.2em 0.8em 3em;color:#525252;font-size:0.95em;border:1px solid #333;}.fakecall-search-icon{position:absolute;left:1.2em;top:50%;transform:translateY(-50%);color:#525252;font-size:1.1em;}.plus-btn{width:2.5em;height:2.5em;background:#262626;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.4em;}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(34,197,94,0.4);transform:scale(1);}70%{box-shadow:0 0 0 10px rgba(34,197,94,0);transform:scale(1.05);}100%{box-shadow:0 0 0 0 rgba(34,197,94,0);transform:scale(1);}}@keyframes pulse-purple{0%{box-shadow:0 0 0 0 rgba(139,92,246,0.4);transform:scale(1);}70%{box-shadow:0 0 0 10px rgba(139,92,246,0);transform:scale(1.05);}100%{box-shadow:0 0 0 0 rgba(139,92,246,0);transform:scale(1);}}@keyframes float{0%{transform:translateY(0px);}50%{transform:translateY(-8px);}100%{transform:translateY(0px);}}@keyframes progress-slide{0%{width:0%;}100%{width:60%;}}@keyframes slide-up-sheet{0%{transform:translateY(100%);}100%{transform:translateY(0);}}@keyframes wave-animation{0%,100%{height:1em;}50%{height:2.5em;}}.anim-ring-green{animation:pulse-ring 2s infinite;}.anim-float{animation:float 4s ease-in-out infinite;}.anim-progress{animation:progress-slide 4s ease-out forwards;}.anim-slide-up{animation:slide-up-sheet 0.6s cubic-bezier(0.16,1,0.3,1) forwards;}.anim-wave{animation:wave-animation 1s ease-in-out infinite;}.anim-wave:nth-child(2){animation-delay:0.2s;}.anim-wave:nth-child(3){animation-delay:0.4s;}.anim-wave:nth-child(4){animation-delay:0.6s;}.anim-wave:nth-child(5){animation-delay:0.8s;}