:root{--profile-accent:#20c9bd}
.profile-page{min-height:100vh;background:#10141b;color:#f5f7fb;padding-bottom:100px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.profile-shell{width:min(620px,100%);margin:0 auto;padding:12px 0 32px}
.profile-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 15px 12px;background:rgba(16,20,27,.92);border-bottom:1px solid #ffffff0b;backdrop-filter:blur(18px)}
.profile-back{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#e8edf6;text-decoration:none;font-size:34px;line-height:1;background:transparent}
.profile-title-lockup{display:flex;align-items:center;gap:9px;min-width:0}.zc-brand-icon{width:35px;height:35px;object-fit:cover;border-radius:11px;border:1px solid #74e8d44c;box-shadow:0 0 20px #20c9bd1b}
.eyebrow{display:block;color:var(--profile-accent);font-size:9px;font-weight:850;letter-spacing:1.7px}.profile-topbar h1{margin:2px 0 0;font-size:17px;line-height:1.2;letter-spacing:-.25px}
.profile-top-actions{position:relative;display:flex;align-items:center;gap:5px}.profile-icon-action{display:grid;place-items:center;width:37px;height:37px;border:0;border-radius:50%;background:transparent;color:#dce5f0;cursor:pointer}.profile-icon-action:hover,.profile-icon-action:focus-visible{background:#ffffff0d}.profile-icon-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-menu{position:absolute;right:0;top:43px;z-index:40;width:min(260px,85vw);padding:7px;border:1px solid #ffffff12;border-radius:16px;background:#202630;box-shadow:0 18px 50px #0008}.profile-menu[hidden]{display:none}.profile-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 11px;border:0;border-radius:10px;background:transparent;color:#e8edf5;text-align:left;font:inherit;font-size:13px;cursor:pointer}.profile-menu button:hover{background:#ffffff0a}.menu-symbol{display:grid;place-items:center;width:23px;color:var(--profile-accent);font-size:17px}
.telegram-profile-card{margin:0;background:#171c24;border-top:1px solid #ffffff06;border-bottom:1px solid #ffffff08;overflow:hidden}
.profile-identity-panel{display:flex;align-items:center;flex-direction:column;text-align:center;padding:30px 20px 24px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--profile-accent) 12%,transparent),transparent 60%)}
.avatar-wrap{position:relative;margin-bottom:15px}.profile-avatar{display:grid;place-items:center;width:112px;height:112px;overflow:hidden;border-radius:50%;border:3px solid color-mix(in srgb,var(--profile-accent) 68%,#ffffff 8%);background:linear-gradient(135deg,#284e5c,#17252f);box-shadow:0 0 0 5px #ffffff05,0 8px 25px #0004;color:#eaffff;font-size:30px;font-weight:800}.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}.avatar-edit{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:32px;height:32px;border:2px solid #171c24;border-radius:50%;background:var(--profile-accent);color:#08171a;font-size:20px;cursor:pointer}
.profile-identity-panel h2{max-width:100%;margin:0;color:#f5f7fb;font-size:25px;font-weight:750;letter-spacing:-.6px;overflow-wrap:anywhere}.profile-identity-panel>p:not(.profile-about-preview){margin:5px 0 0;color:#a6b0be;font-size:14px}
.presence-badge{display:inline-flex;align-items:center;gap:6px;margin-top:11px;color:#9da8b7;font-size:12px}.presence-badge i{width:7px;height:7px;border-radius:50%;background:#65717f}.presence-badge.online{color:#6dddb5}.presence-badge.online i{background:#37d49a;box-shadow:0 0 0 4px #37d49a18}
.profile-about-preview{max-width:430px;margin:13px 0 0;color:#d3d9e2;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.profile-main-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}.profile-main-actions button,.profile-main-actions a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #ffffff12;border-radius:12px;background:#222a35;color:#e9eff8;text-decoration:none;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:background .18s,transform .18s}.profile-main-actions .profile-action-primary{border-color:color-mix(in srgb,var(--profile-accent) 45%,transparent);background:color-mix(in srgb,var(--profile-accent) 14%,#1d2630);color:#baf9ee}.profile-main-actions button:hover,.profile-main-actions a:hover{background:#2a3441}.profile-main-actions button:active,.profile-main-actions a:active{transform:scale(.97)}.action-icon{font-size:15px;color:var(--profile-accent)}
.profile-details-list{padding:2px 0}.profile-detail-row{display:flex;align-items:flex-start;gap:16px;padding:15px 21px;border-top:1px solid #ffffff08;min-height:63px;box-sizing:border-box}.detail-icon{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;color:var(--profile-accent);font-size:19px}.profile-detail-row>div{display:flex;flex-direction:column;min-width:0;gap:3px}.detail-label{color:#a6b0bf;font-size:12px}.profile-detail-row strong{color:#eef2f8;font-size:14px;font-weight:500;overflow-wrap:anywhere;line-height:1.45}.profile-detail-row small{color:#697686;font-size:11px}
.profile-edit-panel{margin:14px;padding:20px;border:1px solid #ffffff12;border-radius:18px;background:#1d242e}.profile-edit-panel[hidden]{display:none}.edit-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.edit-panel-heading h3{margin:4px 0;font-size:19px;letter-spacing:-.4px}.edit-panel-heading p{margin:0;color:#9da9b9;font-size:12px;line-height:1.5}.section-label{color:var(--profile-accent);font-size:10px;font-weight:850;letter-spacing:1.4px}.close-edit-button{width:32px;height:32px;border:0;border-radius:50%;background:#ffffff0b;color:#dfe8f2;font-size:23px;cursor:pointer}
.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-field{display:flex;flex-direction:column;gap:7px;min-width:0}.profile-field>span{color:#cbd4df;font-size:12px;font-weight:650}.profile-field input,.profile-field textarea{box-sizing:border-box;width:100%;min-height:43px;padding:11px 12px;border:1px solid #ffffff12;border-radius:11px;outline:none;background:#121821;color:#f5f7fb;font:inherit;font-size:13px}.profile-field textarea{min-height:84px;resize:vertical}.profile-field input:focus,.profile-field textarea:focus{border-color:var(--profile-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--profile-accent) 13%,transparent)}.profile-field input::placeholder,.profile-field textarea::placeholder{color:#697585}.profile-field small{color:#8793a2;font-size:10px;line-height:1.45}.profile-field-full{grid-column:1/-1}.field-wrap{position:relative}.field-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--profile-accent)}.field-wrap input{padding-left:28px}.profile-field input[type=date]{color-scheme:dark}.character-count{align-self:flex-end;color:#7c8999;font-size:10px;margin-top:-2px}
.profile-message{margin-top:13px;padding:10px 12px;border-radius:10px;font-size:12px}.profile-message[hidden]{display:none}.profile-message.success{background:#37d49a12;color:#8fe6c4}.profile-message.error{background:#ff6b6b12;color:#ffaaaa}.profile-actions{display:flex;gap:9px;margin-top:18px}.primary-button,.secondary-button{min-height:42px;padding:0 17px;border-radius:11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.primary-button{border:0;background:var(--profile-accent);color:#09201f}.secondary-button{border:1px solid #ffffff15;background:#252e39;color:#dce4ee}.primary-button:disabled{opacity:.6}
.profile-posts-card{margin:14px 0 0;padding:20px 17px;background:#171c24;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08}.profile-posts-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.profile-posts-heading h2{margin:5px 0;color:#f1f5fa;font-size:20px;letter-spacing:-.4px}.profile-posts-heading p{margin:0;color:#8996a6;font-size:12px;line-height:1.5}.archive-toggle{flex:none;padding:8px 10px;border:1px solid #ffffff12;border-radius:10px;background:#222a35;color:#bdeee7;font-size:11px;font-weight:750;cursor:pointer}
.profile-post-form{padding:13px;border:1px solid #ffffff0f;border-radius:14px;background:#1d242e}.profile-post-form>label{display:block;margin-bottom:9px;color:#e3eaf2;font-size:12px;font-weight:700}.profile-post-form textarea{box-sizing:border-box;width:100%;min-height:78px;padding:11px;border:1px solid #ffffff10;border-radius:10px;outline:0;background:#121821;color:#f3f6fb;font:inherit;font-size:13px;resize:vertical}.profile-post-form textarea:focus{border-color:var(--profile-accent)}.post-form-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.post-form-footer small{color:#8190a1;font-size:10px}.post-form-footer button,.profile-modal-primary{min-height:37px;padding:0 14px;border:0;border-radius:10px;background:var(--profile-accent);color:#09201f;font-size:11px;font-weight:850;cursor:pointer}
.profile-posts-list{display:grid;gap:10px;margin-top:13px}.profile-post{padding:14px;border:1px solid #ffffff0c;border-radius:13px;background:#1d242e}.profile-post-head{margin-bottom:8px}.profile-post-head small{color:#8391a2;font-size:10px}.profile-post-body{margin:0;color:#e3eaf2;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.profile-post-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.profile-post-actions button{padding:7px 10px;border:1px solid #ffffff12;border-radius:9px;background:#252e39;color:#b8eee6;font-size:10px;font-weight:750}.profile-posts-empty{padding:16px;text-align:center;color:#8290a1;font-size:12px;line-height:1.6}
.logout-button{display:block;width:calc(100% - 28px);margin:14px auto 0;min-height:45px;border:1px solid #ff7c7c20;border-radius:12px;background:#ff6b6b0a;color:#ff9c9c;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.profile-qr-dialog,.profile-color-dialog{width:min(390px,calc(100vw - 30px));box-sizing:border-box;padding:22px;border:1px solid #ffffff18;border-radius:22px;background:#202630;color:#f4f7fb;box-shadow:0 25px 80px #000b}.profile-qr-dialog::backdrop,.profile-color-dialog::backdrop{background:#070a10b8;backdrop-filter:blur(5px)}.profile-modal-head{display:flex;justify-content:space-between;gap:12px}.profile-modal-head h2{margin:5px 0;font-size:20px}.profile-modal-head p{margin:0;color:#9aa6b5;font-size:12px;line-height:1.5}.profile-modal-close{width:32px;height:32px;border:0;border-radius:50%;background:#ffffff0c;color:#e7edf6;font-size:22px}.profile-qr-code{display:grid;place-items:center;min-height:230px;margin:18px 0 10px;padding:12px;border-radius:16px;background:white}.profile-qr-code img,.profile-qr-code canvas{max-width:100%;height:auto!important}.profile-qr-username{text-align:center;color:#b9c6d5;font-size:13px}.profile-modal-primary{width:100%;margin-top:10px;min-height:43px}.profile-color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.profile-color-options button{height:52px;border:2px solid #ffffff1c;border-radius:13px;background:var(--swatch);cursor:pointer}.profile-color-options button.is-selected{outline:2px solid #f1f5fa;outline-offset:2px}
.toast{position:fixed;left:50%;bottom:90px;z-index:1000;transform:translateX(-50%);width:max-content;max-width:88vw;padding:12px 16px;border:1px solid #ffffff16;border-radius:12px;background:#252d38;color:#f6f9fc;box-shadow:0 10px 35px #0006;font-size:12px;text-align:center}.toast[hidden]{display:none}
.zc-bottom-nav{position:fixed;z-index:50;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;justify-content:space-around;gap:4px;width:min(440px,calc(100% - 24px));padding:8px 10px;border:1px solid #ffffff14;border-radius:22px;background:rgba(31,37,47,.88);box-shadow:0 12px 40px #0007;backdrop-filter:blur(24px)}.zc-bottom-nav a{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:42px;border-radius:14px;color:#9aa6b5;text-decoration:none;font-size:10px;font-weight:700}.zc-bottom-nav a:hover,.zc-bottom-nav a[aria-current=page]{background:#ffffff0b;color:var(--profile-accent)}.zc-bottom-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:480px){.profile-shell{padding-top:0}.profile-topbar{padding-left:12px;padding-right:12px}.profile-identity-panel{padding-top:27px}.profile-avatar{width:100px;height:100px}.profile-identity-panel h2{font-size:23px}.profile-main-actions{gap:7px}.profile-main-actions button,.profile-main-actions a{padding:0 12px}.profile-detail-row{padding:14px 17px}.profile-fields{grid-template-columns:1fr}.profile-field-full{grid-column:auto}.profile-edit-panel{margin:10px;padding:15px}.profile-posts-heading{align-items:flex-start}.profile-posts-card{padding:18px 14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Profile page: distinct cover, identity, actions, details and posts sections */
.profile-cover{position:relative;height:clamp(132px,30vw,190px);margin:12px 12px 0;overflow:hidden;border:1px solid #74dfff22;border-radius:20px;background:linear-gradient(125deg,#0a3551,#087eaa 48%,#283f82);background-position:center;background-size:cover;box-shadow:inset 0 -45px 70px #06111c55}
.profile-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#07111dcc,transparent 62%)}
.profile-cover-label{position:absolute;z-index:1;left:15px;bottom:13px;color:#eafaff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.profile-cover-button{position:absolute;z-index:2;right:12px;bottom:10px;min-height:36px;padding:0 12px;border:1px solid #b6efff4d;border-radius:11px;background:#071827bb;color:#f3fbff;font:inherit;font-size:11px;font-weight:750;cursor:pointer;backdrop-filter:blur(12px)}
.profile-identity-panel{margin:0 12px;padding-top:25px;border:1px solid #ffffff12;border-top:0;border-radius:0 0 20px 20px;background:linear-gradient(180deg,#192633,#151c25 78%)}
.profile-main-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:440px;gap:7px;padding:6px;margin-top:20px;border:1px solid #ffffff16;border-radius:15px;background:#0d141d}
.profile-main-actions button,.profile-main-actions a{min-width:0;min-height:44px;padding:0 6px;border-radius:10px;gap:5px;font-size:11px;white-space:nowrap}
.profile-main-actions .action-icon{font-size:14px}
.profile-details-list{margin:12px;padding:3px 12px;border:1px solid #ffffff15;border-radius:18px;background:linear-gradient(145deg,#19232e,#131a23)}
.profile-detail-row{padding:14px 8px;border-top:1px solid #ffffff0b}
.profile-detail-row:first-child{border-top:0}
.profile-posts-card{margin:14px 12px!important;border:1px solid #ffffff16!important;border-radius:19px!important;background:linear-gradient(145deg,#19232e,#131a23)!important}
.profile-zakiplay-card{margin:14px 12px!important}
.logout-button{display:none!important}
@media(max-width:360px){.profile-main-actions{gap:4px;padding:4px}.profile-main-actions button,.profile-main-actions a{font-size:10px;padding:0 3px}.profile-main-actions .action-icon{font-size:12px}}


/* Saved-account switcher */
.profile-switch-dialog{width:min(520px,calc(100% - 28px));max-height:min(82vh,760px);overflow:auto;border:1px solid #263c51;border-radius:24px;background:linear-gradient(155deg,#101f31,#08121f 72%);color:#f4f8ff;padding:22px;box-shadow:0 24px 80px #0009}
.profile-switch-dialog::backdrop{background:#020711c9;backdrop-filter:blur(8px)}
.profile-switch-dialog .profile-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.profile-switch-dialog h2{margin:5px 0 8px;font-size:1.45rem}
.profile-switch-dialog p{color:#a9bbcf;line-height:1.5;margin:0;font-size:.91rem}
.profile-switch-account-list{display:grid;gap:10px}
.profile-switch-account{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:13px;border:1px solid #2a4055;border-radius:16px;background:#132438;color:#eef7ff;cursor:pointer}
.profile-switch-account:focus-visible,.profile-switch-add:focus-visible{outline:2px solid #45d7e9;outline-offset:3px}
.profile-switch-account:disabled{opacity:.65;cursor:wait}
.profile-switch-avatar{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#31d8e8,#2478c7);color:#061522;font-weight:800}
.profile-switch-copy{display:grid;gap:4px;min-width:0;flex:1}
.profile-switch-copy strong{overflow-wrap:anywhere}
.profile-switch-copy small{color:#a9bbcf;overflow-wrap:anywhere}
.profile-switch-state{font-size:.75rem;color:#5ce0ce;font-weight:700}
.profile-switch-empty{padding:17px;border:1px dashed #38516a;border-radius:15px;color:#b7c7d9!important}
.profile-switch-footer{margin-top:15px}
.profile-switch-add{width:100%;border:1px solid #27c7d8;border-radius:14px;background:#102f43;color:#bdf8ff;padding:13px;font-weight:750;cursor:pointer}
.profile-switch-message{margin-top:12px;color:#ffb6b6!important}
.profile-switch-loading{padding:12px}
@media(max-width:420px){.profile-switch-dialog{padding:17px;border-radius:20px}.profile-switch-dialog .profile-modal-head{gap:10px}}

.profile-switch-section-title{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#7f9ab4;margin:4px 0 0;padding:0 2px}
.profile-switch-mode-list{display:grid;gap:10px;margin-bottom:8px}
.profile-switch-mode .profile-switch-state{white-space:nowrap}
.profile-switch-mode:disabled{opacity:.72}