:root{--mr-bg:#070b0f;--mr-bg2:#0b1218;--mr-panel:#0f1820;--mr-panel2:#121e27;--mr-line:rgba(137,179,192,.14);--mr-text:#eef5f7;--mr-muted:#8ea0aa;--mr-navy:#06283a;--mr-teal:#18a5ad;--mr-teal2:#0c7f8d;--mr-warn:#c9a456;--mr-red:#c65c63;--mr-shadow:0 28px 80px rgba(0,0,0,.34)}
.mr-app{background:radial-gradient(circle at 50% -15%,rgba(24,165,173,.12),transparent 34%),linear-gradient(180deg,var(--mr-bg),#080d12 65%,#06090d);color:var(--mr-text);min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}.mr-app *{box-sizing:border-box}.mr-shell{width:min(1120px,calc(100% - 34px));margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.mr-top{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mr-line)}.mr-logo{width:182px;height:auto;display:block;filter:brightness(1.7) saturate(.92);opacity:.98}.mr-region{font-size:13px;color:#b7c5ca;border:1px solid var(--mr-line);background:rgba(255,255,255,.03);padding:7px 12px;border-radius:999px}.mr-main{width:min(900px,100%);margin:0 auto;padding:86px 0 52px;flex:1}.mr-hero{text-align:center;max-width:760px;margin:0 auto 34px;transition:.25s ease}.mr-hero.compact{margin-bottom:18px;padding-top:0}.mr-hero.compact .mr-intro,.mr-hero.compact .mr-kicker{display:none}.mr-hero.compact h1{font-size:20px;color:#afc0c7;font-weight:600}.mr-kicker{font-size:11px;letter-spacing:.2em;color:#5fc6cb;font-weight:700;margin:0 0 14px}.mr-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.14;letter-spacing:-.035em;margin:0;color:#f4f8f9;font-weight:720}.mr-intro{font-size:16px;color:var(--mr-muted);max-width:690px;margin:17px auto 0}.mr-composer-zone{position:relative;z-index:2}.mr-composer{display:flex;align-items:flex-end;gap:8px;background:linear-gradient(180deg,#121d25,#0e171e);border:1px solid rgba(91,191,198,.22);border-radius:22px;padding:11px 11px 11px 18px;box-shadow:var(--mr-shadow),0 0 0 1px rgba(255,255,255,.015) inset}.mr-composer:focus-within{border-color:rgba(61,193,200,.52);box-shadow:0 28px 80px rgba(0,0,0,.34),0 0 0 3px rgba(24,165,173,.08)}.mr-composer textarea{flex:1;background:transparent;border:0;outline:0;box-shadow:none!important;color:var(--mr-text);resize:none;min-height:44px;max-height:180px;padding:10px 4px;font:500 16px/1.45 inherit}.mr-composer textarea::placeholder{color:#6e818b}.mr-mic,.mr-send{width:42px;height:42px;border:0;border-radius:13px;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.mr-mic{background:transparent;color:#9cafb7}.mr-mic svg{width:21px;fill:currentColor}.mr-mic:hover,.mr-mic.listening{background:rgba(24,165,173,.12);color:#68d1d6}.mr-mic.listening{box-shadow:0 0 0 4px rgba(24,165,173,.08)}.mr-send{background:linear-gradient(135deg,#19adb5,#087888);color:white;font-size:21px;font-weight:800}.mr-send:hover{transform:translateY(-1px);filter:brightness(1.06)}.mr-tools{display:flex;justify-content:space-between;align-items:center;padding:10px 5px 0;color:#71848e;font-size:12px}.mr-tools select{background:transparent;color:#9db0b8;border:0;outline:0;font-size:12px}.mr-tools select option{background:#111a21}.mr-functions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0 26px}.mr-functions button,.mr-functions.compact>div{appearance:none;text-align:left;color:inherit;background:linear-gradient(180deg,rgba(17,29,37,.88),rgba(11,19,25,.9));border:1px solid var(--mr-line);border-radius:17px;padding:17px;display:flex;gap:13px;min-height:104px;cursor:pointer;transition:.2s ease}.mr-functions button:hover,.mr-functions button.active{border-color:rgba(43,180,188,.5);transform:translateY(-2px);background:linear-gradient(180deg,rgba(20,38,46,.96),rgba(11,23,29,.96));box-shadow:0 16px 38px rgba(0,0,0,.22)}.mr-functions span{font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#4cc0c6;margin-top:3px}.mr-functions b{display:block;font-size:15px;color:#e8f1f3;margin-bottom:6px}.mr-functions small{display:block;color:#83959e;font-size:12.5px;line-height:1.45}.mr-coverage{margin-top:18px;padding:22px;border:1px solid var(--mr-line);border-radius:18px;background:rgba(10,17,22,.72)}.mr-coverage-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.mr-coverage small{font-size:10px;letter-spacing:.16em;color:#51b9bf;font-weight:700}.mr-coverage h2{font-size:19px;margin:4px 0 0;color:#e7eef0}.mr-phase{font-size:10px!important;color:#c6d3d7!important;padding:6px 9px;border:1px solid var(--mr-line);border-radius:999px;letter-spacing:.08em!important;white-space:nowrap}.mr-coverage p{font-size:13px;color:#7f929c;margin:13px 0 14px}.mr-opd-list,.mr-years{display:flex;gap:8px;flex-wrap:wrap}.mr-opd-list span,.mr-years span{font-size:12px;color:#b9c8cd;background:#101b22;border:1px solid rgba(105,159,174,.13);padding:7px 10px;border-radius:999px}.mr-years{margin-top:8px}.mr-years span{color:#6cc7cc}.mr-data-note{text-align:center;color:#667982;font-size:11.5px;margin:22px auto 0}.mr-chat:empty{display:none}.mr-chat{margin:0 0 20px}.mr-msg{display:grid;grid-template-columns:42px 1fr;gap:12px;margin:18px 0}.mr-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:10px;font-weight:800;letter-spacing:.04em;background:#111d25;border:1px solid var(--mr-line);color:#77ced2}.mr-msg.user .mr-avatar{color:#adbcc3}.mr-bubble{min-width:0;border-radius:16px;padding:2px 0;color:#dce8eb}.mr-msg.user .mr-bubble{color:#aebfc6}.mr-bubble p{margin:6px 0;font-size:15px}.mr-msg.loading .mr-bubble{opacity:.65}.mr-sources{margin-top:15px;padding-top:13px;border-top:1px solid var(--mr-line);display:flex;gap:7px;flex-wrap:wrap}.mr-sources>b{width:100%;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#68808b}.mr-sources a{font-size:11px;text-decoration:none;color:#9db3bb;background:#0d171d;border:1px solid var(--mr-line);padding:6px 8px;border-radius:8px}.mr-sources a span{color:#53c3c9;margin-right:5px}.mr-footer{border-top:1px solid var(--mr-line);min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#52656e;font-size:11px}.mr-footer img{width:126px;opacity:.44}.mr-network-inner{width:min(1080px,calc(100% - 34px));margin:0 auto;padding:54px 0}.mr-brand{text-align:center}.mr-brand img{width:250px;filter:brightness(1.7) saturate(.92)}.mr-brand p{color:#8ea0aa}.mr-network-copy{text-align:center;max-width:760px;margin:75px auto 30px}.mr-network-copy h1{font-size:clamp(31px,5vw,52px);letter-spacing:-.04em;line-height:1.08;margin:0}.mr-network-copy p{color:#8ea0aa;font-size:16px}.mr-functions.compact{max-width:780px;margin:30px auto}.mr-functions.compact>div{min-height:auto;align-items:center}.mr-sites{margin-top:76px}.mr-section-title small{font-size:10px;color:#46b8be;letter-spacing:.18em}.mr-section-title h2{font-size:23px;margin:6px 0 17px}.mr-site-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mr-site-grid a{display:flex;align-items:center;gap:10px;color:#dce7ea;text-decoration:none;background:#0e171d;border:1px solid var(--mr-line);border-radius:15px;padding:18px;transition:.18s}.mr-site-grid a:hover{border-color:rgba(24,165,173,.45);transform:translateY(-2px)}.mr-site-grid .dot{width:8px;height:8px;border-radius:50%;background:#24aeb6;box-shadow:0 0 0 5px rgba(36,174,182,.08)}.mr-site-grid em{margin-left:auto;font-style:normal;color:#6d818a;font-size:12px}.mr-network footer{margin-top:70px;border-top:1px solid var(--mr-line);padding-top:28px}.mr-network footer img{width:130px;opacity:.42}
@media(max-width:760px){.mr-shell{width:min(100% - 22px,1120px)}.mr-top{height:72px}.mr-logo{width:150px}.mr-main{padding:52px 0 34px}.mr-hero h1{font-size:31px}.mr-intro{font-size:14px}.mr-functions{grid-template-columns:1fr;margin-top:24px}.mr-functions button{min-height:auto}.mr-coverage-head{flex-direction:column}.mr-site-grid{grid-template-columns:1fr}.mr-footer{flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 0}.mr-brand img{width:210px}.mr-network-copy{margin-top:54px}}
/* v0.2.3 — answer writing block */
.mr-msg.assistant:not(.loading) .mr-bubble{position:relative;background:linear-gradient(180deg,rgba(15,26,34,.94),rgba(10,18,24,.94));border:1px solid rgba(105,159,174,.16);border-radius:18px;padding:18px 18px 16px;box-shadow:0 14px 36px rgba(0,0,0,.16)}
.mr-answer-tools{display:flex;justify-content:flex-end;margin:-5px -4px 8px 0}.mr-copy{border:1px solid var(--mr-line);background:#0c161c;color:#9eb3bb;border-radius:8px;padding:5px 9px;font:600 11px/1.2 inherit;cursor:pointer}.mr-copy:hover{border-color:rgba(43,180,188,.45);color:#dce8eb}.mr-answer-body{font-size:15px;color:#dce8eb;overflow-wrap:anywhere}.mr-answer-body p{margin:9px 0}.mr-answer-body p:first-child{margin-top:0}.mr-answer-body p:last-child{margin-bottom:0}.mr-answer-body h2,.mr-answer-body h3,.mr-answer-body h4{color:#f1f6f7;line-height:1.28;margin:20px 0 8px;letter-spacing:-.015em}.mr-answer-body h2:first-child,.mr-answer-body h3:first-child,.mr-answer-body h4:first-child{margin-top:0}.mr-answer-body h2{font-size:20px}.mr-answer-body h3{font-size:17px}.mr-answer-body h4{font-size:15.5px}.mr-answer-body ul,.mr-answer-body ol{margin:9px 0 12px 22px;padding:0}.mr-answer-body li{margin:5px 0;padding-left:2px}.mr-answer-body strong{color:#f0f6f7;font-weight:720}.mr-answer-body em{color:#c4d1d5}.mr-answer-body code{font:600 12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;background:#091218;border:1px solid var(--mr-line);padding:2px 5px;border-radius:5px;color:#9ed7da}.mr-answer-body blockquote{margin:12px 0;padding:10px 13px;border-left:3px solid rgba(24,165,173,.55);background:rgba(24,165,173,.05);color:#b8c9ce;border-radius:0 8px 8px 0}.mr-answer-body hr{border:0;border-top:1px solid var(--mr-line);margin:17px 0}.mr-inline-cite{color:#62c8cd;font-weight:700;font-size:.9em}.mr-table-wrap{overflow-x:auto;margin:12px 0}.mr-answer-body table{width:100%;border-collapse:collapse;font-size:12.5px}.mr-answer-body th,.mr-answer-body td{border:1px solid var(--mr-line);padding:8px 9px;text-align:left;vertical-align:top}.mr-answer-body th{background:#0b161d;color:#dfeaec;font-weight:700}.mr-answer-body td{color:#bdccd1}.mr-msg.loading .mr-answer-tools{display:none}
@media(max-width:760px){.mr-msg{grid-template-columns:34px 1fr;gap:9px}.mr-avatar{width:32px;height:32px;border-radius:10px}.mr-msg.assistant:not(.loading) .mr-bubble{padding:15px 14px}.mr-answer-body{font-size:14px}.mr-answer-body h2{font-size:18px}.mr-answer-body h3{font-size:16px}}

/* v0.2.4 — centered footer, social preview support, manual voice recording UX */
.mr-footer{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:9px;padding:26px 0 30px}
.mr-footer img{display:block;margin:0 auto;width:126px;opacity:.44}
.mr-footer span{display:block;text-align:center;width:100%}
.mr-recording-status{display:none;align-items:center;justify-content:center;gap:8px;margin:8px 0 0;padding:7px 10px;border:1px solid rgba(77,196,202,.2);border-radius:10px;background:rgba(15,35,41,.66);color:#9fd2d6;font-size:11.5px;line-height:1.3}
.mr-recording-status.show{display:flex}
.mr-recording-dot{width:8px;height:8px;border-radius:50%;background:#52d4d9;box-shadow:0 0 0 0 rgba(82,212,217,.38);animation:mr-record-pulse 1.25s ease-out infinite}
@keyframes mr-record-pulse{0%{box-shadow:0 0 0 0 rgba(82,212,217,.42)}70%{box-shadow:0 0 0 7px rgba(82,212,217,0)}100%{box-shadow:0 0 0 0 rgba(82,212,217,0)}}
.mr-mic.recording{width:auto;min-width:58px;padding:0 12px;background:rgba(23,166,174,.16);border:1px solid rgba(79,205,211,.35);color:#d9fbfd;font:800 11px/1 inherit;letter-spacing:.02em;box-shadow:0 0 0 4px rgba(24,165,173,.07)}
.mr-mic.recording:hover{background:rgba(23,166,174,.22)}
@media(max-width:760px){.mr-footer{align-items:center!important;text-align:center!important;padding:24px 0 28px}.mr-footer img{margin:0 auto}.mr-recording-status{font-size:11px}}

/* v0.2.5 — fokus rencana belanja, 4 fungsi, home logo, provider internal */
.mr-home-link{display:block;line-height:0;text-decoration:none;border-radius:10px;outline:none}
.mr-home-link:focus-visible{box-shadow:0 0 0 3px rgba(24,165,173,.18)}
#mrFunctions{grid-template-columns:repeat(2,minmax(0,1fr))}
#mrFunctions button{min-height:112px}
.mr-tools{justify-content:flex-start}
.mr-data-note a{color:#67cbd0;text-decoration:none;font-weight:700}
.mr-data-note a:hover{text-decoration:underline;color:#8adce0}
@media(max-width:760px){#mrFunctions{grid-template-columns:1fr}#mrFunctions button{min-height:auto}}

/* v0.2.7 — sumber collapsed + voice recorder server-side transcription */
.mr-source-block{margin-top:15px;padding-top:12px;border-top:1px solid var(--mr-line)}
.mr-source-toggle{appearance:none;border:1px solid var(--mr-line);background:#0c161c;color:#a9bdc4;border-radius:9px;padding:8px 11px;display:inline-flex;align-items:center;gap:7px;font:700 11px/1.2 inherit;cursor:pointer;transition:.18s ease}
.mr-source-toggle:hover{border-color:rgba(43,180,188,.45);color:#e0ecee}
.mr-source-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s ease}
.mr-source-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.mr-sources{margin-top:0;padding-top:0;border-top:0;display:flex;gap:7px;flex-wrap:wrap;max-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,opacity .2s ease,margin-top .2s ease,padding-top .2s ease}
.mr-source-toggle[aria-expanded="true"] + .mr-sources{opacity:1;margin-top:10px;padding-top:2px}
.mr-sources a{font-size:11px;text-decoration:none;color:#9db3bb;background:#0d171d;border:1px solid var(--mr-line);padding:7px 9px;border-radius:8px}
.mr-sources a span{color:#53c3c9;margin-right:5px}
.mr-mic.processing{width:52px;background:rgba(23,166,174,.10);border:1px solid rgba(79,205,211,.18);color:#8abac0;cursor:wait}
.mr-mic:disabled{opacity:.7;cursor:wait}

.mr-functions.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.mr-functions.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mr-functions.compact{grid-template-columns:1fr}}