*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html,body,#root,.container,.profile,*{writing-mode:horizontal-tb!important}:root{--bg: #ffffff;--surface: #ffffff;--text: #0b1220;--muted: #506076;--muted-strong: #334155;--card-shadow: rgba(11,17,32,.06);--accent: #2563eb;--accent-rgba: rgba(37,99,235,.72);--accent-dark: rgb(29,78,216);--accent-glow: rgba(37,99,235,.18);--radius: 14px;--transition-fast: .18s;--transition-mid: .3s;--scale-factor: 1.5;--focus-ring: 3px rgba(37,99,235,.18)}.dark{--bg: #071024;--surface: #081427;--text: #e6eef8;--muted: #9fb1c8;--muted-strong: #cfe6ff;--card-shadow: rgba(0,0,0,.6);--accent: #60a5fa;--accent-rgba: rgba(96,165,250,.72);--accent-dark: rgb(37,99,235);--accent-glow: rgba(96,165,250,.18);--focus-ring: 3px rgba(96,165,250,.18)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:28px;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-mid),color var(--transition-mid);overflow-y:auto}*{transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease,transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.container{width:100%;max-width:420px;display:flex;flex-direction:column;gap:18px;align-items:stretch;will-change:transform}.zoom{transform-origin:top center;transform:scale(var(--scale-factor))}.profile{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px;background:linear-gradient(180deg,#ffffffe6,#ffffffbf);border-radius:var(--radius);box-shadow:0 10px 30px var(--card-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:center;animation:popIn .42s cubic-bezier(.2,.9,.2,1) both}@keyframes popIn{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.dark .profile{background:linear-gradient(180deg,#080e18b8,#09122199)}.avatar{width:96px;height:96px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,255,255,.08);box-shadow:0 6px 18px #00000014;transition:transform .42s cubic-bezier(.22,.9,.18,1)}.avatar:hover{transform:rotate(-6deg) scale(1.02)}.h-title{font-size:20px;font-weight:700;letter-spacing:.2px;color:var(--text)}.h-sub{font-size:13px;color:var(--muted)}.links{display:grid;gap:14px;width:100%}.link-card{display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--surface);border-radius:12px;box-shadow:0 8px 24px var(--card-shadow);transition:transform var(--transition-mid) cubic-bezier(.2,.9,.2,1),box-shadow var(--transition-mid);text-decoration:none;color:inherit;overflow:hidden;position:relative}.dark .link-card{background:linear-gradient(180deg,#06121c9e,#06101a8c);border:1px solid rgba(255,255,255,.03)}.link-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--accent-rgba),var(--accent));transform:translate(-110%);transition:transform var(--transition-mid) cubic-bezier(.2,.9,.2,1)}.link-card:hover:before{transform:translate(0)}.link-left{display:flex;align-items:center;gap:12px;text-decoration:none}.icon{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#0000000a;color:var(--accent);transition:background-color var(--transition-fast),transform .32s}.dark .icon{background:#ffffff05;color:var(--accent)}.link-card:hover .icon{transform:scale(1.08) rotate(-6deg)}.link-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px var(--card-shadow)}.small{font-size:13px;color:var(--muted)}.dark .small{color:var(--muted-strong)}.link-left div>div:first-child{color:var(--text);font-weight:600}.controls{display:flex;justify-content:space-between;align-items:center;gap:8px}.btn{border:1px solid rgba(0,0,0,.06);background:transparent;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:8px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);color:var(--text)}.btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.dark .btn{border-color:#ffffff14;background:#ffffff05;color:var(--text)}.btn:focus,.lang-item:focus,.control-ui:focus{outline:none;box-shadow:0 0 0 var(--focus-ring);border-radius:10px}.control-ui{min-width:110px;padding:10px 14px;border-radius:12px;background:linear-gradient(180deg,#ffffffd1,#fff9);box-shadow:0 8px 24px #0206170f;font-weight:600;letter-spacing:.2px;justify-content:center;color:var(--text)}.dark .control-ui{background:linear-gradient(180deg,#ffffff08,#ffffff05);box-shadow:0 8px 24px #02061740;border:1px solid rgba(255,255,255,.06);color:var(--text)}.lang-btn .chev,.control-ui .chev{margin-left:8px;transition:transform var(--transition-fast) ease;font-size:12px}.lang-btn .chev.open{transform:rotate(-180deg)}.lang-wrap{position:relative;display:inline-block}.lang-menu{position:absolute;left:0;top:calc(100% + 10px);min-width:140px;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 90%,black 2%));border-radius:12px;box-shadow:0 14px 40px #02061733;overflow:hidden;transform-origin:top center;opacity:0;visibility:hidden;transform:translateY(6px) scale(.96);transition:transform var(--transition-mid) cubic-bezier(.2,.9,.2,1),opacity var(--transition-mid),visibility var(--transition-mid);z-index:60;padding:8px}.lang-menu.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.lang-item{display:block;width:100%;padding:10px 12px;text-align:left;border-radius:8px;background:transparent;border:none;cursor:pointer;font-size:14px;color:var(--text);transition:background-color var(--transition-fast),transform var(--transition-fast),color var(--transition-fast)}.lang-item:hover{background:linear-gradient(90deg,#00000008,#00000005);transform:translate(6px);color:var(--accent)}.lang-item:focus{background:#0000000a;color:var(--accent)}.copied{font-size:12px;color:var(--accent);margin-left:8px;animation:fadeUp .9s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:780px){:root{--scale-factor: 1.3}.container{max-width:360px}}@media(max-width:420px){:root{--scale-factor: 1.15}.container{padding:6px}.profile{padding:14px}}