/* majlis.click — Tema Bintang Kecil: Biru bayi, awan & bintang kecil (dijana oleh gen20.py) */
:root {
  --bg: #F5F9FD;
  --bg-image: none;
  --bg-size: auto;
  --bg-pos: 0 0;
  --text: #34465E;
  --text-mute: #71849B;
  --accent: #9DB7D4;
  --accent-lt: #5C7FA6;
  --on-accent: #FFFFFF;
  --script: #4A6E96;
  --amp: #E0B85A;
  --panel: #FFFFFF;
  --arch-bg: rgba(255,255,255,0.82);
  --deep: #FFFFFF;
  --closing-bg: #ECF2F9;
  --nav-icon: #5C7FA6;
  --nav-text: #34465E;
  --paper: #FFFFFF;
  --paper-ink: #2F4058;
  --paper-mute: #828C9B;
  --paper-line: #EDF2F7;
  --paper-label: #5C7FA6;
  --paper-border: #E2E9F2;
  --field-line: #DDE6F0;
  --primary: #4A6E96;
  --on-primary: #FFFFFF;
  --primary-soft: #F1F3F7;
  --overlay: rgba(26,35,47,0.93);
  --radius: 22px;
  --f-script: 'Dancing Script', cursive;
}
.t-bintang .script { font-size: 56px; } .t-bintang .script-lg { font-size: 60px; }
.t-bintang h2 { color: #4A6E96; font-weight: 500; }
.t-bintang .bismillah { color: #5C7FA6; }
.t-bintang .cover { background-image: radial-gradient(circle at 0 0, rgba(220,233,246,0.85), transparent 46%), radial-gradient(circle at 100% 100%, rgba(230,238,248,0.8), transparent 46%); background-size: 100% 100%, 100% 100%; }
.t-bintang .corner { display: none; }
.t-bintang .cover::before, .t-bintang .cover::after, .t-bintang .closing::before, .t-bintang .closing::after { content: ''; position: absolute; width: 210px; height: 210px; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 180%22%3E%3Cdefs%3E%3CradialGradient id=%22g848%22%3E%3Cstop offset=%220%22 stop-color=%22%23DCE9F6%22 stop-opacity=%220.7%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%23DCE9F6%22 stop-opacity=%220.315%22/%3E%3Cstop offset=%221%22 stop-color=%22%23DCE9F6%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx=%2250%22 cy=%2240%22 rx=%22110%22 ry=%2280%22 fill=%22url(%23g848)%22/%3E%3Cg transform=%22translate(-6.0 40.0) scale(1.4)%22%3E%3Cpath d=%22M0 20H62C70 20 74 14 72 9C70 3 63 1 58 4C56-4 46-8 38-4C33-10 20-10 16 0C8-1 2 4 3 10C-3 11-3 20 0 20Z%22 fill=%22%23FFFFFF%22 stroke=%22%23A9C0D8%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cg transform=%22translate(60.0 90.0) scale(0.8)%22%3E%3Cpath d=%22M0 20H62C70 20 74 14 72 9C70 3 63 1 58 4C56-4 46-8 38-4C33-10 20-10 16 0C8-1 2 4 3 10C-3 11-3 20 0 20Z%22 fill=%22%23FFFFFF%22 stroke=%22%23B9CCE0%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cg transform=%22translate(140.0 40.0) rotate(-30)%22%3E%3Cpath d=%22M0 -16A16 16 0 1 0 0 16A12.48 12.48 0 1 1 0 -16Z%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%221%22/%3E%3C/g%3E%3Cpolygon points=%2240.0,14.0 41.6,17.8 45.7,18.1 42.6,20.8 43.5,24.9 40.0,22.7 36.5,24.9 37.4,20.8 34.3,18.1 38.4,17.8%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22110.0,15.5 111.2,18.4 114.3,18.6 111.9,20.6 112.6,23.6 110.0,22.0 107.4,23.6 108.1,20.6 105.7,18.6 108.8,18.4%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2224.0,123.0 25.3,126.2 28.8,126.5 26.1,128.7 26.9,132.0 24.0,130.2 21.1,132.0 21.9,128.7 19.2,126.5 22.7,126.2%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22160.0,96.4 161.0,98.7 163.4,98.9 161.5,100.5 162.1,102.9 160.0,101.6 157.9,102.9 158.5,100.5 156.6,98.9 159.0,98.7%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M100.0 135.0C100.8 139.2 100.8 139.2 105.0 140.0C100.8 140.8 100.8 140.8 100.0 145.0C99.2 140.8 99.2 140.8 95.0 140.0C99.2 139.2 99.2 139.2 100.0 135.0Z%22 fill=%22%23C9D8EA%22/%3E%3C/svg%3E") no-repeat center / contain; }
.t-bintang .cover::before { left: -6px; top: -6px; }
.t-bintang .cover::after { right: -6px; bottom: -6px; transform: rotate(180deg); }
.has-preview.t-bintang .cover::before { top: 54px; }
.t-bintang .arch { border-color: #AAC1DA; box-shadow: 0 24px 60px rgba(74,110,150,0.14); }
.t-bintang .arch::before { border-color: rgba(157,183,212,0.45); }
.t-bintang .arch::after { content: ''; position: absolute; left: 50%; top: -24px; transform: translateX(-50%); width: 160px; height: 50px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 150 36%22%3E%3Cg transform=%22translate(50.0 6.0) scale(0.7)%22%3E%3Cpath d=%22M0 20H62C70 20 74 14 72 9C70 3 63 1 58 4C56-4 46-8 38-4C33-10 20-10 16 0C8-1 2 4 3 10C-3 11-3 20 0 20Z%22 fill=%22%23FFFFFF%22 stroke=%22%23A9C0D8%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cpolygon points=%2236.0,10.0 37.1,12.5 39.8,12.8 37.7,14.6 38.4,17.2 36.0,15.8 33.6,17.2 34.3,14.6 32.2,12.8 34.9,12.5%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22118.0,10.0 119.1,12.5 121.8,12.8 119.7,14.6 120.4,17.2 118.0,15.8 115.6,17.2 116.3,14.6 114.2,12.8 116.9,12.5%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat center / contain; z-index: 2; }
.t-bintang .monogram { border-color: #9DB7D4; color: #5C7FA6; background: #fff; }
.t-bintang .photo-arch { border-color: #9DB7D4; background: #fff; box-shadow: 0 24px 60px rgba(74,110,150,0.14); }
.t-bintang .divider { color: #9DB7D4; }
.t-bintang .sec-head::before { content: ''; width: 130px; height: 40px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 150 36%22%3E%3Cg transform=%22translate(50.0 6.0) scale(0.7)%22%3E%3Cpath d=%22M0 20H62C70 20 74 14 72 9C70 3 63 1 58 4C56-4 46-8 38-4C33-10 20-10 16 0C8-1 2 4 3 10C-3 11-3 20 0 20Z%22 fill=%22%23FFFFFF%22 stroke=%22%23A9C0D8%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cpolygon points=%2236.0,10.0 37.1,12.5 39.8,12.8 37.7,14.6 38.4,17.2 36.0,15.8 33.6,17.2 34.3,14.6 32.2,12.8 34.9,12.5%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22118.0,10.0 119.1,12.5 121.8,12.8 119.7,14.6 120.4,17.2 118.0,15.8 115.6,17.2 116.3,14.6 114.2,12.8 116.9,12.5%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat center / contain; margin-bottom: -4px; }
.t-bintang .btn-gold, .t-bintang .nav-bubble { background: linear-gradient(135deg, #A9C0D9, #5F80A6); color: #fff; }
.t-bintang .btn-gold { box-shadow: 0 10px 24px rgba(74,110,150,0.25); }
.t-bintang .btn-gold:hover { background: linear-gradient(135deg, #9FB4CC, #567395); color: #fff; }
.t-bintang .btn-line { border-color: #B1C5DD; color: #5C7FA6; background: rgba(255,255,255,0.6); }
.t-bintang .btn-line:hover { background: #fff; color: #34465E; }
.t-bintang .nav-bubble { border-color: #fff; }
.t-bintang .music-btn { background: rgba(255,255,255,0.92); }
.t-bintang .paper, .t-bintang .cd, .t-bintang .wish, .t-bintang .item { box-shadow: 0 10px 30px rgba(74,110,150,0.08); }
.t-bintang .cd { border-color: #DFE8F3; } .t-bintang .cd b { color: #4A6E96; }
.t-bintang .wish, .t-bintang .item { border-color: #E2EAF4; }
.t-bintang .wish-name, .t-bintang .story-year { color: #4A6E96; }
.t-bintang .item-icon { background: #F0F4F9; color: #5C7FA6; }
.t-bintang .story-dot { background: #9DB7D4; box-shadow: 0 0 0 4px #EDF2F7; }
.t-bintang .count-pill { background: #fff; }
.t-bintang .bottom-nav { box-shadow: 0 -8px 30px rgba(74,110,150,0.08); border-top-color: #E2EAF4; }
.t-bintang .tag { background: #EAF1F8; color: #71849B; }
.t-bintang .thanks-script { color: #4A6E96; }
.t-bintang .lb-close { border-color: #fff; }
.t-bintang .closing { position: relative; overflow: hidden; } .t-bintang .closing > * { position: relative; }
.t-bintang .closing::before { left: -30px; top: -30px; width: 150px; height: 150px; } .t-bintang .closing::after { right: -30px; bottom: -30px; width: 150px; height: 150px; transform: rotate(180deg); }
.t-bintang .fx-d { background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 180%22%3E%3Cdefs%3E%3CradialGradient id=%22g848%22%3E%3Cstop offset=%220%22 stop-color=%22%23DCE9F6%22 stop-opacity=%220.7%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%23DCE9F6%22 stop-opacity=%220.315%22/%3E%3Cstop offset=%221%22 stop-color=%22%23DCE9F6%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx=%2250%22 cy=%2240%22 rx=%22110%22 ry=%2280%22 fill=%22url(%23g848)%22/%3E%3Cg transform=%22translate(-6.0 40.0) scale(1.4)%22%3E%3Cpath d=%22M0 20H62C70 20 74 14 72 9C70 3 63 1 58 4C56-4 46-8 38-4C33-10 20-10 16 0C8-1 2 4 3 10C-3 11-3 20 0 20Z%22 fill=%22%23FFFFFF%22 stroke=%22%23A9C0D8%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cg transform=%22translate(60.0 90.0) scale(0.8)%22%3E%3Cpath d=%22M0 20H62C70 20 74 14 72 9C70 3 63 1 58 4C56-4 46-8 38-4C33-10 20-10 16 0C8-1 2 4 3 10C-3 11-3 20 0 20Z%22 fill=%22%23FFFFFF%22 stroke=%22%23B9CCE0%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cg transform=%22translate(140.0 40.0) rotate(-30)%22%3E%3Cpath d=%22M0 -16A16 16 0 1 0 0 16A12.48 12.48 0 1 1 0 -16Z%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%221%22/%3E%3C/g%3E%3Cpolygon points=%2240.0,14.0 41.6,17.8 45.7,18.1 42.6,20.8 43.5,24.9 40.0,22.7 36.5,24.9 37.4,20.8 34.3,18.1 38.4,17.8%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22110.0,15.5 111.2,18.4 114.3,18.6 111.9,20.6 112.6,23.6 110.0,22.0 107.4,23.6 108.1,20.6 105.7,18.6 108.8,18.4%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2224.0,123.0 25.3,126.2 28.8,126.5 26.1,128.7 26.9,132.0 24.0,130.2 21.1,132.0 21.9,128.7 19.2,126.5 22.7,126.2%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22160.0,96.4 161.0,98.7 163.4,98.9 161.5,100.5 162.1,102.9 160.0,101.6 157.9,102.9 158.5,100.5 156.6,98.9 159.0,98.7%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M100.0 135.0C100.8 139.2 100.8 139.2 105.0 140.0C100.8 140.8 100.8 140.8 100.0 145.0C99.2 140.8 99.2 140.8 95.0 140.0C99.2 139.2 99.2 139.2 100.0 135.0Z%22 fill=%22%23C9D8EA%22/%3E%3C/svg%3E") no-repeat center / contain; opacity: .4; }
body.t-bintang { --page-orn: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 180%22%3E%3Cdefs%3E%3CradialGradient id=%22g848%22%3E%3Cstop offset=%220%22 stop-color=%22%23DCE9F6%22 stop-opacity=%220.7%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%23DCE9F6%22 stop-opacity=%220.315%22/%3E%3Cstop offset=%221%22 stop-color=%22%23DCE9F6%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx=%2250%22 cy=%2240%22 rx=%22110%22 ry=%2280%22 fill=%22url(%23g848)%22/%3E%3Cg transform=%22translate(-6.0 40.0) scale(1.4)%22%3E%3Cpath d=%22M0 20H62C70 20 74 14 72 9C70 3 63 1 58 4C56-4 46-8 38-4C33-10 20-10 16 0C8-1 2 4 3 10C-3 11-3 20 0 20Z%22 fill=%22%23FFFFFF%22 stroke=%22%23A9C0D8%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cg transform=%22translate(60.0 90.0) scale(0.8)%22%3E%3Cpath d=%22M0 20H62C70 20 74 14 72 9C70 3 63 1 58 4C56-4 46-8 38-4C33-10 20-10 16 0C8-1 2 4 3 10C-3 11-3 20 0 20Z%22 fill=%22%23FFFFFF%22 stroke=%22%23B9CCE0%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cg transform=%22translate(140.0 40.0) rotate(-30)%22%3E%3Cpath d=%22M0 -16A16 16 0 1 0 0 16A12.48 12.48 0 1 1 0 -16Z%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%221%22/%3E%3C/g%3E%3Cpolygon points=%2240.0,14.0 41.6,17.8 45.7,18.1 42.6,20.8 43.5,24.9 40.0,22.7 36.5,24.9 37.4,20.8 34.3,18.1 38.4,17.8%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22110.0,15.5 111.2,18.4 114.3,18.6 111.9,20.6 112.6,23.6 110.0,22.0 107.4,23.6 108.1,20.6 105.7,18.6 108.8,18.4%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2224.0,123.0 25.3,126.2 28.8,126.5 26.1,128.7 26.9,132.0 24.0,130.2 21.1,132.0 21.9,128.7 19.2,126.5 22.7,126.2%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22160.0,96.4 161.0,98.7 163.4,98.9 161.5,100.5 162.1,102.9 160.0,101.6 157.9,102.9 158.5,100.5 156.6,98.9 159.0,98.7%22 fill=%22%23F6DFA0%22 stroke=%22%23D9B45F%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M100.0 135.0C100.8 139.2 100.8 139.2 105.0 140.0C100.8 140.8 100.8 140.8 100.0 145.0C99.2 140.8 99.2 140.8 95.0 140.0C99.2 139.2 99.2 139.2 100.0 135.0Z%22 fill=%22%23C9D8EA%22/%3E%3C/svg%3E"); --page-orn-op: .3; }
body.t-bintang { background-image: radial-gradient(circle at 0 0, rgba(220,233,246,0.47), transparent 52%), radial-gradient(circle at 100% 100%, rgba(230,238,248,0.44), transparent 52%); background-size: 100% 100%, 100% 100%; background-attachment: fixed; }