html,body{min-height:100%}#root{min-height:100vh}:root{direction:rtl;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.theme-light{--background:#fff5fa;--surface:#ffffffd6;--surface-solid:#fff;--text:#68475a;--muted:#9c748a;--border:#f1cee0;--primary:#df6fa8;--primary-dark:#a9517d;--soft:#ffe9f3;--shadow:#87486921}.theme-dark{--background:#17101c;--surface:#271b2de6;--surface-solid:#291d2f;--text:#f7eaf2;--muted:#c7aabc;--border:#50354b;--primary:#f181ba;--primary-dark:#d7639e;--soft:#3b2637;--shadow:#00000059}.app-shell{min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 0%, #f4a1ca38, transparent 28%), var(--background);padding:26px}.topbar,.hero-grid,.content-grid,.notice{max-width:1180px;margin-inline:auto}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.topbar p{color:var(--muted);margin:0 0 5px}.topbar h1{color:var(--primary-dark);margin:0;font-size:clamp(30px,5vw,48px)}.header-actions{gap:9px;display:flex}.header-actions button,.focus-exit{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:14px;align-items:center;gap:7px;padding:11px 14px;display:flex}.notice{color:var(--primary-dark);background:var(--soft);border:1px solid var(--border);border-radius:17px;margin-bottom:18px;padding:13px 16px}.hero-grid,.content-grid{gap:18px;display:grid}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);margin-bottom:18px}.content-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}.timer-card,.profile-card,.panel,.start-card{border:1px solid var(--border);background:var(--surface);box-shadow:0 22px 60px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.timer-card,.profile-card,.panel{border-radius:28px;padding:24px}.timer-heading{justify-content:space-between;align-items:start;display:flex}.timer-heading span,.profile-card span,.panel-title p,.free-study-panel>p{color:var(--muted)}.timer-heading h2,.profile-card h2,.panel h2{margin:6px 0}.main-timer{letter-spacing:2px;color:var(--primary-dark);direction:ltr;margin:28px 0;font-size:clamp(44px,8vw,76px);display:block}.timer-buttons,.start-actions{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button,.danger-button,.timer-buttons button{border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:13px 17px;font-weight:800;display:inline-flex}.primary-button,.timer-buttons button{color:#fff;background:linear-gradient(135deg, var(--primary), #b977da)}.secondary-button{color:var(--primary-dark);background:var(--soft)}.danger-button{color:#a13c61!important;background:#ffe4ed!important}button:disabled{opacity:.55;cursor:not-allowed}.profile-card{align-items:center;gap:15px;display:flex}.avatar-circle{color:#fff;background:linear-gradient(135deg, var(--primary), #a976d9);border-radius:50%;place-items:center;width:72px;min-width:72px;height:72px;font-size:28px;font-weight:900;display:grid}.profile-card p{color:var(--muted);text-align:right;word-break:break-all;direction:ltr;margin:0}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-title p{margin:0}.panel-title span{color:var(--primary-dark);font-weight:800}.session-list{gap:10px;max-height:520px;margin-top:20px;display:grid;overflow-y:auto}.session-row{border:1px solid var(--border);background:var(--surface-solid);border-radius:17px;justify-content:space-between;align-items:center;padding:14px;display:flex}.session-row div{gap:5px;display:grid}.session-row span{color:var(--muted);font-size:13px}.session-row b{color:var(--primary-dark);font-size:12px}.active-session{background:var(--soft);border-color:var(--primary)}.free-study-panel{flex-direction:column;align-items:start;display:flex}.free-study-panel>span{color:var(--muted);margin-bottom:24px;line-height:2}.free-study-panel .primary-button{width:100%;margin-top:auto}.modal{z-index:20;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2a16257a;border:0;position:absolute;inset:0}.start-card{z-index:1;width:min(620px,100%);max-height:92vh;color:var(--text);border-radius:28px;padding:27px;position:relative;overflow-y:auto}.close-button{width:38px;height:38px;color:var(--text);background:var(--soft);border:0;border-radius:50%;font-size:24px;position:absolute;top:16px;left:16px}.subject-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;display:grid}.subject-grid button{border:1px solid var(--border);color:var(--text);background:var(--surface-solid);border-radius:13px;padding:10px}.subject-grid button.selected{color:#fff;background:var(--primary);border-color:#0000}.start-card label{gap:8px;margin:15px 0;font-weight:700;display:grid}.start-card input[type=text],.start-card input:not([type]){border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface-solid);border-radius:14px;padding:13px}.focus-option{background:var(--soft);border-radius:16px;align-items:center;padding:13px;gap:10px!important;display:flex!important}.focus-option span{align-items:center;gap:8px;display:flex}.focus-option input{width:19px;height:19px}.focus-screen{min-height:100vh;color:var(--text);background:var(--background);place-items:center;display:grid;position:fixed;inset:0}.focus-exit{position:absolute;top:20px;left:20px}.focus-content{text-align:center;width:min(720px,92%)}.focus-content>span{color:var(--muted)}.focus-content h1{margin:16px 0;font-size:clamp(34px,7vw,68px)}.focus-content>strong{color:var(--primary);direction:ltr;margin:25px 0;font-size:clamp(58px,12vw,110px);display:block}.focus-content .timer-buttons{justify-content:center}.loading-screen{color:#a04d78;background:#fff5fa;place-items:center;min-height:100vh;font-weight:800;display:grid}@media (width<=800px){.app-shell{padding:16px}.hero-grid,.content-grid{grid-template-columns:1fr}.topbar{align-items:start}.header-actions button:last-child{font-size:0}.header-actions button:last-child svg{margin:0}.subject-grid{grid-template-columns:repeat(2,1fr)}.profile-card{order:-1}.main-timer{text-align:center}}.stats-section{gap:18px;max-width:1180px;margin:18px auto 0;display:grid}.stats-loading,.stats-message{border:1px solid var(--border);color:var(--primary-dark);background:var(--soft);border-radius:17px;padding:14px 17px}.stats-cards{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.mini-stat-card,.goal-card,.leaderboard-card,.privacy-card{border:1px solid var(--border);background:var(--surface);box-shadow:0 20px 50px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mini-stat-card{border-radius:22px;align-items:center;gap:12px;min-height:110px;padding:17px;display:flex}.stat-icon{color:#fff;background:linear-gradient(135deg, var(--primary), #b778db);border-radius:14px;place-items:center;width:43px;min-width:43px;height:43px;display:grid}.mini-stat-card div{gap:6px;display:grid}.mini-stat-card small{color:var(--muted)}.mini-stat-card strong{line-height:1.6}.goal-card{border-radius:24px;padding:20px}.goal-heading,.goal-heading>div,.stats-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.goal-heading>div span{color:var(--muted);align-items:center;gap:8px;display:flex}.goal-heading>div strong{color:var(--primary-dark);font-size:24px}.goal-heading select{border:1px solid var(--border);color:var(--text);background:var(--surface-solid);border-radius:13px;padding:9px 12px}.goal-progress{background:var(--soft);border-radius:999px;height:13px;margin:18px 0 8px;overflow:hidden}.goal-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #b977db);height:100%;transition:width .4s;display:block}.goal-card p{color:var(--muted);margin:0;font-size:13px}.stats-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;display:grid}.leaderboard-card,.privacy-card{border-radius:27px;padding:22px}.stats-title p{color:var(--muted);margin:0}.stats-title h2{margin:5px 0}.refresh-stats{border:1px solid var(--border);color:var(--primary-dark);background:var(--soft);border-radius:13px;padding:9px 12px}.leaderboard-tabs{background:var(--soft);border-radius:15px;grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0;padding:5px;display:grid}.leaderboard-tabs button{color:var(--muted);background:0 0;border:0;border-radius:11px;padding:9px}.leaderboard-tabs button.selected{color:var(--primary-dark);background:var(--surface-solid);box-shadow:0 5px 15px var(--shadow)}.leaderboard-list{gap:9px;max-height:480px;display:grid;overflow-y:auto}.leaderboard-row{border:1px solid var(--border);background:var(--surface-solid);border-radius:16px;grid-template-columns:38px 45px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.leaderboard-row.my-rank{border-color:var(--primary);background:var(--soft)}.rank-number{text-align:center;font-weight:900}.leaderboard-row img,.small-avatar{border-radius:50%;width:43px;height:43px}.leaderboard-row img{object-fit:cover}.small-avatar{color:#fff;background:linear-gradient(135deg, var(--primary), #a875d8);place-items:center;font-weight:900;display:grid}.leader-name{gap:4px;min-width:0;display:grid}.leader-name strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.leader-name small{color:var(--muted)}.leaderboard-row>b{color:var(--primary-dark);font-size:13px}.empty-stats{text-align:center;color:var(--muted);padding:35px 15px}.privacy-card{align-self:start}.privacy-toggle{border:1px solid var(--border);background:var(--surface-solid);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-top:13px;padding:14px;display:flex}.privacy-toggle span{gap:5px;display:grid}.privacy-toggle small{color:var(--muted);line-height:1.6}.privacy-toggle input{width:21px;height:21px;accent-color:var(--primary)}.achievement-box{background:var(--soft);border-radius:16px;justify-content:space-between;gap:12px;margin-top:13px;padding:14px;display:flex}.achievement-box span{color:var(--muted)}.achievement-box strong{color:var(--primary-dark)}@media (width<=950px){.stats-cards{grid-template-columns:repeat(2,1fr)}.stats-main-grid{grid-template-columns:1fr}}@media (width<=560px){.stats-cards{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:32px 40px minmax(0,1fr)}.leaderboard-row>b{grid-column:2/4;padding-right:4px}.goal-heading{align-items:flex-start}}.profile-presence-grid{grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:18px;max-width:1180px;margin:18px auto 0;display:grid}.profile-settings-card,.online-members-card{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 20px 50px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:27px;padding:22px}.profile-settings-title,.online-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.profile-settings-title p,.online-title p{color:var(--muted);margin:0}.profile-settings-title h2,.online-title h2{margin:5px 0}.large-profile-avatar{width:112px;height:112px;margin:25px auto;position:relative}.large-profile-avatar>img,.large-profile-avatar>span{border-radius:50%;width:112px;height:112px}.large-profile-avatar>img{object-fit:cover;border:4px solid var(--surface-solid);box-shadow:0 12px 35px var(--shadow);display:block}.large-profile-avatar>span{color:#fff;background:linear-gradient(135deg, var(--primary), #a976da);place-items:center;font-size:42px;font-weight:900;display:grid}.avatar-upload-button{border:3px solid var(--surface-solid);color:#fff;background:var(--primary-dark);cursor:pointer;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:absolute;bottom:3px;left:-3px}.avatar-upload-button input{display:none}.profile-name-display{border:1px solid var(--border);background:var(--surface-solid);border-radius:17px;justify-content:space-between;align-items:center;gap:13px;padding:15px;display:flex}.profile-name-display>div{gap:6px;display:grid}.profile-name-display small{color:var(--muted);line-height:1.6}.profile-name-display button,.save-profile-button,.cancel-profile-button{border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;display:inline-flex}.profile-name-display button,.save-profile-button{color:var(--primary-dark);background:var(--soft)}.cancel-profile-button{color:#a64d6d;background:#ffe7ef}.profile-name-editor{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.profile-name-editor input{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--surface-solid);border-radius:13px;padding:11px}.profile-message,.profile-security-note{border-radius:14px;margin-top:13px;padding:12px 13px;font-size:13px;line-height:1.7}.profile-message{color:var(--primary-dark);background:var(--soft)}.profile-security-note{color:var(--muted);background:var(--surface-solid);border:1px solid var(--border);align-items:flex-start;gap:8px;display:flex}.online-title>span{color:var(--primary-dark);align-items:center;gap:7px;font-weight:800;display:inline-flex}.online-member-list{gap:9px;max-height:520px;margin-top:18px;display:grid;overflow-y:auto}.online-member-row{border:1px solid var(--border);background:var(--surface-solid);border-radius:17px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;display:grid}.online-member-row.member-is-online{background:var(--soft)}.member-avatar-wrapper{width:48px;height:48px;position:relative}.member-avatar-wrapper img,.member-avatar-wrapper>span{border-radius:50%;width:48px;height:48px}.member-avatar-wrapper img{object-fit:cover;display:block}.member-avatar-wrapper>span{color:#fff;background:linear-gradient(135deg, var(--primary), #a876d9);place-items:center;font-weight:900;display:grid}.member-avatar-wrapper i{border:3px solid var(--surface-solid);border-radius:50%;width:13px;height:13px;position:absolute;bottom:1px;left:-1px}.online-dot{background:#38d69f;box-shadow:0 0 12px #38d69fb3}.offline-dot{background:#ceb8c4}.member-info{gap:5px;min-width:0;display:grid}.member-info strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.member-info small{color:var(--muted)}.member-streak{color:var(--primary-dark);font-weight:800}.spin-icon{animation:.9s linear infinite spin-profile-icon}@keyframes spin-profile-icon{to{transform:rotate(360deg)}}@media (width<=850px){.profile-presence-grid{grid-template-columns:1fr}}@media (width<=520px){.profile-name-display{flex-direction:column;align-items:flex-start}.profile-name-display button{width:100%}.profile-name-editor{grid-template-columns:1fr auto}.profile-name-editor input{grid-column:1/3}.online-member-row{grid-template-columns:48px minmax(0,1fr)}.member-streak{grid-column:2}.online-title{align-items:flex-start}}.admin-panel{border:1px solid var(--border);max-width:1180px;color:var(--text);background:var(--surface);box-shadow:0 22px 60px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;margin:18px auto 0;padding:23px}.admin-panel-loading{text-align:center;color:var(--muted)}.admin-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.admin-heading p{color:var(--primary-dark);align-items:center;gap:7px;margin:0;font-weight:800;display:flex}.admin-heading h2{margin:7px 0 0}.admin-generate-button,.admin-primary-button{color:#fff;background:linear-gradient(135deg, var(--primary), #a976d9);border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}.admin-message{border:1px solid var(--border);color:var(--primary-dark);background:var(--soft);border-radius:15px;margin-top:17px;padding:13px 15px}.admin-create-form{border:1px solid var(--border);background:var(--surface-solid);border-radius:20px;grid-template-columns:minmax(200px,1fr) 150px 150px auto;align-items:end;gap:11px;margin-top:19px;padding:17px;display:grid}.admin-create-title{color:var(--primary-dark);grid-column:1/-1;align-items:center;gap:8px;display:flex}.admin-create-form label,.admin-edit-fields label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}.admin-create-form input,.admin-edit-fields input{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:var(--background);border-radius:13px;padding:11px}.admin-template-list{gap:10px;margin-top:17px;display:grid}.admin-template-row{border:1px solid var(--border);background:var(--surface-solid);border-radius:18px;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px;display:grid}.admin-template-inactive{opacity:.62}.admin-order-controls{grid-template-columns:1fr;place-items:center;gap:3px;display:grid}.admin-order-controls button,.admin-template-actions button{width:35px;height:35px;color:var(--text);background:var(--soft);border:0;border-radius:11px;place-items:center;display:grid}.admin-order-controls span{color:var(--primary-dark);font-weight:900}.admin-template-info{gap:6px;display:grid}.admin-template-info span,.admin-template-info small{color:var(--muted)}.admin-edit-fields{gap:9px;display:grid}.admin-edit-fields>div{grid-template-columns:repeat(2,150px);gap:8px;display:grid}.admin-template-actions{align-items:center;gap:7px;display:flex}.admin-template-actions .admin-save-action{color:#18775b;background:#ddf8ef}.admin-template-actions .admin-cancel-action,.admin-template-actions .admin-delete-action{color:#a44768;background:#ffe5ee}.admin-template-actions .admin-edit-action{color:var(--primary-dark)}.admin-template-actions .admin-toggle-action.is-on{color:#18775b;background:#ddf8ef}.admin-template-actions .admin-toggle-action.is-off{color:#936a24;background:#fff1cf}@media (width<=850px){.admin-create-form{grid-template-columns:repeat(2,1fr)}.admin-create-title{grid-column:1/-1}.admin-primary-button{width:100%}}@media (width<=620px){.admin-panel{padding:16px}.admin-heading{flex-direction:column;align-items:flex-start}.admin-generate-button{width:100%}.admin-create-form{grid-template-columns:1fr}.admin-create-title{grid-column:auto}.admin-template-row{grid-template-columns:48px minmax(0,1fr)}.admin-template-actions{grid-column:2;justify-content:flex-end}.admin-edit-fields>div{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell{padding-bottom:112px}.tab-page{animation:.22s tab-page-enter}@keyframes tab-page-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.bottom-navigation{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:40;border:1px solid var(--border);background:color-mix(in srgb, var(--surface-solid) 88%, transparent);width:min(520px,100% - 28px);min-height:72px;box-shadow:0 20px 55px var(--shadow), 0 5px 15px #3c182f14;-webkit-backdrop-filter:blur(22px);border-radius:25px;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;display:grid;position:fixed;transform:translate(-50%)}.bottom-navigation button{min-width:0;min-height:57px;color:var(--muted);background:0 0;border:0;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:color .18s,background .18s,transform .18s;display:flex;position:relative}.bottom-navigation button:active{transform:scale(.96)}.bottom-navigation button.active{color:var(--primary-dark);background:var(--soft)}.navigation-icon{border-radius:11px;place-items:center;width:32px;height:29px;display:grid}.bottom-navigation button.active .navigation-icon{background:var(--surface-solid);box-shadow:0 5px 13px var(--shadow)}.bottom-navigation small{letter-spacing:.1px;direction:ltr;font-size:11px;font-weight:750}.ranking-placeholder{border:1px solid var(--border);text-align:center;max-width:1180px;min-height:330px;color:var(--text);background:var(--surface);box-shadow:0 22px 60px var(--shadow);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;margin:18px auto 0;padding:35px;display:flex}.ranking-placeholder span{color:var(--primary-dark);font-weight:850}.ranking-placeholder h2{margin:9px 0;font-size:clamp(28px,5vw,43px)}.ranking-placeholder p{max-width:470px;color:var(--muted);margin:0;line-height:1.9}@media (width>=900px){.bottom-navigation{border-radius:21px;width:auto;min-width:390px;padding:6px;top:22px;bottom:auto}.bottom-navigation button{min-width:88px;min-height:52px}.app-shell{padding-top:112px;padding-bottom:35px}.topbar{margin-top:-86px}}@media (width<=520px){.bottom-navigation{width:calc(100% - 20px);bottom:max(8px, env(safe-area-inset-bottom));border-radius:23px}.bottom-navigation button{min-height:55px}.navigation-icon{width:29px;height:27px}.ranking-placeholder{min-height:270px;padding:25px 18px}}.live-study-card{border:1px solid var(--border);max-width:1180px;color:var(--text);background:var(--surface);box-shadow:0 22px 60px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;margin:18px auto 0;padding:23px}.live-study-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.live-study-heading p{color:var(--muted);align-items:center;gap:8px;margin:0;display:flex}.live-study-heading h2{margin:6px 0 0}.live-pulse{background:#35cf93;border-radius:50%;width:10px;height:10px;animation:1.8s infinite live-study-pulse;box-shadow:0 0 #35cf937a}@keyframes live-study-pulse{70%{box-shadow:0 0 0 9px #35cf9300}to{box-shadow:0 0 #35cf9300}}.live-refresh-button{border:1px solid var(--border);width:42px;height:42px;color:var(--primary-dark);background:var(--soft);border-radius:14px;place-items:center;display:grid}.live-study-summary{flex-wrap:wrap;gap:9px;margin:18px 0 12px;display:flex}.live-study-summary span{border:1px solid var(--border);color:var(--primary-dark);background:var(--surface-solid);border-radius:13px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:800;display:inline-flex}.studying-filter{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:13px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.studying-filter.selected{color:var(--primary-dark);background:var(--soft)}.live-study-message,.live-study-empty{border:1px solid var(--border);color:var(--muted);background:var(--surface-solid);text-align:center;border-radius:17px;margin-top:16px;padding:20px}.live-study-empty{justify-content:center;align-items:center;gap:9px;min-height:110px;display:flex}.live-study-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px;display:grid}.live-study-member{border:1px solid var(--border);background:var(--surface-solid);border-radius:18px;grid-template-columns:53px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;display:grid}.live-study-member.is-studying{border-color:color-mix(in srgb, #35cf93 44%, var(--border));background:color-mix(in srgb, #e8fff6 70%, var(--surface-solid))}.theme-dark .live-study-member.is-studying{background:color-mix(in srgb, #174d3b 45%, var(--surface-solid))}.live-study-member.is-on-break{background:color-mix(in srgb, #fff4d7 65%, var(--surface-solid))}.theme-dark .live-study-member.is-on-break{background:color-mix(in srgb, #55441f 45%, var(--surface-solid))}.live-avatar-wrapper{width:49px;height:49px;position:relative}.live-avatar-wrapper img,.live-avatar-wrapper>span{border-radius:50%;width:49px;height:49px}.live-avatar-wrapper img{object-fit:cover;display:block}.live-avatar-wrapper>span{color:#fff;background:linear-gradient(135deg, var(--primary), #a978d8);place-items:center;font-weight:900;display:grid}.live-avatar-wrapper i{border:3px solid var(--surface-solid);background:#35cf93;border-radius:50%;width:13px;height:13px;position:absolute;bottom:1px;left:0}.is-on-break .live-avatar-wrapper i{background:#e4aa42}.live-member-information{gap:5px;min-width:0;display:grid}.live-member-name{justify-content:space-between;align-items:center;gap:8px;display:flex}.live-member-name strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.live-member-name span{color:var(--primary-dark);white-space:nowrap;font-size:12px}.live-member-information small{color:var(--muted);align-items:center;gap:6px;display:flex}.live-duration{color:var(--primary-dark);background:var(--soft);direction:ltr;border-radius:12px;align-items:center;gap:6px;padding:8px 10px;display:flex}.live-duration strong{font-variant-numeric:tabular-nums;letter-spacing:.4px}@media (width<=760px){.live-study-list{grid-template-columns:1fr}}@media (width<=480px){.live-study-card{padding:17px}.live-study-member{grid-template-columns:49px minmax(0,1fr)}.live-duration{grid-column:2;justify-self:start}}.me-page{gap:16px;max-width:1180px;margin:18px auto 0;display:grid}.me-page-header{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 18px 45px var(--shadow);border-radius:24px;justify-content:space-between;align-items:center;padding:20px 23px;display:flex}.me-page-header p{color:var(--muted);margin:0}.me-page-header h2{margin:5px 0 0;font-size:32px}.me-page .profile-presence-grid{grid-template-columns:1fr;margin:0}.me-page .profile-settings-card{width:100%}.me-accordion-list{gap:10px;display:grid}.settings-accordion{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 13px 35px var(--shadow);border-radius:19px;overflow:hidden}.accordion-trigger{text-align:right;width:100%;min-height:74px;color:var(--text);background:0 0;border:0;grid-template-columns:43px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:14px 17px;display:grid}.accordion-icon{width:43px;height:43px;color:var(--primary-dark);background:var(--soft);border-radius:14px;place-items:center;display:grid}.accordion-title{gap:5px;display:grid}.accordion-title strong{font-size:15px}.accordion-title small{color:var(--muted);line-height:1.5}.accordion-chevron{color:var(--muted);transition:transform .2s}.accordion-open .accordion-chevron{transform:rotate(180deg)}.accordion-content{padding:0 15px 15px;animation:.18s accordion-content-enter}@keyframes accordion-content-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-accordion{border-color:color-mix(in srgb, var(--primary) 50%, var(--border))}.admin-accordion .accordion-icon{color:#8f6120;background:#fff1d4}.theme-dark .admin-accordion .accordion-icon{color:#ffd88c;background:#49371e}.admin-accordion .admin-panel{max-width:none;box-shadow:none;border-radius:18px;margin:0;padding:15px}.compact-privacy-list{gap:8px;display:grid}.compact-privacy-item{border:1px solid var(--border);background:var(--surface-solid);border-radius:15px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.compact-privacy-icon{width:39px;height:39px;color:var(--primary-dark);background:var(--soft);border-radius:12px;place-items:center;display:grid}.compact-privacy-text{gap:4px;display:grid}.compact-privacy-text small{color:var(--muted);line-height:1.5}.compact-privacy-item input{width:21px;height:21px;accent-color:var(--primary)}.compact-settings-loading,.compact-settings-message,.settings-coming-soon{border:1px solid var(--border);color:var(--muted);background:var(--surface-solid);border-radius:14px;align-items:center;gap:8px;padding:14px;display:flex}.profile-presence-grid:has(.profile-settings-card:only-child){grid-template-columns:1fr}@media (width<=540px){.me-page-header{padding:17px}.accordion-trigger{grid-template-columns:40px minmax(0,1fr) 24px;padding:12px}.accordion-icon{width:40px;height:40px}.compact-privacy-item{grid-template-columns:37px minmax(0,1fr) auto}}.progress-page,.ranking-page{gap:16px;max-width:1180px;margin:18px auto 0;display:grid}.progress-page-header,.ranking-page-header{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 18px 45px var(--shadow);border-radius:24px;justify-content:space-between;align-items:center;padding:20px 23px;display:flex}.progress-page-header p,.ranking-page-header p{color:var(--muted);margin:0}.progress-page-header h2,.ranking-page-header h2{margin:5px 0 0;font-size:32px}.progress-page-header button,.ranking-page-header button{border:1px solid var(--border);color:var(--primary-dark);background:var(--soft);border-radius:13px;align-items:center;gap:7px;padding:10px 13px;display:inline-flex}.progress-page-loading,.ranking-page-loading,.progress-page-message,.ranking-page-message{border:1px solid var(--border);max-width:1180px;color:var(--primary-dark);background:var(--surface);border-radius:17px;justify-content:center;align-items:center;gap:8px;margin:18px auto 0;padding:17px;display:flex}.progress-overview-cards{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.progress-overview-cards article,.progress-detail-card{border:1px solid var(--border);min-height:110px;color:var(--text);background:var(--surface);box-shadow:0 16px 40px var(--shadow);border-radius:21px;align-items:center;gap:12px;padding:17px;display:flex}.progress-overview-cards article>span,.progress-detail-card>span{color:#fff;background:linear-gradient(135deg, var(--primary), #a976d9);border-radius:14px;place-items:center;width:43px;min-width:43px;height:43px;display:grid}.progress-overview-cards article>div,.progress-detail-card>div{gap:6px;display:grid}.progress-overview-cards small,.progress-detail-card small{color:var(--muted)}.progress-goal-card{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 18px 45px var(--shadow);border-radius:24px;padding:20px}.progress-goal-heading,.progress-goal-heading>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-goal-heading>div span{color:var(--muted);align-items:center;gap:7px;display:flex}.progress-goal-heading>div strong{color:var(--primary-dark);font-size:24px}.progress-goal-heading select{border:1px solid var(--border);color:var(--text);background:var(--surface-solid);border-radius:13px;padding:9px 12px}.progress-goal-bar{background:var(--soft);border-radius:999px;height:13px;margin:18px 0 8px;overflow:hidden}.progress-goal-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #b977db);height:100%;transition:width .4s;display:block}.progress-goal-card p{color:var(--muted);margin:0}.progress-details-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.progress-future-card,.ranking-future-card{border:1px dashed var(--border);text-align:center;color:var(--text);background:var(--surface);border-radius:23px;padding:25px}.progress-future-card span,.ranking-future-card span{color:var(--primary-dark);font-weight:800}.progress-future-card h3,.ranking-future-card h3{margin:8px 0}.progress-future-card p,.ranking-future-card p{max-width:620px;color:var(--muted);margin:0 auto;line-height:1.9}.ranking-period-tabs{background:var(--soft);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:7px;padding:5px;display:grid}.ranking-period-tabs button{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:11px}.ranking-period-tabs button.selected{color:var(--primary-dark);background:var(--surface-solid);box-shadow:0 5px 15px var(--shadow)}.my-ranking-card{border:1px solid var(--border);color:var(--text);background:linear-gradient(135deg, color-mix(in srgb, var(--soft) 80%, transparent), var(--surface));box-shadow:0 18px 45px var(--shadow);border-radius:24px;grid-template-columns:repeat(2,1fr);gap:13px;padding:20px;display:grid}.my-ranking-card>div{gap:6px;display:grid}.my-ranking-card span{color:var(--muted)}.my-ranking-card strong{color:var(--primary-dark);font-size:24px}.my-ranking-card p{color:var(--primary-dark);background:var(--surface-solid);border-radius:14px;grid-column:1/-1;align-items:center;gap:7px;margin:0;padding:12px;display:flex}.ranking-list-card{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 18px 45px var(--shadow);border-radius:25px;padding:21px}.ranking-list-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ranking-list-title>div{align-items:center;gap:8px;display:flex}.ranking-list-title span{color:var(--muted)}.ranking-members-list{gap:9px;max-height:620px;display:grid;overflow-y:auto}.ranking-member-row{border:1px solid var(--border);background:var(--surface-solid);border-radius:17px;grid-template-columns:40px 46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.ranking-member-row.my-ranking-row{border-color:var(--primary);background:var(--soft)}.ranking-number{text-align:center;font-weight:900}.ranking-member-row img,.ranking-avatar{border-radius:50%;width:44px;height:44px}.ranking-member-row img{object-fit:cover}.ranking-avatar{color:#fff;background:linear-gradient(135deg, var(--primary), #a976d9);place-items:center;font-weight:900;display:grid}.ranking-member-info{gap:4px;min-width:0;display:grid}.ranking-member-info strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ranking-member-info small{color:var(--muted)}.ranking-member-row>b{color:var(--primary-dark);font-size:13px}.ranking-empty{text-align:center;color:var(--muted);padding:40px 15px}@media (width<=900px){.progress-overview-cards,.progress-details-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.progress-overview-cards,.progress-details-grid,.my-ranking-card{grid-template-columns:1fr}.my-ranking-card p{grid-column:auto}.ranking-member-row{grid-template-columns:34px 42px minmax(0,1fr)}.ranking-member-row>b{grid-column:2/4;padding-right:3px}}.gamification-profile{gap:16px;display:grid}.gamification-loading,.gamification-message{border:1px solid var(--border);color:var(--primary-dark);background:var(--surface);border-radius:18px;justify-content:center;align-items:center;gap:9px;padding:17px;display:flex}.level-card{border:1px solid color-mix(in srgb, var(--primary) 42%, var(--border));color:var(--text);background:linear-gradient(135deg, color-mix(in srgb, var(--soft) 86%, var(--surface-solid)), var(--surface));box-shadow:0 22px 60px var(--shadow);border-radius:28px;padding:24px;position:relative;overflow:hidden}.level-card-decoration{pointer-events:none;border-radius:50%;position:absolute}.level-decoration-one{background:color-mix(in srgb, var(--primary) 20%, transparent);width:180px;height:180px;top:-95px;left:-60px}.level-decoration-two{background:#a976d930;width:120px;height:120px;bottom:-65px;right:-50px}.level-main-information{z-index:1;align-items:center;gap:15px;display:flex;position:relative}.level-icon{color:#fff;background:linear-gradient(135deg, var(--primary), #9b6ed3);width:62px;min-width:62px;height:62px;box-shadow:0 12px 28px var(--shadow);border-radius:20px;place-items:center;display:grid}.level-main-information small{color:var(--muted)}.level-main-information h2{color:var(--primary-dark);margin:4px 0;font-size:clamp(29px,6vw,44px)}.level-main-information p{color:var(--muted);margin:0}.level-achievement-count{z-index:1;border:1px solid var(--border);color:var(--primary-dark);background:var(--surface-solid);border-radius:15px;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;top:24px;left:24px}.level-achievement-count span{gap:2px;font-size:11px;display:grid}.level-achievement-count strong{font-size:16px}.level-progress-information{z-index:1;margin-top:25px;position:relative}.level-progress-information>div:first-child{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.level-progress-information>div:first-child strong{color:var(--primary-dark)}.level-progress-bar{background:var(--surface-solid);border-radius:999px;height:14px;margin:11px 0 8px;overflow:hidden}.level-progress-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #a976d9);height:100%;transition:width .45s;display:block}.level-progress-information p{color:var(--muted);margin:0;font-size:13px}.achievements-card{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 20px 50px var(--shadow);border-radius:27px;padding:22px}.achievements-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.achievements-heading p{color:var(--muted);align-items:center;gap:7px;margin:0;display:flex}.achievements-heading h2{margin:6px 0 0}.achievements-heading>span{color:var(--primary-dark);background:var(--soft);border-radius:13px;padding:8px 11px;font-size:13px;font-weight:800}.achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.achievement-item{border:1px solid var(--border);text-align:center;min-width:0;min-height:155px;color:var(--text);background:var(--surface-solid);border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative}.achievement-item:active{transform:scale(.97)}.achievement-unlocked{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:linear-gradient(145deg, var(--soft), var(--surface-solid))}.achievement-locked{opacity:.58}.achievement-icon{background:var(--soft);border-radius:18px;place-items:center;width:58px;height:58px;font-size:31px;display:grid}.achievement-locked .achievement-icon{color:var(--muted);background:var(--background)}.achievement-item strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--text);font-size:13px;overflow:hidden}.achievement-item small{min-height:32px;color:var(--muted);align-items:center;font-size:11px;line-height:1.5;display:flex}.achievement-check{color:#fff;background:#38c998;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;font-weight:900;display:grid;position:absolute;top:8px;left:8px}.achievement-detail-layer{z-index:70;place-items:end center;padding:15px;display:grid;position:fixed;inset:0}.achievement-detail-backdrop{-webkit-backdrop-filter:blur(8px);background:#2714227a;border:0;position:absolute;inset:0}.achievement-detail-sheet{z-index:1;border:1px solid var(--border);text-align:center;width:min(500px,100%);color:var(--text);background:var(--surface-solid);border-radius:28px 28px 23px 23px;padding:27px;animation:.22s achievement-sheet-enter;position:relative;box-shadow:0 25px 70px #200d1b47}@keyframes achievement-sheet-enter{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.achievement-large-icon{background:var(--soft);border-radius:25px;place-items:center;width:84px;height:84px;margin:0 auto 16px;font-size:46px;display:grid}.achievement-large-icon.is-locked{color:var(--muted);background:var(--background)}.achievement-detail-sheet>span{color:var(--primary-dark);font-weight:800}.achievement-detail-sheet h2{margin:8px 0}.achievement-detail-sheet>p{color:var(--muted);margin:0;line-height:1.9}.achievement-requirement{border:1px solid var(--border);color:var(--primary-dark);background:var(--soft);border-radius:15px;justify-content:center;align-items:center;gap:8px;margin:18px 0;padding:13px;display:flex}.achievement-detail-sheet>button:last-child{color:#fff;background:linear-gradient(135deg, var(--primary), #a976d9);border:0;border-radius:15px;width:100%;padding:12px;font-weight:800}@media (width<=800px){.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.level-card{padding:19px}.level-main-information{padding-top:54px}.level-achievement-count{top:16px;left:16px}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievements-card{padding:17px}.achievement-detail-layer{padding:15px 10px max(10px, env(safe-area-inset-bottom))}}.celebration-layer{z-index:100;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.celebration-backdrop{-webkit-backdrop-filter:blur(10px);background:#2613218a;border:0;position:absolute;inset:0}.celebration-card{z-index:2;border:1px solid color-mix(in srgb, var(--primary) 52%, var(--border));text-align:center;width:min(470px,100%);color:var(--text);background:linear-gradient(145deg, var(--surface-solid), color-mix(in srgb, var(--soft) 82%, var(--surface-solid)));box-shadow:0 35px 100px #220e1c5c, 0 12px 35px var(--shadow);border-radius:31px;padding:31px;animation:.36s cubic-bezier(.2,.85,.25,1.15) celebration-card-enter;position:relative;overflow:hidden}@keyframes celebration-card-enter{0%{opacity:0;transform:translateY(32px)scale(.91)}to{opacity:1;transform:translateY(0)scale(1)}}.celebration-glow{background:color-mix(in srgb, var(--primary) 28%, transparent);filter:blur(6px);border-radius:50%;width:230px;height:230px;position:absolute;top:-145px;left:50%;transform:translate(-50%)}.celebration-main-icon{color:#fff;background:linear-gradient(135deg, var(--primary), #9b70d4);width:91px;height:91px;box-shadow:0 16px 36px var(--shadow), inset 0 1px 0 #ffffff6b;border-radius:28px;place-items:center;margin:0 auto 17px;font-size:50px;display:grid;position:relative}.achievement-celebration .celebration-main-icon{font-size:48px}.celebration-label{color:var(--primary-dark);background:var(--soft);border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:850;display:inline-flex}.celebration-card h2{color:var(--primary-dark);margin:13px 0 8px;font-size:clamp(32px,8vw,48px)}.achievement-celebration h2{font-size:clamp(27px,7vw,39px)}.celebration-card>p{max-width:350px;color:var(--muted);margin:0 auto;line-height:1.9}.celebration-remaining{color:var(--muted);margin-top:14px;display:block}.celebration-confirm-button{color:#fff;background:linear-gradient(135deg, var(--primary), #9c70d5);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:22px;padding:13px 17px;font-weight:850;display:flex}.celebration-confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.celebration-confetti i{background:var(--primary);border-radius:3px;width:9px;height:17px;animation-name:sweet-confetti-fall;animation-timing-function:ease-in;animation-iteration-count:infinite;position:absolute;top:-25px}.celebration-confetti i:nth-child(3n){background:#a977d7;border-radius:50%;width:11px;height:11px}.celebration-confetti i:nth-child(3n+1){background:#f0b45d}.celebration-confetti i:nth-child(4n){background:#67cfa7}@keyframes sweet-confetti-fall{0%{opacity:0;transform:translateY(-5vh)rotate(0)}10%{opacity:1}to{opacity:.9;transform:translateY(110vh)rotate(560deg)}}@media (prefers-reduced-motion:reduce){.celebration-card{animation:none}.celebration-confetti{display:none}}@media (width<=520px){.celebration-layer{padding:10px 10px max(10px, env(safe-area-inset-bottom));align-items:end}.celebration-card{border-radius:29px 29px 23px 23px;padding:26px 20px}.celebration-main-icon{border-radius:24px;width:80px;height:80px}}.study-dna-card{border:1px solid var(--border);color:var(--text);background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--soft) 42%, var(--surface)));box-shadow:0 18px 45px var(--shadow);border-radius:25px;padding:21px}.study-dna-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.study-dna-heading p{color:var(--muted);align-items:center;gap:7px;margin:0;display:flex}.study-dna-heading h2{margin:5px 0 0}.study-dna-heading button{border:1px solid var(--border);width:41px;height:41px;color:var(--primary-dark);background:var(--soft);border-radius:13px;place-items:center;display:grid}.study-dna-main{grid-template-columns:73px minmax(0,1fr);align-items:center;gap:15px;margin-top:19px;display:grid}.study-dna-icon{background:var(--soft);border-radius:23px;place-items:center;width:73px;height:73px;font-size:39px;display:grid;box-shadow:inset 0 1px #ffffff80}.study-dna-main>div{gap:5px;display:grid}.study-dna-main small{color:var(--muted)}.study-dna-main strong{color:var(--primary-dark);font-size:23px}.study-dna-main p{color:var(--muted);margin:0;line-height:1.8}.study-dna-confidence{margin-top:20px}.study-dna-confidence>div:first-child{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.study-dna-confidence strong{color:var(--primary-dark)}.study-dna-progress{background:var(--surface-solid);border-radius:999px;height:11px;margin-top:9px;overflow:hidden}.study-dna-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #a976d9);height:100%;transition:width .4s;display:block}.study-dna-details{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px;display:grid}.study-dna-details>span{border:1px solid var(--border);color:var(--primary-dark);background:var(--surface-solid);border-radius:15px;align-items:center;gap:9px;padding:11px;display:flex}.study-dna-details>span>span{gap:4px;display:grid}.study-dna-details small{color:var(--muted)}.study-dna-note,.study-dna-message,.study-dna-loading{border:1px solid var(--border);color:var(--muted);background:var(--surface-solid);border-radius:14px;margin-top:14px;padding:12px 14px}.study-dna-loading{justify-content:center;align-items:center;gap:8px;display:flex}@media (width<=620px){.study-dna-details{grid-template-columns:1fr}.study-dna-main{grid-template-columns:62px minmax(0,1fr)}.study-dna-icon{border-radius:19px;width:62px;height:62px;font-size:32px}}.advanced-analytics{gap:16px;display:grid}.advanced-analytics-loading,.analytics-message{border:1px solid var(--border);color:var(--primary-dark);background:var(--surface);border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:17px;display:flex}.analytics-header{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 18px 45px var(--shadow);border-radius:23px;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;display:flex}.analytics-header p{color:var(--muted);align-items:center;gap:7px;margin:0;display:flex}.analytics-header h2{margin:5px 0 0}.analytics-header button{border:1px solid var(--border);width:42px;height:42px;color:var(--primary-dark);background:var(--soft);border-radius:14px;place-items:center;display:grid}.analytics-period-tabs{background:var(--soft);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:7px;padding:5px;display:grid}.analytics-period-tabs button{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:10px}.analytics-period-tabs button.selected{color:var(--primary-dark);background:var(--surface-solid);box-shadow:0 5px 15px var(--shadow)}.analytics-comparison-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.analytics-comparison-card{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 16px 38px var(--shadow);border-radius:21px;padding:18px}.analytics-comparison-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.analytics-comparison-heading>span{color:var(--muted);align-items:center;gap:7px;display:flex}.analytics-comparison-heading strong{color:var(--primary-dark);font-size:18px}.analytics-change{border-radius:12px;align-items:center;gap:6px;margin:14px 0 8px;padding:8px 10px;font-size:13px;font-weight:800;display:inline-flex}.analytics-change.positive{color:#147c5d;background:#ddf8ef}.analytics-change.negative{color:#a34866;background:#ffe5ee}.analytics-change.neutral{color:var(--muted);background:var(--soft)}.theme-dark .analytics-change.positive{color:#81e8c3;background:#194b3c}.theme-dark .analytics-change.negative{color:#ffadc8;background:#512738}.analytics-comparison-card>small{color:var(--muted)}.weekly-chart-card,.monthly-chart-card,.subject-analytics-card{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 18px 45px var(--shadow);border-radius:25px;padding:21px}.analytics-card-title{justify-content:space-between;align-items:center;gap:13px;display:flex}.analytics-card-title p{color:var(--muted);margin:0}.analytics-card-title h3{margin:5px 0 0}.analytics-card-title>span{color:var(--primary-dark);background:var(--soft);border-radius:12px;padding:8px 11px;font-size:13px;font-weight:800}.weekly-bar-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:280px;margin-top:25px;display:grid}.weekly-bar-column{text-align:center;grid-template-rows:26px minmax(0,1fr) 24px 22px;align-items:end;gap:5px;height:100%;display:grid}.weekly-bar-value{color:var(--primary-dark);direction:rtl;font-size:11px;font-weight:800}.weekly-bar-track{background:var(--soft);border-radius:13px;width:min(42px,78%);height:100%;min-height:130px;margin-inline:auto;position:relative;overflow:hidden}.weekly-bar-track i{background:linear-gradient(180deg, #b477d7, var(--primary));border-radius:13px;min-height:4px;transition:height .45s;position:absolute;bottom:0;left:0;right:0}.weekly-bar-column strong{font-size:12px}.weekly-bar-column small{color:var(--muted);font-size:10px}.monthly-mini-chart{background:var(--surface-solid);direction:ltr;border-radius:18px;grid-template-columns:repeat(30,minmax(5px,1fr));align-items:end;gap:4px;height:150px;margin-top:22px;padding:13px;display:grid}.monthly-mini-bar{background:var(--soft);border-radius:6px;align-items:flex-end;height:100%;display:flex;position:relative}.monthly-mini-bar i{background:linear-gradient(180deg, #b779d9, var(--primary));border-radius:6px;width:100%;min-height:3px}.monthly-mini-bar.empty i{opacity:.22}.monthly-chart-footer{flex-wrap:wrap;gap:9px;margin-top:13px;display:flex}.monthly-chart-footer span{color:var(--muted);background:var(--soft);border-radius:12px;align-items:center;gap:5px;padding:8px 10px;font-size:12px;display:flex}.monthly-chart-footer strong{color:var(--primary-dark)}.analytics-record-grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.analytics-record-grid article{border:1px solid var(--border);min-height:125px;color:var(--text);background:var(--surface);box-shadow:0 14px 35px var(--shadow);border-radius:19px;align-items:center;gap:11px;padding:15px;display:flex}.analytics-record-icon{color:#fff;background:linear-gradient(135deg, var(--primary), #a876d8);border-radius:14px;place-items:center;width:43px;min-width:43px;height:43px;display:grid}.analytics-record-grid article>div{gap:5px;min-width:0;display:grid}.analytics-record-grid small{color:var(--muted)}.analytics-record-grid strong{white-space:nowrap;text-overflow:ellipsis;color:var(--primary-dark);overflow:hidden}.analytics-record-grid p{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);margin:0;font-size:12px;overflow:hidden}.subject-analytics-list{gap:10px;margin-top:18px;display:grid}.subject-analytics-row{border:1px solid var(--border);background:var(--surface-solid);border-radius:17px;grid-template-columns:40px minmax(0,1fr);gap:11px;padding:13px;display:grid}.subject-ranking-number{width:38px;height:38px;color:var(--primary-dark);background:var(--soft);border-radius:13px;place-items:center;font-weight:900;display:grid}.subject-analytics-info{gap:8px;min-width:0;display:grid}.subject-analytics-info>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.subject-analytics-info>div:first-child span{color:var(--primary-dark);font-size:12px;font-weight:800}.subject-progress-track{background:var(--soft);border-radius:999px;height:9px;overflow:hidden}.subject-progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #ac75d8);height:100%;display:block}.subject-analytics-info small{color:var(--muted);line-height:1.7}.analytics-empty-state{border:1px dashed var(--border);color:var(--muted);background:var(--surface-solid);border-radius:18px;justify-content:center;align-items:center;gap:12px;margin-top:18px;padding:28px;display:flex}.analytics-empty-state strong{color:var(--text)}.analytics-empty-state p{margin:4px 0 0}.analytics-small-summary{flex-wrap:wrap;gap:9px;display:flex}.analytics-small-summary span{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:14px;align-items:center;gap:7px;padding:11px 13px;display:flex}.analytics-small-summary strong{color:var(--primary-dark)}@media (width<=950px){.analytics-record-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.analytics-comparison-grid{grid-template-columns:1fr}.weekly-bar-chart{gap:5px}.weekly-bar-track{width:75%}.weekly-bar-value{font-size:9px}.monthly-mini-chart{gap:2px;padding:10px}}@media (width<=520px){.analytics-record-grid{grid-template-columns:1fr}.weekly-chart-card,.monthly-chart-card,.subject-analytics-card{padding:16px}.weekly-bar-chart{height:245px}.weekly-bar-column{grid-template-rows:24px minmax(0,1fr) 22px}.weekly-bar-column small{display:none}.weekly-bar-track{min-height:115px}.monthly-mini-chart{height:125px}}.study-heatmap-card{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 18px 45px var(--shadow);border-radius:25px;padding:21px}.study-heatmap-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.study-heatmap-heading p{color:var(--muted);align-items:center;gap:7px;margin:0;display:flex}.study-heatmap-heading h2{margin:5px 0 0}.study-heatmap-heading>button{border:1px solid var(--border);width:42px;height:42px;color:var(--primary-dark);background:var(--soft);border-radius:14px;place-items:center;display:grid}.heatmap-period-tabs{background:var(--soft);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px;padding:5px;display:grid}.heatmap-period-tabs button{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:10px}.heatmap-period-tabs button.selected{color:var(--primary-dark);background:var(--surface-solid);box-shadow:0 5px 15px var(--shadow)}.study-heatmap-message,.study-heatmap-loading{border:1px solid var(--border);color:var(--primary-dark);background:var(--surface);border-radius:17px;justify-content:center;align-items:center;gap:8px;padding:17px;display:flex}.heatmap-summary{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px;display:grid}.heatmap-summary>span{border:1px solid var(--border);color:var(--muted);background:var(--surface-solid);text-align:center;border-radius:15px;gap:4px;padding:12px;font-size:12px;display:grid}.heatmap-summary strong{color:var(--primary-dark);font-size:15px}.heatmap-scroll-area{overscroll-behavior-x:contain;margin-top:20px;padding-bottom:8px;overflow-x:auto}.heatmap-month-labels{direction:ltr;grid-template-columns:repeat(53,13px);gap:4px;min-width:760px;margin-bottom:7px;padding-left:35px;display:grid}.heatmap-month-labels span{width:max-content;color:var(--muted);direction:rtl;font-size:10px}.heatmap-layout{direction:ltr;grid-template-columns:27px auto;align-items:start;gap:8px;min-width:795px;display:grid}.heatmap-weekdays{color:var(--muted);text-align:center;direction:rtl;grid-template-rows:repeat(7,13px);gap:4px;font-size:9px;display:grid}.heatmap-grid{grid-template-rows:repeat(7,13px);grid-auto-columns:13px;grid-auto-flow:column;gap:4px;display:grid}.heatmap-cell,.heatmap-legend i{background:var(--soft);border:0;border-radius:4px}.heatmap-cell{width:13px;height:13px;padding:0;transition:transform .12s,outline-color .12s}.heatmap-cell:hover,.heatmap-cell:focus-visible{z-index:2;outline:2px solid var(--primary-dark);outline-offset:1px;transform:scale(1.3)}.heatmap-level-0{background:color-mix(in srgb, var(--soft) 80%, var(--surface-solid))}.heatmap-level-1{background:color-mix(in srgb, var(--primary) 19%, var(--surface-solid))}.heatmap-level-2{background:color-mix(in srgb, var(--primary) 35%, var(--surface-solid))}.heatmap-level-3{background:color-mix(in srgb, var(--primary) 52%, var(--surface-solid))}.heatmap-level-4{background:color-mix(in srgb, var(--primary) 72%, var(--surface-solid))}.heatmap-level-5{background:var(--primary-dark)}.heatmap-legend{color:var(--muted);direction:ltr;justify-content:flex-end;align-items:center;gap:5px;margin-top:11px;font-size:10px;display:flex}.heatmap-legend i{width:13px;height:13px}.heatmap-detail-layer{z-index:80;padding:15px 12px max(12px, env(safe-area-inset-bottom));place-items:end center;display:grid;position:fixed;inset:0}.heatmap-detail-backdrop{-webkit-backdrop-filter:blur(9px);background:#26132180;border:0;position:absolute;inset:0}.heatmap-detail-sheet{z-index:1;border:1px solid var(--border);text-align:center;width:min(510px,100%);color:var(--text);background:var(--surface-solid);border-radius:29px 29px 23px 23px;padding:27px;animation:.22s heatmap-sheet-enter;position:relative;box-shadow:0 28px 80px #230f1d52}@keyframes heatmap-sheet-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.heatmap-detail-close{width:38px;height:38px;color:var(--muted);background:var(--soft);border:0;border-radius:13px;place-items:center;display:grid;position:absolute;top:15px;left:15px}.heatmap-detail-icon{color:#fff;background:linear-gradient(135deg, var(--primary), #a777d7);width:72px;height:72px;box-shadow:0 14px 30px var(--shadow);border-radius:23px;place-items:center;margin:0 auto 14px;display:grid}.heatmap-detail-sheet>small{color:var(--primary-dark);font-weight:800}.heatmap-detail-sheet h2{margin:7px 0 19px;font-size:clamp(23px,6vw,32px)}.heatmap-detail-stats{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.heatmap-detail-stats>span{border:1px solid var(--border);color:var(--primary-dark);background:var(--soft);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:13px 9px;display:flex}.heatmap-detail-stats>span>span{gap:4px;display:grid}.heatmap-detail-stats small{color:var(--muted)}.heatmap-no-study{color:var(--muted);margin:15px 0 0}.heatmap-detail-confirm{color:#fff;background:linear-gradient(135deg, var(--primary), #a777d7);border:0;border-radius:15px;width:100%;margin-top:19px;padding:12px;font-weight:850}@media (width<=620px){.heatmap-summary{grid-template-columns:1fr}.study-heatmap-card{padding:16px}.heatmap-detail-stats{grid-template-columns:1fr}.heatmap-detail-stats>span{text-align:right;justify-content:flex-start}}.export-center{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 20px 50px var(--shadow);border-radius:27px;gap:15px;padding:22px;display:grid}.export-center-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.export-center-heading p{color:var(--muted);align-items:center;gap:7px;margin:0;display:flex}.export-center-heading h2{margin:5px 0 0}.export-center-heading>button{border:1px solid var(--border);width:42px;height:42px;color:var(--primary-dark);background:var(--soft);border-radius:14px;place-items:center;display:grid}.export-period-selector{background:var(--soft);border-radius:16px;grid-template-columns:repeat(2,1fr);gap:7px;padding:5px;display:grid}.export-period-selector button{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:11px}.export-period-selector button.selected{color:var(--primary-dark);background:var(--surface-solid);box-shadow:0 5px 15px var(--shadow)}.export-center-message,.export-center-loading{border:1px solid var(--border);color:var(--primary-dark);background:var(--soft);text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:15px;display:flex}.export-options-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.export-options-grid>article{border:1px solid var(--border);background:var(--surface-solid);border-radius:19px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:118px;padding:14px;display:grid}.export-option-icon{color:#fff;background:linear-gradient(135deg, var(--primary), #a876d8);border-radius:15px;place-items:center;width:46px;height:46px;display:grid}.export-options-grid article>div{min-width:0}.export-options-grid article>div>strong{color:var(--text)}.export-options-grid article p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.7}.export-options-grid article>button,.export-double-actions button{color:#fff;background:linear-gradient(135deg, var(--primary), #a876d8);border:0;border-radius:13px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 11px;font-weight:800;display:inline-flex}.export-double-actions{gap:6px;display:flex}.export-double-actions button{width:40px;padding:0}.export-premium-note{opacity:.78}.export-preview-card{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.export-preview-card>div{border:1px solid var(--border);color:var(--primary-dark);background:var(--soft);border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:12px;display:flex}.export-preview-card>div>span{gap:4px;display:grid}.export-preview-card small{color:var(--muted)}.export-render-root{pointer-events:none;opacity:1;width:1200px;position:fixed;top:0;left:-100000px}.sweet-pdf-report{box-sizing:border-box;color:#342430;background:#fff8fb;width:794px;min-height:1123px;padding:54px;font-family:Vazirmatn,Tahoma,Arial,sans-serif}.pdf-report-header{border-bottom:2px solid #f1cedd;justify-content:space-between;align-items:center;padding-bottom:28px;display:flex}.pdf-report-header span{color:#be5d8a;font-size:16px;font-weight:900}.pdf-report-header h1{color:#52263e;margin:8px 0 3px;font-size:35px}.pdf-report-header p{color:#987486;direction:ltr;margin:0;font-size:14px}.pdf-brand-mark{color:#fff;background:linear-gradient(135deg,#e982ae,#9e70d2);border-radius:24px;place-items:center;width:76px;height:76px;font-size:23px;font-weight:900;display:grid;box-shadow:0 14px 32px #70395a2e}.pdf-user-banner{background:#f9e6ee;border-radius:19px;justify-content:space-between;align-items:center;margin-top:25px;padding:18px 21px;display:flex}.pdf-user-banner div{gap:5px;display:grid}.pdf-user-banner small,.pdf-user-banner>span{color:#967384}.pdf-user-banner strong{color:#52263e;font-size:21px}.pdf-summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.pdf-summary-grid article{text-align:center;background:#fff;border:1px solid #f0cedd;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:92px;padding:14px;display:flex}.pdf-summary-grid small{color:#967384}.pdf-summary-grid strong{color:#b34c7d;font-size:16px}.pdf-section{margin-top:30px}.pdf-section-title{align-items:center;gap:11px;margin-bottom:17px;display:flex}.pdf-section-title>span{color:#fff;background:#d873a0;border-radius:13px;place-items:center;width:39px;height:39px;font-weight:900;display:grid}.pdf-section-title div{gap:2px;display:grid}.pdf-section-title small{color:#ad8296}.pdf-section-title h2{color:#52263e;margin:0;font-size:20px}.pdf-daily-chart{background:#fff;border:1px solid #efd1de;border-radius:20px;justify-content:center;align-items:flex-end;gap:7px;height:210px;padding:18px 15px;display:flex}.pdf-daily-chart>div{text-align:center;grid-template-rows:25px minmax(0,1fr) 24px;align-items:end;gap:5px;width:100%;height:100%;display:grid}.pdf-daily-chart>div>span{color:#a45078;font-size:9px;font-weight:800}.pdf-daily-chart>div>i{background:#f8e5ed;border-radius:10px;width:min(31px,80%);height:100%;margin:auto;position:relative;overflow:hidden}.pdf-daily-chart>div>i>b{background:linear-gradient(#b777d6,#dd719f);border-radius:10px;min-height:4px;position:absolute;bottom:0;left:0;right:0}.pdf-daily-chart small{color:#876978;font-size:9px}.pdf-highlight-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pdf-highlight-grid article{background:#fff;border:1px solid #efd1de;border-radius:17px;gap:6px;padding:15px;display:grid}.pdf-highlight-grid small{color:#a07b8d}.pdf-highlight-grid strong{color:#592940;font-size:15px}.pdf-highlight-grid p{color:#b3547e;margin:0;font-size:12px}.pdf-subject-list{gap:9px;display:grid}.pdf-subject-list>article{background:#fff;border:1px solid #efd1de;border-radius:15px;padding:13px}.pdf-subject-list article>div{justify-content:space-between;gap:10px;display:flex}.pdf-subject-list strong{color:#54263e}.pdf-subject-list article>div>span{color:#b24f7a;font-weight:800}.pdf-subject-list article>i{background:#f8e2eb;border-radius:999px;height:8px;margin:8px 0;display:block;overflow:hidden}.pdf-subject-list article>i>b{border-radius:inherit;background:linear-gradient(90deg,#df729e,#a776d4);height:100%;display:block}.pdf-subject-list small{color:#967585}.pdf-profile-summary{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px;display:grid}.pdf-profile-summary article{background:#f8e7ef;border-radius:18px;align-items:center;gap:12px;padding:16px;display:flex}.pdf-profile-summary article>span{background:#fff;border-radius:17px;place-items:center;width:53px;height:53px;font-size:28px;display:grid}.pdf-profile-summary article>div{gap:4px;display:grid}.pdf-profile-summary small{color:#a0788c}.pdf-profile-summary strong{color:#57283f}.pdf-profile-summary p{color:#8c697a;margin:0;font-size:10px;line-height:1.7}.pdf-report-footer{color:#a27c8f;border-top:1px solid #efcfdd;justify-content:space-between;margin-top:30px;padding-top:18px;font-size:10px;display:flex}.sweet-share-card{box-sizing:border-box;color:#43283a;background:radial-gradient(circle at 0 0,#f1c1d6 0,#0000 34%),radial-gradient(circle at 100% 100%,#d9c5f0 0,#0000 35%),linear-gradient(145deg,#fff8fb,#f9ebf2);flex-direction:column;width:1080px;height:1350px;padding:78px;font-family:Vazirmatn,Tahoma,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.share-card-decoration{opacity:.55;border-radius:50%;position:absolute}.share-decoration-one{background:#e59abb;width:410px;height:410px;top:-220px;right:-160px}.share-decoration-two{background:#c7a5e8;width:360px;height:360px;bottom:-180px;left:-170px}.sweet-share-card>header{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.sweet-share-card>header>span{color:#a84c78;font-size:29px;font-weight:900}.sweet-share-card>header>b{color:#fff;background:linear-gradient(135deg,#df78a4,#9d70d2);border-radius:29px;place-items:center;width:92px;height:92px;font-size:27px;display:grid;box-shadow:0 20px 45px #5d2b4b2e}.sweet-share-card>main{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.sweet-share-card main>small{color:#a6758d;font-size:26px}.sweet-share-card main>h1{color:#51273e;margin:12px 0 50px;font-size:56px}.share-main-number{gap:13px;display:grid}.share-main-number>strong{color:#b94e7f;direction:rtl;font-size:109px;line-height:1}.share-main-number>span{color:#8e697a;font-size:26px}.share-card-stats{grid-template-columns:repeat(3,1fr);gap:17px;margin-top:60px;display:grid}.share-card-stats article{background:#ffffffb8;border:2px solid #edcedb;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:143px;padding:22px;display:flex}.share-card-stats strong{color:#a74773;font-size:35px}.share-card-stats span{color:#927082;font-size:20px}.share-study-dna,.share-top-subject{background:#ffffffc2;border-radius:28px;margin-top:23px;padding:24px 30px}.share-study-dna{justify-content:center;align-items:center;gap:17px;display:flex}.share-study-dna>span{font-size:50px}.share-study-dna>div{text-align:right;gap:5px;display:grid}.share-study-dna small,.share-top-subject small{color:#987486;font-size:20px}.share-study-dna strong,.share-top-subject strong{color:#572a42;font-size:30px}.share-top-subject{gap:8px;display:grid}.sweet-share-card>footer{z-index:1;color:#9b7287;justify-content:space-between;font-size:20px;display:flex;position:relative}.sweet-share-card>footer>strong{color:#aa4d78}@media (width<=720px){.export-options-grid,.export-preview-card{grid-template-columns:1fr}}@media (width<=520px){.export-center{padding:16px}.export-options-grid>article{grid-template-columns:43px minmax(0,1fr)}.export-options-grid article>button,.export-double-actions{grid-column:2;justify-self:start}}.study-circle{gap:14px;display:grid}.circle-heading{justify-content:space-between;align-items:center;gap:13px;display:flex}.circle-heading p{color:var(--muted);align-items:center;gap:7px;margin:0;display:flex}.circle-heading h2{margin:5px 0 0}.circle-heading>button{border:1px solid var(--border);width:40px;height:40px;color:var(--primary-dark);background:var(--soft);border-radius:13px;place-items:center;display:grid}.circle-summary{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.circle-summary span{border:1px solid var(--border);text-align:center;color:var(--muted);background:var(--surface-solid);border-radius:15px;gap:4px;padding:12px;display:grid}.circle-summary strong{color:var(--primary-dark);font-size:18px}.circle-tabs{background:var(--soft);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;display:grid}.circle-tabs button{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:10px 6px;position:relative}.circle-tabs button.selected{color:var(--primary-dark);background:var(--surface-solid);box-shadow:0 5px 14px var(--shadow)}.circle-tabs button i{color:#fff;background:var(--primary);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-style:normal;display:grid;position:absolute;top:-4px;left:-2px}.circle-message,.circle-loading{border:1px solid var(--border);color:var(--primary-dark);background:var(--soft);text-align:center;border-radius:14px;padding:13px}.circle-loading{justify-content:center;align-items:center;gap:8px;display:flex}.circle-member-list,.circle-request-sections,.circle-invite-section,.circle-settings{gap:9px;display:grid}.circle-member-row{border:1px solid var(--border);background:var(--surface-solid);border-radius:17px;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;display:grid}.circle-avatar{width:47px;height:47px;position:relative}.circle-avatar img,.circle-avatar>span{border-radius:50%;width:47px;height:47px}.circle-avatar img{object-fit:cover;display:block}.circle-avatar>span{color:#fff;background:linear-gradient(135deg, var(--primary), #9e72d2);place-items:center;font-weight:900;display:grid}.circle-avatar>i{border:3px solid var(--surface-solid);background:#38ca95;border-radius:50%;width:13px;height:13px;position:absolute;bottom:1px;right:0}.circle-avatar.large,.circle-avatar.large img,.circle-avatar.large>span{width:67px;height:67px}.circle-member-info{gap:4px;min-width:0;display:grid}.circle-member-info strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.circle-member-info small{color:var(--muted)}.circle-row-actions{gap:6px;display:flex}.circle-row-actions button{width:37px;height:37px;color:var(--primary-dark);background:var(--soft);border:0;border-radius:12px;place-items:center;display:grid}.circle-row-actions button.accept{color:#15785a;background:#ddf8ef}.circle-row-actions button.danger{color:#a34766;background:#ffe5ee}.circle-empty{border:1px dashed var(--border);text-align:center;min-height:170px;color:var(--muted);background:var(--surface-solid);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:25px;display:flex}.circle-empty strong{color:var(--text)}.circle-empty p{max-width:420px;margin:0;line-height:1.8}.circle-request-sections section{gap:8px;display:grid}.circle-request-sections h3,.circle-blocked-section h3{margin:8px 0 2px}.circle-inline-empty{color:var(--muted);background:var(--surface-solid);border-radius:14px;margin:0;padding:14px}.circle-cancel-request,.circle-unblock-button{border:1px solid var(--border);color:var(--primary-dark);background:var(--soft);border-radius:12px;padding:8px 11px}.my-circle-link{border:1px solid var(--border);background:var(--surface-solid);border-radius:17px;gap:12px;padding:14px;display:grid}.my-circle-link>div:first-child{color:var(--primary-dark);align-items:center;gap:10px;display:flex}.my-circle-link span{gap:4px;min-width:0;display:grid}.my-circle-link small{color:var(--muted)}.my-circle-link strong{white-space:nowrap;text-overflow:ellipsis;direction:ltr;font-size:12px;overflow:hidden}.my-circle-link>div:last-child{gap:7px;display:flex}.my-circle-link button,.circle-search-result>button{color:#fff;background:linear-gradient(135deg, var(--primary), #a071d4);border:0;border-radius:12px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.circle-search-box label{color:var(--muted);gap:7px;font-weight:700;display:grid}.circle-search-box label>div{grid-template-columns:1fr 44px;gap:7px;display:grid}.circle-search-box input{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--surface-solid);border-radius:13px;padding:11px}.circle-search-box button{color:#fff;background:var(--primary);border:0;border-radius:13px;place-items:center;display:grid}.circle-search-result{border:1px solid var(--border);background:var(--surface-solid);border-radius:19px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;display:grid}.circle-search-result>div:nth-child(2){gap:5px;display:grid}.circle-search-result small,.circle-search-result p{color:var(--muted)}.circle-search-result p{margin:3px 0 0}.circle-setting-row{border:1px solid var(--border);background:var(--surface-solid);border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.circle-setting-row>span{gap:4px;display:grid}.circle-setting-row small{color:var(--muted);line-height:1.6}.circle-setting-row input{width:21px;height:21px;accent-color:var(--primary)}.circle-rotate-link{border:1px solid var(--border);color:var(--primary-dark);background:var(--soft);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px;font-weight:800;display:flex}.circle-blocked-section{gap:8px;margin-top:8px;display:grid}@media (width<=620px){.circle-tabs{grid-template-columns:repeat(2,1fr)}.circle-search-result{grid-template-columns:60px minmax(0,1fr)}.circle-search-result>button{grid-column:2;justify-self:start}}@media (width<=460px){.circle-summary{grid-template-columns:1fr}.circle-member-row{grid-template-columns:47px minmax(0,1fr)}.circle-row-actions,.circle-cancel-request,.circle-unblock-button{grid-column:2;justify-self:start}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--card-bg,#fff);text-align:center;border-radius:24px;width:100%;max-width:420px;padding:32px 24px;box-shadow:0 12px 40px #00000014}.auth-title{margin-bottom:8px;font-size:28px;font-weight:700}.auth-subtitle{opacity:.7;margin-bottom:24px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-input{box-sizing:border-box;border:1px solid #0000001f;border-radius:14px;width:100%;padding:14px 16px;font-size:16px}.auth-primary-button,.auth-secondary-button{cursor:pointer;border-radius:14px;width:100%;padding:14px;font-size:16px}.auth-primary-button{border:none}.auth-secondary-button{background:0 0}.auth-message{margin-top:16px;font-size:14px}.sweet-room{background:linear-gradient(#d9c5dc,#f8dfd4);border-radius:40px;width:100%;height:520px;position:relative;overflow:hidden}.room-glow{background:radial-gradient(circle at top,#fff0dccc,#0000 60%);position:absolute;inset:0}.study-window{background:linear-gradient(#a98ab8,#e8b6c0);border-radius:30px;width:280px;height:180px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.moon{background:#fff0c7;border-radius:50%;width:50px;height:50px;position:absolute;top:30px;right:40px}.cloud{background:#fff;border-radius:20px;width:60px;height:20px;position:absolute}.cloud-one{top:60px;left:40px}.cloud-two{bottom:40px;right:70px}.desk{background:#b9845f;border-radius:30px 30px 0 0;width:80%;height:230px;position:absolute;bottom:0;left:10%}.laptop{text-align:center;background:#f7d7e2;border-radius:10px;width:120px;height:80px;padding-top:25px;font-weight:700;position:absolute;top:30px;left:50px}.laptop small{display:block}.tablet{background:#f5e5ef;border-radius:15px;width:80px;height:110px;position:absolute;top:30px;right:80px}.character-placeholder{position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.hair{background:#50352d;border-radius:50%;width:130px;height:130px}.face{width:80px;position:absolute;top:45px;left:25px}.face span{background:#333;border-radius:50%;width:10px;height:15px;margin:20px;display:inline-block}.face b{border-bottom:2px solid #c8788c;width:20px;height:10px;margin:auto;display:block}.body{background:#efb3c7;border-radius:40px;width:100px;height:90px}.cat{font-size:50px;position:absolute;bottom:70px;right:30px}.welcome-page{background:#f9e9df;width:100%;min-height:100vh;position:relative;overflow:hidden}.welcome-existing-account{z-index:50;color:#916b69;cursor:pointer;opacity:.85;background:0 0;border:0;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:1.5%;left:50%;transform:translate(-50%)}.welcome-existing-account:hover{opacity:1;transform:translate(-50%)translateY(-1px)}@media (width<=700px){.welcome-existing-account{font-size:12px;bottom:.7%}}