/* Signed-in app only: touch-first, task-focused, one navigation system. */
.simple-app{min-height:100dvh;background:var(--bg);color:var(--text);font-size:15px;line-height:1.7;--text-soft:var(--muted);padding-bottom:calc(98px + env(safe-area-inset-bottom));}
.simple-app .simple-header{position:sticky;top:0;z-index:30;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top);}
.simple-app .simple-header-inner{max-width:1000px;min-height:76px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.simple-app .brand{gap:10px;min-width:0}.simple-app .brand img{height:40px;width:40px}.simple-app .brand .wordmark{font-size:22px;line-height:1.4;letter-spacing:-.7px}.simple-app .brand .wordmark small{font-size:9px;line-height:1.6;letter-spacing:1.5px;color:var(--muted)}
.simple-app .icon-btn{height:44px;width:44px;min-height:44px;min-width:44px;border-radius:14px;position:relative}.simple-app .simple-notice-dot{width:6px;height:6px;background:var(--brand);border-radius:50%;position:absolute;right:10px;top:8px;}
.simple-app .simple-main{max-width:1000px;margin:0 auto;padding:24px;min-width:0}.simple-app .simple-main.personal-width{max-width:680px}.simple-app .simple-demo-note{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 16px;}
.simple-app .simple-title-row,.simple-app .page-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px;}
.simple-app .simple-title-row h1,.simple-app .page-heading h1{font-size:28px;font-weight:700;letter-spacing:-.6px;margin:0 0 5px;line-height:1.5;}
.simple-app .simple-title-row p,.simple-app .page-heading p{font-size:14px;line-height:1.8;color:var(--muted);margin:0;}
.simple-app .btn{font-size:14px;min-height:46px;padding:11px 17px;border-radius:13px;line-height:1.5;font-weight:600}.simple-app .btn:hover{transform:none}.simple-app .btn.primary{background:var(--brand);box-shadow:none;}
.simple-app .quota-chip{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--purple);font-size:12px;font-weight:600;white-space:nowrap;}
.simple-app .simple-search-row{display:flex;gap:10px;margin-bottom:13px;}.simple-app .search-box{min-width:0;min-height:48px;border-radius:13px;padding:0 14px;gap:10px;}.simple-app .search-box input{font-size:16px;padding:12px 0;min-height:46px;}.simple-app .clear-search{min-height:44px;min-width:32px;display:grid;place-items:center;}.simple-app .filter-btn{min-width:86px;gap:7px;padding:11px 13px;flex-shrink:0;}
.simple-app .simple-results-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin-bottom:14px;min-height:44px;}.simple-app .refresh-topics{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;color:var(--muted);padding:9px 0 9px 12px;}
.simple-app .simple-topic-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;}.simple-app .simple-topic-card{padding:23px;border-radius:20px;box-shadow:none;display:flex;flex-direction:column;min-width:0;}.simple-app .simple-topic-card.skeleton{min-height:260px;}
.simple-app .simple-card-person{display:flex;align-items:center;gap:12px;}.simple-app .simple-card-person .avatar{height:46px;width:46px;border-radius:15px;}.simple-app .simple-age{font-size:13px;color:var(--text);display:block;font-weight:500;}.simple-app .simple-activity{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);margin-top:3px;}.simple-app .simple-premium{color:#967633;width:28px;height:28px;display:grid;place-items:center;background:#d8b25813;border-radius:8px;}
.simple-app .simple-topic-card h2{font-size:19px;line-height:1.75;letter-spacing:0;font-weight:600;margin:19px 0 13px;overflow-wrap:anywhere;}.simple-app .tags{gap:7px;flex-wrap:wrap;}.simple-app .tag{font-size:12px;color:var(--muted);background:var(--surface2);font-weight:500;border-radius:8px;padding:6px 10px;line-height:1.5;}.simple-app button.tag{min-height:40px;}.simple-app .simple-card-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin-top:auto;padding-top:21px;}.simple-app .simple-card-actions .btn{width:100%;min-height:48px;font-size:15px;gap:8px;}.simple-app .simple-card-actions .purple{background:var(--surface);border:1px solid color-mix(in srgb,var(--purple) 30%,var(--border));}
.simple-app .simple-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;}.simple-app .simple-pager>span{font-size:13px;color:var(--muted);}.simple-app .simple-pager .btn{gap:5px;}.simple-app .simple-locked{display:flex;align-items:center;flex-direction:column;gap:12px;padding:24px;text-align:center;margin-top:20px;}.simple-app .simple-locked p{font-size:14px;}
.simple-app .simple-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--glass);border-top:1px solid var(--border);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);padding:7px 16px calc(8px + env(safe-area-inset-bottom));}
.simple-app .simple-nav-inner{display:grid;grid-template-columns:repeat(4,1fr);max-width:560px;margin:auto;gap:8px;}.simple-app .simple-nav-item{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;min-height:59px;padding:5px 8px;border-radius:13px;color:var(--muted);font-size:12px;line-height:1.5;}.simple-app .simple-nav-item.active{color:var(--brand);font-weight:700;background:var(--brand-soft);}.simple-app .simple-nav-icon{position:relative;display:grid;place-items:center;width:34px;height:26px;}.simple-app .simple-nav-icon .badge{position:absolute;right:-7px;top:-6px;min-width:18px;height:18px;font-size:10px;line-height:1;border-radius:8px;border:2px solid var(--surface);}
/* Invitations and conversation list */
.simple-app .page-tabs{gap:0;margin:0 0 21px;border:0;padding:5px;border-radius:14px;background:var(--surface2);display:flex;}.simple-app .page-tabs>button{flex:1;min-height:44px;border:0;border-radius:10px;padding:10px;font-size:14px;color:var(--muted);}.simple-app .page-tabs>button.active{background:var(--surface);color:var(--text);box-shadow:0 2px 6px #12372508;}.simple-app .page-tabs>button span{font-size:12px;}
.simple-app .invitation-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;}.simple-app .invitation-card{padding:23px;border-radius:20px;box-shadow:none;}.simple-app .invitation-card h3{font-size:18px;line-height:1.75;margin:18px 0 13px;}.simple-app .invitation-card .pill{font-size:11px;}.simple-app .invitation-card .letter{margin:18px 0;min-height:0;padding:19px;border:0;background:var(--surface2);color:var(--text);}.simple-app .letter>span{display:none;}.simple-app .letter p{font-size:15px;line-height:1.8;}.simple-app .invitation-card .small{font-size:12px;}.simple-app .invitation-buttons{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:19px;}.simple-app .invitation-buttons .btn{font-size:14px;padding:12px 10px;min-height:48px;}.simple-app .sent-label{font-size:13px;}
.simple-app .chat-layout{display:block;height:auto;min-height:0;overflow:visible;background:var(--surface);border-radius:18px;box-shadow:none;}.simple-app .conversation-list{height:auto;overflow:visible;border:0;}.simple-app .chat-list-title,.simple-app .chat-welcome{display:none;}.simple-app .conversation-row{width:100%;margin:0;padding:21px 20px;border:0;border-bottom:1px solid var(--border);border-radius:0;gap:14px;min-height:98px;}.simple-app .conversation-row:last-of-type{border-bottom:0;}.simple-app .conversation-row.superlike{border:0;border-bottom:1px solid var(--border);}.simple-app .conversation-row .avatar{width:48px;height:48px;border-radius:15px;}.simple-app .conversation-row b{font-size:15px;font-weight:600;line-height:1.65;max-width:none;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.simple-app .conversation-row .row small{display:block;font-size:11px;flex-shrink:0;}.simple-app .conversation-row p{font-size:14px;max-width:none;margin-top:5px;}.simple-app .conversation-type{font-size:11px;margin-top:6px;}.simple-app .conversation-row .badge{font-size:11px;min-width:22px;height:22px;flex-shrink:0;}.simple-app .pagination{padding:14px;margin:0;}.simple-app .pagination .icon-btn,.simple-app .pagination .page{min-width:44px;height:44px;font-size:13px;}.simple-app .pagination .page:not(.selected){display:none;}
/* Focused chat: no app chrome, safe keyboard/viewport sizing. */
.simple-app.is-room{position:fixed;inset-inline:0;top:var(--chat-offset,0px);height:var(--chat-height,100dvh);min-height:0;padding:0;z-index:35;overflow:hidden;}.simple-app.is-room .simple-main{height:100%;max-width:840px;padding:0;display:flex;flex-direction:column;}.simple-app .chat-room{display:flex;flex-direction:column;height:100%;min-height:0;width:100%;border-inline:1px solid var(--border);}.simple-app .room-header{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;min-height:76px;gap:10px;flex-shrink:0;}.simple-app .mobile-back{display:inline-flex!important;min-width:44px!important;width:44px!important;height:44px!important;min-height:44px!important;border:0!important;}.simple-app .partner-button{min-width:0;gap:10px;min-height:44px;}.simple-app .partner-button>div:last-child{flex:1;min-width:0;}.simple-app .partner-button .avatar{width:40px;height:40px;border-radius:13px;}.simple-app .partner-button b{font-size:14px;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.simple-app .partner-button span{font-size:11px;line-height:1.5;margin-top:2px;}.simple-app .room-header>.icon-btn{width:44px;height:44px;}.simple-app .chat-safety{font-size:11px;padding:8px 15px;line-height:1.7;flex-shrink:0;}.simple-app .message-scroll{padding:24px 20px;flex:1;min-height:0;overscroll-behavior:contain;}.simple-app .message-bubble{font-size:16px;line-height:1.8;padding:11px 15px;}.simple-app .message-meta{font-size:11px;}.simple-app .system-message{font-size:12px;line-height:1.8;}.simple-app .typing span{font-size:12px;}.simple-app .composer-area{padding:10px 14px calc(14px + env(safe-area-inset-bottom));flex-shrink:0;background:var(--surface);}.simple-app .unlock-info{font-size:11px;line-height:1.7;gap:6px;padding-bottom:9px;}.simple-app .composer{gap:6px;}.simple-app .composer>.icon-btn{height:44px;width:44px;min-width:44px;min-height:44px;}.simple-app .composer input:not([type=file]){font-size:16px;min-height:46px;padding:11px 12px;}.simple-app .send-button{height:46px;width:46px;min-width:46px;border-radius:13px;}.simple-app .recording-text{font-size:14px;}.simple-app .chat-ended{font-size:13px;padding:20px 15px calc(20px + env(safe-area-inset-bottom));}.simple-app .room-menu{top:68px;min-width:240px;right:14px;}.simple-app .room-menu button{font-size:14px;min-height:48px;gap:12px;}.simple-app .photo-message{max-width:270px;}.simple-app .photo-message>span{font-size:13px;}
/* Profile summary first; editing opens only when needed. */
.simple-app .simple-profile-card{padding:25px;box-shadow:none;border-radius:20px;margin-bottom:22px;}.simple-app .simple-profile-card .row{gap:16px;}.simple-app .simple-profile-card .avatar{height:64px;width:64px;border-radius:22px;}.simple-app .simple-profile-label{font-size:12px;color:var(--muted);}.simple-app .simple-profile-card h2{font-size:18px;line-height:1.7;letter-spacing:0;font-weight:600;margin-top:4px;overflow-wrap:anywhere;}.simple-app .simple-profile-card .tags{margin:19px 0;}.simple-app .simple-settings-list{padding:0 22px;border-radius:18px;box-shadow:none;margin-bottom:22px;}.simple-app .simple-settings-list>button,.simple-app .simple-membership{width:100%;display:flex;align-items:center;gap:14px;text-align:left;min-height:74px;padding:17px 0;color:var(--text);}.simple-app .simple-settings-list>button+button{border-top:1px solid var(--border);}.simple-app .setting-row-icon{width:25px;display:grid;place-items:center;color:var(--muted);flex-shrink:0;}.simple-app .simple-settings-list b,.simple-app .simple-membership b{font-size:15px;font-weight:500;display:block;}.simple-app .simple-settings-list small,.simple-app .simple-membership small{font-size:12px;color:var(--muted);display:block;margin-top:3px;line-height:1.7;}.simple-app .simple-membership{padding:20px 22px;border-radius:18px;box-shadow:none;margin-bottom:22px;}.simple-app .simple-membership .setting-row-icon{color:var(--purple);}.simple-app .simple-switch{display:block;width:43px;height:26px;padding:3px;background:var(--border);border-radius:20px;flex-shrink:0;}.simple-app .simple-switch i{display:block;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px #0002;transition:transform .18s;}.simple-app .simple-switch.on{background:var(--brand);}.simple-app .simple-switch.on i{transform:translateX(17px);}.simple-app .simple-demo-exit{color:var(--muted);}.simple-app .simple-advanced{margin:22px 0;background:var(--surface2);border-radius:13px;padding:0 16px;}.simple-app .simple-advanced summary{padding:14px 0;min-height:48px;font-size:14px;cursor:pointer;font-weight:500;}.simple-app .simple-advanced[open]{padding-bottom:17px;}.simple-app .simple-advanced p{font-size:14px;margin:8px 0 13px;}.simple-app .simple-advanced small{font-size:12px;}.simple-app .simple-editor label{font-size:14px;}.simple-app .simple-editor .field>.row{margin-bottom:9px;}
/* Sheets are comfortable on touch screens without changing the login modals. */
.simple-app .modal-bg{padding:20px;z-index:100;}.simple-app .modal{padding:25px;border-radius:24px;max-height:calc(100dvh - 40px);}.simple-app .modal-header h2{font-size:21px;line-height:1.6;}.simple-app .modal p,.simple-app .modal p.muted{font-size:14px;line-height:1.9;}.simple-app .modal .small,.simple-app .modal small{font-size:12px;}.simple-app .modal input:not([type=range]):not([type=checkbox]):not([type=radio]),.simple-app .modal textarea,.simple-app .modal select{font-size:16px;min-height:46px;}.simple-app .modal .btn{min-height:46px;font-size:14px;}.simple-app .modal .tag{font-size:12px;}.simple-app .modal .tag button{height:28px;min-width:28px;font-size:20px;}.simple-app .modal .gender-options{gap:8px;}.simple-app .modal .range .row b{font-size:14px;}.simple-app .modal .range input{height:36px;}.simple-app .modal .setting-shortcuts>button{font-size:14px;min-height:54px;}.simple-app .modal .settings-account p{font-size:14px;}.simple-app .modal .settings-account small{font-size:12px;}.simple-app .modal .report-options label{font-size:15px;min-height:48px;}.simple-app .modal .modal-actions{position:sticky;bottom:-25px;background:var(--surface);padding:15px 0 5px;margin-top:20px;z-index:2;}.simple-app .invitation-pop{bottom:calc(95px + env(safe-area-inset-bottom));}.simple-app .invitation-pop b{font-size:14px;}.simple-app .invitation-pop p{font-size:13px;}
@media(min-width:700px){.simple-app .simple-main{padding:32px 28px;}.simple-app .simple-topic-grid,.simple-app .invitation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}.simple-app .simple-topic-card h2{min-height:66px;}.simple-app .simple-topic-card{padding:25px;}.simple-app .simple-title-row,.simple-app .page-heading{margin-bottom:26px;}.simple-app .chat-page{max-width:740px;margin:auto;}.simple-app .simple-nav-inner{max-width:620px;}.simple-app .simple-nav-item{flex-direction:row;gap:10px;font-size:14px;}.simple-app .simple-nav-icon{width:30px;}.simple-app.is-room .simple-main{padding:0;}}
@media(max-width:699px){.simple-app .simple-header-inner{min-height:70px;padding:10px 18px;}.simple-app .brand .wordmark{font-size:21px;}.simple-app .brand img{height:37px;width:37px;}.simple-app .simple-main{padding:20px 18px;}.simple-app .simple-demo-note{font-size:11px;margin-bottom:14px;}.simple-app .simple-title-row h1,.simple-app .page-heading h1{font-size:26px;}.simple-app .simple-title-row p,.simple-app .page-heading p{font-size:13px;}.simple-app .simple-topic-card,.simple-app .invitation-card{padding:21px;}.simple-app .simple-topic-card h2{font-size:18px;}.simple-app .simple-profile-card{padding:21px;}.simple-app .simple-profile-card h2{font-size:17px;}.simple-app .simple-profile-card .avatar{width:56px;height:56px;border-radius:18px;}.simple-app .simple-settings-list{padding:0 19px;}.simple-app .simple-membership{padding:19px;}.simple-app .simple-settings-list b,.simple-app .simple-membership b{font-size:14px;}.simple-app .conversation-row{padding:18px 15px;gap:12px;}.simple-app .conversation-row .avatar{width:42px;height:42px;border-radius:14px;}.simple-app .conversation-row b{font-size:14px;}.simple-app .conversation-row .row{gap:8px;}.simple-app .conversation-row p{font-size:13px;}.simple-app .conversation-type{font-size:11px;}.simple-app .modal-bg{padding:12px;}.simple-app .modal{padding:22px;max-height:calc(100dvh - 24px);border-radius:22px;}.simple-app .modal .modal-actions{bottom:-22px;}.simple-app .room-header{padding:calc(9px + env(safe-area-inset-top)) 10px 9px;gap:7px;}.simple-app .chat-room{border:0;}.simple-app .partner-button{gap:9px;}.simple-app .partner-button b{font-size:13px;}.simple-app .partner-button span{font-size:10px;}.simple-app .partner-button .avatar{width:34px;height:34px;border-radius:11px;}.simple-app .message-scroll{padding:20px 14px;}.simple-app .message-bubble{font-size:15px;}.simple-app .composer-area{padding-inline:10px;}.simple-app .chat-safety{font-size:10px;}.simple-app .unlock-info{font-size:10px;}.simple-app.is-room .simple-main{padding:0;}.simple-app .modal .plans-grid{gap:7px;}.simple-app .modal .plan-badge{font-size:9px;}.simple-app .modal .plan-price small{font-size:10px;}.simple-app .modal .trial-callout small{font-size:10px;}}
@media(max-width:359px){.simple-app .simple-header-inner{padding-inline:13px;}.simple-app .brand .wordmark{font-size:19px;}.simple-app .simple-main{padding-inline:13px;}.simple-app .simple-title-row{gap:8px;}.simple-app .quota-chip{font-size:11px;padding:8px;gap:5px;}.simple-app .simple-topic-card{padding:18px;}.simple-app .simple-card-actions .btn{font-size:14px;padding-inline:10px;}.simple-app .simple-profile-card .row{gap:11px;}.simple-app .filter-btn{min-width:78px;}.simple-app .composer{gap:4px;}.simple-app .room-header{gap:4px;}.simple-app .partner-button .avatar{display:none;}.simple-app .simple-pager{gap:8px;}.simple-app .simple-pager .btn{padding-inline:12px;}.simple-app .modal{padding:18px;}.simple-app .modal .modal-actions{bottom:-18px;}.simple-app .modal .gender-options .btn{font-size:13px;padding:10px;}}