/* Slovra extras UI — compact social, voice, speech and payments */
:root{--v70-card:rgba(255,255,255,.055);--v70-border:rgba(255,255,255,.105);--v70-soft:rgba(28,176,246,.12);--v70-yellow:#ffd43b}
body.light{--v70-card:rgba(16,34,42,.045);--v70-border:rgba(16,34,42,.12);--v70-soft:rgba(28,176,246,.10)}
.settings-version{display:none!important}
.v70-shell{display:flex;flex-direction:column;gap:12px;padding:2px 0 92px}.v70-card{background:var(--v70-card);border:1px solid var(--v70-border);border-radius:18px;padding:14px;box-sizing:border-box}.v70-muted{color:var(--text-muted);font-size:11px;line-height:1.35}.v70-btn{border:0;border-radius:13px;padding:10px 14px;font-weight:900;cursor:pointer;background:var(--color-green,#58cc02);color:#071308}.v70-btn.wide{width:100%}.v70-btn.secondary{background:rgba(255,255,255,.07);color:var(--text-primary);border:1px solid var(--v70-border)}.v70-btn.danger{background:rgba(255,80,80,.14);color:#ff7777;border:1px solid rgba(255,80,80,.24)}.v70-loading-dot,.v70-empty{padding:22px 12px;text-align:center;color:var(--text-muted);font-size:12px}
.v70-screen-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin-bottom:12px}.v70-screen-head button{width:40px;height:40px;border:1px solid var(--v70-border);border-radius:14px;background:var(--v70-card);color:var(--text-primary);font-size:20px}.v70-screen-head div{text-align:center}.v70-screen-head strong{display:block;font-size:17px;font-weight:950}.v70-screen-head span{display:block;margin-top:1px;font-size:10px;color:var(--text-muted)}
.v62-live-card{position:relative;overflow:hidden;border:1px solid var(--v70-border);border-radius:24px;padding:20px 16px 18px;background:linear-gradient(180deg,rgba(28,176,246,.08),var(--v70-card))}.v62-level-pill{width:max-content;margin:0 auto 12px;padding:5px 9px;border-radius:999px;background:rgba(28,176,246,.12);color:#58c8ff;font-size:10px;font-weight:950}.v62-live-target{font-size:23px;line-height:1.75;font-weight:900;text-align:center;min-height:92px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}.v62-live-target .heard{background:var(--v70-yellow);color:#2c2200;padding:1px 5px;border-radius:7px}.v62-live-transcript{min-height:24px;text-align:center;margin:8px 0 10px;color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v62-mic{width:86px;height:86px;border-radius:50%;border:0;background:linear-gradient(180deg,#ff6767,#ff4141);color:#fff;display:grid;place-items:center;margin:10px auto 14px;box-shadow:0 8px 0 rgba(128,22,22,.55);cursor:pointer}.v62-mic span{display:block;font-size:30px;line-height:1}.v62-mic small{display:block;margin-top:-13px;font-size:9px;font-weight:950}.v62-mic.live{animation:v62pulse 1.2s infinite}.v62-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v62-quick-actions button{border:1px solid var(--v70-border);background:rgba(255,255,255,.055);color:var(--text-primary);border-radius:13px;padding:10px;font-weight:850}@keyframes v62pulse{50%{transform:scale(1.05);box-shadow:0 0 0 12px rgba(255,75,75,.10),0 8px 0 rgba(128,22,22,.55)}}
.v65-search{display:flex;gap:8px}.v65-search input,.v68-room-create input,.v68-chat-send input,.v68-challenge-create select{min-width:0;border:1px solid var(--v70-border);background:rgba(0,0,0,.12);color:var(--text-primary);border-radius:13px;padding:10px 12px;font:inherit;outline:none}.v65-search input{flex:1}.v65-results{display:grid;gap:7px;margin-top:10px}.v65-word{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--v70-border)}.v65-word:last-child{border-bottom:0}.v65-word strong{font-size:18px}.v65-word small{display:block;color:var(--text-muted);margin-top:2px}.v66-topic-grid{display:grid;gap:8px;margin-top:10px}.v66-topic{position:relative;border:1px solid var(--v70-border);border-radius:15px;padding:13px;background:var(--v70-card)}.v66-topic>span{position:absolute;right:10px;top:10px;padding:3px 7px;border-radius:999px;background:var(--v70-soft);font-size:9px;font-weight:950}.v66-topic h3{margin:0 42px 4px 0;font-size:14px}.v66-topic p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.5}
.v68-tabs{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;margin-bottom:10px;border:1px solid var(--v70-border);border-radius:15px;background:rgba(14,31,38,.94);backdrop-filter:blur(12px)}body.light .v68-tabs{background:rgba(255,255,255,.94)}.v68-tabs button{padding:9px 3px;border-radius:10px;border:0;background:transparent;color:var(--text-muted);font-size:10px;font-weight:900}.v68-tabs button.active{background:var(--v70-soft);color:#58c8ff}.v68-post-form{border:1px solid var(--v70-border);border-radius:17px;background:var(--v70-card);padding:11px;margin-bottom:10px}.v68-post-form textarea{width:100%;box-sizing:border-box;min-height:64px;max-height:130px;resize:vertical;border:0;background:transparent;color:var(--text-primary);font:inherit;outline:none}.v68-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.v68-compose-foot span{font-size:9px;color:var(--text-muted)}.v68-feed{display:grid;gap:8px}.v68-post-card{border:1px solid var(--v70-border);border-radius:17px;background:var(--v70-card);padding:12px}.v68-post-head{display:grid;grid-template-columns:38px 1fr 34px;align-items:center;gap:8px}.v68-post-head strong{display:block;font-size:13px}.v68-post-head small{display:block;color:var(--text-muted);font-size:9px}.v68-post-head>button{border:0;background:transparent;color:var(--text-muted);font-size:16px}.v68-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.08);display:grid;place-items:center;font-weight:900;overflow:hidden}.v68-avatar img{width:100%;height:100%;object-fit:cover}.v68-post-text{white-space:pre-wrap;margin:10px 0;line-height:1.5;font-size:13px}.v68-actions{display:flex;gap:6px;flex-wrap:wrap}.v68-actions button{border:0;background:rgba(255,255,255,.055);color:var(--text-muted);border-radius:10px;padding:7px 9px;font-size:10px;font-weight:850}.v68-actions.icon-only button{width:34px;height:34px;padding:0;font-size:15px}.v68-challenge-create{display:grid;grid-template-columns:1fr 72px auto;gap:7px;margin-bottom:10px}.v68-challenge-row{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;border:1px solid var(--v70-border);background:var(--v70-card);border-radius:16px;padding:10px}.v68-challenge-row strong{display:block;font-size:12px}.v68-challenge-row small{display:block;color:var(--text-muted);font-size:9px}.v68-score-card{display:grid;place-items:center;gap:15px;padding:46px 14px}.v68-score-card>span{font-size:42px}.v68-score-card>strong{font-size:42px}
.v68-room-create{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:10px}.v68-room-list{display:grid;gap:7px}.v68-room-row{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:8px;border:1px solid var(--v70-border);background:var(--v70-card);border-radius:17px;padding:10px}.v68-room-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,75,75,.1);font-size:19px}.v68-room-row strong{display:block;font-size:12px}.v68-room-row small{display:block;color:var(--text-muted);font-size:9px}.v68-room-count{font-size:10px;font-weight:900;color:var(--text-muted)}.v68-voice-room{border:1px solid var(--v70-border);border-radius:24px;padding:15px;background:linear-gradient(180deg,rgba(28,176,246,.06),var(--v70-card))}.v68-room-title{text-align:center;margin:2px 0 14px}.v68-room-title strong{display:block;font-size:17px}.v68-room-title small{display:block;font-size:9px;color:var(--text-muted)}.v68-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#58cc02;box-shadow:0 0 0 5px rgba(88,204,2,.1);margin-bottom:5px}.v68-room-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.v68-peer{min-width:0;border:0;border-radius:15px;padding:9px 3px;text-align:center;background:rgba(255,255,255,.035)}.v68-peer .v68-avatar{margin:auto;width:46px;height:46px}.v68-peer strong{display:block;margin-top:5px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v68-peer audio{display:none}.v68-voice-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 8px}.v68-mic-toggle{width:74px;height:74px;border:0;border-radius:50%;display:grid;place-items:center;background:#58cc02;color:#071308;box-shadow:0 7px 0 rgba(34,92,0,.65);font-weight:950}.v68-mic-toggle span{font-size:24px}.v68-mic-toggle small{font-size:8px;margin-top:-12px}.v68-mic-toggle.muted{background:#ff4b4b;color:#fff;box-shadow:0 7px 0 rgba(112,20,20,.65)}.v68-leave{border:1px solid rgba(255,75,75,.25);background:rgba(255,75,75,.08);color:#ff7373;border-radius:13px;padding:10px 14px;font-weight:900}.v68-chat-wrap{border-top:1px solid var(--v70-border);margin-top:16px;padding-top:10px}.v68-chat-wrap summary{cursor:pointer;color:var(--text-muted);font-size:11px;font-weight:900}.v68-chat{max-height:150px;overflow:auto;padding:8px 2px}.v68-chat-line{font-size:11px;padding:4px 0}.v68-chat-send{display:flex;gap:6px}.v68-chat-send input{flex:1}.v68-chat-send button{width:38px;border:0;border-radius:12px;background:var(--v70-soft);color:#58c8ff;font-weight:950}
.v68-avatar-upload{display:flex;gap:12px;align-items:center}.v68-avatar-upload img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:2px solid var(--v70-border)}
.v69-shopier-card{margin-top:12px;border-top:1px solid var(--v70-border);padding-top:12px}.v69-shopier-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}.v69-shopier-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(255,212,59,.1)}.v69-shopier-head strong{display:block}.v69-shopier-head small{display:block;color:var(--text-muted);font-size:9px}.v69-plans{display:grid;gap:7px}.v69-plan{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--v70-border);border-radius:14px;padding:10px;background:var(--v70-card)}.v69-plan strong{display:block}.v69-plan small{display:block;color:var(--text-muted);font-size:9px}.v69-shopier-form{display:none}.v69-ai-engine{display:grid;grid-template-columns:150px 1fr auto;gap:8px;align-items:end}
.v67-certificate{padding:24px;border:3px double rgba(255,212,59,.48);border-radius:20px;text-align:center;background:radial-gradient(circle at top,rgba(255,212,59,.08),transparent 46%)}.v67-certificate h2{font-size:23px;margin:10px 0}.v67-certificate .name{font-size:21px;font-weight:950}.v67-certificate .level{font-size:32px;font-weight:1000;margin:7px}.v67-certificate small{display:block;color:var(--text-muted);line-height:1.45;font-size:9px}.settings-avatar-upload-card{margin-top:12px}
/* compact existing premium modal */
#pro-modal .pro-modal{max-width:390px!important;border-radius:24px!important;padding:18px!important;text-align:center}#pro-modal .pro-features{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin:14px 0!important}#pro-modal .pro-features>div{padding:10px 5px!important;border:1px solid var(--v70-border)!important;border-radius:13px!important;background:var(--v70-card)!important;font-size:10px!important}#pro-modal .pro-modal p{font-size:11px!important;line-height:1.4!important}
@media(max-width:480px){.v69-ai-engine{grid-template-columns:1fr}.v68-room-stage{grid-template-columns:repeat(2,1fr)}.v68-challenge-create{grid-template-columns:1fr 68px}.v68-challenge-create .v70-btn{grid-column:1/-1}.v70-card{border-radius:16px}}
@media(min-width:641px){#app-container{width:100%;max-width:none;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.v62-mic.live{animation:none}}