:root{--navy-950:#0b1226;--navy-900:#141c36;--navy-800:#212e51;--navy-500:#4f5f94;--navy-300:#8d99bf;--navy-100:#d6dbea;--cyan-600:#0091ea;--cyan-500:#00a6f1;--cyan-400:#00c2fb;--cyan-300:#5ad6ff;--green-500:#19c37d;--red-500:#f04b5e;--gradient-brand:linear-gradient(135deg, var(--cyan-600) 0%, var(--cyan-400) 100%);--bg-canvas:var(--navy-950);--bg-surface:var(--navy-900);--bg-elevated:var(--navy-800);--bg-inset:#ffffff0a;--text-primary:#fff;--text-secondary:var(--navy-300);--text-muted:var(--navy-500);--text-accent:var(--cyan-400);--border-subtle:#ffffff14;--border-default:#ffffff24;--border-strong:#ffffff47;--accent:var(--cyan-500);--accent-hover:var(--cyan-400);--on-accent:var(--navy-950);--focus-ring:0 0 0 3px #00c2fb73;--glow-accent:0 0 0 1px #00c2fb59, 0 8px 32px -8px #00a6f18c;--font-display:"Syne", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-arabic:"Noto Kufi Arabic", "Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--ease-pop:cubic-bezier(.2, .9, .2, 1);--ease-rise:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}html,body{background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);margin:0}*{scrollbar-width:none}::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--cyan-400);color:var(--navy-950)}:focus-visible{box-shadow:var(--focus-ring);outline:none}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(90px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slab{0%{opacity:0;transform:rotate(-16deg)translateY(60px)scale(.85)}to{opacity:1;transform:rotate(-7deg)translateY(0)scale(1)}}@keyframes drift{0%,to{transform:rotate(-7deg)translate(0)}50%{transform:rotate(-5deg)translate(8px,-6px)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes meshspin{0%{transform:rotate(-12deg)scale(2.6)}to{transform:rotate(-8deg)scale(2.75)}}@keyframes pulse{0%,to{box-shadow:0 0 #00c2fb66}70%{box-shadow:0 0 0 16px #00c2fb00}}@keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes glowline{0%,to{opacity:.85;width:44px}50%{opacity:1;width:72px}}@keyframes breathe{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes logoIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ring{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}.screen{background:var(--bg-canvas);color:#fff;max-width:430px;min-height:100dvh;font-family:var(--font-body);--font-d:var(--font-display);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.screen[dir=rtl]{font-family:var(--font-arabic);--font-d:"Noto Kufi Arabic", sans-serif}.screen[dir=rtl] .flip{transform:scaleX(-1)}.mono{font-family:var(--font-mono)}.eyebrow{font:500 10px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.rise{animation:rise .7s ease calc(var(--d0,0s) + var(--d,0s)) both}.lang-toggle{border:1px solid var(--border-default);background:var(--bg-inset);cursor:pointer;border-radius:999px;align-items:center;gap:2px;height:36px;padding:3px;display:flex}.lang-toggle span{height:28px;color:var(--navy-300);border-radius:999px;align-items:center;padding:0 12px;display:flex}.lang-toggle .en{font:600 12px var(--font-body)}.lang-toggle .ar{font:500 13px Noto Kufi Arabic,sans-serif}.lang-toggle .on{background:var(--accent);color:var(--navy-950)}.notice{z-index:6;text-align:center;color:#f5b324;background:#f5b3241f;border-radius:8px;margin:12px 20px 0;padding:8px 12px;font-size:12px;font-weight:600;position:relative}.mesh{opacity:.07;pointer-events:none;filter:saturate(.6);width:420px;animation:18s ease-in-out infinite alternate meshspin;position:absolute;top:120px;left:-60px}.topbar{z-index:5;padding:calc(20px + env(safe-area-inset-top)) 20px 0;justify-content:space-between;align-items:center;display:flex;position:relative}.topbar .logo{width:auto;height:26px;display:block}.hero{height:420px;margin-top:8px;position:relative}.hero .slab{background:var(--gradient-brand);width:290px;height:300px;animation:slab 1s var(--ease-pop) calc(var(--d0) + .1s) both, drift 7s ease-in-out calc(var(--d0) + 1.2s) infinite;border-radius:40px;margin-left:-145px;position:absolute;top:92px;left:50%;transform:rotate(-7deg);box-shadow:0 30px 60px -20px #00a6f18c}.hero .ring{pointer-events:none;width:340px;height:340px;animation:rise 1s ease calc(var(--d0) + .4s) both;margin-left:-170px;position:absolute;top:70px;left:50%}.hero .ring .trace{animation:ring 1.6s var(--ease-rise) calc(var(--d0) + .3s) both}.hero .portrait{width:300px;height:400px;animation:pop 1.1s var(--ease-pop) calc(var(--d0) + .25s) both;justify-content:center;align-items:flex-end;margin-left:-150px;display:flex;position:absolute;bottom:0;left:50%}.hero .portrait img{object-fit:cover;object-position:top;filter:drop-shadow(0 24px 30px #0000008c);width:280px;height:400px;animation:floaty 6s ease-in-out calc(var(--d0) + 1.4s) infinite;-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.hero .portrait .mono-initials{font:800 96px var(--font-display);letter-spacing:-.04em;color:var(--navy-950);margin-bottom:150px}.hero .fade{pointer-events:none;background:linear-gradient(#0b122600 0%,#0b1226 85%);height:160px;position:absolute;bottom:-1px;left:0;right:0}.identity{z-index:3;margin-top:-56px;padding:0 24px;position:relative}.identity .name{font-family:var(--font-d);letter-spacing:-.03em;text-wrap:balance;animation:rise .8s var(--ease-rise) calc(var(--d0) + .7s) both;font-size:40px;font-weight:800;line-height:1.05}.screen[dir=rtl] .identity .name{letter-spacing:0;font-size:34px;line-height:1.25}.identity .title{text-wrap:pretty;align-items:center;gap:12px;margin-top:18px;font-size:16px;font-weight:600;line-height:1.35;display:flex}.identity .title:before{content:"";background:linear-gradient(90deg, var(--cyan-600), var(--cyan-400));border-radius:2px;flex:none;width:28px;height:2px}.identity .meta{font:500 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin-top:12px;display:flex}.screen[dir=rtl] .identity .meta{font-family:var(--font-arabic);letter-spacing:0;font-size:12px}.identity .dept{height:26px;color:var(--cyan-400);background:#00c2fb1a;border:1px solid #00c2fb47;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.identity .dept:before{content:"";background:var(--cyan-400);border-radius:50%;width:5px;height:5px}.bio{z-index:3;font-family:var(--font-d);color:var(--navy-100);text-wrap:pretty;padding:18px 24px 0;font-size:17px;font-weight:600;line-height:1.5;position:relative}.bio p{max-width:34ch;margin:0}.bio q{quotes:"“" "”"}.bio q:before,.bio q:after{color:var(--cyan-400)}.actions{z-index:3;flex-direction:column;gap:10px;padding:24px 20px 0;display:flex;position:relative}.save-btn{cursor:pointer;width:100%;height:54px;color:var(--navy-950);animation:rise .7s ease calc(var(--d0) + .9s) both, pulse 2.6s ease-out calc(var(--d0) + 1.7s) infinite, sheen 4s linear calc(var(--d0) + 1.9s) infinite;background:linear-gradient(110deg,#0091ea 0%,#00c2fb 45%,#5ad6ff 50%,#00c2fb 55%,#0091ea 100%) 0 0/300% 100%;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tile{background:var(--bg-surface);border:1px solid var(--border-subtle);color:#fff;border-radius:16px;transition:border-color .2s,transform .2s}a.tile:hover{border-color:#fff3;transform:translateY(-2px)}.action{flex-direction:column;gap:14px;padding:16px;display:flex}.action:last-child:nth-child(odd){grid-column:1/-1}.action .ico{width:36px;height:36px;color:var(--cyan-400);background:#00c2fb1f;border-radius:10px;justify-content:center;align-items:center;display:flex}.action .txt{flex-direction:column;gap:2px;min-width:0;display:flex}.action .label{font-size:15px;font-weight:600}.sub{font:500 12px var(--font-mono);color:var(--navy-300);text-overflow:ellipsis;white-space:nowrap;text-align:start;overflow:hidden}.screen[dir=rtl] .sub[dir=ltr]{text-align:right}.glow{height:16px;margin-top:1px;display:block;position:relative}.glow:after{content:"";top:7px;background:linear-gradient(90deg,#0091ea,#00c2fb,#5ad6ff);border-radius:2px;width:44px;height:2px;animation:2.4s ease-in-out infinite glowline;position:absolute;inset-inline-start:0;box-shadow:0 0 8px #00c2fb,0 0 18px #00c2fb99}.links{z-index:3;flex-direction:column;gap:10px;padding:10px 20px 0;display:flex;position:relative}.link{border-color:var(--border-default);align-items:center;gap:14px;padding:14px 16px;display:flex}a.link:hover{border-color:var(--cyan-400)}.link .ico{width:40px;height:40px;color:var(--cyan-400);background:#00c2fb1f;border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.link .txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.link .label{font-size:15px;font-weight:700}.link .arrow{color:var(--cyan-400);display:flex}.link.featured{background:#00a6f11f;border-color:#00c2fb66}.link.featured .ico{background:var(--accent);color:var(--navy-950)}.cta-wrap{z-index:3;padding:14px 20px 0;position:relative}.cta{color:#fff;background:linear-gradient(135deg,#0091ea38,#00c2fb14);border:1px solid #00c2fb80;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.cta:hover{border-color:var(--cyan-400);transform:translateY(-2px)}.cta .watermark{opacity:.1;pointer-events:none;width:180px;position:absolute;top:-30px;right:-30px;transform:rotate(-10deg)}.cta .txt{flex-direction:column;gap:4px;display:flex;position:relative}.cta .eyebrow{color:var(--cyan-400)}.screen[dir=rtl] .cta .eyebrow{font-family:var(--font-arabic);letter-spacing:0;font-size:12px}.cta .headline{font-family:var(--font-d);letter-spacing:-.01em;font-size:19px;font-weight:800;line-height:1.2}.screen[dir=rtl] .cta .headline{letter-spacing:0;line-height:1.4}.cta .go{background:var(--accent);width:44px;height:44px;color:var(--navy-950);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.socials{z-index:3;justify-content:center;gap:10px;padding:22px 20px 0;display:flex;position:relative}.socials a{border:1px solid var(--border-default);color:#fff;width:48px;height:48px;font:700 13px var(--font-display);letter-spacing:-.02em;border-radius:999px;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:flex}.socials a:hover{border-color:var(--cyan-400);color:var(--cyan-400)}.card-footer{z-index:3;padding:28px 24px calc(32px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.card-footer .agency{flex-direction:column;gap:2px;display:flex}.card-footer .agency b{font:700 13px var(--font-d)}.card-footer .agency span{color:var(--navy-300);font-size:12px}.share-btn{border:1px solid var(--border-strong);color:#fff;cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;font-weight:600;transition:border-color .2s;display:flex}.share-btn:hover{border-color:#fff}.loader{z-index:60;background:var(--bg-canvas);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity .5s;display:flex;position:fixed;inset:0;overflow:hidden}.loader.out{opacity:0}.loader .halo{background:radial-gradient(circle,#00a6f140,#00a6f100 65%);border-radius:50%;width:420px;height:420px;animation:1.6s ease-in-out infinite breathe;position:absolute}.loader svg{width:260px;height:260px;position:absolute}.loader svg .spin{transform-origin:50%;animation:1.4s linear infinite orbit}.loader img{width:120px;height:auto;animation:logoIn 1.2s var(--ease-pop) both, floaty 3s ease-in-out 1.2s infinite;filter:drop-shadow(0 0 18px #00c2fb8c);position:relative}.loader .bar{background:#ffffff1a;border-radius:2px;width:120px;height:2px;position:relative;overflow:hidden}.loader .bar span{background:linear-gradient(90deg, var(--cyan-600), var(--cyan-400));transform-origin:0;animation:1.5s cubic-bezier(.4,0,.2,1) both fill;position:absolute;inset:0}.scrim{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b122699;align-items:flex-end;animation:.3s both rise;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-elevated);width:100%;max-width:430px;padding:14px 24px calc(40px + env(safe-area-inset-bottom));animation:pop .5s var(--ease-pop) both;border-radius:24px 24px 0 0;flex-direction:column;align-items:center;gap:16px;margin:0 auto;display:flex;box-shadow:0 -20px 60px #00000080}.sheet .grab{background:#fff3;border-radius:2px;width:40px;height:4px}.sheet h2{font:700 18px var(--font-d);letter-spacing:-.02em;margin:0}.screen[dir=rtl] .sheet h2{letter-spacing:0}.sheet .qr{background:#fff;border-radius:16px;width:200px;height:200px;padding:12px}.sheet .qr svg{width:100%;height:100%;display:block}.sheet .row{gap:10px;width:100%;display:flex}.btn{cursor:pointer;white-space:nowrap;background:var(--accent);height:44px;color:var(--on-accent);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:all .2s cubic-bezier(.2,0,0,1);display:inline-flex}.btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--glow-accent)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.lg{height:52px;padding:0 28px;font-size:16px}.btn.full{flex:1;width:100%}.btn.secondary{color:#fff;border-color:var(--border-strong);background:0 0}.btn.secondary:hover:not(:disabled){box-shadow:none;background:0 0;border-color:#fff}.btn.ghost{color:var(--navy-300);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--bg-inset);box-shadow:none}.btn.danger-text{color:var(--red-500)}.badge{background:var(--bg-inset);height:22px;color:var(--navy-300);white-space:nowrap;border-radius:4px;flex:none;align-items:center;padding:0 8px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.badge.success{color:var(--green-500);background:#19c37d26}.field{flex-direction:column;gap:6px;display:flex}.field>span:first-child{color:var(--navy-300);font-size:13px;font-weight:500}.field .box{background:var(--bg-inset);border:1px solid var(--border-default);border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 14px;transition:all .12s;display:flex}.field .box:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.field.error .box{border-color:var(--red-500)}.field input,.field textarea{color:#fff;min-width:0;font:inherit;box-shadow:none;background:0 0;border:0;outline:0;flex:1;font-size:15px}.field textarea{resize:vertical;min-height:76px;padding:11px 0;line-height:1.45}.field input::placeholder,.field textarea::placeholder{color:var(--navy-500)}.field .prefix{color:var(--navy-500);font:500 13px var(--font-mono)}.field .hint{color:var(--navy-500);font-size:12px}.field.error .hint{color:var(--red-500)}.field [dir=rtl]{font-family:var(--font-arabic)}.segmented{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:999px;gap:6px;padding:4px;display:flex}.segmented button{height:34px;color:var(--navy-300);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;font-size:13px;font-weight:500}.segmented button.on{background:var(--bg-elevated);color:#fff;font-weight:600}.segmented button[lang=ar]{font-family:Noto Kufi Arabic,sans-serif}.form-error{color:var(--red-500);background:#f04b5e1f;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4}.empty{text-align:center;color:var(--navy-300);padding:40px 12px;font-size:14px;line-height:1.5}.avatar{flex:none;width:60px;height:60px;position:relative}.avatar .bg{background:var(--gradient-brand);border-radius:18px;position:absolute;inset:8px 0 0;transform:rotate(-7deg)}.avatar img{object-fit:cover;object-position:top;border-radius:26px 26px 14px 14px;width:52px;height:64px;position:absolute;bottom:0;left:4px;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.avatar .ini{font:800 18px var(--font-display);color:var(--navy-950);justify-content:center;align-items:center;display:flex;position:absolute;inset:8px 0 0}.avatar.tall{width:64px;height:72px}.avatar.tall .bg{inset:14px 0 0}.avatar.tall img{border-radius:26px 26px 12px 12px;height:68px;left:6px}.avatar.tall .ini{inset:14px 0 0}.dir-mesh{opacity:.06;pointer-events:none;width:420px;position:absolute;top:-40px;right:-140px;transform:rotate(12deg)scale(1.6)}.page{padding:calc(24px + env(safe-area-inset-top)) 20px 0;flex-direction:column;gap:18px;display:flex;position:relative}.page-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-head .logo{width:auto;height:18px;display:block}.page-head .brand{align-items:center;gap:10px;display:flex}.page-head .count{font:500 11px var(--font-mono);letter-spacing:.14em;color:var(--navy-500)}.screen[dir=rtl] .page-head .count{font-family:var(--font-arabic);letter-spacing:0;font-size:12px}.h1{font-family:var(--font-d);letter-spacing:-.03em;margin:0;font-size:34px;font-weight:800;line-height:1.05}.screen[dir=rtl] .h1{letter-spacing:0;line-height:1.3}.search{background:var(--bg-inset);border:1px solid var(--border-default);height:46px;color:var(--navy-500);border-radius:12px;align-items:center;gap:10px;padding:0 16px;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.search input{min-width:0;box-shadow:none;color:#fff;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.search input::placeholder{color:var(--navy-500)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{height:32px;color:var(--navy-100);border:1px solid var(--border-default);cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:600;display:flex}.chip.on{background:var(--accent);color:var(--navy-950);border-color:var(--accent)}.people{flex-direction:column;gap:10px;padding-bottom:60px;display:flex}.person{align-items:center;gap:14px;padding:12px 14px 12px 12px;display:flex}.person .txt{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.person .name{font-family:var(--font-d);letter-spacing:-.01em;font-size:16px;font-weight:700}.screen[dir=rtl] .person .name{letter-spacing:0}.person .role{color:var(--navy-300);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.person .chev{color:var(--navy-500);display:flex}.admin .page{gap:20px}.admin .brand{align-items:center;gap:8px;display:flex}.me{background:var(--bg-elevated);width:34px;height:34px;font:700 12px var(--font-display);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;display:flex}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:14px}.stat b{font:500 24px var(--font-mono);display:block}.stat:first-child b{color:var(--cyan-400)}.stat span{color:var(--navy-300);margin-top:4px;font-size:11px;display:block}.rows{flex-direction:column;gap:8px;padding-bottom:130px;display:flex}.row-card{border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.row-card .ini{width:40px;height:40px;color:var(--navy-300);font:800 13px var(--font-display);background:#ffffff0f;border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.row-card.active .ini{color:var(--cyan-400);background:#00c2fb24}.row-card .txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-card .name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.row-card .slug{font:500 11px var(--font-mono);color:var(--navy-300);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dock{z-index:10;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.dock>div{max-width:430px;padding:24px 20px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, #0b122600, var(--bg-canvas) 45%);pointer-events:auto;gap:10px;margin:0 auto;display:flex}.back{color:var(--navy-300);align-items:center;gap:6px;font-size:14px;display:flex}.back:hover{color:#fff}.h1.sm{font-size:28px;font-family:var(--font-display)}.portrait-drop{border:1px dashed var(--border-strong);background:#ffffff08;border-radius:16px;align-items:center;gap:16px;padding:14px;display:flex}.portrait-drop .txt{flex-direction:column;flex:1;gap:4px;display:flex}.portrait-drop .txt b{font-size:14px;font-weight:600}.portrait-drop .txt span{color:var(--navy-300);font-size:12px;line-height:1.4}.text-btn{color:var(--cyan-400);cursor:pointer;background:0 0;border:0;padding:4px;font-size:13px;font-weight:600}.text-btn:disabled{opacity:.5;cursor:default}.fields{flex-direction:column;gap:14px;display:flex}.group{flex-direction:column;gap:10px;display:flex}.social-chips{flex-wrap:wrap;gap:8px;display:flex}.social-chips button{border:1px solid var(--border-default);height:36px;color:var(--navy-300);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:500}.social-chips button.on{border-color:var(--accent);color:var(--cyan-400);font-weight:600}.form-actions{gap:10px;padding:8px 0 12px;display:flex}.form-foot{padding-bottom:calc(40px + env(safe-area-inset-bottom));justify-content:center;display:flex}.login{justify-content:center;min-height:100dvh;padding-bottom:80px}.login p{color:var(--navy-300);margin:0;font-size:14px;line-height:1.5}.login form{flex-direction:column;gap:14px;display:flex}.login code{font:500 12px var(--font-mono);color:var(--navy-100)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.switch-row{background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.switch-row .txt{flex-direction:column;gap:4px;display:flex}.switch-row .txt b{font-size:14px;font-weight:600}.switch-row .txt span{color:var(--navy-300);font-size:12px;line-height:1.4}.switch-row input{appearance:none;cursor:pointer;background:#ffffff24;border-radius:999px;flex:none;width:44px;height:26px;margin:0;transition:background .2s;position:relative}.switch-row input:after{content:"";top:3px;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;inset-inline-start:3px}.switch-row input:checked{background:var(--accent)}.switch-row input:checked:after{transform:translate(18px)}.row-card .ini.photo,.row-card.active .ini.photo{background:var(--gradient-brand);overflow:hidden}.row-card .ini.photo img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.stats-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:14px 16px}.stats-panel summary{cursor:pointer;flex-direction:column;gap:6px;list-style:none;display:flex}.stats-panel summary::-webkit-details-marker{display:none}.stats-panel summary .line{justify-content:space-between;gap:8px;font-size:14px;font-weight:600;display:flex}.stats-panel summary .line:after{content:"Details";color:var(--cyan-400);flex:none;font-size:13px}.stats-panel[open] summary .line:after{content:"Hide"}.stats-panel .stats.nine{gap:8px;margin-top:14px}.stats-panel .stat{background:var(--bg-inset);padding:12px}.stats-panel .stat b{font-size:20px}.stats-panel .stat:first-child b{color:var(--cyan-400)}.stats-panel .note{color:var(--navy-300);margin:12px 0 0;font-size:12.5px;line-height:1.5}.stats-panel .breakdown{flex-direction:column;gap:6px;margin-top:14px;display:flex}.stats-panel .breakdown .line{justify-content:space-between;gap:12px;font-size:13.5px;display:flex}.stats-panel .breakdown .line .mono{color:var(--navy-300);flex:none;font-size:12px}
