/* KiraBud / 星芽 — official supplied artwork. Presentation only, v0.8.1. */
:root{--kb-navy:#1E2A5A;--kb-green:#2E8B57;--kb-leaf:#7CCB8E;--kb-gold:#F2B33D;--kb-paper:#FBF7EE;--kb-ink:#28334C;--kb-muted:#626D7F;--kb-line:#DFE3EC;--bg:var(--kb-paper);--ink:var(--kb-ink);--brand:var(--kb-navy);--brand-soft:#EDF0F8;--pm-bg:var(--kb-paper);--pm-card:var(--kb-paper);--pm-ink:var(--kb-ink);--pm-sub:var(--kb-muted);--pm-line:var(--kb-line);--pm-brand:var(--kb-navy);--pm-brand-soft:#EDF0F8;--pm-brand-line:#C8D0E4;--pm-warm:#FFF0D2;--pm-warm-ink:#805812}
body[data-mode="parent"]{background:radial-gradient(ellipse at 12% 0%,#DDE4F1 0,transparent 48%),radial-gradient(ellipse at 92% 95%,#F6E4BC 0,transparent 46%),#F2F0EB}
#pmRoot{background:var(--kb-paper);border-color:#DCE0E9;color:var(--kb-ink)}
#pmBody{background-image:radial-gradient(#1E2A5A08 .7px,transparent .7px);scrollbar-color:#BCC7D9 transparent}
#pmRoot :focus-visible{outline-color:var(--kb-green)}
#pmRoot h1,#pmRoot h2,#pmRoot h3,.pm-h1,.fam-todaycard h3,.fam-module strong,.fam-observation h3,.fam-boxtitle,.fam-boxentrytext strong{color:var(--kb-navy)}
.phone-welcome h1,.phone-verified h1,.pm-covertitle,.fam-boxtitle,#pmRoot[data-view="today"] .pm-h1{font-family:var(--pm-font);font-weight:700}
.phone-brand{display:block;margin:0 0 32px;padding:0 0 20px;border-bottom:1px solid var(--kb-line)}
.kirabud-wordmark{display:block;width:216px;height:64px;max-width:100%;object-fit:contain;object-position:left center;margin-left:-12px}
.kirabud-tagline{font-size:12px;line-height:1.8;color:var(--kb-muted);margin:10px 0 0}
.kirabud-account-brand{padding-bottom:17px;margin-bottom:22px;border-bottom:1px solid var(--kb-line)}
.kirabud-account-brand img{display:block;width:162px;height:48px;margin-left:-10px}
.fam-identity.kirabud-toolbar>span{grid-template-columns:36px minmax(0,1fr);column-gap:9px;position:relative}
.fam-identity.kirabud-toolbar>span::before{width:36px;height:44px;background:transparent url('brand/kirabud-mark-transparent.svg') center/contain no-repeat;box-shadow:none;border-radius:0;grid-row:1/3}
.fam-identity.kirabud-toolbar>span::after{display:none}
.kirabud-toolbar strong{font-size:15px;line-height:1.3;letter-spacing:.4px}.kirabud-toolbar strong em{font-style:normal;font-size:12px;letter-spacing:0;margin-left:3px;font-weight:600}.kirabud-toolbar small{font-size:10px!important;line-height:1.6!important;white-space:nowrap}
#pmBody .kirabud-toolbar .pm-link{font-size:11px;min-height:38px;padding:7px 10px;background:#EDF0F8;border-color:#D5DCEC;color:var(--kb-navy)}
.fam-identity:not(.kirabud-toolbar)>span::before{background-color:#EAF5EC;box-shadow:none}.fam-identity:not(.kirabud-toolbar)>span::after{background:var(--kb-green)}
.pm-btn,.pm-save{background:var(--kb-navy);border-color:var(--kb-navy);box-shadow:0 3px 0 #141E44;color:white}
.pm-btn.ghost{background:#FFFEFB;color:var(--kb-navy);border-color:#BFC9DE;box-shadow:0 2px 0 #E8EBF2}
.pm-btn:active:not(:disabled){box-shadow:0 1px 0 #141E44!important}
.pm-btn:disabled{background:#A5ADC1;border-color:#A5ADC1;opacity:1;color:#FFF;cursor:not-allowed}
.pm-link{color:var(--kb-navy);text-decoration-color:#A0ABC5}
.pm-tabs{background:#FFFCF6;border-color:var(--kb-line)}.pm-tab{color:var(--kb-muted)}.pm-tab.on{background:#EDF0F8;color:var(--kb-navy);box-shadow:inset 0 -2px 0 var(--kb-gold)}
.pm-quote{border-left-color:var(--kb-gold);color:#3D6950}
.pm-flowtrack{background:#E7EAF1}.pm-flowtrack span{background:linear-gradient(90deg,var(--kb-green),var(--kb-leaf))}
.pm-flowopt,.pm-flowchoice,.pm-opt,.fam-entry,.fam-observation,.pm-flowreview,.fam-todaycard{border-color:var(--kb-line);color:var(--kb-ink)}
.pm-flowopt.on,.pm-opt.on{border-color:var(--kb-green);background:#EAF5EC;color:#245E3C;box-shadow:inset 0 0 0 1px var(--kb-green),0 3px 0 #DCEBDD}
.pm-flowopt.on .pm-flowmark{background:var(--kb-green)}
.pm-chip.on{background:#EAF5EC;border-color:var(--kb-green);color:#245E3C}
.fam-input,.pm-input,.pm-note,.phone-number,.phone-code{border-color:#CDD4E2;background:#FFFEFB;color:var(--kb-ink);box-shadow:0 3px 0 #E9ECF3}
.phone-number input,.phone-code input{color:var(--kb-ink)}.phone-number>span{color:var(--kb-navy);border-color:var(--kb-line)}
.phone-number:focus-within,.phone-code:focus-within{outline-color:var(--kb-green)}
.phone-code button{background:#EDF0F8;color:var(--kb-navy)}.phone-code button:disabled{background:#ECEEF3;color:#717B90}
.phone-consent{color:var(--kb-muted)}.phone-consent input{accent-color:var(--kb-green)}
.phone-path,.pm-flash,.fam-observer{background:#EAF5EC;border-color:#CEE5D4;color:#2C6543}.phone-path strong{color:#245E3C}.phone-path p{color:#536C5C}
.phone-help,.phone-boundary p,.phone-internal p,.pm-fine,.fam-label,.phone-welcome p{color:var(--kb-muted)}
.phone-eyebrow{color:#2F744B}.phone-boundary{border-color:var(--kb-line)}.phone-boundary strong{color:#805812}
.phone-privacy{background:var(--kb-paper);border-color:var(--kb-line);color:var(--kb-ink)}.phone-privacy::backdrop{background:#1E2A5A70}
.phone-status.error,.fam-danger{color:#A13D32}
.model-connection{border-left:3px solid #7CCB8E;background:#FFFEFB}.model-connection summary{color:var(--kb-navy)}
.fam-boxentry{background:#FFF0D2;border-color:#EED9AC;box-shadow:0 4px 0 #EFE1C2}.fam-boxentry::before,.fam-boxentry::after{border-color:#DFAE50}
.fam-boxentrytext>span,.fam-boxentrytext small{color:#75613A}.fam-boxentrytext b{background:#FFFCF5;border-color:#E4C886;color:var(--kb-navy)}
.fam-boxcounts>div{background:#EAF5EC;border-color:#CEE5D4}.fam-boxcounts>div+div{background:#FFF0D2;border-color:#EED9AC}
.fam-boxstatus{background:#EDF0F8;border-color:#D5DCEC;color:var(--kb-navy)}
.fam-module{background:#EAF5EC;border-color:#CEE5D4;box-shadow:0 3px 0 #DDEBDD}.fam-module[onclick="FAM.start('C')"]{background:#FFF0D2;border-color:#EED9AC;box-shadow:0 3px 0 #EFE1C2}.fam-module[onclick="FAM.start('H')"]{background:#EDF0F8;border-color:#D5DCEC;box-shadow:0 3px 0 #E0E5F0}.fam-module[onclick="FAM.start('E')"]{background:#F2F4EE;border-color:#DFE4D8;box-shadow:0 3px 0 #E7EBDF}
@media(hover:hover){.pm-btn:hover:not(:disabled){background:#2C3D77}.pm-btn.ghost:hover:not(:disabled){background:#EDF0F8}.phone-code button:hover:not(:disabled){background:#DFE5F2}}
@media(max-width:350px){.kirabud-toolbar strong em{display:none}#pmBody .kirabud-toolbar .pm-link{font-size:10px;padding:6px 8px}.kirabud-toolbar small{font-size:9px!important}.kirabud-wordmark{width:202px;height:60px}.kirabud-tagline{font-size:11px}}
