:root{
  --bg:#f2f4f8; --card:rgba(255,255,255,.76); --text:#101218; --muted:#6d7481;
  --line:rgba(15,18,24,.08); --surface:#fff; --shadow:0 24px 80px rgba(26,32,44,.10);
  --control:#eef1f5; --arrow:#858d9a;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#0d1015; --card:rgba(19,23,30,.82); --text:#f7f8fa; --muted:#9aa2ae;
  --line:rgba(255,255,255,.08); --surface:#151a22; --shadow:0 24px 90px rgba(0,0,0,.42);
  --control:#1b2029; --arrow:#aab1bb;
  color-scheme:dark;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
body{min-height:100vh}.page-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}
.ambient{position:fixed;border-radius:50%;filter:blur(80px);opacity:.28;pointer-events:none}.ambient-a{width:360px;height:360px;background:#ff3347;left:-160px;top:-120px}.ambient-b{width:420px;height:420px;background:#4e7bff;right:-190px;bottom:-170px}:root[data-theme="dark"] .ambient{opacity:.16}
.card{width:min(100%,540px);padding:22px;border:1px solid var(--line);border-radius:32px;background:var(--card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow);position:relative;z-index:1}
.topbar{display:flex;align-items:center;justify-content:space-between}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--text);color:var(--bg);font-weight:900;letter-spacing:-.04em}.controls{display:flex;gap:8px}.control{height:42px;min-width:42px;border:1px solid var(--line);background:var(--control);color:var(--text);border-radius:14px;font-weight:800;cursor:pointer;padding:0 13px}.theme-toggle{position:relative;width:50px}.theme-toggle .sun,.theme-toggle .moon{position:absolute;inset:0;display:grid;place-items:center;transition:.2s ease}.theme-toggle .moon{opacity:0;transform:scale(.75)}:root[data-theme="dark"] .theme-toggle .sun{opacity:0;transform:scale(.75)}:root[data-theme="dark"] .theme-toggle .moon{opacity:1;transform:scale(1)}
.hero{text-align:center;padding:46px 12px 28px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--muted);margin:0 0 12px}.hero h1{font-size:clamp(40px,10vw,62px);line-height:.94;letter-spacing:-.06em;margin:0;font-weight:900}.handle{font-size:18px;color:var(--muted);font-weight:700;margin:14px 0 0}.prompt{margin:30px 0 0;color:var(--muted);font-size:14px}
.social-list{display:grid;gap:10px}.social{position:relative;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:15px;min-height:78px;padding:11px 16px 11px 11px;border-radius:22px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.social:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.social:active{transform:scale(.99)}
.icon-box{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;position:relative;overflow:hidden}.yt-icon{background:#ff0033}.play{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid #fff;margin-left:4px}.tk-icon{background:#08090c}.note{font-family:Arial,sans-serif;font-size:42px;font-weight:900;position:absolute;line-height:1}.note-back{color:#25f4ee;transform:translate(-3px,2px)}.note-front{color:#fe2c55;transform:translate(2px,-1px)}.tk-icon:after{content:'♪';position:absolute;color:#fff;font:900 42px/1 Arial,sans-serif}.ig-icon{background:radial-gradient(circle at 30% 105%,#feda75 0 18%,#fa7e1e 35%,#d62976 58%,#962fbf 76%,#4f5bd5 100%)}.ig-camera{width:29px;height:29px;border:3px solid #fff;border-radius:9px;position:relative}.ig-camera:before{content:'';position:absolute;width:9px;height:9px;border:3px solid #fff;border-radius:50%;left:7px;top:7px}.ig-camera:after{content:'';position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;right:4px;top:4px}.fb-icon{background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:48px;font-weight:800;align-items:end;line-height:.92;padding-top:8px}
.social-copy{min-width:0}.social-copy strong{display:block;font-size:18px}.social-copy small{display:block;margin-top:4px;color:var(--muted);font-size:13px}.arrow{font-size:22px;color:var(--arrow)}
.youtube:hover{border-color:rgba(255,0,51,.32)}.tiktok:hover{border-color:rgba(37,244,238,.26)}.instagram:hover{border-color:rgba(214,41,118,.30)}.facebook:hover{border-color:rgba(24,119,242,.32)}
footer{display:flex;justify-content:center;gap:8px;align-items:center;padding:24px 8px 6px;color:var(--muted);font-size:11px}.dot{opacity:.5}
@media(max-width:560px){.page-shell{padding:12px}.card{padding:16px;border-radius:26px}.hero{padding-top:40px}.social{min-height:74px}.social-copy small{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}