:root{--bg:#050b12;--panel:#081522;--text:#eef6ff;--muted:#94a4b8;--line:#20364b;--blue:#49a5ff;--pink:#ff4f86}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#14273c 0,#050b12 44%,#010409 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.app{max-width:1240px;margin:auto;display:grid;grid-template-columns:265px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:26px 20px;border-right:1px solid var(--line);background:rgba(3,10,18,.76);backdrop-filter:blur(18px)}.brand{display:flex;gap:12px;align-items:center;font-weight:850;font-size:1.5rem;margin-bottom:26px}.flower{width:28px;height:28px;display:inline-block;background:radial-gradient(circle at 50% 18%,#fff 0 10%,transparent 11%),radial-gradient(circle at 82% 32%,#fff 0 10%,transparent 11%),radial-gradient(circle at 82% 68%,#fff 0 10%,transparent 11%),radial-gradient(circle at 50% 82%,#fff 0 10%,transparent 11%),radial-gradient(circle at 18% 68%,#fff 0 10%,transparent 11%),radial-gradient(circle at 18% 32%,#fff 0 10%,transparent 11%),radial-gradient(circle at 50% 50%,#fff 0 11%,transparent 12%)}.nav a{display:block;padding:13px 14px;border-radius:16px;color:var(--muted);font-size:1.04rem}.nav a:hover,.nav a.active{background:#10263a;color:#fff}.note,.footer{color:var(--muted);font-size:.88rem;line-height:1.45}.note{margin-top:30px}.main{padding:24px}.topbar{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:18px}.search{width:min(480px,100%);padding:13px 16px;border-radius:999px;background:#091727;border:1px solid var(--line);color:#fff;font-size:1rem}.card{background:linear-gradient(180deg,rgba(12,29,45,.97),rgba(6,16,27,.97));border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.3)}.profile-card{margin-bottom:22px}.banner{height:275px;background-size:cover;background-position:center;position:relative}.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(6,16,27,.35))}.profile-head{padding:0 28px 24px;position:relative}.avatar{width:132px;height:132px;border:4px solid #081522;border-radius:50%;margin-top:-66px;background-size:cover;background-position:center;box-shadow:0 8px 24px rgba(0,0,0,.45)}.mini{width:52px;height:52px;border:2px solid #dce7f5;border-radius:50%;background-size:cover;background-position:center;display:block;flex:0 0 auto}.name{font-size:2rem;font-weight:850;margin:12px 0 2px}.handle,.meta{color:var(--muted)}.bio{font-size:1.08rem;line-height:1.45;margin:14px 0}.stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:14px}.stats b{color:#fff}.tabs{display:flex;gap:10px;border-top:1px solid var(--line);padding:0 20px}.tabs span{padding:16px 10px;color:var(--muted)}.tabs .active{color:var(--blue);border-bottom:3px solid var(--blue)}.post{padding:20px 24px;border-top:1px solid var(--line);display:grid;grid-template-columns:56px 1fr;gap:14px}.post p{font-size:1.04rem;line-height:1.45;margin:.4rem 0}.text-post p{font-size:1.1rem;line-height:1.58;max-width:68ch}.replying{color:var(--blue);font-size:.84rem;margin-bottom:5px}.post-image{width:100%;max-height:380px;object-fit:cover;border-radius:18px;margin:10px 0 4px;border:1px solid var(--line)}.actions{display:flex;gap:28px;color:var(--muted);margin-top:10px}.heart{color:var(--pink)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.account-tile{padding:18px;display:grid;grid-template-columns:70px 1fr;gap:14px}.account-tile .avatar{width:70px;height:70px;margin:0;border-width:2px}.account-tile h3{margin:.1rem 0}.account-tile p{margin:.3rem 0;color:var(--muted)}.badge{display:inline-block;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.82rem}.feed .post{background:rgba(8,21,34,.72);border:1px solid var(--line);border-radius:22px;margin-bottom:14px}.feed .text-post{background:linear-gradient(135deg,rgba(12,31,48,.94),rgba(7,18,30,.94))}.footer{margin:24px 0}.hero{padding:28px;margin-bottom:18px}.hero p{line-height:1.55;color:var(--muted)}@media(max-width:780px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:12px}.banner{height:190px}.name{font-size:1.55rem}.stats{gap:14px}.post{grid-template-columns:42px 1fr;padding:16px}.mini{width:40px;height:40px}.avatar{width:104px;height:104px;margin-top:-52px}.tabs{overflow:auto}.topbar{display:block}.search{width:100%}}