@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Bebas+Neue&family=Black+Han+Sans&display=swap";:root{--purple: #7c3aed;--purple-light: #ede9fe;--purple-dark: #5b21b6;--green: #22c55e;--green-dark: #16a34a;--red: #ef4444;--red-dark: #b91c1c;--orange: #f97316;--yellow: #eab308;--gray-bg: #f8f7ff;--card-bg: #ffffff;--surface: #ffffff;--surface-dim: #f9fafb;--input-bg: #ffffff;--text: #1e1b4b;--text-muted: #6b7280;--border: #e5e7eb;--shadow: 0 2px 12px rgba(124,58,237,.08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;background:#ddd6fe;min-height:100vh;display:flex;align-items:center;justify-content:center}.app-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.phone-frame{width:390px;height:844px;background:var(--gray-bg);border-radius:40px;box-shadow:0 30px 80px #7c3aed40,0 0 0 8px #fff;display:flex;flex-direction:column;overflow:hidden;position:relative}.screen-content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.screen-content::-webkit-scrollbar{display:none}.screen{min-height:100%;display:flex;flex-direction:column;background:var(--gray-bg);animation:screenIn .22s ease-out}.app-header{background:var(--purple);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.hamburger{color:#fff;font-size:20px;cursor:pointer}.app-title{font-family:Black Han Sans,sans-serif;font-size:28px;color:#fff;letter-spacing:2px}.user-card{background:#fff;margin:10px 12px 0;border-radius:12px;padding:10px 14px;box-shadow:var(--shadow);border:1px solid var(--border)}.user-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;font-size:13px;color:var(--text)}.user-grid b{color:var(--text-muted);font-weight:700}.result-section{margin:10px 12px 0;background:#fff;border-radius:14px;padding:14px;box-shadow:var(--shadow);border:1px solid var(--border)}.result-row{display:flex;align-items:center;gap:14px;position:relative}.result-circle{width:110px;height:110px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;transition:background .4s,box-shadow .4s}.result-circle.green{background:var(--green);box-shadow:0 0 0 6px #bbf7d0,0 8px 24px #22c55e4d;animation:circleIn .35s ease-out}.result-circle.red{background:var(--red);box-shadow:0 0 0 6px #fecaca,0 8px 24px #ef44444d;animation:circleIn .35s ease-out,pulseRed 1.8s ease-in-out .35s infinite}.result-value{font-family:Bebas Neue,sans-serif;font-size:42px;color:#fff;line-height:1}.result-unit{font-size:13px;color:#ffffffe6;font-weight:700;margin-top:-2px}.card-icon-wrap{flex:1;display:flex;justify-content:center}.share-btn{position:absolute;top:0;right:0;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px}.football-card{width:52px;height:72px;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-size:22px;position:relative;box-shadow:0 4px 12px #0003}.yellow-card{background:#f59e0b}.red-card-fc{background:#ef4444}.status-negative{margin-top:12px}.car-status-row{display:flex;align-items:center;gap:12px}.status-btn{border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px;text-align:center;flex:1}.green-status{background:var(--green);color:#fff}.status-sub{font-size:11px;font-weight:600;opacity:.9;margin-top:2px}.red-status{background:var(--red);color:#fff;font-size:15px;letter-spacing:.5px}.status-positive{margin-top:10px;display:flex;flex-direction:column;gap:8px}.warning-row{display:flex;align-items:center;gap:8px}.positive-text{color:var(--red);font-weight:700;font-size:14px}.uber-btn{background:#000;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;justify-content:center;letter-spacing:1px}.uber-logo{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:2px}.sos-btn{background:var(--red);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;justify-content:center;letter-spacing:1px}.bottom-section{margin:10px 12px 0;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);border:1px solid var(--border)}.wait-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.wait-label{font-size:13px;color:var(--text-muted);font-weight:600}.days-box{text-align:right}.days-num{font-family:Bebas Neue,sans-serif;font-size:28px;color:var(--purple);line-height:1}.days-label{display:block;font-size:10px;color:var(--text-muted);font-weight:600}.chart-wrap{margin:0 -4px}.new-test-row{display:flex;flex-direction:column;align-items:flex-end;margin-top:4px;gap:4px}.new-test-btn{width:52px;height:52px;border-radius:50%;background:var(--purple);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #7c3aed66;transition:transform .15s,box-shadow .15s}.new-test-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #7c3aed80}.new-test-btn:active{transform:scale(.96)}.new-test-label{font-size:11px;color:var(--text-muted);font-weight:600}.bottom-nav{display:flex;background:#fff;border-top:1px solid var(--border);padding:8px 0 10px;flex-shrink:0;box-shadow:0 -4px 16px #7c3aed0f}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;cursor:pointer;color:var(--text-muted);font-size:10px;font-family:Nunito,sans-serif;font-weight:600;transition:color .2s}.nav-btn.active{color:var(--purple)}.nav-btn svg{transition:transform .2s}.nav-btn.active svg{transform:translateY(-1px)}.event-section{margin:10px 12px 0;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);border:1px solid var(--border)}.event-row{display:flex;gap:8px;align-items:center;position:relative}.event-dropdown-wrap{position:relative;flex:1}.event-dropdown-btn{background:var(--purple);color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center}.arrow{font-size:10px}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:10;overflow:hidden}.dropdown-item{padding:10px 14px;font-size:13px;cursor:pointer;font-weight:600;transition:background .15s}.dropdown-item:hover{background:var(--purple-light)}.create-event-btn{background:#e5e7eb;color:var(--text);border:none;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;white-space:nowrap}.event-meta{font-size:11px;color:var(--text-muted);margin-top:6px}.penalty-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.penalty-emoji{font-size:20px}.penalty-text{flex:1;font-size:13px;font-weight:600;color:var(--text)}.bottle-small{font-size:22px}.participants-list{margin:10px 12px 0;display:flex;flex-direction:column;gap:6px;padding-bottom:10px}.participant-row{background:#fff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);border:1px solid var(--border)}.participant-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0}.participant-info{flex:1;min-width:0}.participant-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px}.bar-wrap{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.participant-result{text-align:right;flex-shrink:0}.result-big{font-family:Bebas Neue,sans-serif;font-size:26px;color:var(--text);line-height:1}.result-gl{font-size:11px;color:var(--text-muted);font-weight:700}.result-time{font-size:10px;color:var(--text-muted);margin-top:2px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;padding:24px 16px 16px;gap:6px}.profile-avatar-wrap{position:relative;margin-bottom:4px}.profile-avatar{width:90px;height:90px;border-radius:50%;background:#bfdbfe;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 4px #fff,0 4px 20px #7c3aed33}.camera-btn{position:absolute;bottom:2px;right:2px;background:#fff;border:none;border-radius:50%;width:26px;height:26px;font-size:13px;cursor:pointer;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center}.profile-name{font-size:20px;font-weight:800;color:var(--text)}.profile-email{font-size:13px;color:var(--text-muted)}.profile-menu{margin:0 12px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}.menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;font-size:14px;font-weight:600;color:var(--text);font-family:Nunito,sans-serif;text-align:left;transition:background .15s}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--purple-light)}.menu-arrow{color:var(--text-muted);font-size:18px;font-weight:400}.menu-arrow.external{font-size:14px;color:var(--purple)}.menu-divider{height:12px}.load-test-btn{width:100%;background:var(--purple);color:#fff;border:none;border-radius:10px;padding:10px;font-size:14px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;margin-top:10px;transition:background .15s,transform .1s}.load-test-btn:hover{background:var(--purple-dark)}.load-test-btn:active{transform:scale(.98)}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes circleIn{0%{transform:scale(.8);opacity:.5}60%{transform:scale(1.07)}to{transform:scale(1);opacity:1}}@keyframes pulseRed{0%,to{box-shadow:0 0 0 6px #ef444440,0 8px 24px #ef44444d}50%{box-shadow:0 0 0 16px #ef444426,0 8px 36px #ef44448c}}.referee-img{height:78px;width:auto;max-width:76px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}.side-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:50}.side-overlay.visible{opacity:1;pointer-events:auto}.side-menu{position:absolute;top:0;left:0;width:55%;height:100%;background:#4c1d95;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:51;display:flex;flex-direction:column;padding:0 0 24px}.side-menu.open{transform:translate(0)}.side-menu-header{padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.side-logo{height:36px;width:auto;object-fit:contain}.side-nav{display:flex;flex-direction:column;padding:8px 0;flex:1;overflow-y:auto}.side-nav-item{background:none;border:none;color:#ffffffe6;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;text-align:left;padding:13px 20px;cursor:pointer;transition:background .15s,color .15s}.side-nav-item:hover{background:#ffffff1a;color:#fff}.sub-tabs{display:flex;position:relative;margin-top:10px;border-bottom:2px solid var(--border)}.sub-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 0;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:color .2s}.sub-tab-btn.active{color:var(--purple)}.sub-tab-indicator{position:absolute;bottom:-2px;left:0;width:50%;height:2px;background:var(--purple);border-radius:2px 2px 0 0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sub-tab-indicator.right{transform:translate(100%)}.tab-panel{animation:screenIn .18s ease-out}.photos-empty{margin:10px 12px 0;background:#fff;border-radius:14px;padding:48px 16px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;font-weight:600;text-align:center}.phone-frame.dark-mode{--gray-bg: #121212;--card-bg: #1e1e1e;--surface: #1e1e1e;--surface-dim: #252525;--input-bg: #2a2a2a;--text: #e8e8e8;--text-muted: #9ca3af;--border: #333333;--shadow: 0 2px 12px rgba(0,0,0,.4);--purple-light: #2d1a4d}.phone-frame.dark-mode .app-header{background:#1a0040}.phone-frame.dark-mode .bottom-nav{background:#1e1e1e;border-top-color:#333}.phone-frame.dark-mode .nav-btn{color:#9ca3af}.phone-frame.dark-mode .nav-btn.active{color:#7c3aed}.phone-frame.dark-mode .side-menu{background:#1a1a1a}.phone-frame.dark-mode .side-nav-item{color:#e8e8e8;border-bottom-color:#2d2d2d}.phone-frame.dark-mode .side-overlay{background:#0009}.phone-frame.dark-mode .screen,.phone-frame.dark-mode .slide-panel,.phone-frame.dark-mode .panel-body{background:#121212}.phone-frame.dark-mode .user-card,.phone-frame.dark-mode .result-section,.phone-frame.dark-mode .bottom-section{background:#1e1e1e;border-color:#333}.phone-frame.dark-mode .personas-section{background:#121212}.phone-frame.dark-mode .persona-card{background:#1e1e1e;border-color:#333}.phone-frame.dark-mode .persona-name{color:#e8e8e8}.phone-frame.dark-mode .persona-follow-btn{background:#7c3aed}.phone-frame.dark-mode .wait-label{color:#9ca3af}.phone-frame.dark-mode .days-box{background:#252525;border-color:#333}.phone-frame.dark-mode .days-num{color:#e8e8e8}.phone-frame.dark-mode .days-label{color:#9ca3af}.phone-frame.dark-mode .status-negative{background:#1a2d1a;border-color:#2d4a2d}.phone-frame.dark-mode .status-positive{background:#2d1a1a;border-color:#4a2d2d}.phone-frame.dark-mode .event-section{background:#1e1e1e;border-color:#333}.phone-frame.dark-mode .event-dropdown-btn{background:#2a2a2a;color:#e8e8e8;border-color:#444}.phone-frame.dark-mode .dropdown-menu,.phone-frame.dark-mode .options-menu{background:#1e1e1e;border-color:#333;box-shadow:0 4px 20px #00000080}.phone-frame.dark-mode .dropdown-item{color:#e8e8e8;border-bottom-color:#333}.phone-frame.dark-mode .dropdown-item:hover{background:#252525}.phone-frame.dark-mode .sub-tab-btn{color:#9ca3af}.phone-frame.dark-mode .sub-tab-btn.active{color:#7c3aed}.phone-frame.dark-mode .participant-row{background:#1e1e1e;border-bottom-color:#333}.phone-frame.dark-mode .participant-name,.phone-frame.dark-mode .result-big{color:#e8e8e8}.phone-frame.dark-mode .result-gl,.phone-frame.dark-mode .result-time{color:#9ca3af}.phone-frame.dark-mode .penalty-row{background:#252525}.phone-frame.dark-mode .penalty-text{color:#e8e8e8}.phone-frame.dark-mode .load-test-btn{background:#7c3aed;color:#fff}.phone-frame.dark-mode .profile-avatar-section{background:#1e1e1e}.phone-frame.dark-mode .profile-name{color:#e8e8e8}.phone-frame.dark-mode .profile-email{color:#9ca3af}.phone-frame.dark-mode .profile-menu{background:#1e1e1e;border-color:#333}.phone-frame.dark-mode .menu-item{background:#1e1e1e;color:#e8e8e8;border-bottom-color:#333}.phone-frame.dark-mode .menu-arrow{color:#9ca3af}.phone-frame.dark-mode .menu-divider{background:#333}.phone-frame.dark-mode .photos-empty{background:#1e1e1e}.phone-frame.dark-mode input:not([type=range]),.phone-frame.dark-mode select,.phone-frame.dark-mode textarea{background:#2a2a2a!important;color:#e8e8e8!important;border-color:#444!important}.phone-frame.dark-mode input::placeholder{color:#6b7280!important}.phone-frame.dark-mode .history-stats{background:#1e1e1e;border-color:#333}.phone-frame.dark-mode .stat-row{border-bottom-color:#333;color:#e8e8e8}.phone-frame.dark-mode .stat-row span{color:#9ca3af}.phone-frame.dark-mode .stat-row b{color:#e8e8e8}.phone-frame.dark-mode .test-list{background:#1e1e1e;border-color:#333}.phone-frame.dark-mode .test-row{border-bottom-color:#333}.phone-frame.dark-mode .test-date{color:#e8e8e8}.phone-frame.dark-mode .test-time{color:#9ca3af}.phone-frame.dark-mode .friend-request-row,.phone-frame.dark-mode .activity-row{border-bottom-color:#333}.phone-frame.dark-mode .notif-name,.phone-frame.dark-mode .notif-text{color:#e8e8e8}.phone-frame.dark-mode .notif-empty{color:#9ca3af}.phone-frame.dark-mode .friend-btn.reject{background:#252525;color:#9ca3af}.phone-frame.dark-mode .view-selector{background:#1e1e1e}.phone-frame.dark-mode .view-btn{background:#1e1e1e;color:#9ca3af;border-color:#333}.phone-frame.dark-mode .view-btn.active{background:#7c3aed;color:#fff}.phone-frame.dark-mode .cal-nav-btn{color:#e8e8e8;background:none}.phone-frame.dark-mode .cal-month-label{color:#e8e8e8}.phone-frame.dark-mode .cal-wd{color:#9ca3af}.phone-frame.dark-mode .cal-num{color:#e8e8e8}.phone-frame.dark-mode .week-wd{color:#9ca3af}.phone-frame.dark-mode .week-num,.phone-frame.dark-mode .year-month-label{color:#e8e8e8}.phone-frame.dark-mode .bt-icon-anim path{fill:#7c3aed}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gray-bg);z-index:52;display:flex;flex-direction:column;animation:slideInRight .25s ease-out;overflow:hidden}.panel-header{background:var(--purple);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-back{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;line-height:1;padding:2px 6px 2px 0}.panel-title{font-family:Black Han Sans,sans-serif;font-size:22px;color:#fff;letter-spacing:1px}.panel-body{flex:1;overflow-y:auto;padding:16px;scrollbar-width:none}.panel-body::-webkit-scrollbar{display:none}.panel-section-title{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.friend-request-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.notif-avatar{width:38px;height:38px;border-radius:50%;color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-name{flex:1;font-size:13px;font-weight:700;color:var(--text)}.friend-btn{border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer}.friend-btn.accept{background:var(--purple);color:#fff}.friend-btn.reject{background:#f3f4f6;color:var(--text-muted)}.activity-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.activity-row:last-child{border-bottom:none}.notif-text{font-size:13px;color:var(--text);font-weight:600;line-height:1.4}.notif-empty{font-size:13px;color:var(--text-muted);padding:8px 0 12px}.history-stats{background:var(--card-bg, white);border-radius:12px;border:1px solid var(--border);overflow:hidden;margin-bottom:4px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text)}.stat-row:last-child{border-bottom:none}.stat-row b{font-weight:800;color:var(--purple)}.test-list{background:var(--card-bg, white);border-radius:12px;border:1px solid var(--border);overflow:hidden}.test-row{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid var(--border)}.test-row:last-child{border-bottom:none}.test-datetime{display:flex;flex-direction:column;gap:2px}.test-date{font-size:13px;font-weight:700;color:var(--text)}.test-time{font-size:11px;color:var(--text-muted)}.test-value{font-family:Bebas Neue,sans-serif;font-size:22px}.test-unit{font-family:Nunito,sans-serif;font-size:11px;font-weight:700}.view-selector{display:flex;gap:6px;margin-bottom:16px}.view-btn{flex:1;border:2px solid var(--border);background:none;border-radius:20px;padding:7px 0;font-size:13px;font-weight:700;font-family:Nunito,sans-serif;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.view-btn.active{background:var(--purple);border-color:var(--purple);color:#fff}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-nav-btn{background:none;border:none;font-size:22px;color:var(--purple);cursor:pointer;padding:4px 8px;line-height:1}.cal-month-label{font-size:14px;font-weight:800;color:var(--text);text-transform:capitalize}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.cal-wd{text-align:center;font-size:11px;font-weight:800;color:var(--text-muted);padding:4px 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1}.cal-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text)}.week-view{display:flex;gap:4px;margin-top:8px}.week-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.week-wd{font-size:11px;font-weight:800;color:var(--text-muted)}.week-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text)}.year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}.year-month-cell{display:flex;flex-direction:column;align-items:center;gap:6px}.year-month-label{font-size:13px;font-weight:700;color:var(--text);text-transform:capitalize}.year-dot{width:8px;height:8px;border-radius:50%;background:var(--purple)}.product-panel{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:24px}.product-img{width:80%;max-width:260px;height:auto;object-fit:contain}.product-name{font-size:18px;font-weight:800;color:var(--text);text-align:center}.product-price{font-family:Bebas Neue,sans-serif;font-size:36px;color:var(--purple)}.product-btn-primary{width:100%;background:var(--purple);color:#fff;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:800;font-family:Nunito,sans-serif;cursor:pointer;transition:background .15s}.product-btn-primary:hover{background:var(--purple-dark)}.product-btn-secondary{width:100%;background:none;color:var(--purple);border:2px solid var(--purple);border-radius:12px;padding:12px;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;cursor:pointer;transition:background .15s}.product-btn-secondary:hover{background:var(--purple-light)}.logout-btn{color:#ef4444!important}.personas-section{margin:10px 12px 12px}.personas-title{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.personas-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.personas-scroll::-webkit-scrollbar{display:none}.persona-card{background:var(--card-bg, white);border-radius:14px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:96px;flex-shrink:0;box-shadow:var(--shadow);border:1px solid var(--border)}.persona-avatar{width:48px;height:48px;border-radius:50%;color:#fff;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center}.persona-name{font-size:13px;font-weight:700;color:var(--text)}.persona-follow-btn{background:var(--purple);color:#fff;border:none;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;width:100%}.user-card{position:relative}.user-card-top{display:flex;align-items:flex-start;gap:8px}.user-card-top .user-grid{flex:1}.mailbox-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;flex-shrink:0;line-height:0;margin-top:1px}.add-event-btn{background:var(--purple);color:#fff;border:none;border-radius:50%;width:34px;height:34px;font-size:22px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.options-wrap{position:relative;flex-shrink:0}.options-btn{background:#e5e7eb;color:var(--text);border:none;border-radius:20px;padding:7px 12px;font-size:16px;font-weight:700;cursor:pointer;line-height:1;letter-spacing:2px}.options-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--card-bg, white);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:20;overflow:hidden;min-width:190px}.group-photo-icon{width:28px;height:28px;border-radius:50%;background:currentColor;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff}:root{--base-font-size: 14px}.phone-frame.font-small{--base-font-size: 12px;font-size:12px}.phone-frame.font-large{--base-font-size: 16px;font-size:16px}.phone-frame.font-xlarge{--base-font-size: 18px;font-size:18px}.phone-frame .menu-item,.phone-frame .stat-row,.phone-frame .notif-text,.phone-frame .notif-name,.phone-frame .side-nav-item{font-size:var(--base-font-size, 14px)}@keyframes btColorPulse{0%,to{fill:#2563eb}50%{fill:#9ca3af}}.bt-icon-anim{animation:btColorPulse 1.5s ease-in-out infinite}