/* SỔ KHÁCH QUEN — compact mobile-first journal, isolated from mixing layout. */
.reg-shortcut{display:flex;align-items:center;gap:10px;width:calc(100% - 24px);max-width:800px;
  margin:12px auto 16px;padding:11px 14px;min-height:52px;text-align:left;box-sizing:border-box;
  border:2px solid #bf8db2;border-radius:16px;background:linear-gradient(115deg,#fff7fc,#f4e7ff);
  box-shadow:0 4px 0 #d6b6d2;color:#674665;font-family:inherit;cursor:pointer}
.reg-shortcut>span:first-child{font-size:27px}.reg-shortcut>b{font-size:1rem;white-space:nowrap}
.reg-shortcut>small{flex:1;text-align:right;font-size:.77rem;line-height:1.25;color:#89667d;font-weight:700}
.reg-shortcut>span:last-child{font-size:24px;font-weight:800}
.reg-tab-icon{font-size:27px;line-height:1;display:grid;place-items:center;width:100%;height:100%}
.reg-page{display:grid;gap:12px;max-width:860px;margin:0 auto;padding-bottom:22px;color:#674665}
.reg-intro,.reg-card,.reg-empty,.reg-count{border:2px solid #e8bed1;background:#fffafc;border-radius:18px}
.reg-intro{display:flex;gap:12px;align-items:center;padding:15px;background:linear-gradient(120deg,#fff6e7,#f9eaff)}
.reg-book{font-size:37px;flex:none}.reg-intro h2{font-size:1.35rem;margin:0 0 4px;color:#70476b}
.reg-intro p{font-size:.91rem;line-height:1.4;margin:0;color:#81677b}
.reg-empty,.reg-count{padding:14px;font-size:.9rem;line-height:1.5;color:#785b71;font-weight:700}
.reg-count{background:#f5edf8}.reg-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:12px}
.reg-card{padding:14px;display:flex;flex-direction:column;gap:9px;min-width:0;box-shadow:0 4px 0 #f2d8e2}
.reg-head{display:flex!important;align-items:center;position:static!important;margin:0!important;gap:11px;background:none!important;border:0!important;
  box-shadow:none!important;padding:0!important;width:auto!important;min-height:0!important;color:#644562!important}
.reg-avatar{width:62px;height:62px;min-width:62px;border-radius:19px;border:2px solid #ab809b;
  background:var(--reg-tone,#f5e4ef);display:grid;place-items:center;font-size:32px;box-shadow:0 3px 0 #d6b9cb}
.reg-ident{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px;line-height:1.25}
.reg-ident>b{font-size:1.16rem;color:#684468}.reg-ident>small{color:#92768c;font-size:.82rem;font-weight:700}
.reg-status{font-size:.78rem;color:#9d5177;font-weight:800}
.reg-pin{height:44px;min-width:44px;border-radius:13px;border:2px solid #cf91ac;background:#fff0f4;color:#bc7898;
  font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center}
.reg-pin.active{background:#fff1c8;color:#bc841f;border-color:#e6b663}
.reg-card>p{margin:0;font-size:.87rem;line-height:1.42;overflow-wrap:anywhere}
.reg-gu{background:#fdf2e5;border-radius:10px;padding:9px;color:#694b45}
.reg-hint{color:#78677d}.reg-memo{background:#eef8f0;padding:8px 10px;border-radius:10px;color:#366c59}
.reg-note{align-self:start;border:1.5px solid #ce9bb3;background:#fff5f9;color:#87526d;border-radius:10px;
  font-family:inherit;font-size:.86rem;font-weight:800;line-height:1.35;padding:9px 12px;min-height:44px;cursor:pointer}
.reg-timeline{border-top:1px dashed #d9a4c0;padding-top:9px;display:grid;gap:6px}
.reg-timeline>b{font-size:.9rem;color:#704b69}.reg-timeline p{font-size:.8rem;line-height:1.4;margin:0;color:#83637b}
.reg-timeline span{font-weight:800;color:#9f567b}
.reg-choice{border-radius:12px;padding:12px;background:#f2eefb;display:grid;gap:8px}
.reg-choice>b{font-size:.95rem;line-height:1.38}.reg-choice>small{font-size:.79rem;line-height:1.4;color:#796581}
.reg-choice-grid{display:grid;grid-template-columns:1fr;gap:7px}
.reg-choice-grid button{min-height:44px;border-radius:10px;border:2px solid #ccacda;padding:8px 10px;
  text-align:left;font-family:inherit;font-size:.85rem;font-weight:800;line-height:1.35;
  color:#69436b;background:#fff;cursor:pointer;overflow-wrap:anywhere}
.reg-choice-grid button.chosen{border-color:#5da887;background:#def5e8;color:#285f48}
.reg-planned{color:#317456!important;font-weight:800}
#q3stage .q3regular-face{display:grid;place-items:center;background:var(--reg-tone)!important;
  border:2px solid #916a84;box-sizing:border-box;font-size:31px;line-height:1}
#q3stage .q3reg-mark{position:absolute;left:-7px;bottom:-7px;display:grid;place-items:center;width:27px;height:27px;
  border:2px solid white;border-radius:50%;background:#ffdc8a;color:#67466d;font-size:16px;box-shadow:0 2px 0 #af7e92}
#q3stage .q3regular-hero{display:grid;place-items:center;background:var(--reg-tone)!important;
  border:4px solid #c18baa;border-radius:35px;font-size:77px;box-sizing:border-box;line-height:1}
#q3stage .q3regular-label{background:#ac658d;color:#fff}
@media(max-width:430px){
  .reg-shortcut{width:calc(100% - 18px);gap:7px;padding:10px;min-height:52px}
  .reg-shortcut>b{font-size:.88rem}.reg-shortcut>small{font-size:.7rem}
  .reg-intro{padding:12px}.reg-intro h2{font-size:1.15rem}.reg-intro p{font-size:.84rem}
  .reg-card{padding:11px}.reg-avatar{width:54px;height:54px;min-width:54px;font-size:29px}
}
@media(prefers-reduced-motion:reduce){.reg-card,.reg-shortcut{transition:none}}