*{box-sizing:border-box}body{color:#fff;background:#0b0b12;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.screen{background:radial-gradient(circle at 100% 0,#a046ff59,#0000 35%),radial-gradient(circle at 0 100%,#ff468240,#0000 30%),#0b0b12;min-height:100vh;padding:24px 18px}.label{color:#a97cff;letter-spacing:2px;font-size:12px;font-weight:700}h1{margin:12px 0 10px;font-size:34px;line-height:1.05}p{color:#ffffffa6;font-size:16px;line-height:1.4}.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;margin-top:18px;padding:18px}.card-title{color:#ffffffb3;margin-bottom:14px;font-size:14px}.moods{flex-wrap:wrap;gap:10px;display:flex}button{color:#fff;background:#ffffff1a;border:0;border-radius:16px;padding:14px 16px;font-size:15px}.main-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);width:100%;font-weight:700}.ghost-btn{background:#ffffff1c;width:100%;margin-top:10px}.grid button{min-height:82px;font-weight:700}.moods{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}.moods button{flex:calc(50% - 14px);min-width:140px}.tabs{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.tabs button{border-radius:16px;padding:12px;font-size:14px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.small{color:#ffffff8c;font-size:14px;line-height:1.35}.round-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;width:48px;height:48px;padding:0;font-size:26px}.friends{flex-direction:column;gap:12px;margin-top:16px;display:flex}.friend-mood{color:#ffffff8c;margin-top:4px;font-size:14px}.mini-btn{border-radius:14px;padding:10px 14px;font-size:14px}.main-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);width:100%;margin-top:10px;font-weight:700}.profile-btn img{object-fit:cover;border:2px solid #ffffff26;border-radius:50%;width:58px;height:58px}.sub{color:#ffffff8c;margin-top:6px;line-height:1.4}.add-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:18px;min-width:54px;height:54px;padding:0;font-size:30px}.friends-list{flex-direction:column;gap:14px;margin-top:22px;display:flex}.friend{background:#ffffff0f;border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.friend-left{align-items:center;gap:14px;display:flex}.avatar{object-fit:cover;border-radius:18px;width:58px;height:58px}.friend-mood{color:#ffffff8c;margin-top:4px}.open-btn{border-radius:16px;padding:12px 18px}.create-room{background:linear-gradient(135deg,#8b5cf6,#ec4899);width:100%;margin-top:16px}.profile-actions{flex-direction:column;gap:14px;margin-top:18px;display:flex}.profile-actions button{text-align:left;width:100%}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.profile-btn{background:#ffffff0f;border:1px solid #b478ff80;border-radius:999px;align-items:center;gap:10px;padding:14px 18px;font-size:16px;display:flex}.subtitle{margin-top:8px;margin-bottom:26px}.friends-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.card-sub{color:#ffffff8c;max-width:240px;margin-top:10px;font-size:16px;line-height:1.45}.add-btn{background:linear-gradient(135deg,#9b5cff,#ff4fa3);border-radius:24px;width:72px;height:72px;padding:0;font-size:42px}.empty{text-align:center;flex-direction:column;align-items:center;padding-top:34px;display:flex}.empty-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:22px;font-size:52px;display:flex}.empty-title{margin-bottom:12px;font-size:32px;font-weight:700}.empty-sub{color:#ffffff8c;max-width:320px;margin-bottom:28px;font-size:17px;line-height:1.5}.main-button{background:linear-gradient(135deg,#9b5cff,#ff4fa3);border-radius:22px;width:100%;padding:18px;font-size:20px;font-weight:700}.grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.grid button{border-radius:24px;height:120px;font-size:22px;line-height:1.4}.friend-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:14px;margin-top:14px;padding:16px;display:flex}.avatar-placeholder{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:30px;display:flex}.friend-info{flex:1}.friend-name{font-size:20px;font-weight:700}.friend-sub{color:#ffffff8c;margin-top:4px;font-size:14px}.back-btn{background:#ffffff14;border-radius:18px;margin-bottom:20px;padding:12px 18px}.profile{text-align:center}.big-avatar{background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:128px;height:128px;margin:20px auto;font-size:66px;display:flex}.profile-value{font-size:24px;font-weight:700}.days-count{font-size:64px;font-weight:900;line-height:1}.days-label{color:#ffffffa6;margin-top:6px;font-size:22px}.date-text{color:#ffffff8c;margin-top:16px;font-size:16px}.date-button{border-radius:20px;width:100%;margin-top:18px}.danger-btn{background:#ff466426;border:1px solid #ff466459;width:100%;margin-top:18px}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a12d1;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;padding:10px;display:grid;position:sticky;bottom:14px}.bottom-nav button{border-radius:18px;padding:14px;font-size:16px}.request-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:22px;align-items:center;gap:12px;margin-top:14px;padding:14px;display:flex}.request-actions{gap:8px;margin-left:auto;display:flex}.accept-btn{background:#50dc8c2e;border:1px solid #50dc8c59;border-radius:14px;padding:10px 14px}.reject-btn{background:#ff466426;border:1px solid #ff466459;border-radius:14px;padding:10px 14px}.edit-btn{border-radius:14px;margin-left:auto;padding:10px 14px}.small-avatar{flex-shrink:0;width:44px;height:44px;font-size:24px}.bottom-nav{grid-template-columns:repeat(4,1fr)!important}.bottom-nav button{padding:12px 6px!important;font-size:13px!important}.room-menu{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.room-menu button{border-radius:24px;min-height:92px;font-size:17px;font-weight:700}.top-info{gap:12px;margin-top:18px;display:flex;overflow-x:auto}.info-chip{color:#fff;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:18px;min-width:max-content;padding:12px 16px;font-size:14px}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff14;margin-top:28px;position:sticky;bottom:18px;background:#0a0a14bf!important;border-radius:28px!important;padding:10px!important}.bottom-nav button{border:none;min-height:54px;background:#ffffff0d!important;border-radius:18px!important}.friend-card,.request-card{transition:all .2s}.friend-card:active,.request-card:active{transform:scale(.98)}.avatar-placeholder{font-size:24px;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important}.room-card{background:#ffffff0a;border:1px solid #ffffff0d;margin-top:18px;box-shadow:0 0 40px #a855f714}.room-status{margin-top:8px!important}.room-mood{background:#ffffff0a!important;border-radius:24px!important}.room-menu button{border:1px solid #ffffff0d;background:linear-gradient(#ffffff14,#ffffff0a)!important}.room-menu button:active{transform:scale(.98)}.big-avatar{color:#fff;justify-content:center;align-items:center;font-size:34px;font-weight:800;display:flex;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important}.main-button{box-shadow:0 10px 40px #ec489940}.top-info{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;margin-bottom:20px;display:grid!important;overflow:visible!important}.info-chip{line-height:1.3;background:#ffffff0b!important;border:1px solid #ffffff14!important;border-radius:22px!important;min-width:0!important;padding:16px!important;font-size:15px!important}.request-card{border-radius:26px!important;margin-top:14px!important;padding:18px!important}.friend-name{line-height:1.15;font-size:22px!important}.friend-sub{line-height:1.35;font-size:15px!important}.card{margin-top:20px!important}.back-global{margin-bottom:18px}.back-global button{color:#fff;background:#ffffff0f;border:none;border-radius:18px;padding:12px 18px;font-size:15px}.home-feed{flex-direction:column;gap:16px;margin-top:22px;display:flex}.feed-text{font-size:16px;line-height:1.4}.room-settings{flex-direction:column;gap:12px;margin-top:22px;display:flex}.room-settings button{color:#fff;background:#ffffff0d;border:none;border-radius:18px;padding:16px;font-size:15px}.danger-btn{color:#ff8e8e!important;background:#ff46461f!important}.screen{padding-bottom:130px!important}.bottom-nav{z-index:999!important;margin-top:0!important;position:fixed!important;bottom:18px!important;left:18px!important;right:18px!important}.back-global{margin-top:10px!important;margin-bottom:22px!important}.home-feed{grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:22px!important;margin-bottom:20px!important;display:grid!important}.feed-card{background:#ffffff0e!important;border:1px solid #ffffff14!important;border-radius:24px!important;padding:18px!important}.feed-title{color:#fff9!important;margin-bottom:10px!important;font-size:15px!important}.feed-big{font-size:34px!important;font-weight:900!important}.feed-text{color:#ffffff9e!important;margin-top:6px!important;font-size:15px!important}.profile .main-button{width:100%!important;max-width:100%!important;margin-top:24px!important;display:block!important}.profile{padding-bottom:160px!important}.big-avatar{overflow:hidden!important}.big-avatar img,.avatar-placeholder img{object-fit:cover;width:100%;height:100%}.avatar-hint{color:#ffffff80;margin-top:10px;font-size:14px;line-height:1.4}.modal-layer{z-index:9999;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0000009e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:#1c1c24f5;border:1px solid #ffffff1f;border-radius:30px;width:100%;max-width:430px;padding:24px;box-shadow:0 24px 80px #00000073}.modal-title{margin-bottom:22px;font-size:26px;font-weight:800}.modal-box label{color:#ffffffa6;margin:16px 0 8px;font-size:15px;display:block}.modal-box input{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:18px;outline:none;width:100%;padding:17px 18px;font-size:18px}.modal-box input:focus{border-color:#b478ffcc;box-shadow:0 0 0 4px #a05aff29}.modal-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.modal-actions button{border-radius:18px;padding:16px;font-size:17px}.modal-actions button:last-child{background:linear-gradient(135deg,#9b5cff,#ff4fa3);font-weight:800}.active-nav{color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;font-weight:800!important}.toast{z-index:10000;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e28eb;border:1px solid #ffffff1f;border-radius:999px;padding:14px 22px;font-size:15px;position:fixed;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 14px 50px #00000059}.modal-text{color:#ffffffad;margin-top:-8px;font-size:17px;line-height:1.45}.danger-action{color:#ff9aaa!important;background:#ff46642e!important;border:1px solid #ff466459!important}.empty,.empty-sub,.card-sub{line-height:1.45!important}.invite-hero{position:relative;overflow:hidden}.invite-glow{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:26px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;font-size:34px;display:flex;box-shadow:0 18px 60px #ec489940}.invite-card{text-align:center}.invite-icon{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:32px;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 18px;font-size:44px;display:flex;box-shadow:0 18px 60px #ec489940}.invite-title{margin-bottom:12px;font-size:30px;font-weight:900}.invite-text{color:#ffffff9e;margin-bottom:24px;font-size:17px;line-height:1.45}.invite-result{background:#ffffff0e;border:1px solid #ffffff14;border-radius:22px;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:16px;display:flex}.test-preview{flex-direction:column;gap:12px;display:flex}.test-q{margin-bottom:6px;font-size:18px;font-weight:800;line-height:1.35}.test-a{color:#fffc;background:#ffffff0f;border-radius:18px;padding:14px 16px}.big-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}