:root{
  --native-gold:#e6c75f;
  --native-bg1:#6db6d7;
  --native-bg2:#afbbb2;
  --native-text:#f7fbff;
  --native-muted:#d9e7ee;
  --native-border:rgba(229,199,95,.72);
  --native-shadow:0 22px 60px rgba(10,35,55,.35);
}
html,body{min-height:100%}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--native-text);
  background:
    radial-gradient(circle at 18% 26%,rgba(255,248,210,.72) 0 4px,transparent 5px),
    radial-gradient(circle at 74% 28%,rgba(255,248,210,.70) 0 5px,transparent 6px),
    radial-gradient(circle at 88% 65%,rgba(255,248,210,.62) 0 4px,transparent 5px),
    linear-gradient(115deg,transparent 0 24%,rgba(255,243,176,.34) 24.2%,transparent 24.6%),
    linear-gradient(104deg,transparent 0 42%,rgba(255,243,176,.34) 42.2%,transparent 42.6%),
    linear-gradient(76deg,transparent 0 54%,rgba(255,243,176,.28) 54.2%,transparent 54.6%),
    linear-gradient(130deg,var(--native-bg2),var(--native-bg1) 44%,#4e9fc4 100%);
  background-attachment:fixed;
}
.native-topbar{
  position:sticky;top:0;z-index:30;height:24px;display:flex;align-items:center;justify-content:center;
  background:rgba(55,95,111,.78);border-bottom:2px solid var(--native-gold);backdrop-filter:blur(8px);
  font-size:12px;font-weight:900;text-shadow:0 3px 12px rgba(0,0,0,.55);
}
.native-wrap{width:min(560px,calc(100% - 26px));margin:0 auto;padding:8px 0 54px}
.native-nav{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 10px}
.native-nav a,.native-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);color:#fff;text-decoration:none;
  font-size:12px;font-weight:900;box-shadow:0 10px 22px rgba(6,31,47,.24);cursor:pointer;
}
.native-btn-primary{background:linear-gradient(135deg,#1c7bc0,#185b9a);border-color:rgba(255,255,255,.20)}
.native-hero,.native-card{
  background:linear-gradient(180deg,rgba(46,73,88,.96),rgba(38,59,73,.96));
  border:1px solid rgba(255,255,255,.14);border-radius:9px;box-shadow:var(--native-shadow);
}
.native-hero{padding:14px;margin-bottom:14px}
.native-kicker,.native-place{
  display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.10);font-size:10px;font-weight:900;margin-bottom:8px;
}
.native-place{padding:5px 9px;font-size:11px;font-weight:800}
.native-hero h1{margin:4px 0 7px;font-size:34px;line-height:1.02;letter-spacing:-.055em;text-shadow:0 6px 18px rgba(0,0,0,.40)}
.native-hero p{margin:0 0 9px;font-size:12px;line-height:1.55;color:var(--native-muted);font-weight:700}
.native-hero img{width:100%;display:block;max-height:255px;object-fit:cover;border-radius:9px;box-shadow:0 16px 38px rgba(0,0,0,.35);margin-top:8px}
.native-badges{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.native-badge{border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.10);color:#fff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}
.native-card{padding:16px;margin:12px 0}
.native-card.gold{border-color:var(--native-border);background:linear-gradient(180deg,rgba(102,151,165,.75),rgba(75,121,140,.75))}
.native-content h1{display:none}
.native-content h2,.native-card h2{margin:12px 0 10px;font-size:24px;line-height:1.08;letter-spacing:-.035em;color:#fff;text-shadow:0 5px 15px rgba(0,0,0,.32)}
.native-content p,.native-content li,.native-card p{font-size:12.5px;line-height:1.78;color:#f4fbff;font-weight:650}
.native-content p{margin:0 0 12px}
.native-list{margin:0 0 14px 20px;padding:0}
.native-list li{margin:0 0 8px}
.native-doc{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px;margin:10px 0}
.native-doc h3{margin:0 0 7px;font-size:14px;color:#fff}
.native-doc p{margin:0 0 8px;font-size:11px;color:#eef8ff}
.native-share-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.native-input{width:100%;box-sizing:border-box;margin-top:10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 11px;color:#fff;background:rgba(255,255,255,.10);font-size:11px}
.native-footer{text-align:center;font-size:11px;color:#eef7fb;opacity:.82;margin:22px 0 0}
@media(max-width:680px){.native-wrap{width:min(100% - 18px,560px)}.native-hero h1{font-size:30px}.native-content p,.native-content li,.native-card p{font-size:13px}}