/* majlis.click — Tema Pelangi: Pelangi pastel & awan gebu (dijana oleh gen20.py) */
:root {
  --bg: #FFFBF5;
  --bg-image: none;
  --bg-size: auto;
  --bg-pos: 0 0;
  --text: #4E4652;
  --text-mute: #8C838F;
  --accent: #EFB3B3;
  --accent-lt: #C97A7A;
  --on-accent: #FFFFFF;
  --script: #C76B7B;
  --amp: #9FC9E6;
  --panel: #FFFFFF;
  --arch-bg: rgba(255,255,255,0.82);
  --deep: #FFFFFF;
  --closing-bg: #FDF4EE;
  --nav-icon: #C97A7A;
  --nav-text: #4E4652;
  --paper: #FFFFFF;
  --paper-ink: #48404C;
  --paper-mute: #918C94;
  --paper-line: #FCF1F1;
  --paper-label: #C97A7A;
  --paper-border: #FAE8E8;
  --field-line: #F9E4E4;
  --primary: #B85F70;
  --on-primary: #FFFFFF;
  --primary-soft: #F9F2F4;
  --overlay: rgba(39,35,41,0.93);
  --radius: 24px;
  --f-script: 'Dancing Script', cursive;
}
.t-pelangi .script { font-size: 56px; } .t-pelangi .script-lg { font-size: 60px; }
.t-pelangi h2 { color: #A85868; font-weight: 500; }
.t-pelangi .bismillah { color: #C97A7A; }
.t-pelangi .cover { background-image: radial-gradient(circle at 0 0, rgba(252,227,227,0.7), transparent 40%), radial-gradient(circle at 100% 100%, rgba(220,239,248,0.7), transparent 42%), radial-gradient(circle at 100% 0, rgba(253,243,210,0.7), transparent 30%); background-size: 100% 100%, 100% 100%, 100% 100%; }
.t-pelangi .corner { display: none; }
.t-pelangi .cover::before, .t-pelangi .cover::after, .t-pelangi .closing::before, .t-pelangi .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%3Cpath d=%22M10.0 100A60.0 60.0 0 0 1 130.0 100%22 fill=%22none%22 stroke=%22%23F6B8B8%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M19.0 100A51.0 51.0 0 0 1 121.0 100%22 fill=%22none%22 stroke=%22%23F9D8A8%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M28.0 100A42.0 42.0 0 0 1 112.0 100%22 fill=%22none%22 stroke=%22%23F7EDA8%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M37.0 100A33.0 33.0 0 0 1 103.0 100%22 fill=%22none%22 stroke=%22%23C9E8C2%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M46.0 100A24.0 24.0 0 0 1 94.0 100%22 fill=%22none%22 stroke=%22%23BCD8F0%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cg transform=%22translate(10.0 80.0) scale(0.9)%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%23C7CFDA%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cg transform=%22translate(90.0 84.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%23C7CFDA%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cpolygon points=%22150.0,25.0 151.3,28.2 154.8,28.5 152.1,30.7 152.9,34.0 150.0,32.2 147.1,34.0 147.9,30.7 145.2,28.5 148.7,28.2%22 fill=%22%23F7D98A%22 stroke=%22%23E0B85A%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M30.0 25.0C30.8 29.2 30.8 29.2 35.0 30.0C30.8 30.8 30.8 30.8 30.0 35.0C29.2 30.8 29.2 30.8 25.0 30.0C29.2 29.2 29.2 29.2 30.0 25.0Z%22 fill=%22%23F9D8A8%22/%3E%3Ccircle cx=%22150.0%22 cy=%22130.0%22 r=%222.4%22 fill=%22%23F6B8B8%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3Ccircle cx=%22120.0%22 cy=%22150.0%22 r=%222.4%22 fill=%22%23F6B8B8%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3Ccircle cx=%2240.0%22 cy=%22150.0%22 r=%222.4%22 fill=%22%23F6B8B8%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3C/svg%3E") no-repeat center / contain; }
.t-pelangi .cover::before { left: -6px; top: -6px; }
.t-pelangi .cover::after { right: -6px; bottom: -6px; transform: rotate(180deg); }
.has-preview.t-pelangi .cover::before { top: 54px; }
.t-pelangi .arch { border-color: #F1BEBD; box-shadow: 0 24px 60px rgba(184,95,112,0.14); }
.t-pelangi .arch::before { border-color: rgba(239,179,179,0.45); }
.t-pelangi .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 40%22%3E%3Cpath d=%22M47.0 36A28.0 28.0 0 0 1 103.0 36%22 fill=%22none%22 stroke=%22%23F6B8B8%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M53.0 36A22.0 22.0 0 0 1 97.0 36%22 fill=%22none%22 stroke=%22%23F9D8A8%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M59.0 36A16.0 16.0 0 0 1 91.0 36%22 fill=%22none%22 stroke=%22%23C9E8C2%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M65.0 36A10.0 10.0 0 0 1 85.0 36%22 fill=%22none%22 stroke=%22%23BCD8F0%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3Cg transform=%22translate(36.0 20.0) scale(0.45)%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%23C7CFDA%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cg transform=%22translate(92.0 20.0) scale(0.45)%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%23C7CFDA%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; z-index: 2; }
.t-pelangi .monogram { border-color: #EFB3B3; color: #C97A7A; background: #fff; }
.t-pelangi .photo-arch { border-color: #EFB3B3; background: #fff; box-shadow: 0 24px 60px rgba(184,95,112,0.14); }
.t-pelangi .divider { color: #EFB3B3; }
.t-pelangi .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 40%22%3E%3Cpath d=%22M47.0 36A28.0 28.0 0 0 1 103.0 36%22 fill=%22none%22 stroke=%22%23F6B8B8%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M53.0 36A22.0 22.0 0 0 1 97.0 36%22 fill=%22none%22 stroke=%22%23F9D8A8%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M59.0 36A16.0 16.0 0 0 1 91.0 36%22 fill=%22none%22 stroke=%22%23C9E8C2%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M65.0 36A10.0 10.0 0 0 1 85.0 36%22 fill=%22none%22 stroke=%22%23BCD8F0%22 stroke-width=%224.5%22 stroke-linecap=%22round%22/%3E%3Cg transform=%22translate(36.0 20.0) scale(0.45)%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%23C7CFDA%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cg transform=%22translate(92.0 20.0) scale(0.45)%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%23C7CFDA%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; margin-bottom: -4px; }
.t-pelangi .btn-gold, .t-pelangi .nav-bubble { background: linear-gradient(135deg, #F1BCBC, #C67481); color: #fff; }
.t-pelangi .btn-gold { box-shadow: 0 10px 24px rgba(184,95,112,0.25); }
.t-pelangi .btn-gold:hover { background: linear-gradient(135deg, #E3B1B1, #B26874); color: #fff; }
.t-pelangi .btn-line { border-color: #F2C2C2; color: #C97A7A; background: rgba(255,255,255,0.6); }
.t-pelangi .btn-line:hover { background: #fff; color: #4E4652; }
.t-pelangi .nav-bubble { border-color: #fff; }
.t-pelangi .music-btn { background: rgba(255,255,255,0.92); }
.t-pelangi .paper, .t-pelangi .cd, .t-pelangi .wish, .t-pelangi .item { box-shadow: 0 10px 30px rgba(184,95,112,0.08); }
.t-pelangi .cd { border-color: #FBE9E4; } .t-pelangi .cd b { color: #C76B7B; }
.t-pelangi .wish, .t-pelangi .item { border-color: #FBEBE6; }
.t-pelangi .wish-name, .t-pelangi .story-year { color: #C76B7B; }
.t-pelangi .item-icon { background: #FDF4F4; color: #C97A7A; }
.t-pelangi .story-dot { background: #EFB3B3; box-shadow: 0 0 0 4px #FCF1F1; }
.t-pelangi .count-pill { background: #fff; }
.t-pelangi .bottom-nav { box-shadow: 0 -8px 30px rgba(184,95,112,0.08); border-top-color: #FBEBE6; }
.t-pelangi .tag { background: #FDF2ED; color: #8C838F; }
.t-pelangi .thanks-script { color: #C76B7B; }
.t-pelangi .lb-close { border-color: #fff; }
.t-pelangi .closing { position: relative; overflow: hidden; } .t-pelangi .closing > * { position: relative; }
.t-pelangi .closing::before { left: -30px; top: -30px; width: 150px; height: 150px; } .t-pelangi .closing::after { right: -30px; bottom: -30px; width: 150px; height: 150px; transform: rotate(180deg); }
.t-pelangi .fx-d { background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 180%22%3E%3Cpath d=%22M10.0 100A60.0 60.0 0 0 1 130.0 100%22 fill=%22none%22 stroke=%22%23F6B8B8%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M19.0 100A51.0 51.0 0 0 1 121.0 100%22 fill=%22none%22 stroke=%22%23F9D8A8%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M28.0 100A42.0 42.0 0 0 1 112.0 100%22 fill=%22none%22 stroke=%22%23F7EDA8%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M37.0 100A33.0 33.0 0 0 1 103.0 100%22 fill=%22none%22 stroke=%22%23C9E8C2%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M46.0 100A24.0 24.0 0 0 1 94.0 100%22 fill=%22none%22 stroke=%22%23BCD8F0%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cg transform=%22translate(10.0 80.0) scale(0.9)%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%23C7CFDA%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cg transform=%22translate(90.0 84.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%23C7CFDA%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cpolygon points=%22150.0,25.0 151.3,28.2 154.8,28.5 152.1,30.7 152.9,34.0 150.0,32.2 147.1,34.0 147.9,30.7 145.2,28.5 148.7,28.2%22 fill=%22%23F7D98A%22 stroke=%22%23E0B85A%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M30.0 25.0C30.8 29.2 30.8 29.2 35.0 30.0C30.8 30.8 30.8 30.8 30.0 35.0C29.2 30.8 29.2 30.8 25.0 30.0C29.2 29.2 29.2 29.2 30.0 25.0Z%22 fill=%22%23F9D8A8%22/%3E%3Ccircle cx=%22150.0%22 cy=%22130.0%22 r=%222.4%22 fill=%22%23F6B8B8%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3Ccircle cx=%22120.0%22 cy=%22150.0%22 r=%222.4%22 fill=%22%23F6B8B8%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3Ccircle cx=%2240.0%22 cy=%22150.0%22 r=%222.4%22 fill=%22%23F6B8B8%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3C/svg%3E") no-repeat center / contain; opacity: .4; }
body.t-pelangi { --page-orn: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 180%22%3E%3Cpath d=%22M10.0 100A60.0 60.0 0 0 1 130.0 100%22 fill=%22none%22 stroke=%22%23F6B8B8%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M19.0 100A51.0 51.0 0 0 1 121.0 100%22 fill=%22none%22 stroke=%22%23F9D8A8%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M28.0 100A42.0 42.0 0 0 1 112.0 100%22 fill=%22none%22 stroke=%22%23F7EDA8%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M37.0 100A33.0 33.0 0 0 1 103.0 100%22 fill=%22none%22 stroke=%22%23C9E8C2%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M46.0 100A24.0 24.0 0 0 1 94.0 100%22 fill=%22none%22 stroke=%22%23BCD8F0%22 stroke-width=%227.5%22 stroke-linecap=%22round%22/%3E%3Cg transform=%22translate(10.0 80.0) scale(0.9)%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%23C7CFDA%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cg transform=%22translate(90.0 84.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%23C7CFDA%22 stroke-width=%221.1%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3Cpolygon points=%22150.0,25.0 151.3,28.2 154.8,28.5 152.1,30.7 152.9,34.0 150.0,32.2 147.1,34.0 147.9,30.7 145.2,28.5 148.7,28.2%22 fill=%22%23F7D98A%22 stroke=%22%23E0B85A%22 stroke-width=%220.5%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M30.0 25.0C30.8 29.2 30.8 29.2 35.0 30.0C30.8 30.8 30.8 30.8 30.0 35.0C29.2 30.8 29.2 30.8 25.0 30.0C29.2 29.2 29.2 29.2 30.0 25.0Z%22 fill=%22%23F9D8A8%22/%3E%3Ccircle cx=%22150.0%22 cy=%22130.0%22 r=%222.4%22 fill=%22%23F6B8B8%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3Ccircle cx=%22120.0%22 cy=%22150.0%22 r=%222.4%22 fill=%22%23F6B8B8%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3Ccircle cx=%2240.0%22 cy=%22150.0%22 r=%222.4%22 fill=%22%23F6B8B8%22 stroke=%22none%22 stroke-width=%220.6%22/%3E%3C/svg%3E"); --page-orn-op: .3; }
body.t-pelangi { background-image: radial-gradient(circle at 0 0, rgba(252,227,227,0.39), transparent 46%), radial-gradient(circle at 100% 100%, rgba(220,239,248,0.39), transparent 48%), radial-gradient(circle at 100% 0, rgba(253,243,210,0.39), transparent 36%); background-size: 100% 100%, 100% 100%, 100% 100%; background-attachment: fixed; }